@import url("/css/common.css");

/* -----------------Layout 1--------------------- 

width = 955px 
height = 100% 

				-------------------
				|     HEADER      |
				-------------------
				|    SUBHEADER    |
				-------------------
				|menu| breadcrumbs|
				-------------------
				|Left|Center      |
				|    |            |
				|    |            |
				|    |            |
				|    |            |
				-------------------
				| inf| brands     |
				-------------------
				

*/
/* Standard settings */ 
body {
	background-color: #ffffff;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	margin:0 auto;

}

h1 {
	font-size: 14px;
	font-weight: bold;
}

h2 {
	font-size:12px;
	font-weight: bold;
	}
h3 {
	font-size:10px;
	font-weight: bold;
}


hr {
	height:1px;
	color:#FFFFFF;
	width:100%;
	margin:0px;
}
p{
	font-size:10px;
	color:#000000;
}



/* ---------- CLASS-------------- */
.search{
	width:120px;
	border:1px solid #ffffff;
	background-color:#000000;
	height:20px;
	color:#FFFFFF;
	font-size:10px;
	padding:0px;
	margin:0px;
	float:right;
	position:relative;
	top:5px;
}
.searcbtn{
	width:40px;
	border:1px solid #ffffff;
	background-color:#000000;
	height:20px;
	color:#FFFFFF;
	font-size:10px;
	padding:0px;
	margin:0px;
	float:right;
	position:relative;
}

.contact{
	width:215px;
	height:34px;
	background-image:url(/images/contact.jpg);
	
}

.contactInfo{
	font-size:10px;
	font-weight:bold;
	margin:10px;
	position:relative;
	float:left;
}


.brand{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:10px;
	

}



/* ----------DIVS -------------- */
/* ----------container zentriert das layout-------------- */



.clearDiv{
	clear:both;
}

#left {
	width:215px;
	background-color:#f0f0f0;
	float:left;

}


#center{
	width:736px;
	background-color:#f5f5f5;
	position:relative;
	float:left;
	margin-left:4px;
}

.centerTxt{
	padding:10px;
}


#contactbrand{
	background-image:url(/images/contactbrand.jpg);
	width:956px;
	height:53px;
}

#brandDiv{
	background-image:url(/images/brandbg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:737px;
	position:relative;
	float:left;
	height:161px;
}
#contactDiv{
	width:215px;
	float:left;
	position:relative;
	height:161px;
	background-color:#f0f0f0;
}

#contactbrandContent{
	width:956px;
	overflow:visible;

}

#contactBrandSpacer{
	position:relative;
	float:left;
	width:4px;
}


#showProduct_descriptionBox{
				border:1px solid #ddd9ca;
				border-collapse:collapse;
				position:absolute;
				top:90px;
				left:20px;
				width:320px;
				height:150px;
				
			}
			
					#showProduct_tab1{
				cursor:pointer;
				position:absolute;
				top:-20px;
				left:-1px;
				width:100px;
				height:20px;
				background:url(/images/white.gif);
				background-repeat:no-repeat;
				
			}
				#showProduct_tab1 p{
					font-size:10px;
					color:#666666;
					margin-left:5px;
					margin-top:5px;
					padding:0px;
					line-height:10px;
				}
				
			#showProduct_tab2{
				position:absolute;
				top:-20px;
				left:100px;
				width:100px;
				height:20px;
				background:url(/images/grey.gif);
				background-repeat:no-repeat;
				cursor:pointer;
			}
				#showProduct_tab2 p{
					font-size:10px;
					color:#666666;
					margin-left:5px;
					margin-top:5px;
					padding:0px;
					line-height:10px;
					

				}
				
			#showProduct_tab3{
				position:absolute;
				top:-20px;
				left:200px;
				width:100px;
				height:20px;
				background:url(/images/grey.gif);
				background-repeat:no-repeat;
				cursor:pointer;
			}
			
				#showProduct_tab3 p{
					font-size:10px;
					color:#666666;
					margin-left:5px;
					margin-top:5px;
					padding:0px;
					line-height:10px;

				}
				
			#showProduct_descBoxContent1{
				position:absolute;
				left:0px;
				top:0px;
			}
			
				#showProduct_descBoxContent1 p{
				margin:10px;
				font-size:10px;
				color:#666666;
				width:200px;
				}
			#showProduct_descBoxContent2{
				position:absolute;
				left:0px;
				top:0px;
			}
			
				#showProduct_descBoxContent2 p{
				margin:10px;
				font-size:10px;
				color:#666666;
				width:200px;
				}
			#showProduct_descBoxContent3{
				position:absolute;
				left:0px;
				top:0px;
			}
			
				#showProduct_descBoxContent3 p{
				margin:10px;
				font-size:10px;
				color:#666666;
				width:200px;
				}
			
			#showProduct_orderbox{
				position:absolute;
				top:280px;
				left:20px;
				overflow:visible;
				font-size:10px;
			}	
			
				#showProduct_orderbox p{
				color:#666666;
				}
