/*		------	layout	------		*/
html {
padding:0px;
margin:0px;
}

body{
margin:0px;
padding:0;
text-align: center;
font-family: Verdana, sans-serif;
font-size:11px;
color:#000;
background: #DCDCDC url(i/bg_nw.jpg) top repeat-y;
}

#container{
margin:0 auto;
width: 1000px;
text-align: left;
background:#fff;
}

#links{
width:770px;
float:left;
}

#rechts{
width:205px;
float:left;
padding:0px 0 0 10px;
text-align:left;
}

#rechts img{
width:180px;
}


#footer{
width:980px;
text-align:center;
padding:10px;
border-top:1px dotted #fc0000;
}

.detail{
width:196px;
margin: 130px 10px 0 0;
border:1px solid #0950a2;
padding:2px;
text-align:center;
}

.space{
clear:both;
}

#aanbieding{
width:200px;
margin: 0 0px 10px 0;
padding:  5px 0;
border: 2px solid #0950a2;
text-align:center;
height:340px;
overflow:hidden;
}

.aanbieding{
width:200px;
margin: 0 0px 10px 0;
padding:  5px 0;
border: 2px solid #0950a2;
text-align:center;
height:280px;
z-index:50;
}



.merk{
font-size:15px;
font-weight:bold;
padding:2px;
border:1px solid #0950a2;
margin:0;
width:146px;
display:block;
text-align:center;
}

.titel{
color: #0950A2;
font-weight:bold;
font-size:12px;
}

.prijs{
width:150px;
height:78px;
background: url(i/prijssticker.jpg) no-repeat;
color:#fff;
font-weight:bold;
font-size:14px;
line-height:85px;
margin:2px auto;
}

.prijs_klein{
width:100px;
height:52px;
background: url(i/prijssticker_kl.jpg);
color:#fff;
font-weight:bold;
font-size:11px;
line-height:54px;
text-align:center;
margin:2px auto;
}

.meer_info{
background-image:url(i/link.jpg);
background-repeat: no-repeat;
background-position:left ;
text-decoration:none;
color:#0950A2;
font-weight:bold;
padding:10px 0 10px 30px;
height:29px;
line-height:29px;
}

.meer_info_kl{
background-image:url(i/link_kl.jpg);
background-repeat: no-repeat;
background-position:left ;
text-decoration:none;
color:#0950A2;
font-weight:bold;
padding:6px 0 6px 20px;
height:15px;
line-height:15px;
}


#header{
margin:0;
padding:0;
width:1000px;
height:100px;
background:  url(i/header_nw.jpg);
}

#header img{
margin-left:200px;
border:0;
}

#header a{
border:0;
text-decoration:none;
}

#nav {background:#0950A0; height:28px; font:bold 12px/28px arial, sans-serif; width:1000px; margin:0 auto 10px auto; position:relative;}
#nav ul {margin:0; padding:0; list-style:none;}
#nav ul.menu {position:absolute; overflow:hidden;}
#nav .menu .level1-li {float:left; width:125px; margin-top:-700px;}
#nav .menu a {display:block; width:125px; text-decoration:none; text-align:center; color:#fff;}
#nav .menu a.level1-a {position:relative; float:left; margin-right:-124px; margin-top:700px;}
#nav .menu .sub {background:#6193ce; float:left; margin-top:-28px; padding-top:28px;z-index:100;}
#nav .menu .sub a {background:#6193ce; position:relative; margin-right:-1px;}
#nav .menu .sub a:hover {background:#0950A0;}
#nav .menu a:hover,
#nav .menu a:focus,
#nav .menu a:active {background:#6193ce; margin-right:0;}


#submenu{
width:1000px;
height:60px;
background: #0950A0;
text-align:center;
line-height:30px;
color:#fff;
margin:0 0 10px 0;
}

#submenu a{
color:#fff;
font-weight:bold;
text-decoration:none;
padding:0 5px;
}

#menu{
width:190px;
float:left;
margin:10px 10px 0 0;
}

.tabs {
list-style:none; 
padding:0; 
margin:0;
}

.tabs li {
display:block; 
margin:3px 0px 1px 0px;
}

.tabs li a {
font-family:arial;
font-weight:bold;
display:block; 
width:153px; 
height:25px;
background:url(i/knop.jpg) left no-repeat; 
text-decoration:none; 
color:#fff; 
line-height:25px; 
text-align:left;
padding-left:25px;
font-weight:bold;
font-size:12px;
}

.tabs li a:hover{
background:url(i/kn_select.jpg) left no-repeat;
color:#fff; 
cursor:default;
width:153px; 
height:25px;
}


#zoeken{
width:183px;
text-align:center;
margin-top:0px;
}

#winkelwagen{
width:120px;
height:75px;
margin-top:20px;
border:0;
}

#winkelwagen a{
text-decoration:none;
border:none;
}

#content{
padding:0px;
float:left;
margin:0 0px 10px 0px;
width:550px;
}



h1{
font-size:12px;
color: #fe0000;
}

h2{
font-size:10px;
color: #0950a2;
}

.italic{
font-style:italic;
color: #0950a2;
}

#fietsmerken{
width:150px;
height:500px;
float:right;
border:1px solid #000;
}

.link{
font-weight:normal;
color:#0950a2;
}

.fiets{
width:170px;
height:270px;
padding:3px;
margin:5px 5px 0 0;
float:left;
border:1px solid #fe0000;
text-align:center;
font-size:10px;
overflow:hidden;
}

.fiets .titel{
color: #0950A2;
font-weight:bold;
font-size:11px;
}

.accessoire{
width:170px;
height:255px;
padding:3px;
margin:5px 5px 0 0;
float:left;
border:1px solid #fe0000;
text-align:center;
font-size:10px;
}

.accessoire .titel{
color: #0950A2;
font-weight:bold;
font-size:11px;
}

.acc{
margin:2px auto;
width:150px;
height:112px;
overflow:hidden;
text-align:center;
}

.acc img{
width:150px;
}

.fiets img{
width:150px;
height:112px;
}

.sorteren{
width:538px;
border:1px solid #fe0000;
padding:2px;
text-align:left;
}

/* for Internet Explorer */
/*\*/
* html .sorteren {
width:521px;
}
/**/


.sorteren a:link{
font-weight:bold;
color: #0950a2;
}

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #0950a2;
	width:250px;
}

textarea.required {
width:350px;
height:100px;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #000;
	color : #fc0000;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 5px 0;
	margin-bottom: 0.5em;
	border:0;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.alert{
display:block;
background-color: #fc0000;
color:#fff;
font-weight:bold;
padding:3px;
}

tr.even{
background:#fff;
}

tr.oneven{
background:#d1e3f7;
}

label { display: block; clear: both; padding-top: 6px;color: #000; }
label span.label { display: block; float: left; width: 150px; }
label span.required { color: #f7f8b3; font-weight: bold; }
label input { display: block; float: left; }
input { font-family: Arial, sans-serif; font-size: 11px; }
input.textbox { width: 250px; height:16px;line-height:12px;border: solid 1px #2b347c; }
input.validation-failed{ border:1px solid red; }

textarea.textbox { width: 248px; height:220px;padding: 3px; border: solid 1px #2b347c; }
textarea.validation-failed{ border:1px solid red; }

input.button {}

div.toolbar { clear: both; padding-top: 5px; }

div#ClientValidationSummary { background-color: #f7f8b3; border: 1px solid #2b347c;width: 350px; padding: 5px; color: #000;line-height:14px; }
div#ClientValidationSummary a { color: #000;padding:0;margin:0; }

div#ClientValidationSummary ul{
list-style:none;
margin: 0 ;
padding:0;
}


div.validation-inline-error-message{ display: block; float: left; padding-left: 5px; color: #ffd200; }

#rechts table, #content table{
font-size:11px;
}
