
html {
	padding: 0px;
	margin: 0px;
	height: 100%;
}

body {
	padding: 0px;
	margin: 0px;
	height: 100%;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: black;
	background: #e5edf0 url(/visuals/basis/ack.gif) left top no-repeat;
	overflow-x: hidden;
}

#bottom {
	position: absolute;
	width:100%;
	height:100%;
	top: 0px;
	right: 50px;
	background: #242424 url(/visuals/basis/backa.gif) right top no-repeat;
}

h1 {
	font-size: 11px;
	color: #f0a006;
	text-transform: uppercase;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

p {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 14px;
}

img {
	border: 1px solid white;
}

/* form */

.contact_form {

}

input, textarea {
	border: 1px solid #43add1;
	color: #ffffff;
	background: #353535;
}

.form_button {
	border: 1px solid #43add1;
	color: #242424;
	background: #ffffff;
}

.contactform_button {
	border: 0px solid #43add1;
	color: #43add1;
	font-size: 9px;
	font-weight: bold;
	background: none;
	text-transform: uppercase;
}

a:link {
	text-decoration: underline;
	color: #ffffff;
}
a:visited {
	text-decoration: underline;
	color: #ffffff;
}
a:hover {
	text-decoration: none;
	color: #ffffff;
}
a:active {
	text-decoration: underline;
	color: #ffffff;
}

.center_hor {
	position: relative;
	height: 100%;
	width: 760px;
	margin: 0px auto 0px auto;
}

/* horizontaal css menu */

	.main_menu {
		position:absolute;
		top: 148px;
		left: 74px;
		width: 100%;
		height: 24px;
	}

	#menu {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 24px;
		width: 100%;
		z-index:15;
		float: left;
		font-family: Arial, sans-serif;
		font-size: 10px;
	}

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

	#menu a, #menu h2 {
		font-family: Arial, sans-serif;
		font-size: 10px;
		font-weight:bold;
		text-transform: uppercase;
		display: block;
		margin: 0;
		padding: 0px 4px 0px 4px;
		text-decoration: none;
		color: #ffffff;
	}

	#menu a:hover {
		color: #242424;
	}

	#menu li #menu_active {
		color: #242424;
	}

	#menu li {
		position: relative;
	}

	#menu ul ul {
		position: absolute;
		z-index: 500;
		border: 0px solid black;
	}

	#menu ul ul ul {
		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 ul,
	div#menu ul ul ul,
	div#menu ul li:hover ul ul,
	div#menu ul li:hover ul 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;
	}

/* layout */

#layout_top_background {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 167px;
	background: url(/visuals/basis/background_03.jpg) left top repeat-x;
}

#layout_logo {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 69px;
	height: 486px;
	background: #242424 url(/visuals/basis/background_05.jpg) left top no-repeat;
}

#layout_top {
	position:absolute;
	top: 1px;
	left: 69px;
	width: 584px;
	height: 142px;
	background: url(/visuals/basis/background_06.jpg) left top no-repeat;
}

#layout_address {
	position:absolute;
	top: 67px;
	right: 120px;
	width: 150px;
	color: #42afd0;
	font-size: 11px;
	text-align: right;
	line-height: 15px;
}

	#layout_address a { color: #42afd0; }

#layout_top_content {
	position:absolute;
	top: 167px;
	left: 69px;
	width: 584px;
	height: 6px;
	background: url(/visuals/basis/background_11.jpg) left top no-repeat;
}


#layout_fotos_rechts {
	position:absolute;
	top: 0px;
	right: 0px;
	width: 107px;
	height: 486px;
	background: #242424 url(/visuals/basis/background_07_3.jpg) left top no-repeat;
}

#layout_content {
	position:absolute;
	top: 173px;
	left: 69px;
	width: 494px;
	height: 273px;
	color: #ffffff;
	text-align:justify;
	padding: 40px 50px 0px 50px;
	background: #242424;
}

#layout_bottom {
	position:absolute;
	top: 485px;
	left: 0px;
	width: 760px;
	height: 16px;
	background: #242424 url(/visuals/basis/background_17.jpg) left top no-repeat;
}

#layout_left {
	position: absolute;
	top: 167px;
	margin-left: 50%;
	left: -504px;
	width: 124px;
	height: 328px;
	background: #242424 url(/visuals/basis/background_10.jpg) left top no-repeat;
}

#layout_left_background {
	position: absolute;
	top: 167px;
	left: 0px;
	width: 50%;
	height: 328px;
	background: #242424 url(/visuals/basis/background_10_small.jpg) left top repeat-x;
}

#layout_right {
	position: absolute;
	top: 167px;
	margin-left: 50%;
	left: 380px;
	width: 111px;
	height: 324px;
	background: url(/visuals/basis/background.jpg) left top no-repeat;
}


/* nieuws */

.news_item {
	position: relative;
	width: 80%;
	margin-bottom: 20px;
	padding: 0px;
}

.news_title {
	color: #43add1;
}

.news_date {
	margin-left: 10px;
	font-size: 10px;
}

.news_author {
	position: absolute;
	font-style: italic;
	right: 10px;
}

.news_content {
	position: relative;
	margin-top: 0px;
	margin-bottom: 10px;
}

.news_options { }
.news_options a:link, .news_options a:visited, .news_options a:hover, .news_options a:active {
	color: #ffffff;
}

.news_options1 { }
.news_options1 a:link, .news_options1 a:visited, .news_options1 a:hover, .news_options1 a:active {
	color: #000000;
}

.news_meer { width: 100%; text-align:right; }

.news_meer a:link, .news_meer a:visited, .news_meer a:active {
	color: #f0a006;
	text-decoration: none;
	padding-right: 12px;
	background: url(/visuals/basis/bullet.gif) right bottom no-repeat;
}

.news_meer a:hover {
	color: #f0a006;
	text-decoration: underline;
	padding-right: 12px;
	background: url(/visuals/basis/bullet.gif) right bottom no-repeat;
}

/* columns */

.sitecolumn_item {
	position:relative;
		width: 80%;
}

.sitecolumn_title {
	color: #43add1;
}

.sitecolumn_meer { width: 100%; text-align:right; margin-bottom:20px; }

.sitecolumn_meer a:link, .sitecolumn_meer a:visited, .sitecolumn_meer a:active {
	color: #f0a006;
	text-decoration: none;
	padding-right: 12px;
	background: url(/visuals/basis/bullet.gif) right bottom no-repeat;
}

.sitecolumn_meer a:hover {
	color: #f0a006;
	text-decoration: underline;
	padding-right: 12px;
	background: url(/visuals/basis/bullet.gif) right bottom no-repeat;
}

/* photos */

.photos_navigation { width: 100%; }

.photos_meer { float:right;width: 50px; text-align:right; margin-bottom:20px; }

.photos_meer a:link, .photos_meer a:visited, .photos_meer a:active {
	color: #f0a006;
	text-decoration: none;
	padding-right: 12px;
	background: url(/visuals/basis/bullet.gif) right bottom no-repeat;
}

.photos_meer a:hover {
	color: #f0a006;
	text-decoration: underline;
	padding-right: 12px;
	background: url(/visuals/basis/bullet.gif) right bottom no-repeat;
}

.photos_vorige { float:left;width: 50px; text-align:left; margin-bottom:20px; }

.photos_vorige a:link, .photos_vorige a:visited, .photos_vorige a:active {
	color: #f0a006;
	text-decoration: none;
	padding-left: 12px;
	background: url(/visuals/basis/bullet1.gif) left bottom no-repeat;
}

.photos_vorige a:hover {
	color: #f0a006;
	text-decoration: underline;
	padding-left: 12px;
	background: url(/visuals/basis/bullet1.gif) left bottom no-repeat;
}

/* Muziek */

.music_item
{
	width:48%;
	height:35px;
}

.music_item_left
{
	float:left;
}
.music_item_right
{
	float:right;
}
.music_item_clear
{
	clear:both;
}

/* volgende en vorige */

.page_scrolling {
	position: absolute;
	top: 305px;
	left: 20px;
	width: 555px;
}

.vorige  a:link, .vorige a:visited, .vorige a:active {
	color: #f0a006;
	text-decoration: none;
	padding-left: 12px;
	background: url(/visuals/basis/bullet1.gif) left bottom no-repeat;
}

.vorige a:hover {
	color: #f0a006;
	text-decoration: underline;
	padding-left: 12px;
	background: url(/visuals/basis/bullet1.gif) left bottom no-repeat;
}

.volgende  a:link, .volgende a:visited, .volgende a:active {
	color: #f0a006;
	text-decoration: none;
	padding-right: 12px;
	background: url(/visuals/basis/bullet.gif) right bottom no-repeat;
}

.volgende a:hover {
	color: #f0a006;
	text-decoration: underline;
	padding-right: 12px;
	background: url(/visuals/basis/bullet.gif) right bottom no-repeat;
}

/* popup divs */

.popup_fullover {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #ffffff;
	-moz-opacity: 0.50;
	filter: alpha(opacity:50);
	z-index: 998;
}

.popupdiv {
	position: absolute;
	top: 100px;
	left: -350px;
	height: 290px;
	width: 650px;
	margin-left: 50%;
	padding: 35px 25px 25px 25px;
	background: white;
	border: 1px solid black;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 999;
}

.popupdiv a:link, .popupdiv a:active, .popupdiv a:visited {
	color:black;
}

.popupdiv a:hover {
	color:red;
}

.popup_close {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 15px;
	width: 47px;
}

.popup_close a:link, .popup_close a:active, .popup_close a:visited {
	display:block;
	width: 100%;
	height: 100%;
	background: url(/visuals/basis/close.jpg) left top no-repeat;
}

.popup_close a:hover {
	display:block;
	width: 100%;
	height: 100%;
	background: url(/visuals/basis/close_over.jpg) left top no-repeat;
}

.popup_print {
	position: absolute;
	top: 0px;
	left: 65px;
	height: 15px;
	width: 47px;
}

.popup_print a:link, .popup_print a:active, .popup_print a:visited {
	display:block;
	width: 100%;
	height: 100%;
	background: url(/visuals/basis/print.jpg) left top no-repeat;
}

.popup_print a:hover {
	display:block;
	width: 100%;
	height: 100%;
	background: url(/visuals/basis/print_over.jpg) left top no-repeat;
}

.popup_titel {
	color: #43add1;
}


/* pagina meer */

.pagina_minder { position:absolute; top: 308px; left: 21px; width: 100%; }

.pagina_minder  a:link, .pagina_minder a:visited, .pagina_minder a:active {
	color: #f0a006;
	text-decoration: none;
	padding-left: 12px;
	background: url(/visuals/basis/bullet1.gif) left bottom no-repeat;
}

.pagina_minder a:hover {
	color: #f0a006;
	text-decoration: underline;
	padding-left: 12px;
	background: url(/visuals/basis/bullet1.gif) left bottom no-repeat;
}

.pagina_meer { position:absolute; top: 308px; right: 21px; width: 200px; text-align:right; }

.pagina_meer  a:link, .pagina_meer a:visited, .pagina_meer a:active {
	color: #f0a006;
	text-decoration: none;
	padding-right: 12px;
	background: url(/visuals/basis/bullet.gif) right bottom no-repeat;
}

.pagina_meer a:hover {
	color: #f0a006;
	text-decoration: underline;
	padding-right: 12px;
	background: url(/visuals/basis/bullet.gif) right bottom no-repeat;
}
