* {
	padding: 0px;
	margin: 0px;
}

body {
	background: #000000 url('img/background.jpg') repeat-y scroll top center;
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFF99;
}

h1 {
	font-style: italic;
	font-size: 24px;
	margin: -5px 0px 5px 0px;
}

a,
a:active,
a:visited {
	color: #FFFF99;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0px;
}

tr {
	cursor: pointer;
}

th {
	padding: 2px;
	background: url('img/red.gif') repeat;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

td {
	padding: 4px;
}

input, textarea, select {
	width: 300px;
	padding: 2px;
	font-family: Tahoma;
	font-size: 12px;
	
	border: 1px solid #999999;
	background-color: #FFFFCC;
}

#main ul {
	list-style-position: inside;
	text-indent: 10px;
}

.thumb {
	float: left;
	width: 104px;
	height: 104px;
	background: #000000 url('') no-repeat center center;
	border: 0px;
	margin: 0px 14px 14px 0px;
}

.thumb_small {
	float: left;
	width: 29px;
	height: 22px;
	background: #000000 url('') no-repeat center center;
	border: 0px;
	margin: 4px 4px 0px 0px;
}

#foto {
	width: auto;
	height: auto;
}

#foto .border {
	width: 400px;
	height: 320px;
	float: left;
	margin-left: 5px;
	background: #FFFFFF url('img/adm_main_top.gif') repeat-x bottom left;
	border: 1px solid #000000;
	padding: 4px;
	overflow: hidden;
}

#foto .border a,
#foto .border a:active,
#foto .border a:visited {
	color: #000000;
}

#foto .border img{
	border: 1px solid #666666;
	float: right;
	margin-left: 4px;
	margin-top: -2px;
}

#foto .holder {
	width: 400px;
	height: 300px;
	background: #000000 url('') no-repeat center center;
}

#foto .thumbs {
	width: 140px;
	height: auto;
	float: right;
	margin: 4px 5px 0px 4px;
}

#comment_announce {
	float: left;
	width: 408px;
	margin: 5px 0px 0px 5px;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
}

.comment {
	float: left;
	width: 392px;
	margin: 5px 0px 0px 5px;
	border: 1px solid #000000;
	background: #FFFFFF url('img/adm_main_top.gif') repeat-x bottom left;
	padding: 8px;
	
	text-align: left;
	color: #000000;
	font-size: 12px;
}

.comment .header {
	width: 392px;
	height: 14px;
	border-bottom: 1px dotted #000000;
	margin-bottom: 4px;
	font-size: 10px; 
}

.comment .header a{	color: black; }


#add_comment, #add_comment tr, #add_comment td { /*opmaak voor de tabel voor 't toevoegen van commentaar*/
	cursor: default;
}

#add_comment input, #add_comment textarea {
	background: #FFFFFF url('img/input_back.gif') repeat-x top left;
}

#add_comment .button {
	background: #FFFFFF url('');
}

.add_comment { /*div block die ontzichtbaar is, totdat er een javascript code uitgevoerd wordt*/
	display: none;
}

.even {
	background: url('img/red.gif') repeat;
}

#gastenboek_back {
	width: 595px;
	padding-top: 10px;
}

#gastenboek {
	width: 440px;
	background: #FFFFCC url('img/gb_back.jpg') repeat-y;
	border: 2px solid #000000;
	font-size: 18px;
	color: #663333;
}

#gastenboek a,
#gastenboek a:active,
#gastenboek a:visited {
	color: #663333;
}

#gastenboek td{
	cursor: default;
}

#gastenboek .top {
	width: 436px;
	padding: 2px;
	font-size: 12px;
	text-align: right;
}

#main .write {
	width: 430px;
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	display: none; /* ontzichtbaar */
}

#gastenboek .header {
	width: 430px;
	padding: 5px;
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	text-align: left;
}

#gastenboek img {
	margin: 8px 0px 8px 0px;
}

#site_back {
	width: 760px;
	height: 100%;
	border: 2px solid black;
	border-bottom: 0px;
	background: url('img/site_back.jpg') repeat-y fixed center center;
}

#header_top {
	width: 760px;
	height: 81px;
	background: url('img/header_top.jpg') no-repeat;
}

#header_nav {
	width: 760px;
	height: 31px;
	padding-top: 2px;
	background: url('img/header_nav.jpg') no-repeat;
	text-align: center;
}

#under_logo {
	float: left;
	margin-top: 5px;
	width: 150px;
	height: auto;
	font-size: 10px;
}

.nav_text {
	padding-top: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #993333;
}

.nav_text a,
.nav_text a:active,
.nav_text a:visited {
	color: #993333;
	text-decoration: none;
}

.nav_text a:hover {
	text-decoration: underline;
}
	

#overview {
	float: left;
	width: 140px;
	height: auto;
	margin-top: 5px;
}

#overview .item {
	width: 120px;
	margin: 0px 0px 5px 10px;
	text-align: center;
}

#overview .top {
	height: 17px;
	padding-top: 2px;
	background: url('img/overview_top.jpg') no-repeat;
}

#overview .main {
	padding: 4px;
	background: url('img/overview_main.jpg') repeat-y;
	text-align: left;
}

#overview thumb_sm {
	float: left;
	margin: 4px 4px 0px 0px;
}

#overview .none {
	width: 104px;
	padding: 4px;
}

#overview .high {
	width: 104px;
	padding: 4px;
	background: #BF874F url('img/highlight.gif') repeat;
}

#overview .bottom {
	height: 10px;
	background: url('img/overview_bottom.gif') no-repeat;
}

#overview .sponsors {
	height: auto;
	width: auto;
}

#overview .sponsors img {
	margin-top: 8px;
}

#main {
	width: 595px;
	float: left;
	margin-left: 15px;
}

#main a {
	font-weight: bold;
}

#headlines {
	width: 585px;
	height: 104px;
	margin: 0px 5px 8px 10px;
}

.hl_thumb {
	float: left;
	width: 104px;
	height: 104px;
	overflow: hidden;
	background: #000000 url('') no-repeat top center;
	border: 0px;
	cursor: pointer;
}

.hl_thumb * { cursor: pointer; }

.hl_thumb img {
	z-index: 0;
}

.hl_inner {
	width: 98px;
	height: 98px;
	position: relative;
	top: -104px;
	margin: 3px;
	
	font-size: 14px;
	font-weight: bold;
	color: #3366CC;
}

#headlines .space {
	float: left;
	width: 55px;
}

.image_left, .image_right {
	border: 1px solid black;
	padding: 4px;
	background-color: #FFFFFF;
	margin: 4px 8px 2px 8px;
}
.image_left{ float: left; margin-left: 0px;}
.image_right{ float: right; margin-right: 0px }

.geschiedenis {
	display: block;
	margin-bottom: 4px;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.geschiedenis .jaartal_back {
	float: left;
	height: 24px;
	width: 44px;
	margin-bottom: 2px;
	padding: 0px 2px 0px 2px;
	background: url('img/gesch_back.gif') repeat-x center center;
}

.geschiedenis a, .geschiedenis a:active, .geschiedenis a:visited, .geschiedenis a:hover {
	display: block;
	font-size: 14px;
	color: #000000;
	text-align: center;
	height: 20px;
	width: 41px;
	border: 2px solid #663300;
	background-color: #FFFFCC;
}

#reiswijzer {
	width: 400px;
	color: #000000;
	padding: 10px;
	border: 1px solid #000000;
	background-color: #cccccc;
}

#reiswijzer table, tr, td, th {
	cursor: default;
}

#reiswijzer input, select {
	background-color: #ffffff;
}

#reiswijzer .option {
	width: 15px;
	background-color: #cccccc;
	border: 0px;
}