/* *********************************positionering div's************************************/
/* *********************************positionering div's************************************/

body{	
	margin:0px;
	padding:0px;
	height:auto;
	width:auto;
	overflow-x:hidden;
	overflow-y:visible;	
	background:url('../images/ontwerp/achtergrond.png');
	background-repeat:repeat-x;
	background-color:#C26740;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff;	
}


IMG{
	border:0px;
}
#container{
	width:1205px;
	margin-left:auto;
	margin-right:auto;
	border:0px solid #1A171B;
}

#website {
	float:left;
	width: 1205px;
	border:0px solid #ccc;	 	
}
#logo {
	width: 905px; 
	padding-left: 150px;
	height:60px;
	float:left;
	border:0px solid #1A171B;
	}


#banner {
	width: 905px; 
	height:275px;
	float:left;
	padding-left: 150px;
	}


#content {
	float:left;
	padding-left: 150px;
	margin-top:-30px;
	width: 895px; 
	height:561px;
	float:left;
	border:0px solid #000;
}
#contentachtergrond {
	float:left;
	width: 895px; 
	height:561px;
	float:left;
	background:#FCF3DE;
	border:5px solid #ffffff;
}


#contenttekst {
	width: 600px; 
	height:261px;
	padding-left: 170px;
	padding-right: 10px;
	float:left;
	background:#FCF3DE;
	border:0px solid #ffffff;
}

#activiteiten {
	width: 600px;
	margin-top: 10px; 
	height:161px;
	padding-left: 170px;
	padding-right: 10px;
	float:left;
	background:#FCF3DE;
	border:0px solid #cccccc;
}

.actie{
	margin-left:0px;
	margin-top:0px;	
	width: 575px; 
	height:95px;
	float:left;	
	}
.actiefoto{
margin-left:0px;
margin-top:0px;	
width: 140px; 
height:95px;
float:left;}	

.actietekstveld{
padding-left:0px;
margin-top:0px;	
width: 435px; 
height:95px;
float:left;
background:url('../images/ontwerp/activiteitenveld.png');
background-repeat:no-repeat;}	

.actietitel{
padding-left:35px;
margin-top:3px;	
width: 390px; 
height:15px;
float:left;
color:#000000;}	

.actietekst{
padding-left:35px;
margin-top:3px;	
width: 390px; 
height:95px;
float:left;
color:#000000;}

#menu{
float:left;
margin-top:-670px;
padding-top: 30px;
width: 256px;
height: 343px;
background:url('../images/ontwerp/menu.png');
background-repeat:no-repeat;
}
#agenda{
float:left;
margin-top:-400px;
padding-top:  30px;
width: 256px;
height: 263px;
background:url('../images/ontwerp/agenda.png');
background-repeat:no-repeat;
}
#nieuws{
float:right;
margin-top:-660px;
margin-right: 0px;
width: 256px;
height: 492px;
background:url('../images/ontwerp/nieuws.png');
background-repeat:no-repeat;
border:0px solid #cccccc;
}
/******************************* FOOTER WEBSITE*****************************************************/
#footerwebsite{
	padding-left: 150px;
width: 905px; 
height:30px;
float:left;
margin-left:0px;
margin-top:-5px;}


.footer_leftwebsite {
	margin-top: 0px;
	margin-left:0px;
	float: left;
	text-align: left;
}



.footer_rightwebsite {
	margin-top: 0px;
	float: right;
	text-align: right;
	padding: 2px 0 0 0;
}

/* **************************************opmaak teksten************************************/

h1{   
font-size: 16px; 
color: #000000;
}
h2{  
text-align: top; 
font-size: 14px; 
color: #E4146C;
align:left;
}
a { 
color: #E95E27;
text-decoration:none;
}
a:hover{ 
color: #E95E27;
text-decoration:underline;
}
a.link { 
color: #ffffff;
text-decoration:none;
}
a.link:hover{ 
color: #FCC300;
text-decoration:underline;
}
a.linktekst { 
color: #000000;
text-decoration:none;
}
a.linktekst:hover{ 
color: #D37540;
text-decoration:none;
}

td.tekst{
color: #000000;	
}
.tekst{
color: #000000;	
}

.fotos{
	float:left;
	padding:2px;
	border:1px solid #E9E9E9;
}
hr {
color:  #E9E9E9;
height:1px;	
} 


/* ****************************opmaak lijsten menu************************************/
ul#hoofdmenu{ 
margin:0; 
padding-left:20px; 
list-style:none;
position:relative;
font-size: 14px;
}

ul#hoofdmenu li{  
line-height:30px;
text-align:left;
position:relative;
display:block;
} 

ul#hoofdmenu li a{ 
padding:0 0px 0px 30px; /* boven | rechts | onder | links */ 
color:#000000;/*wit*/ 
background:url(../images/ontwerp/bullet.png);
background-repeat:no-repeat;
background-position: center left;
text-decoration:none;}

ul#hoofdmenu li a:hover{
text-decoration: none; 
background:url(../images/ontwerp/bulleth.png);
background-repeat:no-repeat;
background-position:  center left; 
color:#000000;}

/****************submenu*/
ul#hoofdmenu ul {
position:absolute;
top: 0;
left: 100%;
z-index: 100;
width: 280px; /* breedte van het menu mag je zelf kiezen, als je tekst er maar inpast */
margin: 0;
padding: 0;
list-style: none;
border: 5px solid #ffffff;
background-color: #826B63;
}

ul#hoofdmenu ul li{
border-bottom:0px solid #fff; /* workaround for IE */ 
line-height:25px;
text-align:left;
padding:0 0 0 20px; /* boven | rechts | onder | links */ 
color:#ffffff;
} 
ul#hoofdmenu ul li a{ 
padding:0 0 0px 20px; /* boven | rechts | onder | links */ 
color:#ffffff;/*wit*/
background:url(../images/ontwerp/bulletsub.png);
background-repeat:no-repeat;
background-position: center left; 
text-decoration:none;}

ul#hoofdmenu ul li a:hover{
text-decoration: none; 
background:url(../images/ontwerp/bulletsubh.png);
background-repeat:no-repeat;
background-position:  center left; 
color:#ffffff;}/*logo oranjegeel*/

/************************************ css bij javascript ShowHideDIV.js *********************************************/
.mouse2
{
visibility:hidden;
background-color: #000000;
color: white;
font-size:10px;
border:1px solid white;
z-index:10;
}


/************************************ css bij fotopresentatie *********************************************/
#box{
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0px;	
}

#achtergrond{
position:absolute;
top: 0px;
left:0px;
z-index:10;
background-color: #826B63;
height:1200px; 
width:2000px;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
}

#gallery{
	position:absolute;/*dit is nodig omdat anders het filter niet van 70 teruggaat naar 100*/
	top: 30px;
	left:100px;
	width:765px;
	height:803px;
	background:url('../images/ontwerp/achtergrondfotopresentatie.png');
	background-repeat:no-repeat;
	border: solid 0px #000;
	z-index:20;
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
}	

#presKop{
	position:absolute;/*dit is nodig omdat anders het filter niet van 30 teruggaat naar 100*/
	top: 30px;
	left:0px;
	text-align:center;
	width:766px;
	height:45px;
	padding-left:0px;
	padding-right:0px;
}

#presNaam{
	float:left;
	width:710px;
	padding-top:7px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}
#presSluit{
	float:left;
	padding-top:7px;
	width:14px;
}

#presKaart{
	position:absolute;/*dit is nodig omdat anders het filter niet van 30 teruggaat naar 100*/
	top: 55px;
	left:0px;
	height:420px;	
}
#box_foto{
	margin-left: 80px;
	width:600px;
	height:398px;
	margin-top:30px;
}

#pres_foto{
	float:left;
	width:592px;
	padding:6px;
	background:url('../images/ontwerp/fotoshow_bg.gif') left top no-repeat;
	text-align:left;
}

#box_fotos{
	position:absolute;/*dit is nodig omdat anders het filter niet van 30 teruggaat naar 100*/
	top: 520px;
	left:80px;
	width:600px;
	height:210px;
}
.box_thumb{
	float:left;
	padding-top:6px;
	padding-left:6px;
	padding-right:5px;
	padding-bottom:5px;
	width:109px;
	height:73px;
	text-align:left;}

IMG.boxthumb{
	width:99px;
	height:66px;
}

.scrollen {
		overflow:auto;
		height: 95%;
		width: 100%;	
}