/* algemene opdeling 
--------------------------------------------------------------------------------*

/*{margin:0;padding:0;}
/* must declare 0 margins on everything,also for main layout components use padding,not vertical margins (top and bottom) to add spacing,else those margins get added to total height and your footer gets pushed down a bit more,creating vertical scroll bars in the browser */
html,body,#wrap{height:100%;}
body > #wrap{height:auto; min-height:100%;}
/* CLEAR FIX*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* hides from ie-mac \*
/* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
#undercast a.under{height:40px; width:7px; margin:20px; position:absolute; right:0; bottom:40px; visibility:visible; background-image:url(../images/undercast.png); }
#undercast a:hover.under{height:40px; width:7px; margin:20px; position:absolute; right:0; bottom:40px; visibility:visible; background-image:url(../images/undercast.png); background-position:7px 0; }
.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both;}
/* Header en content van header
--------------------------------------------------------------------------------*/

#header{font-size:1.3em;line-height:16px;position:relative;width:1000px;top:0;left:0;height:150px; padding:0;text-align:left;margin:0 auto;}
#logo{z-index:1000;position:absolute;left:0px;bottom:15px;width:174px;height:89px;}
#ondertitel{position:absolute;width:384px;height:12px;z-index:1;left:111px;top:75px;}
#magnify{position:absolute;right:62px;bottom:124px;width:160px;text-align:right;}
#magnify a:link,a:visited{color:#666}
#magnify a:hover{color:#961b1c;}
#magnify ul.groter li{display:inline;margin-right:2px; font-size:9px; color:#666}
#magnify ul.groter li:first-child{color:#333;}
#magnify ul.groter li:last-child{margin-right:0px;}
#magnify ul.groter .medium{font-size:11px;}
#magnify ul.groter .large{font-size:12px;}
#hoofdnavigatie{position:absolute;left:197px;bottom:44px;width:780px;}
#navlist{list-style:none;padding:0;margin:0;}
#navlist li{float:left;border-left:#353535 1px solid;text-transform:uppercase;margin:0;padding:52px 2em 0 1em;width:70px;height:14px;display:block;}
#navlist li a{font:10px 'Lucida Grande',Arial,sans-serif;color:#d0d0d0;text-decoration:none;}
#navlist li a:visited{font-size:10px;color:#d0d0d0;}
#navlist li a:hover{font-size:10px;color:#961b1c;}

/* Midden - main + 3 columngrid
--------------------------------------------------------------------------------*/

#main{padding-bottom:40px;width:1000px;margin:0 auto;clear:both;padding-top:40px;}
/* must be same height as the footer */
.grid_1, .grid_2, .grid_3,.grid_4{display:inline;float:left;margin-left:10px;margin-right:10px;}
#main .grid_1{width:175px;}
#main .grid_2{width:561px;}
#main .grid_3{width:195px;float:right; clear:none;}
#main .grid_4{width:760px;}
/* Footer
--------------------------------------------------------------------------------*/

#footer {
position: relative;
margin-top: -70px; /* negative value of footer height */
height: 70px;
clear:both;
background-color:#000000;
} 


#foot {
width:988px;
margin:0 auto;
margin-top:0px;
height:60px;
line-height:1.1em;
padding:10px 12px 0px 0px;}

ul.fnavlist { clear:both !important; padding-top:3px;}
ul.fnavlist li {float: left;margin-right:60px; color:#999999; width:333px;}

.fnavlist li a {
margin: 0;
display: block;
font-size:9px;
background: transparent url(../images/arrow.png) 0 0;
height: 11px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
padding: 3px 2em 3px 25px;
line-height: 11px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
text-decoration: none;
}

.fnavlist li a:link, #fnavlist li a:visited {color:#999999;}
.fnavlist li a:hover {color:#666666;background-position: 0 -16px;}

ul.disclaimer li {float: right;margin-right: 0px; text-align:right}
.disclaimer li a {
margin: 0;
display: block;
font-size:8px;
background: none;
height: 11px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
padding: 3px 0 3px 15px;
line-height: 11px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
text-decoration: none;
}
.disclaimer li a:link, #fnavlist li a:visited {color:#666;}
.disclaimer li a:hover {color:#999}