/*

colors used:
#fff 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%;
}

#site {
	position: relative;
	margin: 0px;
	padding: 0px;
	font: 12px verdana, arial, sans-serif;
	line-height: 16px;
	color: #fff;
	min-width: 990px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

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

#header-container {
	position: relative;
	z-index: 6;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #575b4b;
}

#print_header {
	display: none;
}

#header {
	position: relative;
	margin: 0px auto;
	width: 990px;
	height: 140px;
}

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

#header .slogan {
	margin: 38px 0px 0px 50px;
	float: left;
	font-size: 40px;
	line-height: 40px;
	width: 400px;
}

#header .slogan a:link, #header .slogan a:visited {
	text-decoration: none;
	color: #fff;
	cursor: default;
}

#header .slogan a:hover { color: #946f26; }

/* ------------------------------------------------------------------------- FontSize */

#fontsize ul {
	margin: 10px 30px 0px 0px;
	list-style-type: none;
	float: right;
} 

#fontsize li {
	float: left;
	font-size: 14px;
	font-weight: bold;
}

#fontsize li a:link, #fontsize li a:visited {
	margin: 0px 3px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

#fontsize li a:hover, #fontsize li.current a:link, #fontsize li.current a:visited, #fontsize li.current a:hover {
	color: #946f26; 
}

/* ------------------------------------------------------------------------- ExtraNav */ 

#extranav, #extranav.small { font-size: 10px; } 
#extranav.large { font-size: 14px; } 

#extranav ul {
	position: absolute;
	top: 120px;
	right: 68px;
	margin: 0px;
	list-style-type: none;
	float: right;
}

#extranav li {
	float: left;
}

#extranav li a:link, #extranav li a:visited {
	margin: 0px 2px;
	color: #fff;
	text-decoration: none;
}

#extranav li a:hover, #extranav li.current a:link, #extranav li.current a:visited, #extranav li.current a:hover {
	color: #946f26; 
}

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

#navigation, #navigation.small {
	font-size: 12px;
	width: 100%;	
	height: 24px;
	padding: 2px 0px;
	background-color: #797c6f;
}

#navigation.large {	font-size: 16px; }

#navigation ul {
	margin: 0px auto;
	padding: 0px 30px 0px 100px; 
	width: 860px;
	height: 24px;
	list-style-type: none;
	background-color: #797c6f;
}

#navigation li {
	position: relative;
	z-index: 23;
	margin: 0px 1px;
	float: left;
	width: 170px;
	height: 24px;
}

#navigation li a:link, #navigation li a:visited {
	margin: 0px;
	padding: 0px;
	width: 170px; 
	height: 24px;
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
	background-color: #4e5243;
}

#navigation li a:hover, #navigation li.current a:link, #navigation li.current a:visited, #navigation li.current a:hover {
	background-color: #946f26; 
}

#navigation ul.sub {
	position: absolute;
	top: 24px;
	left: 0;
	z-index: 23;
	margin: 0px;
	padding: 0px; 
	width: 170px;
	height: 0px;
	list-style-type: none;
	background-color: #797c6f;
	border-bottom: 2px solid #797c6f;
	overflow: hidden;
}

#navigation ul.sub li {
	margin: 0px;
	float: left;
}

#navigation ul.sub li a:link, #navigation ul.sub li a:visited {
	margin: 0px;
	width: 170px; 
	height: auto;
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
	background-color: #4e5243;
}

#navigation ul.sub li a:hover, #navigation ul.sub li.current a:link, #navigation ul.sub li.current a:visited, #navigation ul.sub li.current a:hover {
	background-color: #946f26; 
}

/* ------------------------------------------------------------------------- SubMenu */

#content .subnav {
	float: right;
	width: 313px;
}

#submenu, #submenu_noscript {
	position: relative;
	margin: 10px 30px 0px 0px;
	padding: 10px 30px 10px 30px;
	width: 283px;
	float: right;
	display: inline;
	background: url(pics/content_back.png) top left repeat;
	overflow: hidden;
}

#submenu li, #submenu.small li, #submenu_noscript li, #submenu_noscript.small li {	font-size: 12px; line-height: 16px;}
#submenu.large li, #submenu_noscript.large li {	font-size: 16px; line-height: 22px; }

#submenu li a:link, #submenu li a:visited,
#submenu_noscript li a:link, #submenu_noscript li a:visited {
	margin: 0px 3px;
	color: #fff;
	text-decoration: none;
}

#submenu li a:hover, #submenu li.current a:link, #submenu li.current a:visited, #submenu li.current a:hover,
#submenu_noscript li a:hover, #submenu_noscript li.current a:link, #submenu_noscript li.current a:visited, #submenu_noscript li.current a:hover {
	color: #946f26; 
}

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

#bg-container {
	position: absolute;
	top: 168px;
	left: 0;
	z-index: 1;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

#content-container {
	position: relative;
	z-index: 2;
	margin: 0px auto;
	width: 990px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

#content {
	position: relative;
	z-index: 3;
	left: 101px;
	margin: 10px 0px 30px 0px;
	padding: 10px 30px 10px 30px;
	width: 454px;
	float: left;
	display: inline;
	background: url(pics/content_back.png) top left repeat;
	overflow: hidden;
}

#content.small { font: 12px verdana, arial, sans-serif; line-height: 16px;}
#content.large { font: 16px verdana, arial, sans-serif; line-height: 22px;}

h1, td h1, #content.small h1, #content.small td h1 {font: 19px arial, verdana, sans-serif; font-weight: bold; color: #fff; margin-bottom: 7px;}
h2, td h2, #content.small h2, #content.small td h2 {font: 17px arial, verdana, sans-serif; font-weight: bold; color: #fff; margin-bottom: 7px;}
h3, td h3, #content.small h3, #content.small td h3 {font: 15px arial, verdana, sans-serif; font-weight: bold; color: #fff; margin-bottom: 7px;}
h4, td h4, #content.small h4, #content.small td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #fff; margin-bottom: 7px;}
h5, td h5, #content.small h5, #content.small td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; color: #fff; margin-bottom: 7px;}
h6, td h6, #content.small h6, #content.small td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: #fff; margin-bottom: 7px;}

#content.large h1, #content.large td h1 {font: 23px arial, verdana, sans-serif; }
#content.large h2, #content.large td h2 {font: 21px arial, verdana, sans-serif; }
#content.large h3, #content.large td h3 {font: 19px arial, verdana, sans-serif; }
#content.large h4, #content.large td h4 {font: 18px arial, verdana, sans-serif; }
#content.large h5, #content.large td h5 {font: 17px arial, verdana, sans-serif; }
#content.large h6, #content.large td h6 {font: 16px arial, verdana, sans-serif; }

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

table {margin: 5px 0px;}
td, #content.small td {
	font: 12px verdana, arial, sans-serif;
	line-height: 16px;
	color: #fff;
}
#content.large td { font: 16px verdana, arial, sans-serif; }

#content img { margin: 3px 10px 10px 0px; float: left; }
#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;}

/* ------------------------------------------------------------------------- TabContent */

#tab-container {
	position: absolute;
	top: 168px;
	right: 0;
	z-index: 3;
	width: 420px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	overflow: hidden;
}

#tabcontent { 
	position: absolute; 
	right: -357px;
	top: 10px;
	z-index: 10;   
}

#tabcontent.small { font: 12px verdana, arial, sans-serif; line-height: 16px;}
#tabcontent.large { font: 16px verdana, arial, sans-serif; line-height: 22px;}

#tabcontent .tab { 
	width: 33px; 
	height: 129px;
	float: left; 
	background: url(pics/acties.gif) top left no-repeat; 
	cursor: pointer;
}

#tabcontent .content { 
	width: 337px; 
	min-height: 200px;
	height: auto !important;
	height: 200px;
	padding: 10px;
	float: left; 
	background: url(pics/content_back.png) top left repeat;
}

#tabcontent h1 { color: #946f26; }
#tabcontent .content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#tabcontent .content a:link, #tabcontent .content a:visited {text-decoration: none; color: #fff ;  border-bottom: 0px solid #fff;}
#tabcontent .content a:hover { color: #946f26;  border-bottom: 0px solid #946f26; }
	
/* ------------------------------------------------------------------------- Map */ 

#content .omschrijving { width: 100px; float: left;}
#content .invul input { width: 210px; float: left; border: 1px solid #946f26; padding: 1px 3px; margin-left: 5px; }
#content .invul input.button { width: 125px; color: #fff; font: 12px verdana, arial, sans-serif; border: 1px solid #946f26; padding: 1px 3px; background-color: #4e5243}
	
#map {
	width: 323px;
	height: 323px;
	overflow: hidden;
}	
.adp-placemark { background-color: #4e5243 !important; }	

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

#footer-container {
	position: absolute;
	bottom: 0;
	z-index: 2;
	padding: 0px;
	width: 100%;
	height: 20px;
	font: 10px verdana, arial, sans-serif;
	color: #fff;
	text-align: left;
	background-color: #575b4b;
}

#footer {
	position: relative;
	margin: 0px auto;
	padding: 0px 100px;
	width: 790px;
}

#footer .historic {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#footer .historic a img { border: 0px; margin: 0px;}

#footer a:link, #footer a:visited {
	text-decoration: none;
	line-height: 20px;
	color: #fff;
}

#footer a:hover { color: #946f26; }

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