/* 
	Frame.css 	Framework van de website
	Auteur: 	Bas Bakker
	Website: 	http://www.interactiveperception.com 
*/ 

.clearfix { clear:both;}

html,body { width:100%; height:100%; display:block; background-color:#89012d;  }

div#container { margin:auto; width:1024px;}

ul#subnavigation { position:absolute; top:10px; margin-left:620px; }

div#header { position:absolute; top:50px; width:980px; height:353px; z-index:100;}

div#navigation { display:block; position:absolute; top:15px; width:950px; text-align:right; z-index:100; } 

div#navigation li ul { display:none; }
div#navigation li:hover ul { display: block; }


div#main { position:absolute; top:403px; width:1000px;  margin-bottom:100px; z-index:10;}

div#footer { display:block; height:50px;}

img.sloganbg { position:absolute; top:150px; margin-left:492px; } 

p.slogan { position:absolute; top:165px; margin-left:510px; width:450px; } 

span.breadcrumb { display:block; height:32px; padding-top:3px;  border-bottom:1px solid #ebebeb; margin-left:50px; width:585px; padding-left:30px; }
span.off { height:10px !important; border:0 !important; } 

div#column { display:block; width:550px; margin-left:80px; margin-top:10px; float:left;}

div#sidebar {display:block; width:260px; margin-right:40px; margin-top:10px; float:right;}