/* 
Ressenaar van Raad
======================================================================================
Start xhtml: 		10 december 2007
Auteur: 			Ale van der Ploeg [http://www.addnoise.nl]
======================================================================================
*/

@import url(/addsite/css/iconen.css);

body
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #242424; 
	background: #9f0028;
	-webkit-text-size-adjust: none;
}

#container {
	margin: 0 auto;
	width: 1001px;
}

a:link, a:visited { 
	color: #9F0028;
	text-decoration: none;
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}

a:hover, a:active { 
	color: #9F0028;
	text-decoration: underline;
	}
	
#adreswrapper{
	float: left;
	width: 1001px;
	height: 40px;
	position: relative;
}

#adreswrapper a:link, #adreswrapper a:visited { 
	color: #ffffff;
	}

	
#adresgegevens{
	position: absolute;
	top: -170px;
	left: 52px;
	width: 240px;
	height: 140px;
	color: #ffffff;
}

#header{
	width: 1001px;
	height: 135px;
	float: left;
	background: url(../images/header.gif) top left no-repeat; 
}

.logo {
	width: 435px;
	height: 57px;
	float: left;
	padding: 47px 0px 0px 50px;
	border: 0px;
}

#menu {
	position: relative;
	width: 1001px;
	height: 32px;
	float: left;
	background: url(../images/menuback.jpg) top left no-repeat; 
}

.nederlands{
	position: absolute;
	top: 6px;
	left: 912px;
	border: 0px;
}

.engels{
	position: absolute;
	top: 6px;
	left: 952px;
	border: 0px;
}

#menu ul{ 
	height: 32px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 44px;
	}
	
#menu ul li{ 
	height: 32px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	}
	
	
#menu ul li a:link, #menu ul li a:visited{ 
	line-height: 14px;
	color: #ffffff;
	margin-top: 8px;
	padding: 0px 11px 0px 9px;
	float: left;
	border-right: 1px solid #ffffff;
	}
	
#menu ul li a:hover, #menu ul li a:active{ 
	color: #D99BAB;
	text-decoration: none;
	}	
	
#menu ul li.last a:link, #menu ul li.last a:visited{ 
	border-right: 0px solid #ffffff;
	}	
	
#menu ul li a.actief:link, #menu ul li a.actief:visited, #menu ul li a.actief:hover, #menu ul li a.actief:active{ 
	color: #ffffff;
	font-weight: bold;
	}
	
#content {
	width: 1001px;
	float: left;
	background: url(../images/contentback.jpg) top left repeat-y;
}

#content2 {
	width: 1001px;
	float: left;
	background: url(../images/footer.jpg) bottom left no-repeat;
}

#linkerkant {
	float: left;
	width: 296px;
}		
					
#rechterkant {
	float: right;
	width: 705px;
}		

.tekst{
	padding: 35px 90px 0px 40px;
}

#linkerkant .tekst{
	color: #ffffff;
	padding: 39px 10px 0px 52px;
}

#linkerkant h1{
	color: #ffffff;
}

#linkerkant a:link, #linkerkant a:visited { 
	color: #ffffff;
	}


.tekstform{
	padding: 35px 90px 0px 37px;
}

.intro{
	font-weight: bold;
}

.fotoonder{
	padding: 23px 0px 45px 40px;
}


h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: #9F0028;
	padding: 0px 0px 0px 0px;
	}
	

.kop { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: #9F0028;
	padding: 0px 0px 0px 0px;
	}
		
		
.kop2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: #9F0028;
	padding: 0px 0px 0px 0px;
	float: left;
	display: block;
	}
				


.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer20 {
	height: 20px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.spacer {
	height: 180px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}



	


	
/* Sliding doors
---------------------------------------------------------------------------------------------- */	
	
.knop1, a.knop1:link, a.knop1:visited 
{
	float: left;
	width: 165px;
	height: 26px;
	background: url(../images/knop1.gif) 0px 0px;
	margin-top: 17px;
	margin-right: 10px;
	color: #ffffff;
	line-height: 26px;
	text-align: center;
}

a.knop1:hover, a.knop1:active
{
	background: url(../images/knop1.gif) 0px -26px;
	text-decoration: none;
}





/* Navigatie menu eerste niveau
------------------------------------------------------------------------------------------ */
  	#verznav
	{
		width: 283px;
		padding-left: 13px;
		float: left;
		text-align: left;
		padding-top: 35px;
		line-height: 16px;
		padding-bottom: 240px;
	}

	#verznav ul
	{
		margin: 0px;
		padding: 0px 0px 0px 0px;
	}

	#verznav ul li
	{
		padding: 0px 0px 0px 0px;
		margin: 0px;
		list-style-type: none;
	}

	#verznav li a
	{
		display: block;
		width: 243px;
		color: #ffffff;
		padding: 5px 0px 5px 40px;
		text-decoration: none;
	}
	
	#verznav li a:hover
	{
		text-decoration: none;
		color: #D7BA96;
	}	

	#verznav li a.actief, #verznav li a.actief:hover
	{
		color: #ffffff;
		text-decoration: none;
		background: #9F0028;
	}
	



/* Navigatie menu tweede niveau
------------------------------------------------------------------------------------------ */
	
	#verznav ul ul
	{ 
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 12px 0px;
		
	}
	
	#verznav ul li li
	{
		border: 0px;
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}

	
	#verznav li li a
	{
		display: block;
		width: 233px;
		color: #ffffff;
		padding: 5px 0px 5px 50px;
		text-decoration: none;
	}
	

	
	#verznav li li a:hover
	{
		text-decoration: none;
	}
	
	#verznav li li#subactief a, #verznav li li#subactief a:hover
	{
		color: #ffffff;
		text-decoration: none;
		background: #9F0028;
	}
	


/* Formulier
------------------------------------------------------------------------------------------ */

		form
		{
			margin: 0px;
			padding: 0px;
		}				
		
	
input.button { 
	background: #B0752D; 
	border-bottom: 1px solid #714404; 
	border-left: 1px solid #F6B05A; 
	border-right: 1px solid #714404; 
	border-top: 1px solid #F6B05A; 
	color: #ffffff; 
	margin: 5px 16px 10px 10px; 
	padding: 3px 5px 3px 5px; 
	font-size: 11px;
	float: right;
	}
	
input.button2 { 
	background: #92B81E; 
	border-bottom: 1px solid #587B00; 
	border-left: 1px solid #C5EE46; 
	border-right: 1px solid #587B00; 
	border-top: 1px solid #C5EE46; 
	color: #ffffff; 
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 10px; 
	padding: 1px 5px 2px 5px; 
	}	

.aanmelden {

	border: 1px solid #D2C3AC;
		width: 165px;
		margin-left: 0px;
		font-size: 11px;
		line-height: 11px;
		height: 18px;
		margin: 2px 0px 10px 0px;
		}
	
.input {
	background: #ffffff;
	border: 1px solid #D2C3AC;
	font-size: 11px;
		width: 253px;
		margin-left: 10px;
		line-height: 11px;
		height: 16px;	
		}
		
.invulNormaal {
	background: #ffffff;
	border: 1px solid #D2C3AC;
	font-size: 11px;
		width: 253px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		
		}		

.area{
	float: left;
	position: relative;
	height: 100px;
}
		
.invulArea {
		position: absolute;
		top: 0px;
		left: -145px;
		font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
		background: #ffffff;
		border: 1px solid #D2C3AC;
		font-size: 11px;
		width: 370px;
		line-height: 11px;
		margin: 1px 0px 1px 10px;
		height: 100px;
		padding: 2px 3px 1px 3px;
		}
		
.veld2pulldown select
{
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #ffffff;
 color: #000000;
 border: 1px solid #D2C3AC;
 margin-right: 0px;
 text-align: left;
 height: 18px;
 padding: 2px 3px 2px 3px;
 margin: 0 0 0 0;
}	

.invulSmall {
	background: #ffffff;
	border: 1px solid #D2C3AC;
	font-size: 11px;
		width: 153px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}
		
.invulPulldown {
	background: #ffffff;
	border: 1px solid #D2C3AC;
	font-size: 11px;
		width: 253px;
		line-height: 18px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}		
		
.invulXSmall {
	background: #ffffff;
	border: 1px solid #D2C3AC;
	font-size: 11px;
		width: 73px;
		line-height: 11px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}		
		

.frmseparator
{
	height: 4px;
	font-size: 0px;
	line-height: 0px;
}

.frmseparatora
{
	height: 4px;
	font-size: 0px;
	line-height: 0px;
} 		
	
	
	
	
.fotorechts { 
	width: 195px;
	padding: 0px 0px 0px 15px;
	margin: 5px 0px 5px 0px;
	font-size: 0px;
	line-height: 0px;
	float: right;
	}		
	
.fotorechts img
{
	width: 195px;
	border: 0px;
	padding: 0px 0px 10px 0px;
	position: relative;
	float: right;
}


.fotooverzicht { 
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	}		
	
.fotooverzicht img
{
	width: 150px;
	height: 150px;
	border: 0px;
	padding: 0px;
	margin: 15px 15px 0px 0px;
}