/*******************************************************
TITLE: Fixed Three-Column Layout v1.0
DATE: 200801
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

/* << ----------------// General Styles //---------------->> */
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#333333;
	background-color:#aeeb99;
}

p {
margin:0 10px 10px 10px;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

h1, h2, h3, h4 {
font-weight:bold;
margin:10px 0 0 0;
}

h1 {
font-size:18px;
}

h2 {
font-size:16px;
}

h3 {
font-size:14px;
}

h4 {
font-size:12px;
}

a:link, a:visited {
color:#006600;
text-decoration:underline;
}

a:hover, a:active {
color:#FF6600;
text-decoration:underline;
}

ul {
margin:5px 0 5px 20px;
padding:0 5px 0 5px;
list-style-type:disc;
}

ol {
margin:5px 0 5px 30px;
padding:0;
list-style-type:decimal;
}

ul li, ol li {
margin:0 0 10px 0;
padding:0;
}

/* << ----------------// Outer container that holds all the columns //---------------->> */
#container {
margin:10px auto;
padding:0;
width:960px;
}

/* << ----------------// Header //---------------->> */
#header {
	margin:0;
	padding:0;
	width:960px;
	height:180px;
	color:#000000;
	background-image:url(../images/header.jpg);
}

#headerbanner {
	float:right;
	margin: 10px 10px 0 0;

}

/* << ----------------// Horizontal navigation //---------------->> */
#nav {
	clear:both;
	margin:125px 0 0 0;
	padding:25px 0 0 0;
	width:960px;
	height:25px;
	line-height:30px;
	font-weight: bold;
	position:absolute;
}

#nav ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#nav ul li {
margin:0 0 0 -5px;
padding:5px 0 5px 0;
list-style:none;
display:inline;
}

#nav ul li a:link, #nav ul li a:visited {
padding:5px 10px 5px 10px;
color:#FFFFFF;
text-decoration:none;
border-right:1px solid #aeeb99;
}

#nav ul li a:hover, #nav ul li a:active {
color:#000000;
text-decoration:none;
background-color:#FFFFFF;
}

/* << ----------------// Left column //---------------->> */
#column1-2 {
float:left;
margin: 10px 10px 0 0;
width:470px;
background-color:#FFFFFF;
}

#column1-2 h1 {
	background-image:url(../images/textheader_back.jpg);
	border:1px solid #006600;
	font-size:16px;
	font-weight:normal;
	line-height:30px;
	color:#FFFFFF;
	margin:10px 10px 5px 10px;
	padding:0 10px 0 5px;
}

#column1-2 p, #column4 p, #column1-2 ul li, #column1-2 ol li, #column4 ul li, #column4 ol li {
font-size:11px;
}

#column1-2 h2, #column4 h2 {
font-size:16px;
}

.special {
	border-top:10px solid #aeeb99;
}

/* << ----------------// Middle column //---------------->> */
#column3 {
float:left;
margin: 10px 10px 0 0;
width:235px;
background-color:#FFFFFF;
}

#column3 ul {
margin:0 5px 15px 5px;
padding:0;
list-style:none;
line-height: 14px;
}

#column3 ul li {
margin: 0 0 -5px 5px;
padding:5px 0 5px 0;
list-style:none;
}

#column3 h2, #column4 h2 {
	background-image:url(../images/textheader_back.jpg);
	border:1px solid #006600;
	font-size:16px;
	font-weight:normal;
	line-height:30px;
	color:#FFFFFF;
	margin:10px 10px 5px 10px;
	padding:0 10px 0 5px;
}

#adsense {
	border-top:10px solid #aeeb99;
	text-align:center;
}


/* << ----------------// Right column //---------------->> */
#column4 {
float:left;
margin: 10px 0 0 0;
width:235px;
background-color:#FFFFFF;
}

/* << ----------------// Footer //---------------->> */
#footer {
margin: 10px 0 10px 0;
width:960px;
height:30px;
line-height:30px;
font-size:10px;
color:#FFFFFF;
background-color:#33A600;
clear:both;
background-image:url(../images/textheader_back.jpg);
background-repeat:repeat-x;
}

#footer ul {
margin:0;
list-style:none;
}

#footer ul li {
margin:0 0 0 -5px;
padding:10px 5px 0 5px;
list-style:none;
display:inline;
}

#footer ul li a:link, #footer ul li a:visited {
padding:0 10px 0 5px;
color:#FFFFFF;
text-decoration:none;
border-right:1px solid #aeeb99;
}

#footer ul li a:hover, #footer ul li a:active {
color:#000000;
text-decoration:none;
background-color:#FFFFFF;
}


/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Instellingen per specifieke pagina */ 

#home #column1-2 	{ height: 1200px;}
#home #column3 		{ height: 1200px;}
#home #column4 		{ height: 1200px;}