@import url(../css/reset.css);
html { height:100%; font-size:.6875em; overflow-y:scroll; }
body { position:relative; color:#0c2577; background:url(../images/bg.png) repeat-x 0 0 #fff; font:105.0% Tahoma, Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100%; }

#page { overflow:hidden; position:relative; padding-bottom:30px; width:960px; margin:0 auto; z-index:2 }
#header { background:#fff; padding:14px 14px 0; overflow:hidden}

#header ul.icons { float:right }
ul.icons li { float:left; list-style:none; font-size:.8181em; margin-left:12px }
ul.icons a { color:#b5b5b5; text-decoration:none; padding-left:14px } ul.icons a:hover { color:#f1b753; text-decoration:none }
ul.icons a.home { background:url(../images/ic_home.gif) no-repeat 0 50% }
ul.icons a.tellafriend { background:url(../images/ic_tellafriend.gif) no-repeat 0 50%; padding-left:19px }
ul.icons a.map { background:url(../images/ic_map.gif) no-repeat 0 50% }
ul.icons a.login { background:url(../images/ic_lock.gif) no-repeat 0 50% }
ul.icons li.active { color: #b5b5b5; font-weight: bold; }

#search { float:right; clear:right; display:block; margin-top:25px; }
#search img { float:left; margin-right:3px; line-height:30px; }
#search label { background:url(../images/ic_search.gif) no-repeat 0 50%; padding-left:16px; display:block }
#search dfn { font-style:normal; display:block; height:14px; overflow:hidden; border:1px solid #baccd9; width:158px }
#search input { height:14px; width:111px; border:0; padding:0 1px; border:1px solid #baccd9; float:left}
#search button { width:44px; line-height:14px; border:0; padding:0; margin:0; background:url(../images/search_button_bg.png) repeat-x 0 0; font-size:.8181em; color:#1a5782; float:left }
#search button span { background:url(../images/ic_zoeken.gif) no-repeat 0 55%; padding-left:6px; margin-left:1px; }

#logo { padding-left:6px; width:200px; height:98px; position:relative; overflow:hidden; float:left; margin:0; font-weight:normal; font-size:3.5em; }
#logo a { color:#ff5500 }
#logo span { position:absolute; width:200px; height:98px; top:0; right:0; background:url(../images/logo.png)}

/* HEADER HOME */
/* nav_blue zorgt dat het blauwe gedeelte van het menu juist word weergegeven */
#nav_blue { background:url(../images/menu.PNG) no-repeat 0 100%; background-position:0px 2px; clear:both; height:213px; margin:0px -14px; margin-bottom:10px;}
#nav { background:url(../images/header_home.PNG) no-repeat 0 100%; background-position:0px 40px; clear:both; height:222px; margin:0px 1px;}
#nav ul, #nav_1 ul, #nav_2 ul, #nav_3 ul, #nav_4 ul, #nav_5 ul, #nav_6 ul, #nav_7 ul { list-style:none; font-size:1.0909em; overflow:hidden }
#nav li, #nav_1 li, #nav_2 li, #nav_3 li, #nav_4 li, #nav_5 li, #nav_6 li, #nav_7 li { margin-left:2px; float:left; text-align:center }
#nav a, #nav_1 a, #nav_2 a, #nav_3 a, #nav_4 a, #nav_5 a, #nav_6 a, #nav_7 a { text-decoration:none; background-repeat:no-repeat; background-position:-999px 100%; display:block; height:187px; width:153px; float:left; margin-left:-14px;} 
#nav a:hover, #nav_1 a:hover, #nav_2 a:hover, #nav_3 a:hover, #nav_4 a:hover, #nav_5 a:hover, #nav_6 a:hover, #nav_7 a:hover { text-decoration:underline }
#nav .active a, #nav_1 .active a, #nav_2 .active a, #nav_3 .active a, #nav_4 .active a, #nav_5 .active a, #nav_6 .active a, #nav_7 .active a { font-weight:bold; cursor:default; } 
#nav .active a:hover, #nav_1 .active a:hover, #nav_2 .active a:hover, #nav_3 .active a:hover, #nav_4 .active a:hover, #nav_5 .active a:hover, #nav_6 .active a:hover, #nav_7 .active a:hover { text-decoration:none }

/* HEADER 1 */
#nav_1 { background:url(../images/header_1.PNG) no-repeat 0 100%; background-position:0px 40px; clear:both; height:222px; margin:0px 1px;}

/* HEADER 2 */
#nav_2 { background:url(../images/header_2.PNG) no-repeat 0 100%; background-position:0px 40px; clear:both; height:222px; margin:0px 1px;}

/* HEADER 3 */
#nav_3 { background:url(../images/header_3.PNG) no-repeat 0 100%; background-position:0px 40px; clear:both; height:222px; margin:0px 1px;}

/* HEADER 4 */
#nav_4 { background:url(../images/header_4.PNG) no-repeat 0 100%; background-position:0px 40px; clear:both; height:222px; margin:0px 1px;}

/* HEADER 5 */
#nav_5 { background:url(../images/header_5.PNG) no-repeat 0 100%; background-position:0px 40px; clear:both; height:222px; margin:0px 1px;}

/* HEADER 5 */
#nav_6 { background:url(../images/header_6.PNG) no-repeat 0 100%; background-position:0px 40px; clear:both; height:222px; margin:0px 1px;}

/* Menu tekst posities en kleuren */
/* nav a */
#nav .a a, #nav_1 .a a, #nav_2 .a a, #nav_3 .a a, #nav_4 .a a, #nav_5 .a a, #nav_6 .a a  {
margin-top:10px;
color: #FFF; 
}
/* nav b */
#nav .b a, #nav_1 .b a, #nav_2 .b a, #nav_3 .b a, #nav_4 .b a, #nav_5 .b a, #nav_6 .b a  {
margin-left: 7px;
margin-top:10px;
color: #FFF;
}

/* nav c */
#nav .c a, #nav_1 .c a, #nav_2 .c a, #nav_3 .c a, #nav_4 .c a, #nav_5 .c a, #nav_6 .c a  {
margin-left: 5.5px; 
margin-top:10px;
color: #FFF;
}
/* nav d */
#nav .d a, #nav_1 .d a, #nav_2 .d a, #nav_3 .d a, #nav_4 .d a, #nav_5 .d a, #nav_6 .d a {
margin-left: 0px;  
margin-top:3px;
color: #FFF;
}

/* nav e */
#nav .e a, #nav_1 .e a, #nav_2 .e a, #nav_3 .e a, #nav_4 .e a, #nav_5 .e a, #nav_6 .e a  {
margin-left: 4px;
margin-top:10px;
color: #FFF;
}

/* nav f */
#nav .f a, #nav_1 .f a, #nav_2 .f a, #nav_3 .f a, #nav_4 .f a, #nav_5 .f a, #nav_6 .f a {
margin-left: 3px; 
margin-top:10px;
color: #FFF;  
}

#contact { width:321px; color:#0c2577; float:left }
#contact .container { padding:0 8px 0 25px; line-height:16px; }
#contact table td { padding:0 }

#map { width:214px; padding-left:10px; padding-right:5px; margin-top:2em }
#map img { display:block }

#side { width:300px; border-left:0px solid #fff; float:left; margin-left:-45px; }
#side h2 { padding-left:11px; background:#b2c7db; color:#0c2577 }
#side .container { padding:0 7px 0 0px; line-height:16px; margin:0px; }
#side .container ul { list-style:none; text-indent:0px; }
#side .container li { background:url(../images/pdf_icon.png) no-repeat left 6px; padding: 5px 21px; border-bottom:1px dotted #b2c7db; }
#side .container a:hover { text-decoration: underline; color: orange; }
#side .container a:visited { color: #orange; }
#side .container a {color: #0c2577; }

#sitemap { width:240px; border-left:2px solid #fff; float:left }
#sitemap h2 { padding-left:11px; background:#b2c7db; color:#0c2577 }
#sitemap .container { padding:0 7px 0 11px; line-height:16px; margin:0px; }
#sitemap .container ul { list-style:none; margin:0px; padding:0px; }
#sitemap .container li { background:url(../images/web_icon.gif) no-repeat left 6px; padding:5px 0 5px 22px; border-bottom:1px dotted #b2c7db; }
#sitemap .container a:hover { text-decoration: underline; color: orange;}
#sitemap .container a:visited { color: #orange; }
#sitemap .container a {color: #0c2577; }

#content .container {font-size:104%; }
#content .container p {font-weight:normal; }
#content .container li {font-weight:normal; }
#content { float:right; width:636px;  overflow:hidden; }
#content .container { padding:0 50px 0 25px; line-height:16px; }
#content .container h3 { color:#ff5500; margin-bottom:10px; }
#content .container a:hover { text-decoration: underline; color: orange; }
#content .container a:visited { color: #orange; }
#content .container a { color: #0c2577; }


h2 { margin:0; font-size:1.0909em; color:#fff; background:#0c2577; padding:.6em 25px; margin:0 0 1.66em; border-top:2px solid #fff; border-bottom:2px solid #fff }
h3 { font-size:1em; font-weight:bold; color:#0c2577; margin:0 }

#light_blue { background: url(../images/content_bg.PNG); background-repeat: no-repeat; height: 286px; width:321px; margin-left:17px;}
#light_blue  .text h3 { text-align: center; color:#ff5500; width:200px; margin-left:47px; margin-bottom:10px;}
#light_blue .text p { text-align: center; color:#0c2577; width:200px; margin-left:0px; }

#footer { position:absolute; height:22px; width:960px; left:50%; margin-left:-440px; bottom:0; z-index:3; font-size:.909em; color:#98afc4 }
#footer a { color:#98afc4; text-decoration:none } #footer a:hover { color:#f7bf66 }
#footer p, #footer ul, #footer li { float:left }
#connexx { width:254px; text-align:center; font-weight:normal; background:none; padding:0px; float:left; margin-right: 100px; font-size:9px; color:#98AFC4;} 
#connexx a { color:#98AFC4; }
#connexx a:hover { color:#98AFC4; }
#footer ul { padding:0; margin-left:430px; list-style:none; position:relative; overflow:hidden }
#footer li { padding:0 10px; border-left:1px solid #ff5500; margin:0 1px 0 -1px}
#footer li.active a { font-weight:bold; cursor:default; color: #98afc4; }
#footer li.active:hover a {color:#0c2577; }

#bg { height:100%; width:100%; position:absolute; left:0; bottom:0; z-index:1; overflow:hidden } #bg i { display:block; }
#bg_page { width:960px; height:100%; margin:-34px auto 0; background:#fff url(../images/content_bg.png) no-repeat 100% 100%; border-bottom:34px solid #fff; position:relative }
#bg_shl { height:100%; width:22px; position:absolute; top:34px; left:-22px; background:url(../images/shadow.png) repeat-y; z-index:3; border-right:2px solid #fff; }
#bg_shr { height:100%; width:22px; position:absolute; top:34px; right:-22px; background:url(../images/shadow.png) repeat-y right top; z-index:3; border-left:2px solid #fff; }
#bg_uc { width:3px; background:#e0e9f1; position:absolute; height:100%; top:34px; left:319px; z-index:3; border-left:2px solid #fff; border-right:2px solid #fff;}
#bg_footer { height:32px; width:100%; z-index:1; border-top:2px solid #e0e9f1; position:absolute; bottom:-34px; left:0; }

#referenties { margin-left:55px; margin-top: 5px; }
#referenties_title { margin-left:55px; background-color:#b2c7db; width:189px; height:28px; padding-left:25px; color:#FFFFFF; line-height:28px; font-size:1.0909em; font-weight:bold; margin-bottom:10px;  }

.bttn { background-color:#b2c7db; color:#0c2577; border:1px solid #0c2577; font-weight:bold; height:20px; width:80px; }
.requiredfield { border:1px solid #b2c7db; padding:2px; width:220px; }
.field { border:1px solid #b2c7db; padding:2px; font:100.1% Tahoma, Arial, Helvetica, sans-serif; width:220px; }
.invalidfield { border:1px solid #ff7733; }

#noab { margin:20px 0 10px 55px; }