BODY, HTML{
	background:#000000 url(../Images/bg.gif);
	margin:0px;
	font-family:Myriad Pro, Myriad, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
}

img, div, a, input { margin:0px; border:none; behavior: url(../Scripts/iepngfix.htc);}



INPUT, SELECT, OPTION, TEXTAREA{
	font-family:Myriad Pro, Myriad, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
}

/*
	TEKST STYLES
******************/
H1{}
H2{}
H3{}
H4{}
H5{}
H6{}
P{}

A{ color:#ff0000; text-decoration:none;}
A:HOVER{ color:#ffffff; text-decoration:none;}



/*
	Structuur
******************/
.site_holder{
	width:900px;
}
.container{
	width:900px;
	float:left;
	text-align:left;
}

/*
	TOP
******************/
.top{
	width:900px;
	height:115px;
	padding:10px 0px 0px 0px;
	float:left;
}
.tellers{
	width:342px;
	height:115px;
	float:left;
	padding:0px 0px 0px 20px;
}
.menu{
	width:380px;
	height:50px;
	float:right;
	padding:65px 0px 0px 0px;
	font-size:14px;
}
.menu_item{
	height:50px;
	float:right;
}
.menu_item A{
	height:50px;
	background:url(../Images/menu_item_bg.gif) left no-repeat;
	text-align:center;
	float:right;
	line-height:50px;
	color:#FFFFFF;
}
.laatste A{
	text-align:right;
}
.menu_item A:HOVER{
	color:#FF0000;
}
.menu_item A.aan{
	color:#FF0000;
}

#home, #home A{ width:68px;}
#fotoalbums, #fotoalbums A{ width:102px;}
#over_ons, #over_ons A{ width:85px;}
#contact, #contact A{ width:63px;}

.header{
	width:900px;
	height:320px;
	float:left;
	position:relative;
}
.header_item{
	width:360px;
	height:120px;
	position:absolute;
	top:30px;
	right:0px;
	padding:20px;
	background:url(../Images/header_item_bg.png) no-repeat;
	behavior: url(../Scripts/iepngfix.htc);
}
.header_item .tekst{
	width:230px;
	height:120px;
	float:left;
	font-size:23px;
	padding:0px 10px 0px 0px;
	position:relative;
}
.header_item .tekst .link{
	position:absolute;
	bottom:0px;
	left:0px;
}
.header_item .tekst A{
	font-size:12px;
	color:#FFFFFF;
}
.header_item .tekst A:HOVER{
	color:#FF0000;
}
.header_item .tekst A:HOVER .rood{
	color:#ffffff;
}
.rood{
	color:#FF0000;
}
.header_item .afbeelding{
	width:118px;
	height:118px;
	float:left;
	border:solid 1px #FF0000;
}

/*
	CONTENT
******************/
.content{
	width:900px;
	float:left;
}

.content_links_home{
	width:460px;
	float:left;
	background:#111111;
	padding:20px;
}
.content_links_home H1.titel{
	width:460px;
	float:left;
	font-size:24px;
	border-top:none;
	border-right:none;
	border-bottom:solid 1px #FF0000;
	border-left:none;
	margin:0px 0px 10px 0px;
	display:inline;
	font-weight:normal;
}
.content_links{
	width:480px;
	float:left;
	background:none;
	padding:20px 20px 20px 0px;
}
.content_links H1.titel{
	width:480px;
	float:left;
	font-size:24px;
	border-top:none;
	border-right:none;
	border-bottom:solid 1px #FF0000;
	border-left:none;
	margin:0px 0px 10px 0px;
	display:inline;
	font-weight:normal;
}

INPUT.contactform_text{ width:180px; height:16px; float:left; background:#FFFFFF; border:solid 1px #FF0000; margin:2px 0px 5px 0px; display:inline;}
TEXTAREA.contactform_text{ width:180px; height:100px; float:left; background:#FFFFFF; border:solid 1px #FF0000; margin:2px 0px 10px 0px; display:inline;}
INPUT.contactform_button{ float:left; background:#FFFFFF; border:solid 1px #FF0000; color:#000000;}


/*.fotoalbum{
	width:480px;
	float:left;
}
.foto_thumb{
	width:109px;
	float:left;
	margin:4px;
	display:inline;
}
.fotoalbum_nav{
	width:480px;
	float:left;
	margin:10px 0px 0px 0px;
}
.fotoalbum_nav .aantal{
	width:200px;
	float:left;
}
.fotoalbum_nav .navigatie{
	width:280px;
	float:left;
	text-align:right;
}
.fotoalbum_nav .navigatie A{
	color:#FFFFFF;
}
.fotoalbum_nav .navigatie A:HOVER{
	color:#FF0000;
}*/

/**************************************************************
** Fotoboek overzichtspagina Styles
***************************************************************/
#foto_album{
	width:480px;
	float:left;
	}
.foto_vak{
	width:109px;
	height:102px;
	margin:4px;
	padding:0px;
	float:left;
	display:inline;	/* Truukje om margin in IE6 goed te krijgen */
	}
.foto_houder{
	width:109px;
	height:82px;
	float:left;
	margin:0px;
	padding:0px;
	overflow:hidden;
	}
.foto_houder img{
	width:109px;
	margin:0px;
	padding:0px;
	}
.foto_titel{
	width:109px;
	height:20px;
	margin:4px 0px 0px 0px;
	padding:0px;
	overflow:hidden;
	font-size:10px;
	float:left;
	}
	
/**************************************************************
** Fotoboek navigatie Styles
***************************************************************/
.NavigatieVeld{
	width:476px;
	margin:0px;
	padding:2px;
	float:left;
	}
.NavLinks{
	width:95px;
	float:left;
	}
.NavMidden{
	width:286px;
	text-align:center;
	float:left;
	}
.NavMidden A{
	float:left;
	margin:0px 4px;
	display:inline;
	}
.NavRechts{
	width:95px;
	text-align:right;
	float:left;
	}
.aantal_keuze{
	width:480px;
	float:left;
	margin:0px;
	padding:2px 0 2px 0;
	text-align:center;
	}


.content_rechts{
	width:380px;
	float:left;
	padding:20px 0px 20px 20px;
}
.content_rechts H1.titel{
	width:380px;
	float:left;
	font-size:24px;
	border-top:none;
	border-right:none;
	border-bottom:solid 1px #FF0000;
	border-left:none;
	margin:0px 0px 10px 0px;
	display:inline;
	font-weight:normal;
}

.teller{
	text-align:left;
}
/**************************************************************
** Carousel
***************************************************************/

DIV.sidescroller{ width: 279px; float: left; position: relative; overflow: hidden; padding:0px 20px 0px 20px;}
DIV.sidescroller DIV.scroll_area{ position: relative;}
DIV.sidescroller DIV.scroll_area UL{ position: relative; margin: 0; padding: 0; list-style: none;}
DIV.sidescroller DIV.scroll_area UL LI{ position: relative; float: left; padding: 0; width: 279px; height: 184px; margin-right: 3px;}

.scroll_area .foto_groot{
	width:279px;
	height:150px;
	overflow:hidden;
	float:left;
}
.scroll_area .foto_groot IMG{
	width:279px;
	float:left;
}
.scroll_area .beschrijving{
	width:279px;
	height:29px;
	float:left;
	overflow:hidden;
	font-size:10px;
	padding:4px 0px 0px 0px;
}
.scroll_area .beschrijving A{
	color:#FFFFFF;
}
.scroll_area .beschrijving A:HOVER{
	color:#FF0000;
}
.scroll_area .beschrijving SPAN.titel{
	color:#FF0000;
	font-size:14px;
	width:279px;
	height:17px;
	overflow:hidden;
	float:left;
}
.scroll_area .beschrijving A:HOVER SPAN.titel{
	color:#FFFFFF;
}

.fotoslider_holder .nav_links{
	width:28px;
	height:184px;
	float:left;
	border-top:none;
	border-right:solid 1px #FFFFFF;
	border-bottom:none;
	border-left:none;
}
.fotoslider_holder .nav_links A{
	width:28px;
	height:184px;
	float:left;
	background:url(../Images/pijltje_links_wit.gif) left no-repeat;
}
.fotoslider_holder .nav_links A:HOVER{
	background:url(../Images/pijltje_links_rood.gif) left no-repeat;
}

.fotoslider_holder .nav_rechts{
	width:28px;
	height:184px;
	float:left;
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-left:solid 1px #FFFFFF;
}
.fotoslider_holder .nav_rechts A{
	width:28px;
	height:184px;
	float:left;
	background:url(../Images/pijltje_rechts_wit.gif) right no-repeat;
}
.fotoslider_holder .nav_rechts A:HOVER{
	background:url(../Images/pijltje_rechts_rood.gif) right no-repeat;
}

.fotoslider_holder A.bekijk_alle_link{
	font-size:14px;
	float:right;
	margin:20px 0px 0px 0px;
	display:inline;
	border-top:none;
	border-right:none;
	border-bottom:dotted 1px #FF0000;
	border-left:none;
}
.fotoslider_holder A.bekijk_alle_link {
	color:#FFFFFF;
}
.fotoslider_holder A:HOVER.bekijk_alle_link {
	color:#FF0000;
	border-top:none;
	border-right:none;
	border-bottom:dotted 1px #FFFFFF;
	border-left:none;
}
.rood{
	color:#FF0000;
}
.fotoslider_holder A:HOVER.bekijk_alle_link .rood{
	color:#ffffff;
}



.archief_select{
	width:150px;
	border:solid 1px #FF0000;
	margin:0px 0px 5px 0px;
}
HR.rooie_lijn{
	width:380px;
	height:1px;
	float:left;
	border:0px;
	background:#FF0000;
	margin:10px 0px 10px 0px;
}
UL.archief_resultaten{
	width:380px;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
UL.archief_resultaten LI{
	width:365px;
	float:left;
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 15px;
	list-style:none;
	background:url(../Images/wit_pijltje_klein_wit.gif) left top no-repeat;
	display:inline;
}
UL.archief_resultaten LI:HOVER{
	float:left;
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 15px;
	list-style:none;
	background:url(../Images/rood_pijltje_klein_wit.gif) left top no-repeat;
	display:inline;
}
UL.archief_resultaten LI A{
	color:#FFFFFF;
}
UL.archief_resultaten LI A:HOVER{
	color:#FF0000;
}
UL.archief_resultaten LI A:HOVER .rood{
	color:#ffffff;
}


.inlog_holder{
	width:380px;
	float:left;
}
INPUT.inlog_text{
	width:200px;
	float:left;
	margin:0px 0px 3px 8px;
	display:inline;
}
INPUT.inlog_btn{
	background:#000000;
	color:#ffffff;
	border: solid 1px #ff0000;
	float:right;
	text-transform:uppercase;
}