/*

colors used:
olive for text-color and backgroundcolor header
limegreen for the mouseover of the links and text-color h1-h6
white for the links in the footer

*/

* { margin: 0px;	padding: 0px; outline-style: none; }

html, body {
	height: 100%;
	background-color: #3C2314;
}

#spacer {
	width: 1px;
	height: 50%;
	margin-bottom: -286px;
}

#site {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 920px;
	height: 571px;
	overflow: hidden;
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	color: #FFFFFF;
}

/* ------------------------------------------------------------------------- Header */

#print_header {
	display: none;
}

#header {
	width: 920px;
	height: 83px;
	background: url(pics/header_background.png) center center no-repeat;
}

#header .logo a img {
	margin: 2px 0px 0px 9px;
	float: left;
	border: 0px solid #fff;
}

/* ------------------------------------------------------------------------- Navigation */ 

#navigation {
	float: right;
	width: auto;
}

#navigation ul {
	display: inline;
	height: 83px;
	margin: 0px 26px 0px 0px;
	list-style: none;
}

#navigation ul li {
	position: relative;
	float: left;
	width: 80px;
	height: 74px;
	margin: 9px 0px 0px 20px;
	text-align: center;
}

#navigation ul li img{
	width: 80px;
	height: 53px;
	margin: 0px;
	padding: 0px;
}

#navigation ul li span.item {
	display: block;
	cursor: pointer;
}

#navigation li a:link, #navigation li a:visited, #navigation li a:link img, #navigation li a:visited img {
	color: #FFFFFF;
	text-decoration: none;
	border: none;
}

#navigation li a:hover, #navigation li.current a:link, #navigation li.current a:visited, #navigation li.current a:hover, #navigation li a:hover img {
	color: #8F3F00;
	border: none;
}

/* ------------------------------------------------------------------------- Content */ 

#content_container {
	position: relative;
	width: 920px;
	height: 470px;
	background: url(pics/content_container_background.jpg) top left repeat-x;
}

#content {
	float:left;
	width: 871px;
	height: 414px;
	margin: 40px 0px 0px 28px;
	background: url(pics/content_background.png) top left no-repeat;
	display: inline;
	z-index: 5;
}

#content .content_top {
	padding: 0px 8px 0px 27px;
}

#content .content_top .subnavigation { 
	float: right;
	width: 100%;
    height: 32px; 
}

#content .content_top .subnavigation ul {
	position: relative;
	float: right;
	width: auto;
	margin: 0px 26px 0px 0px;
	list-style: none;
}

#content .content_top .subnavigation ul li {
	float: left;
	width: auto;
	height: 24px;
	margin: 9px 0px 0px 10px;
	line-height: 24px;
	text-align: center;

}

#content .content_top .subnavigation ul li a img {
	float: left;
	display: block;
	border: none;
	margin: 0px;
}

#content .content_top .subnavigation .subnavigation_button_over {
	display: none;
}

#content .content_top .subnavigation ul li a .submenu {
	float: left;
	width: auto;
	line-height: 24px;
	cursor: pointer;
}

#content .content_top .subnavigation li a:link, #content .content_top .subnavigation li a:visited, #content .content_top .subnavigation li a:link img, #content .content_top .subnavigation li a:visited img {
	color: #FFFFFF;
	text-decoration: none;
	border: none;
}

#content .content_top .subnavigation li a:hover, #content .content_top .subnavigation li.current a:link, #content .content_top .subnavigation li.current a:visited, #content .content_top .subnavigation li.current a:hover, #content .content_top .subnavigation li a:hover img {
	color: #8F3F00;
	border: none;
}

#content .content_left {
	float: left;
	width: 408px;
	height: 300px;
	padding: 0px 0px 0px 27px;
	overflow: auto;
}

#content .content_left.big{
    width: 608px;
}

#content .content_left table {
	width: 100%;
	margin-top: 8px;
}

#content .content_left table td {
	font: 12px tahoma;
	color: #FFFFFF;
}

#content .content_right {
	float: right;
	width: 435px;
	height: 330px;
	overflow: hidden;
}

#content .content_right.small{
    width: 235px;
}

#content .content_right .img-container{
    width: 200px;
    height: 120px;
    text-align: center;
    float: left;
    margin: 13px 0px 0px 9px;    
}

#content .content_right.small .img-container{
    float: right;
    margin-right: 17px;
}

h1, td h1 {font: 16px tahoma; font-weight: bold; color: #E5E5E5; margin: 0px 12px 0px 12px; border-bottom: 1px solid #9D4700;}
h2, td h2 {font: 14px tahoma; font-weight: bold; color: #FFFFFF; margin-bottom: 0px; border-bottom: 1px solid #D87C00}
h3, td h3 {font: 12px tahoma; font-weight: bold; color: #702200; margin-bottom: 0px;}
h4, td h4 {font: 11px tahoma; font-weight: bold; color: #702200; margin-bottom: 7px;}
h5, td h5 {font: 10px tahoma; font-weight: bold; color: #702200; margin-bottom: 7px;}
h6, td h6 {font: 9px tahoma; font-weight: bold; color: #702200; margin-bottom: 7px;}

#content a:link, #content a:visited {text-decoration: none; color: #FFFFFF ;  border-bottom: 1px solid #FFFFFF;}
#content a:hover { color: #FFFFFF;  border: none; }

#content .jScrollPaneContainer a.jScrollArrowDown, #content .jScrollPaneContainer a.jScrollArrowUp {
	border: none;
}

#map{

    width: 410px;
    height: 270px;
}

#copyright
{
    display: none !important;
}

#logocontrol
{
    left: 345px !important;
        
}

#logocontrol a:link, #logocontrol a:visited{
    border: none;
    text-decoration: none;
}

.googleCopyrightsTerms
{
    color: #fff;
    font-family: Arial,Sans-Serif;
    font-size: 11px;
    text-align: right;
    width: 410px;
    
}

.googleCopyrightsTerms a:link, .googleCopyrightsTerms a:visited{
    border: none;
    text-decoration: none;
    color: #fff;
}

#content .content_right .mapspacer{
    height: 10px;
    clear: both;
}

#site_map{
    margin:0px auto;
    width: 600px;
}

input.routeFrom{
    border: 1px solid #D87C00;
    font-size: 12px;
    font: arial, verdana, sans-serif;
    padding: 2px;
    line-height: 12px;
    height: 14px;
}

input.submit{
    border: 1px solid #D87C00;
    background-color: #fff;
    color: #D87C00;
    font-weight: normal;
    font-size: 12px;
    padding: 1px;
    line-height: 12px;
    font: arial, verdana, sans-serif;
    cursor: pointer;
    height: 20px; 
}

td a:link, td a:visited{
    color: #fff;
}

#fromAddress{
    color: #ccc;
}

table {margin: 5px 0px;}
td {
	font: 12px tahoma;
	line-height: 12px;

}

.googledir td{
    color: #FFFFFF;
    background-color: #3C2314;
}

.googledir{
    color: #fff;
}

#content img { margin: 10px 0px; }
#content img.left {	margin: 0px 10px 10px 0px; float: left; }
#content img.right { margin: 0px 0px 10px 10px; float: right; }

p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

#content .content_image {
	float: right;
	width: 521px;
	height: 389px;
	margin: 8px 15px 0px 0px;
	border: 2px solid #AC5507;
	font-size: 0px;
	line-height: 0px;
	display: inline;
}

#content .content_image img {
	margin: 0px;
}

#content .content_overlay {
	position: absolute;
	top: 61px;
	left: 71px;
	width: 433px;
	height: 371px;
	background: url(pics/home_maandmenu.png) left top no-repeat;
	display: block;
	z-index: 10;
}

#content .text_container {
	position: absolute;
	top: 90px;
	left: 270px;
	width: 158px;
	height: 208px;
	font: 11px tahoma;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	overflow: hidden;
	display: inline;
	z-index: 15;
}

/* ------------------------------------------------------------------------- Gallery */ 

#gallery .gallery-item {
	width: 145px; 
	height: 145px;
	margin: 0px 6px 0px 0px;
	float: left;
	display: inline;
	overflow: hidden;	
}

#gallery .foto a {
	border-bottom: 0px;
	text-decoration: none;
}

/* ------------------------------------------------------------------------- Footer */ 

* html #footer {
	position: absolute;
	bottom: -1px;
}

#footer {
	position: absolute;
	bottom: 0px;
	padding: 0px 7px;
	width: 906px;
	height: 18px;
	font: 10px arial, verdana, sans-serif;
	color: #FFFFFF;
	line-height: 18px;
	background-color: #8C4800;
}

.footer_left {
	float: left;
	width: auto;
}

.footer_right {
	float: right;
	width: auto;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

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

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }