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

#container{
	width:901px;
	margin-left:auto;
	margin-right:auto;
}
#website {
	float:left;
	width: 901px;
	border:1px solid #1A171B;
	background:#ffffff;	 	
}
#menu{
float:left;
margin-top:0px;
width: 261px;
height: 700px;
margin-left:10px;
background:url('../images/ontwerp/menu.jpg');
background-repeat:no-repeat;
}
#nederland{
float:left;
margin-top:0px;
width: 197px;
height: 173px;
margin-top:70px;
margin-left:26px;
background:url('../images/ontwerp/nederland.jpg');
background-repeat:no-repeat;
}
#talen{
float:left;
margin-top:10px;
width: 100px;
height: 30px;
margin-left:110px;
	border:0px solid #1A171B;
}
#banner {
	margin-top: 10px;
	width: 595px; 
	height:249px;
	float:left;
	border:1px solid #D9341E;
	}

#rand{
float:left;
margin-top:0px;
width: 595px;
height: 29px;
margin-left:0px;
border:1px solid #D9341E;
background:url('../images/ontwerp/rand.jpg');
background-repeat:no-repeat;
}

#content {
	margin-left:0px;
	margin-top:0px;
	width: 585px; 
	border:1px solid #D9341E;
	padding-left: 10px;
	float:left;
}


/******************************* FOOTER WEBSITE*****************************************************/
#footerwebsite{
width: 905px; 
height:45px;
float:left;
margin-left:0px;
margin-top:-5px;background:url('../images/ontwerp/footer.png');
background-repeat:repeat-x;}


.footer_leftwebsite {
	float: left;
	text-align: left;
	padding: 10px 0px 0px 5px;
}



.footer_rightwebsite {
	float: right;
	text-align: right;
	padding: 10px 35px 0px 0px;
}

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

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

td.tekstnieuws{
color: #98271B;	
}


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

.fotos{
	float:left;
	padding:5px;
	border:1px solid #E9E9E9;
	margin:10px;
}

/* ****************************opmaak lijsten menu************************************/
ul#hoofdmenu{ 
margin: 200px 40px 0px 20px;/*zorgt ervoor dat hoofdmenuvak geen margin en padding heeft, dus linksboven in de hoek begint*/
padding: 0;
list-style:none;
position:relative;
}

ul#hoofdmenu li{
border-bottom: 2px solid #838779;
line-height:25px;
text-align:left;
position:relative;
display:block;
}

ul#hoofdmenu li a{ 
padding:0 0 0px 30px; /* boven | rechts | onder | links */ 
color:#474E3F; 
text-decoration:none;}

ul#hoofdmenu li a:hover{
text-decoration: none; 
background:url(../images/ontwerp/bullet.jpg);
background-repeat:no-repeat;
background-position: inherit; 
color:#BB491A;}

/****************submenu*/
ul#hoofdmenu ul {
position: absolute;
margin: 0;
padding: 0;
top: 51px;
line-height:20px;
width:150px; /* breedte van het menu mag je zelf kiezen, als je tekst er maar inpast */
border: 1px solid #191919;
background-color: #98271B;/* donkerrood */
list-style: none;
}

ul#hoofdmenu ul li{
border-bottom:1px solid #fff; /* workaround for IE */ 
line-height:25px;
text-align:left;
padding: 0px;
width:150px;
color:#ffffff;
} 
ul#hoofdmenu ul li a{ 
float:left;
width:140px;
background-image:none;/*anders wordt de background url van het hoofdmenu getoond*/ 
padding: 10px 5px 5px 5px; 
color:#ffffff;/*wit*/
text-decoration:none;}

ul#hoofdmenu ul li a:hover{
float:left;
width:140px;
text-decoration: none; 
padding: 10px 5px 5px 5px;
color:#cccccc;}/*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: #191919;
height:1200px; 
width:2000px;
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
}
	
#vergroting{
	position:absolute;/*dit is nodig omdat anders het filter niet van 70 teruggaat naar 100*/
	top: 35px;
	left:200px;
	width:600px;
	height:450px;
	border: solid 0px #000;
	z-index:20;
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
}



#gallery{
	position:absolute;/*dit is nodig omdat anders het filter niet van 70 teruggaat naar 100*/
	top: 35px;
	left:200px;
	width:765px;
	height:803px;
	background-color: #BB491A;
	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:10px;
}

#pres_foto{
	float:left;
	width:592px;
	padding:6px;
	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;
}

/************************************ einde css bij fotopresentatie *********************************************/


.scrollen {
		overflow:auto;
		height: 115%;
		width: 103%;	
}
/************************************ css bij drie tn op pagina content *********************************************/
.boxtnfoto{
	float:left;
	width:172px;
	height:125px;
	padding:0px;
	background:url('../images/ontwerp/tnachtergrond.jpg') left top no-repeat;
	text-align:left;
}
.tnfoto{
	float:left;
	width:150px;
	height:100px;
	padding:0px;
	text-align:left;
}

/************************************ css bij gastenboek *********************************************/

#gastenboek{
	position:absolute;/*dit is nodig omdat anders het filter niet van 70 teruggaat naar 100*/
	top: 50px;
	left:200px;
	width:352px;
	height:209px;
	padding:10px;
	background:url('../images/ontwerp/gastenboekvoegtoe.png');
	background-repeat:no-repeat;
	border: solid 0px #000;
	z-index:20;
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
}
#berichttop{
	width:414px;
	height: 32px;
	padding:0px;
	background-color:#D9341E;
	background-repeat:no-repeat;
	border-top: solid 1px #1A171B;
	border-left: solid 1px #1A171B;
	border-right: solid 1px #1A171B;
}
.berichttop_left {
	float: left;
	text-align: left;
	padding: 5px 0px 0px 5px;
}



.berichttop_right {
	float: right;
	text-align: right;
	padding: 5px 5px 0px 0px;
}



#bericht{
	width:404px;
	padding:5px;
	border: solid 1px #1A171B;
	background:#E2DDBE;
}