*{
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

body{
background: url('images/bg.jpg') no-repeat;
font-family: "Trebuchet MS";
font-size: 12px;
color: #727272;
}

body#video {
background-color:#333;
font-size: 11px;
font-family: arial, verdana;
}

#main{
width: 960px;
margin: 0 auto;
}

#top{
margin-top: 20px;
width: 952px;
border-left: 1px solid #c0bfb4;
border-right: 1px solid #c0bfb4;
border-top: 1px solid #c0bfb4;
height: 100px;
background: #fffeef;
}

#header{
width: 954px;
height: 210px;
background: url('images/header_groen2.png') no-repeat;
}

#header2{
width: 954px;
height: 210px;
background: url('images/header_rood.png') no-repeat;
}

.top_links{
float: left;
padding: 53px 0px 0px 5px;
}

.top_rechts{
float: right;
padding: 53px 12px 0px 0px;
}

/******************* Menu in header links **********************/

ul.navleft{
list-style: none;
padding-top: 183px;


}

ul.navleft li{
float: left;
overflow: hidden;
padding-left: 8px;
display: inline;
margin-left: 2px;
letter-spacing: 1px;
}

ul.navleft li.active{
background: url('images/tabl.png') no-repeat left center;
}

ul.navleft li.active a{
color: #6b7d59;
background: url('images/tabr.png') no-repeat right center;
}

ul.navleft li.first{
float: left;
padding-left: 8px;
}

ul.navleft li a{
float: left;
display: block;
color: #fffeef;
text-decoration: none;
font-family: Verdana;
font-weight: bold;
font-size: 14px;
padding: 6px 10px 5px 0px;
}



/******************* / Menu in header links **********************/

/******************* Menu in header rechts **********************/

ul.navright{
list-style: none;
padding-top: 183px;
padding-right: 5px;
}

ul.navright li{
float: left;
overflow: hidden;
padding-left: 8px;
display: inline;
margin-left: 2px;
letter-spacing: 1px;
}

ul.navright li.active{
background: url('images/tabl.png') no-repeat left center;
}

ul.navright li.active a{
color: #ba7994;
background: url('images/tabr.png') no-repeat right center;
}

ul.navright li.first{
float: left;
padding-left: 8px;
}

ul.navright li a{
float: left;
display: block;
color: #fffeef;
text-decoration: none;
font-family: Verdana;
font-weight: bold;
font-size: 14px;
padding: 6px 10px 5px 0px;
}

/******************* / Menu in header rechts **********************/

/******************* Submenu paars **********************/

ul.navpaars{
list-style: none;
padding-top: 10px;
padding-left: 10px;
}

ul.navpaars li a{
display: block;
background: url('images/menubg.png');
text-decoration: none;
color: #bc5382;
width: 134px;
height: 20px;
padding: 4px 0 0 30px;
font-size:11px;
}

ul.navpaars li a:hover{
background: url('images/menubgpaars.png');
}

ul.navpaars li a.active{
background: url('images/menubgpaars.png');
}

/******************* / Submenu paars **********************/

/******************* Submenu groen **********************/

ul.navgroen{
list-style: none;
padding-top: 10px;
padding-left:10px;
padding-bottom: 20px;
}

ul.navgroen li a{
display: block;
background: url('images/menubg.png');
text-decoration: none;
color: #6b7d59;
width: 134px;
height: 20px;
padding: 4px 0 0 30px;
}

ul.navgroen li a:hover{
background: url('images/menubggroen.png');
color: #374727;
}

ul.navgroen li a.active{
background: url('images/menubggroen.png');
}

/******************* / Submenu groen **********************/


#left_nav{
float: left;
}

#right_nav{
float: right;
}

#content{
width: 913px;
padding: 20px;
border-left: 1px solid #c0bfb4;
border-right: 1px solid #c0bfb4;
background: #fffeef/*url('images/contentbg.png') repeat-y*/;
min-height:400px;
  height:auto !important;
  height:400px;
background: #fffeef;
margin-left: -1px;
}

#footer{
clear: both;
/*background: url('images/footer.png');*/
width: 954px;
height: 1px;
border-bottom: 1px solid #c0bfb4;
margin-bottom: 25px;

}

#col1{
width: 200px;
float: left;
}

#col2{
width: 700px;
float: left;
padding-top: 0px;
}

#col3{
float: left;
width: 450px;
}

#col4{
float: left;
width: 300px;
padding-left: 75px;
}

p{
line-height: 25px;
margin-bottom: 15px;
}


#home{
padding: 50px 0px 50px 50px;
width: 350px;
}

#harry{
float: right;
background: url('images/harry_pierik_home.jpg') no-repeat;
width: 296px;
height: 444px;
margin: 25px;
}

#copyrighthome {
float:right;
height: 20px;
border: 0px solid red;
margin-right: 25px;
}


h2.groen, .nieuws h2{
color: #6b7d59;
font-size: 17px;
margin-bottom: 10px;
}

h2.paars{
color: #bc5382;
font-size: 17px;

margin-bottom: 15px;
}

a img.gallery{
margin: 5px;
float: left;
padding: 3px;
background: #CCCCCC;
border: 1px solid #6b7d59;
}

a img.gallery:hover{
padding: 3px;
background: #6b7d59;
border: 1px solid #6b7d59;
}

a img.gallery2{
margin: 5px;
float: left;
padding: 3px;
background: #CCCCCC;
border: 1px solid #6b7d59;
}

a img.gallery2:hover{
padding: 3px;
background: #bc5382;
border: 1px solid #6b7d59;
}

#sub1{
float: left;
width: 350px;
}
#sub2{
padding-left: 30px;
float: left;
width: 270px;

}

#sub2 img{


}

#sub2 p{
line-height: 15px;
}



.clear{
clear: both;
}

#content_1col{
padding: 20px;
}


a, a:visited, a:active{
color: #888;
text-decoration: underline;

}

a:hover{
color: #999;
}

.left{
float: left;
}

.right{
float: right;
}

#cw, #cw a{
font-size: 10px;
text-decoration:none;
}

.inlineartikel {
border: 1px solid #ccc;
padding: 10px;
}

.rondleidingen-links {
	padding: 10px;
	border:0px solid red;
}

.rondleidingen-rechts {
	padding: 10px;
	border:1px solid red;
}


.rondleidingen, .rondleidingen_geenform {
border: 1px solid #ccc;
padding: 10px;
width: 600px;
margin:10px;
background:#fff;
line-height:20px;
}

.rondleidingen h3, #form_intro h3, .rondleidingen_geenform h3 {
	font-size:10pt;
	margin:15px 0 15px 0;
}

.rondleidingen h1, .rondleidingen_geenform h1 {
	font-size: 12pt; 
}
.rondleidingen li, .rondleidingen_geenform  li{
margin-left: 20px;	
}

.nieuws {
border: 1px solid #ccc;
padding: 10px;
width: 400px;
margin:0px;
background:#fff;
line-height:20px;
}



#form_container{
	background: #fff;
	border: 1px solid #ccc;
}

#form_intro{
	padding: 10px;
	background:#fff;
	line-height:20px;
}

#form_intro h1, #rondleiding_overzicht h1 {
color: #6b7d59;
font-size: 17px;
margin-bottom: 10px;	
}

#form_intro ul {
	margin: 5px;
	margin-left: 20px;
}

#form_fields{
	line-height:20px;	
	background: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}

#form input, #form textarea {
	border: 1px solid #ccc;
	margin: 5px 0px 0px 10px;
}

#form textarea {
	width: 460px;
	height: 75px;
	margin-left: 0px;
}

#form_fields fieldset {
	padding: 5px 10px;
	margin: 10px 0px 0px 10px;
	border: 1px solid #ccc;
	background: #fff;
	width: 470px;
}

#form ul {
	list-style: none; 
}

#form ul ul {
	margin-top: 5px;
}

#form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 175px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 

}

#form_fields p {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 175px;
	text-align: left;

}

.textfield{
	width: 275px;
	background: #FFC;
	height:18px;
	vertical-align:middle;
}


.textfield_disabled{
	width: 275px;
	border:1px solid #ffffff !important;
	font-weight:bold;
	background: #fff;
}


input [type="radio"] { border: 0px; }  

#aantal_personen{
	width: 30px;
}

#gewenste_datum{
	width: 100px;
}	

.fault{
	background: #FEE;
}

#form_error {
	margin-left: 10px;
	width: 490px;
	border: 1px solid #f99;
	background: #FEE;
	padding:5px;
}

table.menukaart {
	border:1px solid #f0f0f0;
}
	
table.menukaart td {
	vertical-align:top;
	text-align:left;
	line-height: 20px;
	padding:5px;
}



