@charset "UTF-8";
/* CSS Document - Author: Adrie Mooi, studio mikmak e-mail: adrie@studiomikmak.nl */
*{margin:0; padding:0;}
:focus { outline:0; }
body{font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; background:#e1f2f9 url(images/bg.jpg) repeat-y top center;}
/* various */
.clear{clear:both;}
p{line-height:17px;}
a{color:#0060a9; text-decoration:none;}
a:hover{text-decoration:underline;}
h1{color:#9fc20a; margin:10px 0 0 0; font-size:18px; font-weight:bold;}
h2{color:#0060a9; margin:0 0 10px 0; font-size:12px; font-weight:bold;}
ol, ul{margin:0 0 10px 20px;}
hr{border:1px dashed #000; margin:5px 0 10px 0;}
.bold{font-weight:bold}
.red{color:#900;}
.imgspacer{margin-top:10px; border:0; }
#pagewrapper{margin:0 auto; width:1006px;}
/* header (include) */
#header{width:1006px; height:130px; background:#0060a9 url(images/header.jpg) no-repeat top left;}
#header h1{margin:25px 40px 0px 0px; float:right; font-size:13px; font-weight:normal;}
#header h1 a{color:#9fc20a; text-decoration:none;}
#header h1 a:hover{color:#FFF; text-decoration:none;}
#navigation ul{margin:25px 0px 0px 40px; float:left;}
#navigation li{display:inline; margin-right:10px; text-transform:uppercase; font-weight:bold; font-size:13px;}
#navigation a{color:#88d0e8; text-decoration:none;}
#navigation a:hover, #navigation .active{color:#FFF; text-decoration:none;}
#navigation-small { color:#fff; width:965px; text-align:right; float:left; margin:22px 0 0 0; }
#navigation-small a { color:#fff; }
/* sub navigatie */
#subnav{width:1006px; height:35px; float:left; background:#FFF url(images/subnav.jpg) no-repeat top left;}
#subnav ul{margin:8px 0 0 40px;}
#subnav li{display:inline; margin-right:10px; text-transform:uppercase; font-weight:bold; font-size:10px;}
#subnav a{color:#88d0e8; text-decoration:none;}
#subnav a:hover, #subnav .active{color:#0060a9; text-decoration:none;}
/* main content */
#main-content{width:688px; min-height: 885px; padding-left:40px; float:left;}
#flash-container{width:688px; height:108px;}
.content-column{width:334px; padding-right:10px; float:left; margin:10px 0 0 0;}
.content-column p, .content-column-wide p{margin:0 0 10px 0;}
.content-column img, #content-column-wide img{margin-bottom:10px;}
.content-column-wide{width:668px; padding-right:10px; float:left; margin:10px 0 0 0;}
.content-column-half{width:166px; float:left; margin:0;}
/* widgets */
.widget{width:334px; margin:20px 0 0px 0; float:left; background:url(images/widget-midle.jpg) repeat-y top left; display:block; cursor:pointer; }
.widget-top{height:8px; width:334px; background:url(images/widget-top.jpg) no-repeat top left;}
.widget-bottom{height:8px; width:334px; background:url(images/widget-bottom.jpg) no-repeat top left;}
.widget h2{color:#9fc20a; font-size:14px; font-weight:bold; padding:0 0 0 10px;}
.widget p{height:90px; padding:5px 0 10px 10px;}
.widgetspacer{width:20px; height:8px; margin:10px 0 0 0; float:left;}
/* contact */
#message{background:#9fc20a; width:455px; height:20px; padding-top:5px; margin-top:5px; text-align:center; float:left; color:#FFF; display:none;}
#contact-row {width:688px; height:20px; float:left; margin:10px 0 0 0;}
#contact-row p, #contact-text p{width:150px; float:left;}
#contact-row input{width:300px; height:18px; font:inherit; color:#000; border:#999 solid 1px; float:left; padding:2px 2px 0 2px;}
#contact-text{width:688px; height:100px; float:left; margin:10px 0 0 0;}
#contact-text textarea{width:300px; height:100px; font:inherit; color:#000; border:#999 solid 1px; float:left; padding:2px 2px 0 2px;}
#send{width:455px; height:40px; text-align:right; float:left; margin:15px 0 0 0;}
#send p{margin-bottom:5px;}
/* sidebar (include) */
#sidebar{width:248px; padding-left:30px; float:left;}
#sidebar-top{width:203px; height:11px; background:url(images/sidebar-top.jpg) no-repeat top left;}
#sidebar-midle{width:203px; background:url(images/sidebar-midle.jpg)  repeat-y top left;}
#sidebar-bottom{width:203px; height:11px; background:url(images/sidebar-bottom.jpg) no-repeat top left;}
#sidebar h2{ font-size:12px; color:#0060a9; text-transform:uppercase; margin:0 0 5px 10px;}
#sidebar h3{ margin:5px 0 3px 10px; color:#0060a9; font-size:11px; font-weight:bold;}
#sidebar p{margin:0 0 0 10px; font-size:11px;}
.logo{margin:10px 0 0 0;}
/* footer (include) */
#footerfix {position:absolute; top: -100px; right: 45px;}
#footer{width:1006px; height:30px; margin:15px 0 0 0; position:relative; bottom:0; background:url(images/footer.jpg) no-repeat top left; float:left;}
#footer li{display:inline; margin-right:10px; text-transform:uppercase; font-size:10px; color:#999;}
#footer a{color:#999;}
#footer ul{margin-left:40px;}
/* brochure */
.verkoopbrochure { color:#88D0E8; font-size:14px; font-weight:normal; margin:0 0 0 5px; }
.verkoopbrochure:hover { color:#0060a9; text-decoration:none; }
#downloadbutton { width:996px; position:fixed; top:0; text-align:right; padding:10px 10px 0 0; }
#downloadbutton a:hover { text-decoration:none; color:#000; }
#brochurecontainer { display:block; width:1006px; height:1000px; float:left; }
#brochuremask { display:block; width:1006px; height:1000px; overflow:hidden; position:absolute; clear:both; }
#brochure { width:4395px; height:1000px; position:absolute; display:block; }
#controls { width:1006px; position:fixed; top:0; }
.movel { cursor:pointer; margin:0 891px 0 5px; float:left; }
.mover { cursor:pointer; float:left; }
#route1, #route2 { display:none; }
.content-column .icon { border:0; margin:0; }
.link { display:block; text-align:right; }
.nummers { color:#000; font-size:11px; font-weight:normal; margin:0 0 0 5px; }
.nobullet { list-style:none; margin-left:0; }
.toggleList li { padding:2px 0; }
.toggleList li ul { padding:5px 0 0 0; }
.faded a, .faded { color:#ccc; }
.faded a:hover { color:#0060A9; }