@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-color:#696352;
	background-attachment:fixed;
	background-position:center top;
	color:#a6a39e;
	font-size:12px;
	font-family:Tahoma, Arial, Helvetia, Verdana, sans-serif;
	line-height: 1.5;
}

/* MAIN CONTAINER */

#main_pane {
	margin: 50px auto 0px auto;
	width:795px;
	background:url(../images/bg-main-pane.png) repeat-y scroll top center;
	padding: 0px 10px;
}


/* MENU */
#menu{
	margin: 0px 10px 0px 10px;
	width:775px;
	height:50px;
	text-align:left;
	background-color:#a2bd30;
	background-image:url(../images/bg-menu.png);
	background-position:bottom center;
	background-repeat:repeat-x;
}


ul#menu_items {
	margin-left: 150px;
	width: 514px;
	list-style: none;
}

ul#menu_items li { display: inline; }

ul#menu_items li a {
	display: block;
	float:left; 
	height:50px;
	background-image:url(../images/menu1.png);
	background-repeat:no-repeat;
}

/* menuitems enabled */

ul#menu_items li a.voorstellen {
	width: 140px; 
	background-position: 0px 0px;	
}

ul#menu_items li a.kaart {
	width: 86px; 
	background-position: -140px 0px;	
}

ul#menu_items li a.fotos {
	width: 108px; 
	background-position: -226px 0px;	
}

ul#menu_items li a.contact {
	width: 180px; 
	background-position: -334px 0px;	
}

/* Menuitems hover */

ul#menu_items li a.voorstellen:hover, ul#menu_items li a.voorstellen:focus, {
	background-position: 0px -50px;	
}

ul#menu_items li a.kaart:hover, ul#menu_items li a.kaart:focus,  {
	background-position: -140px -50px;	
}

ul#menu_items li a.fotos:hover, ul#menu_items li a.fotos:focus,  {
	background-position: -226px -50px;	
}

ul#menu_items li a.contact:hover, ul#menu_items li a.contact:focus, {
	background-position: -334px -50px;	
}


/* Menuitems selected */

ul#menu_items li a.voorstellen_selected {
	width: 140px; 
	background-position: 0px -50px;	
}

ul#menu_items li a.kaart_selected {
	width: 86px; 
	background-position: -140px -50px;	
}

ul#menu_items li a.fotos_selected {
	width: 108px; 
	background-position: -226px -50px;	
}

ul#menu_items li a.contact_selected {
	width: 180px; 
	background-position: -334px -50px;	
}




/* BANNER */

#banner {
	margin: 0px 10px 0px 10px;
	width:775px;
	height:230px;
	float: none;
}



/* CONTENT */

#content {
	width:775px;
	float:none;
	background:url(../images/bg-content.png) top center repeat-x;
}

h1 {
	color:#a2bd30;
	font-size:14px;
	font-weight:bold;
}

#content a {
	text-decoration:none;
	color:#a6a39e;
}
#content a:hover {
	text-decoration:underline;
	color:#a6a39e;
}
/* De kaart */

.kaart { border-collapse: collapse; }
.kaart .kolom1 { padding: 0px 0px 0px 15px; height:18px; vertical-align:middle }
.kaart .kolom2 { padding: 0px 0px 0px 15px; }
.kaart .groepsnaam { font-weight: bold; font-size:14px; color:#ffffff; padding: 0px 0px 0px 15px; }
.kaart .separator { width: 10px; }
.kaart .prijs, .kaart .groepsprijs { text-align: right; padding: 0px 15px 0px 0px; }
.kaart .grijs { background:#696352; color:#d3d1cf; }


/* Contactgegevens */
#contact {
	width:775px;
	height:45px;
	float:none;
	background:#423c34;
	color:#a2bd30;
	font-weight:bold;
}
#contact td {
	height:45px;
	vertical-align:middle;
}
#contact a {
	text-decoration:none;
	color:#a2bd30;
}
#contact a:hover {
	text-decoration:underline;
	color:#a2bd30;
}



/* FOOTER */

#footer {
	margin: 0 auto 0 auto;
	padding:4px 0px 25px 0px;
	width:795px;
	background-image:url(../images/bg-footer.png);
	background-position: top center;
	background-repeat:no-repeat;
	float: none;
	font-size:11px;
	text-align: center;
	color:#4c473c;
}
#footer a {
	text-decoration:none;
	color:#4c473c;
}
#footer a:hover {
	text-decoration:underline;
	color:#4c473c;
}