body {
	margin:0px;
	padding:0px;
	background-image:url(../media/body_bg.gif);
	background-repeat:repeat-x;
	font-family:Tahoma, Arial, Geneva, sans-serif;
	font-weight:normal;
}
* {
	margin:0px;
	padding:0px;
}
a {
	color:#0057BF;
}
h1 {
	font-size:19px;
	color:#0861A5;
	margin-bottom:10px;
}
h3 {
	font-size:15px;
	color:#0861A5;
}
h4 {
	font-size:13px;
	color:#666;
}
#clear {
	clear:both;
}
.grey {
	color:#666;
}
.text {
	font-size:11px;
	line-height:20px;
}
.cont_weight{
	margin-top:260px;
	margin-left:260px;
}
/***************TABELLEN*************/
td {
	padding:3px;
}

.dashed_top {
	border-top: 1px dashed #CCC;
}
.dashed_bottom {
	border-bottom: 1px dashed #CCC;
}
.dashed_left {
	border-left: 1px dashed #CCC;
}

textarea {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	padding:2px;
}
.select {
	font-size:11px;
}
.select_width {
	font-size:11px;
	width:215px;
}
/***************TABELLEN ENDE*************/


#container {
	position:absolute;
	margin-left:-385px;
	left:50%;
	width: 770px;
	height:auto;
}
#top {
	position:absolute;
	top:0px;
	left:0px;
	width:730px;
}
#head {
	position:absolute;
	top:55px;
	left:0px;
	height:140px;
	width:730px;
	background-image:url(../media/head.jpg);
	background-repeat:no-repeat;	
}
#logo {
	position:absolute;
	top:55px;
	left:0px;
	height:140px;
	width:730px;
	z-index:10;
}


/*************************Login***********/
#login_left {
	float:left;
	margin-right:10px;
	margin-top:5px;
	font-size:11px;
	line-height:17px;
}
#login_middle  {
	float:left;
	margin-right:15px;
	padding-top:3px;
	margin-top:5px;
}

* html #login_middle  {
	padding-top:2px;
	margin-right:7px;
}

#login_right {
	float:left;
	font-size:11px;
	line-height:19px;
	margin-top:5px;
}
#logout {
	float:left;
	margin-right:15px;
	padding-top:3px;
	margin-top:15px;
}
.passwort a {
	font-size:11px;
	#color:#090;
	color:#0057BF;
	text-decoration:none;
}
#logout_left {
	margin-top:20px;
	font-size:9px;
	float:left;
	margin-right:15px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
}
#logout_middle  {
	margin-top:20px;
	float:left;
	margin-right:15px;
	padding-top:3px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
}
* html #logout_middle  {
	padding-top:3px;
}

#logout_right {
	margin-top:17px;
	float:left;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;

}

.input_login {
	margin-bottom:3px;
	border: 1px solid #777777;
	height:14px;
	width:110px;
	font-size:11px;
}

.login_button {
	background-color:transparent;
	height:18px;
	color:#FFF;
	font-size:9px;
	border:0px;
}

#p_imp{
	    display: none;
}
/***********************INHALT************/
#content {
	text-align:left;
	font-size:11px;
	width:510px;
	padding-left:15px;
	padding-top:25px;
	line-height:20px;
	float:left;
	margin-top:245px;
	border:0px solid #CF0;
}

/***********************BREADCRUMPS************/
.breadcrump {
	background-color:#EEEDE8;
	color:#999;
}
.breadcrump_active {
	font-weight:bold;
	background-color:#F1F0EC;
}


/*****************LINKE NAVIGATION************/
#nav_left {
	margin-top:245px;
	left:0px;
	width:203px;
	padding-bottom:10px;
	float:left;
}
#nav_left_middle a {
	text-decoration:none;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#333;
}

#nav_left ol {
    margin: 0px;
    padding: 0px;
}
#nav_left li.ebeneeins {
	list-style-image:url(../media/nav_arrow_blue.jpg);
	padding-left:1px;
	margin-right:10px;
	margin-left:20px;
	border-bottom:1px dashed #999;
}
#nav_left li.ebenezwei {
	list-style-image:url(../media/nav_arrow_green.jpg);
	padding-left:1px;
	margin-right:10px;
	margin-left:38px;
	
}
#nav_left li.ebenedrei {
	list-style-image:url(../media/nav_arrow_yellow.jpg);
	padding-left:1px;
	margin-right:10px;
	margin-left:55px;
}

.categoryMenu {
	padding-left:1px;
	margin-right:10px;
}

.categoryMenu.level0 {
	list-style-image:url(../media/nav_arrow_blue.jpg);
	margin-left:20px;
	border-bottom:1px dashed #999;
}

.categoryMenu.level1 {
	list-style-image:url(../media/nav_arrow_green.jpg);
	margin-left:38px;
}

.categoryMenu.level2 {
	list-style-image:url(../media/nav_arrow_yellow.jpg);
	margin-left:55px;
}

.categoryMenu.level3 {
	list-style-image:url(../media/nav_arrow_pink.png);
	margin-left:72px;
}

#nav_left_top {
	background-image:url(../media/nav_top.gif);
	background-repeat:no-repeat;
	height:5px;
}
* html #nav_left_top {
	margin-bottom:-18px;
}
#nav_left_middle {
	background-image:url(../media/nav_middle.gif);
	background-repeat:repeat-y;
	height:auto;
	padding-left:5px;
	font-size:12px;
	line-height:22px;
    z-index: 1!important;
}
#nav_left_bottom {
	background-image:url(../media/nav_bottom.gif);
	background-repeat:no-repeat;
	height:10px;
}

/***********************TOPNAVI************/
#suche {
	position:absolute;
	top:200px;
	left:0px;
	background-image:url(../media/search_bg.gif);
	background-repeat:no-repeat;
	width:200px;
	height:28px;
	float:left;
	padding-top:5px;
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}
.suche_input {
	width:75px;
	height:17px;
	border:1px solid #000;
}
#trennbalken_gruen {
	position:absolute;
	top:238px;
	left:0px;
	border-top:3px solid #7a7a7a;
	width:730px;
	height:0px;
}
#nav_top {
	position:absolute;
	top:196px;
	left:211px;
	height:35px;
	margin-top:4px;
	padding-bottom:3px;
	margin-bottom:5px;
}
.left-0 {
	left: 0 !important;
}
.navbar--position {
	left: 0 !important;
	float: left;
}
#tabs {
	float:left;
	width:525px;
}

#tabs ul {
	list-style:none;
	
}

#tabs li {
	display:inline;
	}

#tabs a {
	float:left;
	background:url(../media/tableft.gif) no-repeat left top;
	margin:0;
	padding-left:2px;
	text-decoration:none;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	text-transform:uppercase;
}

#tabs a span {
	float:left;
	display:block;
	background:url(../media/tabright.gif) no-repeat right top;
	padding:10px 8px 10px 8px;
	color:#FFF;
	font-weight:bold;
	margin-right:5px;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;
}
/* End IE5-Mac hack */
#tabs a:hover span {
	color:#089CDC;
	}
/*****************FOOTER************/
#leftfooter {
	float:left;
	left:0px;
	width:205px;
	height:68px;
	margin-top:5px;
}
#footer {
	float:left;
	bottom:0px;
	left:210px;
	width:520px;
	height:68px;
	text-align:right;
	font-size:11px;
	color:#404455;
	border:0px solid #CC3;
	margin-top:5px;
	
}
.footer a {
	text-decoration:none; 
	font-size:11px;
	color:#404455;
}


#footer_left {
	background-image:url(../media/footer_left.gif);
	background-repeat:no-repeat;
	width:8px;
	height:68px;
	float:left;
}
#footer_middle {
	background-image:url(../media/footer_middle.gif);
	background-repeat:repeat-x;
	width:504px;
	height:58px;
	float:left;
	padding-top:10px;
}
#footer_right {
	background-image:url(../media/footer_right.gif);
	background-repeat:no-repeat;
	width:8px;
	height:68px;
	float:left;
}
#trennbalken_grau_content {
	position:relative;
	#top:255px;
	left:0px;
	border-top:3px solid #7a7a7a;
	margin-bottom:3px;
	margin-top:30px;
	width:520px;
	height:0px;
}
#trennbalken_grau {
	position:relative;
	left:0px;
	border-top:3px solid #7a7a7a;
	width:730px;
	height:0px;
}

/***********Buttons*****************/
#info {
	background-image:url(/tpl/reseller_master/media/info_bg.gif);
	background-color:transparent;
	height:18px;
	width:18px;
	border:0px;
	background-repeat:no-repeat;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
}
#button {
	background:url(../media/button_right.gif) no-repeat right top;
	background-color:transparent;
	height:25px;
	display:inline-block;

}
* html #button {
	display:inline;
}
*:first-child+html #button{  
 /* CSS-Hack für IE7 */
	display:inline;
 } 

#button_innen {
	background:url(../media/button_left.gif) no-repeat left top;
	background-color:transparent;
	color:#FFF;
	border:0px;
	height:25px;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	padding-left:3px;
	padding-right:3px;
}
#button_small {
	background:url(../media/button_right_small.gif) no-repeat right top;
	background-color:transparent;
	height:20px;
	display:inline-block;

}
* html #button_small {
	display:inline;
}
*:first-child+html #button_small {  
 /* CSS-Hack für IE7 */
	display:inline;
 } 


#button_innen_small {
	background:url(../media/button_left_small.gif) no-repeat left top;
	background-color:transparent;
	color:#FFF;
	border:0px;
	height:20px;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:2px;
}
#button_suche {
	background:url(../media/button_right_suche.gif) no-repeat right top;
	background-color:transparent;
	height:20px;
	display:inline-block;

}
* html #button_suche  {
	display:inline;
}
*:first-child+html #button_suche {  
 /* CSS-Hack für IE7 */
	display:inline;
 } 

#button_innen_suche  {
	background:url(../media/button_left_suche.gif) no-repeat left top;
	background-color:transparent;
	color:#FFF;
	border:0px;
	height:20px;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:2px;
}
.facebook_share {
	color:#3b5998;
	margin-right:2px;
	padding-left:6px;
	height:18px;
	width:49px;
	background-image:url(/fun_projects/recode/TestFramework/modules/Facebook-Socials/media/fb.png); 
	background-repeat:no-repeat;
	background-position:5px 3px;
	background-color:#ECEEF5; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	border-color:#D1D1D1; 
	border-width: 1px; 
	border-style:solid; 
	display: inline-block;
	float: left;
	overflow: hidden;
	font-size: 11px;
	line-height: 18px;
	cursor: pointer;
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;	
}

.facebook_share_span {
	padding-left:13px;
}
.detail_info_bg {
	background: lightgrey;
}
.r1{
	left: 720px;
    position: relative;
    top: -31px;}

.formTable {
	width:100%;margin:0;padding:0;table-layout: fixed
}
.formTable tbody {
	display: block;
	width: 100%;
}
.formTable td {
	width: 25% !important;
}
.formTable input {
	width: 145px !important;
}
.formTable  tr td:nth-child(3) {
	padding-left: 32px;
}

/* PRELOGIN */
.prelogin-wrapper {
	border: 3px solid #ddd;
}

.prelogin-form input[type=text],
.prelogin-form input[type=password] {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.prelogin-form button {
	background-color: #4CAF50;
	color: white;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	cursor: pointer;
	width: 100%;
}

.prelogin-form button:hover {
	opacity: 0.8;
}

.prelogin-form .container {
	padding: 16px;
}

.prelogin-form span.psw {
	float: right;
	padding-top: 16px;
}

.login-form-block {
	margin-top: 10%;
	margin-left: 25%;
	width: 50%;
	padding: 10px;
}

.prelogin-wrapper {
	background-color: #f6f6f6;
	width: 100%;
}

.prelogin-form > .errors {
	font-size: 14px !important;
}

.prelogin-form > .errors p {
	color: #835100;
}

.prelogin-form > .errors ul {
	list-style: none;
	padding-left: 0;
}

.prelogin-form > .errors li {
	color: #8f0007;
}
/* END PRELOGIN */

.error-category {
	padding: 0.5em;
	margin-bottom: 1em;
	background: #FAF0F0;
	border: 1px solid Red;
	line-height: 1.5em;
	position: relative;

	vertical-align: middle;
}
.pw-lost-info {
	padding: 10px;
	margin: 10px 0 15px 0;
	display: block;
	box-sizing: border-box;
	font-weight: normal;
}

.pw-lost-info .title {
	font-size: 12px;
}

.pw-lost-info .list {
	margin-top: 10px;
	margin-left: 15px;
	text-align: left;
	font-size: 12px;
}

.adresse-form-space {
	margin-top: 31px;
}

.adresse-form-left {
	float: left;
	width: 4%;
	font-size: 15px;
}

.adresse-form-left input[type="checkbox"]{
	margin:10px 0px 0px 0px;
}

.adresse-form-right {
	float: left;
	width: 90%;
	font-size: 15px;
	margin:0px 0px 0px 5px;
}

.adresse-form-text {
	font-size: 11px;
}

.z-index-2 {
    position: relative !important;
    z-index: 2 !important;
}

.mt-md {
	position: relative;
	margin-top: 10px !important;
}

.msg-box {
	position: relative;
	padding: 12px;
	background-color: #d9534f;
	color: #FFFFFF;
	margin-top: 10px;
}

.msg-box.hidden {
	display: none;
}

.listPrice {
	position: relative;
}

.listPrice .spinner-animation {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 42px;
	width: 32px;
	height: 32px;
	border: 3px solid #333;
	border-bottom-color: #fff;
	border-radius: 50%;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

.row {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.row .col-xs-1 {
	width: 10%;
}

.row .col-xs-11 {
	width: 10%;
}

.amount-of-clothings {
	display: flex;
	justify-content: flex-start;
	width: 100%;
}

.position-relative {
	position: relative !important;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}