/* start basislay*/

/* OLD
#xD16D48 = Bruin
#x006B6E = Groen
#xCCA799 = Lichtbruin
#xEDEDE9 = Lichtgroen
*/

/* Blauw
#606060 = donker grijs
#808080 = lichtgrijs
#D0D0D0 = heel lichtgrijs
#x1B97B1 = iets van blauw
#x9BC1C2 = hoverblauw
*/

/* Rood
#606060 = donker grijs
#808080 = lichtgrijs
#D0D0D0 = heel lichtgrijs
#xB10223 = iets van rood
#660000 = iets van rood
#bbbbbb = hovergrijs
*/

* {margin:0; padding:0;}
html {overflow-x:hidden;}
html, body {height:100%;	min-height:100%; background:url(../image/web/back.jpg) top repeat-x;}
body,td,li,p,input{font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 11px; color:#606060;}
a, a:link, a:visited, a:hover {color:#606060;}
.txtlnk{ text-decoration:none;}
#footprint{display:block; width:760px; margin-left:auto; margin-right:auto;}
#headercontainer{display:block; clear:both; height:auto;}
#logocontainer{display:block; clear:both; height:75px;}
#menucontainer{display:block; clear:both; height:25px;}
#submenucontainer{display:block; width:135px; border-bottom:#FFFFFF 1px solid;}
#submenucontainer h2{display:block; margin-bottom:3px; padding-left:3px; height:18px; text-transform:uppercase; text-align:left; font-size:14px; color:#fff; background:url(../image/web/itemback.gif) top repeat-x;}
h2 a, h2 a:link, h2 a:visited, h2 a:hover{color:#fff; text-decoration:none;}
#container{display:block; padding:5px; border:#808080 4px solid; background:#fff url(../image/web/backrechts.jpg) right top no-repeat;}
#contentcontainer{display:block; width:100%; clear:both; height:400px; background-color:#FFFFFF;}
#leftcontent{display:block; float:left; width:135px;}
#centercontent{display:block; float:left; margin-left:5px; width:auto;}
#rightcontent{display:block; float:right; width:180px;}
#footercontainer{display:block; width:100%; clear:both; margin:0 5px 5px 5px; text-align:center;}
div#punchl {float:left; width:auto; text-align:center; padding:1px 5px 1px 1px; margin:2px 5px;}
div#punchr {float:right; width:auto; padding:1px 1px 0 5px; margin:2px 15px 2px 0px;}
.horLine {display:block; clear:both; height:1px; line-height:1px; font-size:1px; background-color:#606060;}
.foo{display:block; clear:both; width:100%; height:5px; line-height:5px; font-size: 5px;}
.itemkop{display:block; clear:both; width:100%; padding-left:3px; height:18px; font-size:14px; font-weight:bold; color:#fff; background:url(../image/web/itemback.gif) top repeat-x;}


/* +-+-+-+-+- header +-+-+-+-+- */
#logo{float:left; width:225px; text-align:left;}
#payoff{float:left; width:535px; padding:32px 0 0 0; text-align:right; font-size:14px; font-weight:bold; color:#fff;}

/* +-+-+-+-+- footer +-+-+-+-+- */
#naw{margin:0 auto; text-align:center; color:#c0c0c0;}
#naw a{text-decoration:none; color:#fff;}
#naw a:hover{text-decoration:underline;}

/* +-+-+-+-+- footer navigatie +-+-+-+-+- */
#footercontainer ul{width:100%; font-weight:bold;}
#footercontainer ul li{display:inline;}
#footercontainer ul li a{color:#c0c0c0; padding-right:10px; text-decoration:none;}
/* verberg voor IE5-Mac \*/
#footercontainer ul li a {float:none;}
/* Einde IE5-Mac hack */
#footercontainer ul li:hover a{color:#ffffff; }
/* +-+-+-+-+- site navigatie +-+-+-+-+- */
#nav{
	float:left;
	font-weight:bold;
}

html>body #nav{ /* MSIE positie hack */
	margin-left:-1px;
	background:url(../image/web/px.gif) no-repeat <strong>4px</strong> 100% #fff;
}

#nav li{
	float:left;
	margin:0 0 0 1px;
	padding:0 0 0 10px ;
	list-style-type:none;
	border-bottom:0px solid #fff;
}

#nav li a{
	float:left;
	display:block;
	padding:0 10px 0 0;
	color:#fff;	
	font:bold 11px/25px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
}

/* verberg voor IE5-Mac \*/
#nav li a {float:none;}
/* Einde IE5-Mac hack */

#nav li.cur, #nav li.over, #nav li:hover{text-shadow:none;}

#nav li strong, ul#nav li.cur a, ul#nav li.over a, ul#nav li:hover a{
	display:block;
	padding:0 10px 0 0;
	color:#fff;
	text-decoration:none;
}
#nav li{background:url(../image/web/px.gif) #606060 top left no-repeat;}
#nav li a{background:url(../image/menu/web/px.gif) transparent top right no-repeat;}
#nav li.cur, #nav li.over, #nav li:hover{background:url(../image/web/menu_hover.gif) top left no-repeat;}
#nav li strong, ul#nav li.cur a, ul#nav li.over a, ul#nav li:hover a{background:url(../image/web/menu_hover.gif) transparent top right no-repeat;}

/* +-+-+-+-+- submenu navigatie +-+-+-+-+- */
#subnav{
	clear:both;
	float:left;
	font-weight:bold;
}
#subnav li{
	list-style-type:none;
}

#subnav li a{
	display:block;
	width:135px;
	line-height:12px;
	color:#606060;	
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

/* verberg voor IE5-Mac \*/
#subnav li a {float:none;}
/* Einde IE5-Mac hack */

#subnav li.cur, #subnav li.over, #subnav li:hover{text-shadow:none;}

#subnav li strong, ul#subnav li.cur a, ul#subnav li.over a, ul#subnav li:hover a{
	display:block;
	color:#fff;
	text-decoration:none;
}
#subnav li{background:url(../image/web/px.gif) top left no-repeat;}
#subnav li a{background:url(../image/menu/web/px.gif) transparent top right no-repeat;}
#subnav li.cur, #subnav li.over, #subnav li:hover{background:url(../image/web/px.gif) #bbbbbb top left no-repeat;}
#subnav li strong, ul#subnav li.cur a, ul#subnav li.over a, ul#subnav li:hover a{background:url(../image/web/px.gif) transparent top right no-repeat;}
/* +-+-+-+-+- merken +-+-+-+-+- */
#artikelnaam{padding-top:15px;font-size:28px; font-weight:bold;}
#artikeltext{font-size:18px; font-weight:bold;}
#artikeltitel{font-size:18px; font-weight:bold; color:#660000;}
#merkenlogo{display:block; background-color:#fff; border:#660000 1px solid;}
#merkenrij{display:block; margin-top:10px;}
.merkenplaatje{display:block; float:left; background-color:#fff; margin-right:1px; border:#660000 1px solid;}
#plaatjegroot{display:block; margin-top:20px;}
/* +-+-+-+-+- Nieuws +-+-+-+-+- */
.nwsblok{width:100%; background: url(../image/web/nwsback.jpg) top repeat-x; border-left:#808080 0px solid; margin-bottom:10px;}
.nwswrapper{margin:5px;}
.nwsheader{font-size:14px; font-weight:bold; color:#606060;}
.nwssubheader{line-height:12px; font-weight:bold; color:#808080;}
.nwstekst{clear:left;}
#berichtkader{display:block; width:390px;}
/* +-+-+-+-+- occasions +-+-+-+-+- */
.occblok{width:380px; background: url(../image/web/divback.gif) top repeat-x; border:#808080 1px solid; margin-bottom:10px; padding:10px;}
.occheader{line-height:20px; font-size:18px; font-weight:bold; color:#606060;}
.occsubheader{line-height:14px; font-size:12px; font-weight:bold; color:#808080;}
.occtekst{font-size:11px; clear:left;}
.occreserveren{ text-transform:uppercase; font-weight:bold;}
.occblok ul{margin-left:20px;}
/* +-+-+-+-+- formulier +-+-+-+-+- */
#formcontainer{display:block;}
.frm_row{display:block; width:335px;line-height:23px; height:23px; vertical-align:middle; clear:left;}
#formcontainer input, #formcontainer select, #formcontainer label, #formcontainer textarea{display:block; float:left; font-size:11px;}
#formcontainer input, #formcontainer select,  #formcontainer textarea{margin-top:3px;}
#formcontainer input, #formcontainer textarea{width:200px;}
#formcontainer .small{width:70px;}
#formcontainer label{width:130px;}
#tablecatch{display:block;float:left;}
#tablecatch label, #tablecatch input{display:inline;}
#tablecatch{width:190px;}
#tablecatch label{line-height:23px; width:40px;}
#tablecatch input{line-height:23px; width:40px; vertical-align:bottom;}
#sendline {display:block; clear:left; margin-top:40px; text-align:center;}
#sendbutton{height:25px; border:none; cursor:hand; cursor:pointer;}
/* +-+-+-+-+- Sitemap +-+-+-+-+- */
#sm_root{font-size:12px; text-transform:uppercase; font-weight:bold; margin-top:10px; color:#606060;}
#sm_root a{color:#606060;}
#sm_first{margin-left:20px;}
#sm_first a, #sm_root a{text-decoration:none;}
#sm_first a:hover, #sm_root a:hover{text-decoration: underline;}
#sm_first li{font-size:11px; text-transform:uppercase; font-weight:bold; margin-top:10px;}
#sm_second{margin-left:30px;}
#sm_second li{font-size:10px; font-weight:bold; text-transform: none; margin-top:0;}
#sm_third{margin-left:40px;}
#sm_third li{font-size:10px;font-weight: normal; text-transform: none; margin-top:0;}
#sm_fourth{margin-left:40px;}
#sm_fourth li{font-size:10px;font-weight: normal; text-transform: none; margin-top:0;}