/* CSS Document */


* {
	margin:0; padding:0;
}

body{
	background-color:#fefefe;
	font-size:12px;
}

html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height: 18px;
		color:#333;
	}


#headerbar {
	width:100%;
	height: 500px;
	background-color: #0E1B3E;
}

#headerbarp {
	width:100%;
	height: 210px;
	background-color: #1E5C81;
}

#header {
	margin:0 auto;
	width:870px;
}

#content {margin:0 auto; width:870px; padding-top:5px; margin-bottom: 350px; }



.col1, .col3, .col4, .col5, .colspan {float:left;}
.col2 {float:right; }
.wrapper {width:100%; overflow:hidden;}


img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}
td, tr { vertical-align: top; }

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.big { font-size:1.3em; }
.black { color:#000; font-weight:bold; font-size:0.85em;}

.kalitem { clear:both; width:100%; padding-bottom:20px; }
.date { font-weight:bold; float:left; width: 90px;  }
.rood { color:#F00; }
.rood a { color:#F00; }
.bigh5 { font-size:1.4em; }

.kaltodo { padding-left:20px; float:left; width:300px; }
.kaltodo a { text-decoration:none; }
.kaltodo a:hover { text-decoration:underline;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#0E1B3E; outline:none;}
a:hover{text-decoration:underline; color:#1E5C81;}

h1 {font-size:2.9em; color:#0E1B3E; padding:0 0 5px 0; letter-spacing:-1px;}
h1.extra {padding-bottom:19px!important;}
h2 {font-size:2.1em; color:#0E1B3E; font-weight:normal; padding:0 0 15px 0;}
.h2n { padding:0; margin:10px 0 2px 0; }
.omg {font-size:2.1em; color:#0E1B3E; font-weight:normal; padding:30px 0 15px 0; }
h3 {font-size:1.5em; color:#333; font-weight:normal; padding:10px 0 5px 0;}
h3.extra {padding:0 0 19px; line-height:20px; margin:-15px 0 0;}
h4 {font-size:1.2em; color:#000; font-weight:normal;}
h5 {font-size:1em; color:#0099FF; margin-top:15px; clear:both; }
h6 {font-size:0.9em; font-weight:bold; color:#000;}



/* ============================= main layout ====================== */
.bg1 {background:url(images/bg_img1.jpg) no-repeat top center;}
.bg2 {background:url(images/bg_img2.jpg) no-repeat top center;}
.bg3 {background:url(images/bg_img3.jpg) no-repeat top center;}
.bg4 {background:url(images/bg_img4.jpg) no-repeat top center;}
.bg5 {background:url(images/bg_img5.jpg) no-repeat top center;}
.bg6 {background:url(images/bg_img6.jpg) no-repeat top center;}

.imgindent {margin:0 20px 0 0; float:left;}
.fright {text-align:right;}
.flright {float:right; }

/* =========================== navi page ====================== */
.navipage a { color:#333; font-size:0.75em; text-decoration:none; text-transform:uppercase; }
.navipage a:hover { color:#552a11; text-decoration:underline; }
/* ============================= header ====================== */
.logo { float:left; z-index:1000; position:absolute; }

.menucontact {padding:7px 0 0 0; float:right; }
.menucontact li {float:left; padding:0 15px;}
.menucontact a {color:#56AEFF; text-decoration:none; text-transform:uppercase; font-size:0.95em; display:inline-block; font-weight:bold; letter-spacing: 1px;}
.menucontact a:hover {color:#FFF;}
.menucontact a.active {color:#edca80;}



/* ============================= content ====================== */
#content ul {margin:-7px 0 12px; color:#000;}
#content ul.type1 {padding:23px 0 6px;}
#content ul.extra {margin:-19px 0 0;padding-bottom:25px;}
#content li {  padding-left:15px; line-height:28px;}
* html #content li  {line-height:30px;}
*+html #content li  {line-height:30px;}
#content li a {font-size:1.2em; text-decoration:none;}
#content li a:hover {color:#000;}
#content .act { background:url(images/marker.gif) no-repeat 0 8px; font-weight:bold;}

.nieuws { font-size:1.1em; }
.nieuws a { text-decoration:none; }
.nieuws a:hover { text-decoration:underline; }


.block {position:relative;}
.new {position:absolute; right:8px; top:0;}
.row2 {padding:0 0 0 2px;}
.row2 h1 {padding:0 25px; margin:-8px -26px -4px; background:url(images/row2_head_bg_tail.gif) repeat-x center 86px; color:#996d4c; letter-spacing:-2px;}

.block1 {background:url(images/block_bg.jpg) no-repeat 0 49px; padding-bottom:25px!important;}
.block1 h1 {background:none;}

.block2 {padding:24px 0 0; margin:0 0 -10px;}
.block2_last {margin:0; padding-bottom:11px;}
.block2 h4 {padding:7px 0 4px;}

.block3 img {padding:24px 0 14px;}
.row1 .block2 {padding:0 0 14px; margin:0;}
.row1 .block2 img{padding-right: 3px;}
.row1 .block2_last {padding:0;}
h3.first {padding-top:3px;}

p.type1 {padding:5px 0 27px;}

.pad {padding-top:10px;}
/*buttons*/
.button {text-align:right; margin:-19px -25px 0;}
a.btn {
	background:url(images/btn_bg.gif) repeat-x top center;
	display:inline-block;
	font-size:12px;
	line-height:27px;
	color:#fef5c5;
	padding:0 5px 8px;
	text-decoration:none;
}
a.btn:hover {color:#fff;}
.row1 .btn {background:url(images/row1_btn_bg.gif) repeat-x top center;color:#946645;}
.row1 a.btn:hover {color:#552a11;}



/* ============================= footer ====================== */
#footerbar { background-color:#1E5C81; width:100%; bottom:0; position:fixed; }
#footer { margin:0 auto; width:870px; padding:10px; color:#FFF; }
#footer a {color:#FFF; text-decoration:underline;}
#footer a:hover {color:#CCC; text-decoration:none;}
#footer ul { list-style: none; margin: 0; padding: 0; width:120px;}
#footer h4 { padding-bottom:5px; color:#552a11; font-size:0.9em; font-weight:bold; text-transform:uppercase;}

/* ============================= forms ============================= */

.alignright {text-align:right;}
#ContactForm { font-weight:bold;}
label {display:block; text-transform:uppercase; font-size:0.9em; color:#000; font-weight:bold; }
#ContactForm .link {margin:25px 0 0 30px; font-weight:normal;}
.column1 {float:left; width:220px;}
.column2 {float:left; width:232px;}
.input {width:350px;  border:1px solid #a09b96; background:#fff; padding:5px 0 5px 5px; font-size:1.4em; color:#4EA4FF; margin-bottom:10px; font-weight:bold;}
textarea {width:350px; height:100px; border:1px solid #a09b96; background:#fff; padding:5px 0 0 5px; overflow:auto; font-size:1.4em; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; color:#4EA4FF; font-weight:bold;}
.selectlabel  {display:block; text-transform:uppercase; font-size:1.1em; color:#000; }
select {width:350px;  border:1px solid #a09b96; background:#fff; padding:0px; font-size:1.4em; color:#4EA4FF;margin-bottom:10px;}

.inputg {width:200px;  border:1px solid #a09b96; background:#fff; padding:5px 0 5px 5px; font-size:1.4em; color:#4EA4FF; margin-bottom:10px; font-weight:bold;}
.textg {width:200px;  border:1px solid #a09b96; background:#fff;  font-size:1.4em; color:#4EA4FF; margin-bottom:10px; font-weight:bold;}

.labelr {text-transform:uppercase; font-size:0.9em; color:#000; font-weight:bold; }

.message {
	height:20px;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	background-color:#6CF;
	color:#333;
	padding:10px 0 10px 0;
	text-transform:uppercase;
	margin-bottom:10px;
}

.contactbutton {
	margin:0px 0px 40px 0px;
	width: 250px;
	height: 44px;
	background: transparent url(../images/contactbutton.png) no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	}
	
.contactbutton:hover {
	background: transparent url(../images/contactbutton.png) no-repeat 0 -44px;
	}
	

	
	
.loginbutton {
	margin:0px 0px 40px 0px;
	width: 250px;
	height: 44px;
	background: transparent url(../images/gastbutton.png) no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	}
	
.loginbutton:hover {
	background: transparent url(../images/gastbutton.png) no-repeat 0 -44px;
	}
	
.gstbutton {
	margin:0px 0px 40px 0px;
	width: 200px;
	height: 44px;
	background: transparent url(../images/gstboekbttn.png) no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	}
	
.gstbutton:hover {
	background: transparent url(../images/gstboekbttn.png) no-repeat 0 -44px;
	}

/* ============================= searchform ============================= */

.searchf { 
	width: 150px;
	padding:8px 10px 0 0;
}		


#search-form {
	position:relative;
	}
	

#search-form input[type=text] {
	background:#fff;
	width:120px;
	border:1px solid #666;
	padding:4px 25px 5px 8px;
	color:#666;
	font-size:1.2em;
	background:url(../images/search-bg.gif) no-repeat 100% 7px #fff;
			}
#search-form input[type=submit] {
			width:20px;
			height:20px;
			position:absolute;
			right:70px;
			top:0;
			border:none;
			background:none;
			cursor:pointer;
			}
			
			
/* foto gallerij */

.fotthumb {
	float:left;
	padding:2px;
	width:150px;
	padding:0 55px 13px 5px;
}

.fotthumb img {
	border: 2px solid #FFF;
}

.fotthumb img:hover {
	border: 2px solid #09F;
}

.fotthumb h5 {
	margin:0;
}



/* sponsorbar */
#footer { text-align: center; }
#footer img { height: 70px; width: auto;}