/*
 * CSS for Volkswagen Reifenservice
 *
 * Author	:	Micromata Objects GmbH
 * Created	:	2006-12-04
 */
/* basics */

html,body{margin:0;padding:0}
body{font-family:Arial, Helvetica, sans-serif;font:11px arial,sans-serif;
background-image:url(../images/bg_big.gif);
background-repeat: repeat-x;}
p{margin:0;}
#content a{font-size: 11px;	font-style: normal;	color: #3C5F8C;	text-decoration: none;line-height: 15px; font-weight: normal;padding:0;margin:0;}
#content a:hover{text-decoration:underline;}


/*backgrounds and color*/
div#container{text-align:left;background:#fff;}
div#content{padding-right:20px;width:370px;background:url(../images/contentbackgroundtwo.gif)}/*padding 20px_alt*/
div#footer{margin-top:40px; background: #fff;color: #9999A3;}
div#footer p{margin:0;padding:5px 10px}
div#marginal{float:left;width:180px;margin-left:-180px;margin-top:45px;}
div#headerbig{width:780px;height:450px;line-height:330px;margin:0;padding:0;background:#fff;color:#000;}
div#headersmall{width:780px;height:260px;line-height:330px;margin:0;padding:0;background:#fff;color:#000;}
div#header{width:780px;height:330px;line-height:330px;margin:0;padding:0;background:#fff;color:#000;}
/*floating and margin*/
div#container{clear:both;width:780px;margin:0}
div#wrapper{float:left;width:780px;}
div#content{margin: 0 210px;margin-bottom:20px;}
div#marginal{float:left;width:180px;margin-left:-180px;}
div#navigation{float:left;width:185px;margin-left:-765px;line-height:15px;}
div#footer{clear:left;width:100%; padding-top:50px;}

/*navigation*/
div#topnav{width:779px;height:20px;background:#9999A3;border-left:1px solid #fff:}
#navigation ul{margin:0;padding:0;margin-top:5px;}
#navigation li{list-style-type:none;margin:0;padding:0;}
#navigation li a{font-size:11px;color:#9999A3;text-decoration:none;font-weight:bold;}
#navigation li ul li a{font-size:10px;}
#navigation li a:hover{color:#000000;text-decoration:none;font-weight:bold;}
#navigation li ul {margin:0 0 0 15px; padding:0; }
#navigation li ul li {margin:0; padding:0;}

.selected {color:#000000;text-decoration:none;font-weight:bold;}
#navigation li.selected a{color:#000;}
#navigation li.selected ul li a{font-weight:bold; color:#9999A3;}
#navigation li ul li.selected a, #navigation li.selected ul li.selected a{font-weight:bold; color:#000;}
/*text and detailstyles*/
#wrapper .header{clear:both;font-size:15px;line-height:30px;margin:0;padding:0;margin-left:210px;}
#content p{line-height:13px}
#content .teasertext{font-size:11px;line-height:13px;margin:0;padding:0;padding-bottom:20px}

#content .productimage{border:none;}
.producttext{padding-left:10px;font-size:11px;vertical-align:top;}
#marginal p{margin:0;padding:0;}
.marginallink{margin:0;padding:0;height:20px;width:180px;line-height:10px;height:17px;margin-top:3px;}
#marginal a{padding-top:13px;}
#content .producttable{margin-bottom:20px;}

.linkfont {
	font-size: 11px;
	font-style: normal;
	color: #3c5f8c;
	text-decoration: none;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
}
a.linkfont:hover {text-decoration: underline;}

/*Metanavigation*/
#metanav
{
  	position: absolute;
  	top: 1px;
	width: 775px;
	padding-top: 3px;
	text-align: right;
	color: #9999A3;
	font-size: 10px;
	font-weight:normal;
	white-space: nowrap;
	overflow: visible;
	height: 19px;
}

#metanav a{font-size: 10px;font-weight:normal;color: #9999A3;text-decoration: none;}
#metanav a:link, #metanav a:visited, #metanav a:active{color: #9999A3;text-decoration: none;font-size: 10px;font-weight:normal;}
#metanav A:hover{color: #000000;text-decoration: none;}

/*POP-up Styles*/
.pop_bild{
	height:311px;
	width:250px;
	background-color:#eeeeee;
	float:left;
}
.pop_bild_nobackground{
	height:311px;
	width:250px;
	float:left;
}
#pop_text{
	line-height:13px;
	float:left;
	width:225px;
	background-color:#ffffff;
	padding-left:10px;
	font:Arial, Helvetica, sans-serif;
	
}

#pop_text p{
	font:Arial, Helvetica, sans-serif;
	font-weigth:bold;
}

.popup-first-heading{
	font-weight:bold; 
	line-height:13px;
}

.popup-heading{
	padding-top:15px;
	font-weight:bold; 
}


.kasten{
	margin-top:10px;
	padding-top:10px;
	padding:5px;
	background-color:#FFCC00;
	padding-bottom:10px;
}

.red{
	color:red;
	font-weight: bold;
}





/* ======================================================================= */
/* = Additional table-styles for wheels & tyres | m.schwarz@micromata.de = */
/* ======================================================================= */

.vwLanding {
	border:1px solid #CCCCD1;
	padding:0px;
	margin: 25px 0 25px 0;
	border-collapse:collapse;
	width:100%;
	
}

.even{
	background-color: #F0F0F5;
}

.odd{
	background-color: #fff;
}   


.vwLanding th{
	text-align:left;
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height:14px;
	padding: 5px 10px;
}

.vwLanding td{
	text-align:left;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height:14px;
	padding:5px 10px  ;
}

.vwLanding td.cash {
	font-weight:bold;
	text-align:right;
	padding:5px;
}

.vwLanding tr.vwplz th{
	background-color:#B9B9BE;
	vertical-align:top;
	height:30px;
}


/* ============================================================================== */
/* = Additional styles for the new partner Address, has to be tested in MSIE!!! = */
/* ============================================================================== */


#navigation ul.partneradress {
}


#navigation ul.partneradress li {
	
}

#navigation ul.partneradress li a {
		font-size: 11px;
		font-style: normal;
		color: #3c5f8c;
		text-decoration: none;
		line-height: 15px;
		font-weight: normal;
		font-variant: normal;
		background: transparent url(../images/arrow_orange.gif) no-repeat center left;
		padding-left:10px;
}

#navigation ul.partneradress li a:hover {
	text-decoration:underline;
}

#navigation h3 {
	margin-top:50px;
	border-top: 1px solid #B9B9BE;
	padding-top:5px;
	font: bold 11px Arial, Helvetica, sans-serif;
	width:180px;
}

