/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.3em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;min-width:950px;}#doc3{margin:auto 10px;width:auto;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,.yui-ge .yui-u,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g{width:49.1%;}.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u{width:48.1%;}.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge .yui-u{width:24%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-gf div.first{width:24%;}.yui-ge div.first{width:74.2%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}




/*  --------------------------- CSS Document  --------------------------- */
/*  ----------- This is the Style Sheet from www.carworld.info  ----------- */



/*----------- Algemeen -------------*/

#html, #body {
	background-image: url("../img/bg.gif");
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	background-position: top left
	height: 100%;
	width: 100%;
/*	background: #FFFFFF;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #550900;
}

fieldset {
border: 1px solid #550900;
border-style: solid;
border-color:#550900;
margin: 0 0 15px 0;
}
 






.standaardopmaak {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;}

.buttons {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #FFFFFF;}



/*-------- MENU 1 ----------*/




#menu {
  float:right;
  margin:0 0 0px 0px;
  padding:0 1px 0 0;
  }

#menu1 li {
  float:left;
  background:url("../img/knoppen_a.gif")
  no-repeat left top;
  margin:0 0 0 0;
  padding:0 0 0 1px;
  }
#menu1 a {
  float:left;
  display:block;
  background:url("../img/knoppen_b.gif")
  no-repeat right top;
  padding:5px 20px 4px 20px;
  text-decoration:none;
  font-weight:bold;
  color:#FFFFFF;
  }

#menu1 li:hover, #header li:hover a {
  background-position:0% -26px;
  color:#FFCCCC;
	text-decoration:underline;  }
#menu1 li:hover a {
  background-position:100% -26px;
  }
  
#menu1 #current {
  background-position:0% -26px;
  border-width:0;
  }
#menu1 #current a {
  background-position:100% -26px;
  padding-bottom:5px;
  color:#FFCCCC;
  text-decoration:underline;
}


#home #nav-home, #news #nav-brands,
#books #nav-books, 
#designers #nav-designers,
#links #nav-links {
  background-position:0% -26px;
  border-width:0;
}
#home #nav-home a, 
#brands #nav-news a,
#books #nav-books a, 
#designers #nav-designers a,
#links #nav-links a {
  background-position:100% -26px;
  color:#333;
  padding-bottom:5px;
}



/*-------- KOPTEKSTEN ----------*/

h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
color:#550900;
font-weight:bold;}

#h1_orange {
	background-image:url(../img/h1_bg_orange.gif);
	width: 580px;
	background-repeat: no-repeat;
}
	
#trpad_30 {
padding: 30px 30px 0 30px;
}

#rpad_17 {
padding: 0 0px 0 50px;
}

#rpad_30 {
padding: 0 30px 0 30px;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
color:#550900;
font-weight:bold;}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 8px;
color:#550900;
font-weight:bold;}

h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 6px;
color:#550900;
font-weight:bold;}

h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
color:#550900;
font-weight:bold;}

.beschrijving{
font-size:10px;
color:#550900;
font-family:Verdana, Arial, Helvetica, sans-serif;}

.text{
font-size:12px;
color:#550900;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.style1 {color: #FFFFFF}
.buttons1 {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color: #FFFFFF;
}
.groot2 {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
font-weight:bold;
color: #FFFFFF;
}
.menuopmaak1 {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#990000;
}
.menuopmaak3 {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
}
.style2 {font-size: 4px;
color:#990000;
}

/* Google imitatie opmaak */

.merk {
color:#FFFFFF;
text-decoration:underline;
}
.links {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:11px;
color:#990000;
text-decoration:underline;}

.brandlink {
color:#000000;
}

a {
color:#FFFFFF;
text-decoration:none;
decoration:none;
font-weight: bold
}

a:hover {
color:#FFCCCC;
text-decoration:underline;
}

#link_red {
color:#990000;
}

#link_red:hover {
color:#550900;
}

#link_red_go {
	text-decoration:underline;
	font-size:11px;
	font-family:verdana,arial,sans-serif;
	line-height:14px;
	color:#990000;
}

#link_red_go:hover {
color:#550900;
}

#footer_title_go{
	color:#000000;
	font-size:10px;
	font-family:verdana,arial,sans-serif;
	font-weight:normal;
	line-height:13px;
	text-decoration:underline;
}

#text_go {
	font-size:10px;
	font-family:verdana,arial,sans-serif;
	font-weight:normal;
	color:#660000;
	line-height:12px;
}

#searchinputtext {
	border-style:solid;
	border-color:#660000;
	border-width: thin;
	font-size: 11px;
	height:16px;
}

#searchinputpull {
	border-style:solid;
	border-color:#660000;
	border-width: thin;
	font-size: 11px;
	height:17px;
}

/*-------- RSS ----------*/

#rss1 {
  float:left;
  display:block;
  width: 250px;
  padding:0 20px 0 0;
}

#rss2 {
  float:left;
  display:block;
  width: 250px;
}
#smalltext {
	font-size: 10px;
}

#smalltextwhite {
	color:#FFFFFF;
	font-size: 10px;
}
/*-------- Books ----------*/


#buybooktop{
	width:198px;
	height: 31px;
	background-image: url(../img/menu2_top.gif);
	background-repeat: no-repeat;
}

#book_top {
	width:162px;
	height: 9px;
	background-image: url("../img/book_top.gif");
	background-repeat: no-repeat;
}

#book_middle {
	width:162px;
	height: 100%;
	padding: 0 0 0 10px;
	background-image: url("../img/book_middle.gif");
	background-repeat: repeat-y;
}
#book_bottom {
	width:162px;
	height: 11px;
	background-image: url("../img/book_bottom.gif");
	background-repeat: no-repeat;
}

#bottombanner {
padding: 20px 39px 0 39px;
}

/*-------- Pagina opmaak ----------*/

#frame {
	width:778px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
}
#contentbar {
	background-image: url("../img/content_bg.gif");
	background-repeat: repeat-y;
	background-position: top left
	width:778px;
	height: 100%;
}
#leftbar {
	width:198px;
	padding:0px;
	float:left;
}
#center {
	width:300px;
	padding:0px;
	float:left;
}
#rightbar {
	width:280px;
	padding:0px;
	float:left;
}
#content {
	width:580px;
	padding:0px;
	float:left;
}
#header {
	height: 100px;
}

#searchbar {
	height: 52px;
}
#bottombar {
	background: #FFFFFF;
	clear: both;
	background-image: url(../img/bottom_bg.gif);
	background-repeat: no-repeat;
	height: 100px;
}

/*-------- Knoppen ----------*/

#search {
	position: relative; right: 0px; bottom: 0px;
	background-image: url(../img/search_bottom.gif);
	vertical-align:middle; 
	background-repeat: no-repeat;
	height: 22px;
	width: 75px;
}
#search:hover {
	background-image: url(../img/search_bottom.gif);
  background-position: 0 -22px;
	height: 22px;
	width: 75px;
}
#search:active {
	background-image: url(../img/search_bottom.gif);
  background-position: 0 -44px;
	height: 22px;
	width: 75px;
}


/*------------------  Main body

.thetable		{
position: relative;
display: table; 
width: 100%;
margin: 0;
padding: 0;
border: 0; 
clear: both;
border-spacing: 0; /* required by Opera 6 */
}

 /* hide this from opera6 */
head:first-child+body div.thetable {height: 100%;}

.tablerow		{display: table-row;}

.tablecell	{
display: table-cell;
border: 0;
padding: 0;
margin: 0;
vertical-align: top;
min-height: 100%; /* opera6 needs min-height but moz/IE needs height */
}

 /* hide this from opera6 */
head:first-child+body div.tablecell {height: 100%;}
/* added for mozilla which worked for others too, but op6 still needed min-height so hide this rule */

.one				{
background: #FFFFFF;
width: 50%;
background-image: url("../img/bg.gif");
background-repeat: repeat-x;
position: relative;
}
.two				{
background: #FFFFFF;
width: 778px;
position: relative;
}
.three			{
background: #FFFFFF;
width: 50%;
background-image: url("../img/bg.gif");
background-repeat: repeat-x;
position: relative;
}

.four				{
background: #FFCC99;
width: 50%;
/*background-image: url("../img/bg.gif");
background-repeat: repeat-x;*/
position: relative;
}
.five			{
background: #FFCC99;
width: 778px;
/*background-image: url("../img/bg.gif");
background-repeat: repeat-x;*/
position: relative;
}

.six			{
background: #FFCC99;
width: 50%;
/*background-image: url("../img/bg.gif");
background-repeat: repeat-x;*/
position: relative;
}

#footer			{
background: #FFCC99;
clear: both; 
position: relative;
height: 40px; 
margin-top: -40px;
margin-bottom: 40px; /* required for Opera 6 to show background color but others don't like it so hide the value of 0 from it */
}

 /* hide this from opera6 */
head:first-child+body div#footer {margin-bottom: 0;}

#bd {
	background-image: url("../img/content_bg.gif");
	background-repeat: repeat-y;
	height: 100%;
}

#doc {
margin:auto;text-align:left; /* leave unchanged */ 
width:59.85em;/* non-IE */ 
*width:58.40em;/* IE */ 
min-width:778px;/* optional but recommended */ 
} 