/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
html {overflow: -moz-scrollbars-vertical;}
a img {border:none;}
.clear {clear:both;}
a:focus {outline: 0;}
a:active {outline: 0;}
ul {list-style:none;}

body {font-size: 11px; line-height:16px; color: #5e5e5e; font-family: Arial, Helvetica, Verdana, sans-serif; background:#fff;}

a{color:#5e5e5e; text-decoration:underline;}
a.readmore {background:url("/img/link.gif") no-repeat 0 5px; padding-left:10px; margin-top:10px; display:block;}
a:hover{color:#000;}
.clear {clear:both;}

hr {width:800px; height:1px; color:#e9e9e9; background:#e9e9e9; border:0; margin:15px 0 15px 0; clear:both;}

/* Containers */
#container {margin:0 auto; width:995px;}
#content{float:left; width:832px;}

/* Headings */
h1 {background:url("/img/logo.gif") no-repeat; width:206px; height:68px; margin-top:30px; text-indent: -5000px;}
h1 a {display:block; height:60px;}
h2 {font-size: 17px;font-weight:normal; color:#3f7887; font-family:'DejaVu Sans'; padding-bottom:8px;}
h2.grey {color:#555d65; background:#fff;}

/* Columns */
#column1, #column2, #column3 {width:260px; height:164px; float:left; margin:20px 0 0 0;}
#column2, #column3 {margin-left: 20px;}

/* Column 1 */

/* Column 2 */
#column2 a.button{background:url("/img/welke-flyer-past-bij-mij.gif") no-repeat; width:226px; height:38px; float:left; text-indent:-2000px; margin-top:15px;}
#column2 a.button:hover{background:url("/img/welke-flyer-past-bij-mij.gif") no-repeat 0 -37px;}


/* Column 3 */
#column3 ul li {background:url("/img/link.gif") no-repeat 0 5px; padding-left:10px; line-height:18px;}

/* Sidebar */
#sidebar {float:right; width:161px; background:#f1f1f1; border-left:1px solid #bdc0c1; border-right:1px solid #bdc0c1; border-bottom:1px solid #bdc0c1; margin-bottom:15px;}
#sidebar h2{font-size: 11px;color: #5e5e5e; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold; margin:10px 0 0 10px;}
.ervaring.blue{background:#bde3e9; color:#3F7887;}
.ervaring.grey{background:#d7d7d7; color:#555D65;}
#sidebar .ervaring.blue h3 {padding:5px 10px 5px 10px; background:#3f7887; color:#bde3e9;}
#sidebar .ervaring.grey h3 {padding:5px 10px 5px 10px; background:#555d65; color:#d7d7d7;}
#sidebar .ervaring.blue .readmore {padding:5px 10px 5px 10px; background:#3f7887; color:#3F7887;}
#sidebar .ervaring.grey .readmore {padding:5px 10px 5px 10px; background:#555d65; color:#555D65;}
#sidebar .ervaring.blue .readmore a{color:#bde3e9; background:url("/img/ervaringen/blauw/leesmeer.gif") no-repeat 55px 5px; padding-right:25px;}
#sidebar .ervaring.grey .readmore a{color:#d7d7d7; background:url("/img/ervaringen/grijs/leesmeer.gif") no-repeat 55px 5px; padding-right:25px;}
#sidebar .ervaring ul {padding:10px 0 0 10px;} 
#sidebar .ervaring li {padding-left:25px;} 
#sidebar .ervaring p {padding:10px;} 
#sidebar a.button{background:url("/img/deel-uw-ervaring.gif") no-repeat; width:160px; height:54px; float:left; text-indent:-5000px;}
#sidebar a.button:hover{background:url("/img/deel-uw-ervaring.gif") no-repeat 0 -52px;}
#collectie #sidebar a.button{background:url("/img/help-mij-kiezen.gif") no-repeat; width:160px; height:54px; float:left; text-indent:-5000px;}
#collectie #sidebar a.button:hover{background:url("/img/help-mij-kiezen.gif") no-repeat 0 -52px;}

#sidebar .ervaring.blue li.typefiets {background:url("/img/ervaringen/blauw/fiets.gif") no-repeat 0 2px;} 
#sidebar .ervaring.grey li.typefiets {background:url("/img/ervaringen/grijs/fiets.gif") no-repeat 0 2px;} 
#sidebar .ervaring.blue li.categorie {background:url("/img/ervaringen/blauw/label.gif") no-repeat 0 2px;} 
#sidebar .ervaring.grey li.categorie {background:url("/img/ervaringen/grijs/label.gif") no-repeat 0 2px;} 
#sidebar .ervaring.blue li.afstand {background:url("/img/ervaringen/blauw/afstand.gif") no-repeat 0 2px;}
#sidebar .ervaring.grey li.afstand {background:url("/img/ervaringen/grijs/afstand.gif") no-repeat 0 2px;} 
#sidebar .ervaring li.nederland {background:url("/img/ervaringen/landen/nederland.gif") no-repeat 0 2px;} 
#sidebar .ervaring li.zweden {background:url("/img/ervaringen/landen/zweden.gif") no-repeat 0 2px;} 

/* Menu */
ul#menu {list-style:none; float:left; width:995px; height:44px; background:url("/img/backgr-menu.gif"); background-repeat:repeat-x;}
ul#menu li{list-style:none; float:left; margin-left:20px; margin-top:8px;}
ul#menu li a{color:#747c83; font-weight:bold; font-size:12px; text-decoration:none;}
ul#menu li a:hover{color:#000;}

/* Footer */
#footer {width:995px; height:38px; clear:both; margin:0 auto; background:#fff; border-top: 1px #CCCCCC solid; padding:10px; display:block;}

/* Collectie */
#collectie #content h2.kop {color:#b37c00;font-size: 25px;font-weight:normal; font-family:'DejaVu Sans'; padding-bottom:20px;}
#collectie #content h4 {color:#000; font-size: 12px; font-weight:normal; font-family:'DejaVu Sans';}
#collectie #content h3 {color:#3f7887; font-size: 18px; font-weight:normal; font-family:'DejaVu Sans'; padding-bottom:20px;}
#collectie #content h3 a{color:#3f7887; font-size: 18px; font-weight:normal; font-family:'DejaVu Sans'; padding-bottom:20px; text-decoration:none;}
#collectie #content {padding-top:6px; padding-left:0; width:805px;}
#collectie .serie {width:245px; height:433px; border:1px solid #e0e0e0; float:left; overflow:hidden; margin:10px;}
#collectie .serie .header {height:50px; background:#ededed; padding:10px 0 0 10px;}
#collectie .serie img {padding-top:20px; padding-left:10px;}
#collectie .serie p {padding:20px 10px 0 10px; height:90px;}
#collectie .serie ul {padding-top:20px; padding-left:10px;}
#collectie .serie ul li{background:url("/img/vink.gif") no-repeat 0 3px; padding-left:15px;}
#collectie .serie p.readmore{background:#ededed; padding:0; height:25px; padding-top:8px; padding-left:10px; margin-top:11px;}
#collectie .serie p.readmore{background:url("/img/readmore.gif") no-repeat 10px 12px #ededed; padding-left:20px;}
h3#tekst-sidebar  {color:#fff; font-size: 16px; font-weight:normal; font-family:'DejaVu Sans';}
h3#tekst-sidebar-small  {color:#fff; font-size: 14px; font-weight:normal; font-family:'DejaVu Sans';}

/* Series */
#content{padding:25px 20px 10px 10px; width:800px; line-height:17px;}
#serie #content p, #accessoires #content p, #downloads #content p, #dealers #content p,#prijslijst #content p, #travel #content p, #over-flyer #content p{padding:0 0 10px 0;}
#serie #content h2, #dealers #content h2, #prijslijst #content h2 {font-size:26px;font-weight:normal; font-family:'DejaVu Sans'; color:#b37c00; padding-bottom:15px;}
#serie #content h2 span.subkop, #dealers #content h2 span.subkop, #prijslijst #content h2 span.subkop{font-size:16px;font-weight:normal; font-family:'DejaVu Sans'; color:#636b6f;}
#serie #content h3, #accessoires #content h3, #downloads #content h3, #travel #content h3, #over-flyer #content h3 {font-size:14px;font-weight:normal; font-family:'DejaVu Sans'; color:#3F7887; padding-top:8px;}
#serie #content .model h3, #accessoires #content .model h3, #downloads #content .model h3, #prijslijst #content .model h3 {font-size:19px;font-weight:normal; font-family:'DejaVu Sans'; color:#b37c00; padding-bottom:15px; width:400px; padding-top:0;}
#serie #content .model h3 span.subkop, #travel #content h2 span.subkop, #accessoires #content .model h3 span.subkop, #prijslijst #content .model h3 span.subkop{font-size:12px;font-weight:normal; font-family:'DejaVu Sans'; color:#636b6f;}
#serie #content .model p {width:400px; float:left; padding-bottom:10px;}
#serie #content .model .specs {float:left; clear:left; width:300px;}
#serie #content .model a {background:url("/img/link.gif") no-repeat 0 4px; padding-left:10px;}
#serie #content .model img {float:right; padding:10px 0 30px 0;}
#serie #content .model h4.prijs {font-weight:normal; float:left; width:90px; font-size:20px; font-family:'DejaVu Sans'; color:#d8130c; margin:0;}
#serie #content .model h4.prijs span.vanaf{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333;}

/* Accessoires */
img.header{float:left; width:832px; margin-left:-10px; margin-top:-25px; padding-bottom:20px;}
#accessoires #content .model p, #downloads #content .model p {width:470px; float:left; padding-bottom:10px;}
#accessoires #content .model img, #downloads #content .model img {float:right; padding:0 40px 20px 0;}
#accessoires #content .model h4.prijs {font-weight:normal; width:80px; font-size:16px; font-family:'DejaVu Sans'; color:#3C798B; margin:0;}
#accessoires #content .model h4.prijs span.vanaf{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333;}

/* Over Flyer */
#over-flyer #content h2 {padding-top:15px; color:#B37C00; }
#over-flyer table#actieradius th {font-weight:bold; text-align:left; color:#3f7887; text-align:left !important; padding: 5px 10px 5px 9px;}
#over-flyer table#actieradius{ float:left; border-collapse:collapse;}
#over-flyer table#actieradius tr {border-bottom:1px dotted #ededed; height:20px;}
#over-flyer table#actieradius td {padding: 5px 10px 5px 9px;}
#over-flyer #actieradius img {float:right;}
#over-flyer #actieradius p {clear:both; padding-top:15px;}

/* Prijslijst */
#prijslijst {text-align:left;}
#prijslijst #content h3 {font-size:16px;font-weight:normal; font-family:'DejaVu Sans'; color:#B37C00; padding-top:16px; padding-bottom:2px;}
#prijslijst #content h4 {font-size:12px;font-weight:normal; font-family:'DejaVu Sans'; color:#B37C00; padding-top:16px; padding-bottom:0px;}

/* Prijzen */
#prijzen th {font-weight:bold; text-align:left; color:#3f7887; width:260px; padding-top:2px;}
#prijzen table {border-collapse:collapse;margin:0;padding:0;}
#prijzen tr {border-bottom:1px dotted #ededed; height:24px; padding-bottom:10px !important;}
#prijzen #col1, #prijzen #col2{width:400px; float:left;}

/* Travel */
#travel #content p {padding-bottom:20px;}

/* Model */
#model #content {padding:6px 20px 10px 10px; width:800px; line-height:17px;}
#model #content h2{font-size:26px;font-weight:normal; font-family:'DejaVu Sans'; color:#b37c00; padding-bottom:25px;}
#model #content h2 span.subkop{font-size:16px;font-weight:normal; font-family:'DejaVu Sans'; color:#636b6f;}
#model #content h2.bottom {font-size:18px;font-weight:normal; font-family:'DejaVu Sans'; color:#b37c00; padding-bottom:25px; padding-top:20px;}
#model #content h2.bottom span.subkop{font-size:12px;font-weight:normal; font-family:'DejaVu Sans'; color:#636b6f;}
.anderemodel h4 {background:#ededed; width:141px; padding-left:7px; text-align:left; font-family:'DejaVu Sans'; font-size:13px; height:20px; padding-top:5px;}
.anderemodel {width:148px; height:120px; float:left; border:1px solid #e9e9e9; margin:0 10px 10px 0; text-align:center; position:relative;}
.anderemodel img{margin-top:5px;}
.anderemodel a {display:block; width:148px; height:120px; background:transparent; position:absolute; top:0; left:0; text-indent:-5000px;}
.anderemodel a:hover {background:#BDE3E9; filter:alpha(opacity=10);opacity: 0.1;-moz-opacity:0.1;}
#model #geometrie table th {font-weight:bold; text-align:left; color:#3f7887; text-align:left !important; padding: 5px 10px 5px 9px;}
#model #geometrie table{ float:left; border-collapse:collapse;}
#model #geometrie table tr {border-bottom:1px dotted #ededed; height:20px;}
#model #geometrie table td {padding: 5px 10px 5px 9px;}
#model #geometrie img {float:right;}
#model #geometrie p {clear:both; padding-top:15px;}

/* Model Specificaties*/
#model #content #specificaties th{font-weight:bold; text-align:left; color:#3f7887; width:140px;}
#model #content #specificaties table {width:490px; float:left;}
#model #content #specificaties {height:515px;}
#model #content #specificaties img{float:right; display:block; width:270px;}
#model #content #specificaties p.note{font-size:9px; text-align:right;}

/* Model Fotos*/
#model #content #fotos img {padding:10px; border:1px solid #d7d7d7; margin:0 10px 10px 0;}

/* Downloads*/
#downloads #content .model img {padding-top:15px;}

/* Tabs */
#model #kenmerken {display:block;}
#model #kenmerken p {width: 380px; float:left; padding-bottom:15px; display:block;}
#model .css-panes h3 {color:#3f7887; font-size: 20px; font-weight:normal; font-family:'DejaVu Sans'; padding-bottom:20px;}
#model .css-panes h4 {color:#3f7887; font-size: 16px; font-weight:normal; font-family:'DejaVu Sans'; padding-bottom:0px; padding-top:15px;}
#testen a {background:url("/img/link.gif") no-repeat 0 5px; padding-left:10px; margin-top:10px; display:block;}

/* Tooltips */
#v-tooltip { max-width: 300px; position:absolute; background:#F1F1F1; border: 1px solid #CCCCCC; padding:3px 5px; font-size: 11px; display:none; }
.tooltip { border-bottom: 1px dashed #757373; cursor:help;}

/* Contactformulier */
#contact #page-wrap {width: 660px;background: white;padding: 20px 50px 20px 50px;margin: 20px auto;min-height: 500px;height: auto !important;height: 500px;}
#contact #contact-area {width: 543px;margin-top: 25px;}
#contact #contact-area input, #contact-area textarea {padding: 5px;width: 471px;margin: 0px 0px 10px 0px;border: 1px solid #ccc;}
#contact #contact-area textarea {height: 90px;}
#contact #contact-area textarea:focus, #contact #contact-area input:focus {border: 1px solid #555D65;}
#contact #contact-area input.submit-button {width: 100px;float: right; cursor:pointer;}
#contact label {float: left; text-align: left;margin-right: 15px;width: 45px;padding-top: 5px;}

/* Nieuws */
#nieuws #content p {padding-bottom: 20px;}

/* Etalage */
#slideshow{position:relative;width:832px; height:427px; float:left; z-index:1;}
.pics { height: 427px; width: 832px; padding:0; float:left; position:absolute; z-index:1;}
.pics img {	opacity: 1; width: 832px; height: 427px;}
#nav { width:70px; position:absolute;margin-left:730px; margin-top:3px; z-index:10;}
#nav a#prev {margin-left: 2px; float:left; width:15px; height:15px; background:url(/img/prev.gif) no-repeat -15px 0;}
#nav a#prev:hover {background:url(/img/prev.gif)}
#nav a#next {margin-left: 2px; float:left; width:15px; height:15px; background:url(/img/next.gif) no-repeat -15px 0;}
#nav a#next:hover {background:url(/img/next.gif)}
#nav a#pauseButton {margin-left: 2px; float:left; width:15px; height:15px; background:url(/img/pause.gif) no-repeat -15px 0;}
#nav a#pauseButton:hover {background:url(/img/pause.gif)}
#nav a#resumeButton {float:left; width:15px; height:15px; background:url(/img/play.gif) no-repeat -15px 0;}
#nav a#resumeButton:hover {background:url(/img/play.gif)}
#nav a:focus { outline: none; }
#slideshow2{height:427px; overflow:hidden;}

/* Formulier nieuwsbrief homepage */
#home form {margin-top:6px;}
#home input#e-mail{width: 230px;float: left; block; border:1px solid #bebebe; height:22px; font-size:14px;}
#home input#submit {margin-left:159px; margin-top:5px;}
#home #content {width:830px; padding:0;}


/* Kruimelpad */
#kruimelpad {width:830px; float:left; height:40px; color:#9F9F9F;}
#kruimelpad a {color:#9F9F9F;}




