/* *********************************positionering div's************************************/
body{
	margin:0px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
	height:100%;
	width:100%;
	overflow: auto;
	background:#CDEAF5;
	font-size: 14px;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif; 
	line-height: 150%;
	color: #ffffff;		
	display:inline;	
}
img{
	border: 0px;
}
#container{
	width:910px;
	margin-left:auto;
	margin-right:auto;
}
#website {
	float:left;
	width: 1044px;	
	background:url('../images/ontwerp/achtergrond.jpg');
	background-repeat:repeat-y; 	
}
#rzijn {
	float:left;
	width: 1200px;	
	height:771px;	
	background:url('../images/ontwerp/rzijn.jpg');
	background-repeat:no-repeat; 	
}
#rzijncontent{
	float: left;
	width: 604px;
	padding-top: 333px;
	color: #000000;
	padding-left: 138px;
	font-family: Arial, Helvetica, sans-serif;
}
#hoofdpagina {
	width: 970px; 
	height:auto;
	float:left;
	margin-left:0px;		
}


#content {
	width: 990px; 
	height:617px;
	float:left;
	margin-left:0px;
	margin-top:30px;
	background:url('../images/ontwerp/hoofdpagina.jpg') left top no-repeat;	
	
}


#banner {
	width: 901px; 
	height:180px;
	float:left;
	margin-left:72px;
	display: inline;
	}

#terug {
	float:left;
  	width: 731px; 
	height:17px;
	margin-top:-25px;
	margin-left:236px;
	display: inline;
}
#menu{
float:left;
margin-left:72px;
display: inline;
width: 169px;
background-color: #000000;/*zwart*/
}

#knoppen{
float: left;
margin-top: 20px;
margin-left:0px;
width: 169px;
}

#content1{ 
float:left;
margin-left: 0px;
display: inline;
margin-top: 0px;
width: 731px;
text-align: left;
background-color: #ffffff;
}

/******************************* FOOTER WEBSITE*****************************************************/
#footerwebsite{
width: 1045px; 
height:179px;
float:left;
margin-left:0px;
background:url('../images/ontwerp/footerwebsite.jpg');
background-repeat:no-repeat;
background-position: inherit;}


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



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

/******************************* FOOTER HOOFDPAGINA*****************************************************/
#footer {
	width: 990px; 
	height:131px;
	float:left;
	color: #ffffff;
	margin-left:0px;
	margin-top:-100px}


.footer_left {
	margin-top: 10px;
	margin-left:50px;
	float: left;
	text-align: left;
	color: #ffffff;
	font-size: 12px;
}



.footer_right {
	margin-top: 10px;
	float: right;
	text-align: right;
	padding: 2px 2px 0 0;
	margin-right:40px;
	color: #ffffff;
	font-size: 12px;
}

a.linkfooter { 
color: #ffffff;
text-decoration:none;
}
a.linkfooter:hover{ 
color: #E95E27;
text-decoration:underline;
}
/* **************************************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: #E95E27;
text-decoration:underline;
}
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:10px; 
list-style:none;
position:relative;
}

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

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

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

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

ul#hoofdmenu ul li{
border-bottom:1px solid #fff; /* workaround for IE */ 
line-height:25px;
text-align:left;
padding:0 0 0 20px; /* boven | rechts | onder | links */ 
color:#000000;
} 
ul#hoofdmenu ul li a{ 
padding:0 0 0px 20px; /* boven | rechts | onder | links */ 
color:#000000;/*wit*/ 
text-decoration:none;}

ul#hoofdmenu ul li a:hover{
text-decoration: none; 
background:url(../images/ontwerp/submenubullet.jpg);
background-repeat:no-repeat;
background-position: inherit; 
color:#E95E27;}/*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 gallery *********************************************/
#box{
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0px;	
}

#achtergrond{
position:absolute;
top: 0px;
left:0px;
z-index:10;
background-color: #1A171B;
height:1600px; 
width:2400px;
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:760px;
	height:665px;
	background-color: #fff;
	border: solid 5px #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: 0px;
	left:0px;
	width:740px;
	height:35px;
	background-color: #000;
	padding-left:10px;
	padding-right:10px;
}

#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: 35px;
	left:0px;
	height:420px;	
}
#box_foto{
	margin-left: 100px;
	width:600px;
	height:398px;
	margin-top:10px;
}

#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: 465px;
	left:0px;
	height:210px;
}
.box_thumb{
	float:left;
	padding-top:6px;
	padding-left:6px;
	padding-right:5px;
	padding-bottom:5px;
	width:86px;
	height:66px;
	background:url('../images/ontwerp/fotoshowthumb_bg.gif') left top no-repeat;
	text-align:left;
	
}

IMG.boxthumb{
	width:80px;
	height:60px;
}

/* *********************************opmaak formulieren************************************/
.antwoord { 
background-color: #ffffff;
border-color: #E95E27; 
border-width: 1px; 
border-style: solid; 
color: black; 
font-family: Arial; 
font-size: 8pt;
} 

.button { 
background-color: #ffffff; 
border-color: #E95E27; 
border-width: 1px; 
border-style: solid; 
font-family: Arial; 
font-size: 8pt; 
cursor: pointer 
}




/* *********************************Login fotoboek************************************/
#loginfotoboek{
	position:absolute;/*dit is nodig omdat anders het filter niet van 70 teruggaat naar 100*/
	top: 30px;
	left:100px;
	width:446px;
	height:226px;
	padding: 30px 0 0 28px;
	background:url('../images/ontwerp/login.png') left top no-repeat;
}