*{padding:0; margin:0;}
body {font-size:62.5%; background-color:rgb(0,0,0); font-family:verdana,arial,sans-serif;}
.page-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.main {clear:both; width:900px; padding-bottom:10px; background:transparent url(../img/bg_main_withnav.jpg) top left repeat-y;}
.main-navigation-cycling {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; background:transparent url(../img/menu-cycling.gif) top left no-repeat;}
.main-navigation-karting {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; background:transparent url(../img/menu-karting.gif) top left no-repeat;}
.main-navigation-motor {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; background:transparent url(../img/menu-motor.gif) top left no-repeat;}
.main-navigation-racing {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; background:transparent url(../img/menu-racing.gif) top left no-repeat;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:475px; margin:0 0 0 15px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:185px; margin:0 5px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {width:900px; height:25px; margin:0px auto; font-size:1.0em;}

.header {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top-cycling {width:900px; height:230px; background:rgb(230,230,230) url(../img/header-cycling.gif); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-top-motor {width:900px; height:230px; background:rgb(230,230,230) url(../img/header-motor.gif); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-top-racing {width:900px; height:230px; background:rgb(230,230,230) url(../img/header-racing.gif); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-top-karting {width:900px; height:230px; background:rgb(230,230,230) url(../img/header-karting.gif); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:900px; height:40px; background:rgb(0,0,0);}
.header-witregel {clear:both; width:900px; height:15px; background:rgb(255,204,0);}

.flags {width:500px; position:absolute; z-index:2; margin:210px 0 0 0; margin-left:410px !important /*Non-IE6*/; margin-left:413px /*IE6*/;}
.flags ul {float:right; padding:0 15px 0 0;}
.flags li {display:inline; list-style:none; font-size:12px; color:#FFFFFF;}
.flags li a {padding:0 0 0 3px;}
.flags a:hover {text-decoration:none;}
.flags a img {height:14px; border:none;}

.site {width:375px; position:absolute; margin:210px 0 0 0;}
.site ul {float:left; padding:0 20px 0 2px;}
.site li {display:inline; list-style:none; font-size:12px; color:#FFFFFF; font-weight:bold;}
.site li a {padding:0 0 0 3px; color:#FFFFFF; text-decoration:none;}
.site a:hover {text-decoration:none; color:#FFFFFF; text-decoration:underline;}

.nav-top {float:left; width:900px; border:none; background:rgb(0,0,0) url(../img/ceradure-logo-100x40.jpg) top right no-repeat; color:rgb(75,75,75); font-size:130%;} /*Color navigation bar normal mode*/
.nav-top ul {list-style-type:none;}
.nav-top ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.nav-top ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(255,204,0);}
.nav-top ul li:hover a {background-color:rgb(50,50,50); text-decoration:none;}
.nav-top ul li a:hover {background-color:rgb(50,50,50); text-decoration:none;}

.nav-left {width:199px;}
.nav-left dt a, .nav-left dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 15px; text-decoration:none; color:rgb(0,0,0); font-weight:bold; font-size:120%;}
.nav-left dd a, .nav-left dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(0,0,0); font-size:120%;}
.nav-left dt a:hover, .nav-left dd a:hover {color:rgb(0,0,0); text-decoration:underline;}

.main-navigation-cycling h1.first, .main-navigation-motor h1.first, .main-navigation-karting h1.first, .main-navigation-racing h1.first {clear:both; margin:0px; padding:4px 20px 3px 15px; background-color:rgb(0,0,0); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation-cycling h1, .main-navigation-motor h1, .main-navigation-karting h1, .main-navigation-racing h1 {clear:both; margin: 20px 0px 20px 0px; padding:4px 20px 3px 15px; background:rgb(0,0,0); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation-cycling p, .main-navigation-motor p, .main-navigation-karting p, .main-navigation-racing p {clear:both; margin: 0px 10px 10px 15px; color:rgb(0,0,0); line-height:1.3em; font-size:110%;}
.main-navigation-cycling .round-border-topright, .main-navigation-motor .round-border-topright, .main-navigation-karting .round-border-topright, .main-navigation-racing .round-border-topright {width:10px; height:10px; position:absolute; z-index:100; margin:0 0 0 190px; background:url(../img/bg_corner_topright.gif) no-repeat;}

.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; background-color:rgb(0,0,0); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:rgb(0,0,0); line-height:1.3em; font-size:110%;}
.main-subcontent p a {color:rgb(0,0,0); font-style:italic; text-decoration:none;}
.main-subcontent p a:hover {color:rgb(0,0,0); font-style:italic; text-decoration:underline;}

.main-content h1.pagetitle {margin:0 0 20px 0; border-bottom:solid 2px rgb(0,0,0); color:rgb(0,0,0); font-size:200%;}
.main-content div.goed {width:450px; background:rgb(200,168,45) url(../img/goed.gif) center left no-repeat; padding:5px 5px 5px 20px; border:solid 1px rgb(0,0,0); color:rgb(51,153,0); font-weight:bold;}
.main-content div.fout {width:450px; background:rgb(200,168,45) url(../img/fout.gif) center left no-repeat; padding:5px 5px 5px 20px; border:solid 1px rgb(0,0,0); color:rgb(255,0,0); font-weight:bold;}
.main-content {color:rgb(0,0,0); font-size:110%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:62,5%;}
.main-content a {color:rgb(0,0,0); text-decoration:none; font-size:62,5%;}
.main-content a:hover {color:rgb(0,0,0); text-decoration:underline; font-size:62,5%;}

.form {width:450px; margin:1.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(0,0,0); background:rgb(200,168,45);}
.form fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(0,0,0);}
.form fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 10px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(0,0,0); font-weight:bold; font-size:130%;}
.form label.left {float:left; width:120px; margin:0 0 0 10px; padding:2px; font-size:110%; font-weight:bold;}
.form label.right {float:right; width:300px; margin:0 0 0 10px; padding:2px; font-size:110%; font-weight:normal;}
.form select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-size:110%;}
.form input.veld {width:300px; padding:2px; border:solid 1px rgb(200,200,200); font-size:110%;}
.form input.veld-small {width:50px; padding:2px; border:solid 1px rgb(200,200,200); font-size:110%;}
.form textarea {width:300px; padding:2px; border:solid 1px rgb(200,200,200); font-size:110%;}
.form input.button {float:right; width:9.0em; margin-right:10px; padding:2px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(0,0,0); text-align:center; color:rgb(0,0,0); font-size:110%;}
.form input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.home {width:450px; margin:1.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(0,0,0); background:rgb(200,168,45);}
.home fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(0,0,0);}
.home fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 10px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(0,0,0); font-weight:bold; font-size:130%;}
.home input.veld {width:320px; padding:2px; border:solid 1px rgb(200,200,200); font-size:110%;}
.home input.button {float:right; width:9.0em; margin-right:10px; padding:2px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(0,0,0); text-align:center; color:rgb(0,0,0); font-size:110%;}
.home input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.products {width:463px; border:solid 1px rgb(0,0,0); background:rgb(200,168,45); padding:5px 5px 5px 5px;}
.products-left {width:205px; height:20px; float:left; background:rgb(0,0,0); padding-top:3px; padding-left:5px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:100%;}
.products-right {width:248px; height:20px; float:right; background:rgb(0,0,0); text-align:right; padding-top:3px; padding-right:5px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:100%;}
.products-picture {width:200px; float:left;}
.products-description {width:263px; float:right; color:rgb(0,0,0); font-size:100%;}

.product-choose { width: 463px; padding: 0px; clear: both; }
.product-choose ul{ margin: 0px; padding: 0px; list-style: none; }
.product-choose li a { height: 15px; text-decoration: none; color: rgb(0,0,0); display: block; padding: 3px 0 3px 10px; font-size: 120%; }
.product-choose li a:hover { background: rgb(0,0,0); text-decoration: none; background:rgb(191,160,39); padding: 3px 0 3px 10px; font-size: 120%; }
.product-choose .nolink a { height: 15px; text-decoration: none; color: rgb(0,0,0); display: block; padding: 3px 0 3px 10px; font-size: 100%; }
.product-choose .nolink a:hover { background: none; text-decoration: none; padding: 3px 0 3px 10px; font-size: 100%; }

.index-choose {width: 170px;}
.index-choose ul{list-style: none;}
.index-choose li a { text-align:left; text-decoration: none; color: rgb(255,204,0); display: block; padding: 5px 0 5px 10px; font-size: 400%; }
.index-choose li a:hover { text-decoration: none; background:rgb(15,15,15); color: rgb(170,140,40);}

.login {width:450px; margin:1.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(0,0,0); background:rgb(200,168,45);}
.login fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(0,0,0);}
.login fieldset legend {margin:0 0 10px 15px !important /*Non-IE*/; margin:0 0 10px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(0,0,0); font-weight:bold; font-size:130%;}
.login label.left {float:left; width:150px; margin:0 0 0 10px; padding:2px; font-size:110%; font-weight:bold;}
.login input.veld {width:250px; padding:2px; border:solid 1px rgb(200,200,200); font-size:110%;}
.login input.button {float:right; width:9.0em; margin-right:28px; padding:2px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(0,0,0); text-align:center; color:rgb(0,0,0); font-size:110%;}
.login input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.logon input.veld {width:160px; padding:2px; border:solid 1px rgb(200,200,200); font-size:110%;}
.logon input.button {float:right; width:9.0em; margin-right:28px; padding:2px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(0,0,0); text-align:center; color:rgb(0,0,0); font-size:110%;}
.logon input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.basket {width:25px; padding:2px; border:solid 1px rgb(200,200,200); font-size:110%;}

.column1-unit {width:475px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.subcontent-unit-border {width:183px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px rgb(0,0,0); background:rgb(200,168,45);}
.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:174px;}

.footer p {line-height:1.3em; text-align:center; color:rgb(255,204,0); font-weight:bold; font-size:110%;}
.footer a {text-decoration:none; color:rgb(255,204,0);}
.footer a:hover {text-decoration:underline; color:rgb(255,204,0);}
.footer a:visited {color:rgb(255,204,0);}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}