/*** General ***/

h1{
	font-size: 18pt;
}

body#homepage h1,
body#tmp-leusden h1{
	color: #ca2828;
	font-style: italic;
}

body#tmp-hulshorst h1{
	color: #004985;
	font-style: italic;
}

body#tmp-boshuis h1{
	color: #f5a000;
	font-style: italic;
}

h2{
	color: #000000;
	font-size: 15px;
	font-weight:bold;
}

p{
	font-size: 10pt;
}

em{
	font-style:italic;
}

body#homepage .introTekst{
	color: #000000;
	font-weight:bold;
}

#menu a{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 9pt;
}

#menu a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

#footer a{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 9pt;
}

#footer a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

.clear{
	clear: both;
}

#lcol img{
	border: 2px solid #f6ac21;
}

.error span {
color: red;
font-size: 10pt;
}

/*** FORM **************************/

input
{
background-color: #f5f5f5;
font-size: 10pt;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
margin: 10px;
padding: 0 0 2px 1px;
}

.button 
{
background-color: #f5f5f5;
font-size: x-small; 
font-weight:bold;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
margin-bottom: 10px;
}

select
{
width: 124px;
font-size: 12px;
background-color: #f5f5f5;
border-color: #cccccc;
border-style: solid;
border-width: 1px;
margin: 0 0 0px 9px;
}

textarea
{
width: 250px; 
height: 100px;
background-color: #f5f5f5;
border-width: 1px;
border-style: solid;   
border-color: #cccccc; 
font-size: 12px; 
margin: 0 10px 10px 10px;  
} 

label{
font-size: 10pt;
font-weight: bold;
}

.checkbox div{      
/*background-color: #f5f5f5;*/
font-size: 10pt;
padding: 0 0 2px 1px;
}  

.succes{
font-size: 10pt;
color: green;
}

/*** Layout ***/

body{
	background-color: #27a22d;
	font-family: Arial;
}

#wrapper{
	background-color: #FFFFFF;
	width:807px; 
	margin:0 auto;	
}

#wrapperBorder {
background:#27a22d url(../images/bg_shadow.jpg) repeat-y scroll 0 50%;
padding:0 0 0 1px;
}

#header{
	background:url(../images/header.jpg) top no-repeat;
	height: 173px;
	width: 799px;
}

#logo{
	background:url(../images/logo.png) top no-repeat;
	height:86px;
	margin:65px 0 0 7px;
	position:absolute;
	width:244px;
}

#banners{
	height: 97px;
	padding:0 0 0 13px;
}

#menu{
	/*text-align: center;*/
	margin:0 0 0 13px;
}

#content{
	min-height: 400px;
	padding: 30px 9px 7px 15px;
	clear: both;
}

#lcol{
	float: left;
	width: 265px;
}

#rcol{
	margin: 0 0 0 265px;
	width: 500px;
}

#footer{
	background:url(../images/footer.jpg) top no-repeat;
	text-align: center;
	padding: 20px 0 10px 0;
	font-size: 12px;
}

#footer li{	
	border-right:1px solid #FFFFFF; 
	display:inline;
	padding:0 6px;
	
}

/*** Banners ****/

.banner1{
	background:url(../images/leusden_off.png) no-repeat scroll 0 0;	
	height: 97px;
	width: 215px;
	float: left;
}

.banner2{
	background:url(../images/hulshorst_off.png) no-repeat scroll 0 0;	
	height: 97px;
	width: 215px;
	float: left;
}

.banner3{
	background:url(../images/boshuis_off.png) no-repeat scroll 0 0;	
	height: 97px;
	width: 215px;
	float: left;
}

a.banner1:hover{
	background:url(../images/leusden_on.png) no-repeat scroll 0 0;	
	height: 97px;
	width: 215px;
	float: left;
}

a.banner2:hover{
	background:url(../images/hulshorst_on.png) no-repeat scroll 0 0;	
	height: 97px;
	width: 215px;
	float: left;
}

a.banner3:hover{
	background:url(../images/boshuis_on.png) no-repeat scroll 0 0;	
	height: 97px;
	width: 215px;
	float: left;
}

/*** Menu ***/


#menu li{
	padding: 2px 30px 0px 10px;
}

body#tmp-leusden #menu li,
body#tmp-boshuis #menu li,
body#tmp-hulshorst #menu li{
	/*display:inline;*/
	padding: 2px 30px 0px 10px;
}

body#homepage #menu{
	background:url(../images/menubg_algemeen.jpg) repeat scroll 0 0;	
	width: 767px;
	height: 23px;
}

body#homepage #menu ul li ul {
background:none;
padding: 4px 0 0 0;
}

body#tmp-leusden #menu { 
	background:url(../images/menubg_leusden.jpg) repeat scroll 0 0;	
	width: 768px;
	height: 23px;
}

body#tmp-hulshorst #menu { 
	background:url(../images/menubg_hulshorst.jpg) repeat scroll 0 0;	
	width: 768px;
	height: 23px;
}

body#tmp-boshuis #menu { 
	background:url(../images/menubg_boshuis.jpg) repeat scroll 0 0;	
	width: 768px;
	height: 23px;
}

/*** tmp-leusden ***/
/*                 */
/*******************/

#content ul li{
	font-size: 10pt;
	list-style-type:disc;	
}

#content ul li.sub{
	font-size: 10pt;
	list-style-type:circle;
	margin-left: 20px;
}

/*** MENY STYLE DROPDOWN ***/
/*						   */
/***************************/

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#menu a, #menu h2 {

display: block;

margin: 0;
padding: 3px 3px;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

div#menu ul li ul li{
background-color:#27A22D;
width:100px;
}

#menu h3{
font-size: 9pt;
color:#FFFFFF;
padding:3px 0 0 0;
}

td{
font-size: 10pt;
}

/* panorama */
#gallery{clear: both; height: 400px; margin-left: -5px;}

#janorama {width:auto; height:160px;}
#janoramaFotoBox {width:256px; height:150px; float:left; padding:5px; color: #FFF}
#janoramaLink {width:250px; height:150px; float:left; overflow: auto;}
#janoramaFoto {width:256px; height:130px; position: relative; z-index:1;}
#janoramaTekst {width:256px; height:20px; text-align: center; font-size: 10pt;}