/* styles puur voor layout */
* {margin:0;padding:0;}
ul {list-style-type:none;margin:0;padding:0;}
.clear {clear:both;line-height:1px;font-size:1px;overflow:hidden;}
body {font-family:Arial, verdana; font-size:11px;}

#container {position:relative;margin:0 auto 20px auto;width:970px;}
#container #header {position:relative;display:block;z-index:1000;width:930px;margin:0 auto;height:113px;}
#container #footer {position:relative;display:block;height:135px;}

/*menu top */
#header #topnav {position:absolute;bottom:0;width:100%;height:20px;z-index:100;}
#header #topnav ul#nav {position:relative;z-index:1000;}
#header #topnav ul#nav li {position:relative;float:left;height:20px;}
#header #topnav ul#nav li.last {border-right:0;}
#header #topnav ul#nav li.active {font-weight:bold;}
#header #topnav ul#nav li a {display:inline-block;padding:0 10px;text-decoration:none;height:20px;line-height:20px;}
#header #topnav ul#nav li a:hover {color:#000;}

#header #topnav ul#nav li ul { position: absolute;left: -999em; display:block; width:140px; font-weight:normal;}
#header #topnav ul#nav li ul li {display:block;clear:both;width:100%;}
#header #topnav ul#nav li ul li.last {border-bottom:0;}
#header #topnav ul#nav li ul li a {width:120px;padding:0 10px;}
#header #topnav ul#nav li:hover ul, 
#header #topnav ul#nav li.sfhover ul { top:20px; left: 0; display:block;}

/* singlecontainer */
#container h1 {padding:10px 10px 0 10px;}

#container #singlecolumn-container {position:relative;width:930px;margin:0 auto;}
#container #singlecolumn-container .content {position:relative;width:910px;margin:0 auto;}

/* doublecontainer */
#container #doublecolumn-container {position:relative;width:930px;margin:0 auto;}
#container #doublecolumn-container .content {position:relative;display:block;zoom:1;width:910px;margin:10px 0 10px 20px;padding:0;}
#container #doublecolumn-container #doublecolumn-1 {position:relative;width:200px;float:left;margin:0 10px 0 0;}
#container #doublecolumn-container #doublecolumn-1 .content {width:auto;margin:0;}
#container #doublecolumn-container #doublecolumn-2 {position:relative;width:680px;float:left;}
#container #doublecolumn-container #doublecolumn-2 .content {width:auto;margin:0;}

/* triplecontainer */
#container #triplecolumn-container {position:relative;width:930px;margin:0 auto;}
#container #triplecolumn-container .content {position:relative;display:block;zoom:1;width:910px;margin:10px 0 10px 20px;padding:0;}
#container #triplecolumn-container #triplecolumn-1 {position:relative;width:200px;float:left;}
#container #triplecolumn-container #triplecolumn-1 .content {width:auto;margin:0;}
#container #triplecolumn-container #triplecolumn-2 {position:relative;width:470px;float:left;margin:0 10px;}
#container #triplecolumn-container #triplecolumn-2 .content {width:auto;margin:0;}
#container #triplecolumn-container #triplecolumn-3 {position:relative;width:200px;float:left;}
#container #triplecolumn-container #triplecolumn-3 .content {width:auto;margin:0;}