﻿/* 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;}

#container-position {position:relative;left:-65px;padding:0 65px;}

#container {position:relative;margin:0 auto;width:700px;}
#container #header {position:relative;display:block;height:76px;z-index:1;}
#footer {position:relative;display:block;height:65px;line-height:20px;width:700px;margin:0 auto;z-index:2;.z-index:-1;}

/* singlecontainer */
#container #singlecolumn-container {left:130px;position:relative;width:515px;padding:10px 27px 0 27px;z-index:2;}
#container #singlecolumn-container .content {padding:10px;}

/* doublecontainer */
#container #doublecolumn-container {position:relative;width:700px;z-index:2;}
#container #doublecolumn-container .content {position:relative;padding:0 10px 10px 10px;}
#container #doublecolumn-container #doublecolumn-1 {position:absolute;width:130px;left:0;.padding:10px 0 0 0;z-index:10;}
#container #doublecolumn-container #doublecolumn-2 {position:relative;left:130px;width:515px;padding:0px 27px 0 27px;}

/* triplecontainer */
#container #triplecolumn-container {position:relative;width:700px;z-index:2;}
#container #triplecolumn-container .content {position:relative;padding:10px;display:block;zoom:1;}
#container #triplecolumn-container #triplecolumn-1 {position:relative;width:300px;float:left;}
#container #triplecolumn-container #triplecolumn-2 {position:relative;width:300px;float:left;}
#container #triplecolumn-container #triplecolumn-3 {position:relative;width:300px;float:left;}


