body     {
	color:      #000000;
	font-size:   12px;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 18px;
	text-align:left;
	vertical-align:top;
	padding: 0;
	margin: 0;
}


h1   {
color:      #AD3692;
font-size:   12px;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px}

h2   {
color:      #000000;
font-size:   13px;
font-family: Arial,Helvetica,sans-serif;
line-height: 9px}

a:link {
color:          #666;
font-size:   12px;
text-decoration: none }

a:visited {
color:          #000;
font-size:   12px;
text-decoration: none }

a:hover {
color:          #000;
font-size:   12px;
text-decoration: none }

#container {
	margin: 0 auto;
	width: 975px;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
	
}


.header {  
	height: 251px;  
	width: 975px;
	background-image:url(../images/header_index.jpg);
	padding-top: 65px;
}

.keuze {
	height: 367px;
	width: 975px;
	padding: 0 33px 0 35px;
	margin: 0;
	overflow: hidden;
}

.keuze .item {
	float:left;
	width: 303px;
	height: 250px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.keuze .item .foto {
	position: relative; 
	top:0; 
	left: 0;
	margin: 0;
	width: 303px;
	height: 360px;
	z-index: 2;
}

.keuze .item .foto img {
	margin: 0;
	padding: 0;
}

.keuze .item .text {
	position: relative;
	color : #000;
	top : -320px;
	left: 0px;
	width: 283px;
	height: 150px;
	padding: 10px;
	font-size: 12px;
	font-weight: normal;
	z-index: 3;
	display: none;
}

.keuze .item:hover .text {
	display: block;
	width: 283px;
}

.content {
	width: 875px; 
	min-height: 300px;
	background: url('../images/content.jpg') repeat-y 0 0;
	margin: 0;
	padding: 10px 50px 0 50px;
}

.content .text {
	float: left;
	padding-left: 15px;
	width: 550px;
}

.content .fotos {
	float: left;
	width: 195px;
	padding-left: 55px;
	padding-top: 15px;
}

.footer {  
	height: 42px;  
	width: 975px;
	margin-top: -20px;
	padding: 0px;
	background:url(../images/footer.jpg) no-repeat top left;
}