/* GENERAL USE
*********************************************/
html, body {
	color:#333;
	font:normal 13px/18px GWBSyntaxRoman, verdana, arial, sans-serif;
	}

#container{
	width: 1031px;
	min-height: 500px;
	position: relative;
	margin: 0 auto;
	background: #fff;
	}

#header{
	width: 1031px;
	height: 306px;
	position: relative;
	display: block;
	background: #fff;
	}

#fotoheader{
	width: 1031px;
	height: 177px;
	position: absolute;
	top: 130px;
	left: 0;
	background: url("../img/header_home.jpg") no-repeat;
	display: block;
	z-index: 1;
	}

#logo{
	width: 155px;
	height: 57px;
	position: absolute;
	display: block;
	top: 45px;
	left: 668px;
	}

#headertekst{
	width: 406px;
	height: 158px;
	position: absolute;
	display: block;
	left: 80px;
	top: 0;
	background: url("../img/header_tekst.png") no-repeat;
	z-index: 2;
	}

#wrapper{
	width: 849px;
	height: 100%;
	display: block;
	float: left;
	background: url("../img/golfjes.jpg") repeat;
	}

#menu{
	width: 285px;
	height: 388px;
	float: left;
	display: block;
	position: relative;
	}

.filler{
	width: 5px;
	height: 388px;
	display: block;
	float: left;
	background: #fff;
	}

#content{
	width: 559px;
	min-height: 510px;
	background: #ebf4f8;
	margin: 5px 0 0;
	float: left;
	position: relative;
	}

#content .box{
	padding: 10px 10px 20px;
	}

#sidebar{
	width: 182px;
	height: 510px;
	float: left;
	position: relative;
	background: #fff;
	}

#wordvriend{
	width: 182px;
	height: 177px;
	padding: 15px 0 0 0;
	display: block;
	}

#logos{
	padding: 20px 0 0 0;
	width: 182px;
	height: 275px;
	display: block;
	}

#footer{
	width: 1031px;
	height: 29px;
	background: #bac600 url("../img/footer_bg.jpg") no-repeat;
	display: block;
	margin: 0 0 20px;
	}

.box{
	padding: 20px;
	}

.clear{
	clear: both;
	}

.left{
	float: left;
	}

.right{
	float: right;
	}

.ruimte{
	width: 100px;
	height: 10px;
	float: left;
	display: block;
	}

input[type='text'].anders{
	width: 50px;
	}


/* PAGES
*********************************************/

/*HOME*/
#home #fotoheader{
	background: url("../img/header_home.jpg") no-repeat;
	}

#home #menu{
	background: url("../img/menu_home.jpg") no-repeat;
	}
	
/*VOOR WIE*/
#voorwie #fotoheader{
	background: url("../img/header_voorwie.jpg") no-repeat;
	}

#voorwie #menu{
	background: url("../img/menu_voorwie.jpg") no-repeat;
	}

/*KOSTEN*/
#kosten #fotoheader{
	background: url("../img/header_kosten.jpg") no-repeat;
	}

#kosten #menu{
	background: url("../img/menu_kosten.jpg") no-repeat;
	}

/*RESERVEREN*/
#reserveren #fotoheader{
	background: url("../img/header_reserveren.jpg") no-repeat;
	}

#reserveren #menu{
	background: url("../img/menu_reserveren.jpg") no-repeat;
	}
	
#reserveren table.agenda{
	width: 385px;
	border: 1px solid #333;
	float: left;
	font:normal 12px/16px GWBSyntaxRoman, verdana, arial, sans-serif;
	}

#reserveren table.agenda tr td{
	border: 1px solid #333;
	height: 17px;
	width: 53px;
	padding: 17px 0 17px;
	}

#reserveren tr.titel td.maand{
	height: 25px;
	background: #cee6f0;
	text-align: center;
	padding: 5px 0 0;
	border: none;
	color: #1c82b3;
	font:normal 15px/18px GWBSyntaxBold, verdana, arial, sans-serif;
	}

#reserveren tr.titel td.maandterug,
#reserveren tr.titel td.maandverder{
	height: 25px;
	background: #cee6f0;
	text-align: center;
	padding: 5px 0 0;
	color: #1c82b3;
	border: none;
	}

#reserveren tr.titel td.maandterug a,
#reserveren tr.titel td.maandterug a:link,
#reserveren tr.titel td.maandterug a:visited,
#reserveren tr.titel td.maandverder a,
#reserveren tr.titel td.maandverder a:link,
#reserveren tr.titel td.maandverder a:visited{
	text-decoration: none;
	color: #1c82b3;
	}

#reserveren tr.titel td.maandterug a:hover,
#reserveren tr.titel td.maandterug a:active,
#reserveren tr.titel td.maandverder a:hover,
#reserveren tr.titel td.maandverder a:active{
	color: #1c82b3;
	font-family: GWBSyntaxBold, verdana, arial, sans-serif;
	}

#reserveren tr.dagen td.dag{
	height: 25px;
	background: #cee6f0;
	text-align: center;
	padding: 5px 0 0;
	color: #1c82b3;
	border-top: 2px solid #1c82b3;
	border-bottom: 2px solid #1c82b3;
	}

#reserveren tr td.geboekt{
	text-align: center;
	background: #e30051;
	color: #fff;
	}

#reserveren tr td.vrij{
	text-align: center;
	background: none;
	}

#reserveren tr td.vrij a,
#reserveren tr td.vrij a:link,
#reserveren tr td.vrij a:visited{
	text-decoration: none;
	}

#reserveren tr td.vrij a:hover,
#reserveren tr td.vrij a:active{	
	color: #1c82b3;
	}

#reserveren tr td.vrij:hover{	
	background: #cee6f0;
	}

#reserveren tr td.geboekt{
	text-align: center;
	background: #C60C30;
	color: #fff;
	}

#reserveren tr td.geenschipper{
	text-align: center;
	background: #FF7900;
	}

#reserveren tr td.geenschipper a,
#reserveren tr td.geenschipper a:link,
#reserveren tr td.geenschipper a:visited{
	text-decoration: none;
	}

#reserveren tr td.geenschipper a:hover,
#reserveren tr td.geenschipper a:active{	
	color: #666;
	}

#reserveren tr td.geenschipper:hover{	
	background: #f7c180;
	}

#reserveren tr td.geenvaardag{
	text-align: center;
	background: #444;
	color: #fff;
	}

#legenda{
	float: left;
	display: block;
	width: 150px;
	margin: 60px 0 0;
	}
	
#legenda ul,
#legenda ul li{
	list-style: none;
	}


#legenda ul li{
	height: 30px;
	padding: 7px 0;
	border-bottom: 1px solid #cee6f0;
	font:normal 11px/16px GWBSyntaxRoman, verdana, arial, sans-serif;
}

#legenda ul li .blok{
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin: 5px 5px 5px 0;
	}

#legenda ul li .blok.geboekt{
	background: #C60C30;
	}

#legenda ul li .blok.vrij{
	background: none;
	border: 1px solid #1c82b3;
	width: 18px;
	height: 18px;
	}

#legenda ul li .blok.geenschipper{
	background: #FF7900;
	}
	
#legenda ul li .blok.geenvaardag{
	background: #444;
	}

.gegevens{
	width: 280px;
	display: block;
	float: left;
	}

.button{
	width: 360px;
	height: 25px;
	display: block;
	}

.buttonideal{
	width: 435px;
	height: 25px;
	display: block;
	}

.controle{
	display: block;
	width: 220px;
	margin: 0 0 20px;
	}

.controle .controlenaam{
	float: left;
	display: block;
	}

.controle .controleprijs{
	float: right;
	display: block;
	}

/*NIEUWS*/
#nieuws #fotoheader{
	background: url("../img/header_nieuws.jpg") no-repeat;
	}

#nieuws #menu{
	background: url("../img/menu_nieuws.jpg") no-repeat;
	}

/*CONTACT*/
#contact #fotoheader{
	background: url("../img/header_contact.jpg") no-repeat;
	}

#contact #menu{
	background: url("../img/menu_contact.jpg") no-repeat;
	}

/*OVERIG*/
#overig #fotoheader{
	background: url("../img/header_overig.jpg") no-repeat;
	}

#overig #menu{
	background: url("../img/menu_overig.jpg") no-repeat;
	}

/* TYPOGRAPHY
*********************************************/
h1{
	font:normal 16px/20px GWBSyntaxBold, verdana, arial, sans-serif;
	margin: 0 0 10px;
	}

h2,
h3{
	font:normal 14px/18px GWBSyntaxBold, verdana, arial, sans-serif;
	margin: 0 0 5px;
	}
	
p{
	margin: 0 0 10px;
	}

strong{
	font:normal 13px/18px GWBSyntaxBold, verdana, arial, sans-serif;
	}

em{
	font-family: GWBSyntaxItalic, verdana, arial, sans-serif;
	}

#content ul{
	list-style: disc;
	margin: 0 0 0 20px;
	}

#content ol{
	list-style: decimal;
	margin: 0 0 0 20px;
	}

blockquote{
	font-family: GWBSyntaxItalic, verdana, arial, sans-serif;
	background: #c0e5f5;
	padding: 5px;
	margin: 5px 0
	}

#sidebar p{
	margin: 0 0 0 12px;
	font:normal 12px/16px GWBSyntaxRoman, verdana, arial, sans-serif;
	}

/* LINKS
*********************************************/
a,
a:link,
a:visited{
	font:normal 13px/18px GWBSyntaxRoman, verdana, arial, sans-serif;
	color: #000;
	text-decoration: underline;
	}

a:hover,
a:active{
	color: #e30051;
	}

.teruglink a,
.teruglink a:link,
.teruglink a:visited{
	float: left;
	display: block;
	color: #e30051;
	text-decoration: none;
	margin: 0 0 0 28px;
	}

.teruglink a:hover,
.teruglink a:active{
	color: #b90143;
	}

/* MENU
*********************************************/
div#menu{
	font: normal 14px/24px GWBSyntaxRoman, arial, verdana, sans-serif;
	color: #fff;
}

div#menu ul{
	width: 130px;
	list-style: none;
	margin: 0 5px 0;
	padding: 5px;
	background: url("../img/menu_bg.png") repeat;
	position: absolute;
	left: 120px;
	top: 0;
}

div#menu ul li{
	border: 1px solid #fff;
	border-left: 0;
	border-right: 0;
	border-top: 0;
}

div#menu ul li a,
div#menu ul li a:link{
	font: normal 14px/24px GWBSyntaxRoman, arial, verdana, sans-serif;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	margin: 0 0 0 2px;
}

div#menu ul li a:hover,
div#menu ul li a:active{
	font-weight: bold;
}

div#menu ul li.actief a{
	font-weight: bold;
}

/*FOOTER*/
#footer ul{
	width: 340px;
	height: 29px;
	display: block;
	list-style: none;
	margin: 0 auto;
	text-align: center;
	}

#footer ul li{
	display: block;
	float: left;
	margin: 6px 5px 0;
	}

#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited{
	text-decoration: none;
	color: #fff;
	}

#footer ul li a:hover,
#footer ul li a:active,
#footer ul li.actief a{ 
	color: #e30051;
	text-decoration: none;
	}

#footer ul li.dot{
	padding: 0;
	width: 10px;
	height: 29px;
	background: url("../img/dot.jpg") no-repeat;
	margin: 0;
	}
	
/* BROWSERERROR
*********************************************/
div#browserError{
	background: #ff0000; 
	height: 45px;
	z-index: 50;
	position: relative;
	}
	
div.warning{ 
	margin: 0 auto; 
	padding: 5px 0; 
	width: 960px; 
	font-size: 9pt; 
	line-height:14px; 
	color: #fff;
	}
	
div.warning a, 
div.warning a:link, 
div.warning a:visited{ 
	color: #fff;
	}
	
div.warning a:hover, 
div.warning a:active{ 
	text-decoration: underline; 
	color: #fff;
	}