/*
##############
## Algemeen ##
##############
*/
*{margin: 0px;}
html {height: 100%; overflow:scroll; overflow-x:hidden;}
body {
	width: 100%;
	margin: 0px;
	padding:0px;
	background: #0C7DAA url(../images/bg_site.gif) repeat-x top left;
	font: Verdana, Arial, Helvetica, sans-serif 11px #333333;
	line-height: 18px;
}


p {margin: 10px 0px;}

@import url(images.css);

/*
##############
## Teksten ###
##############
*/

#contentRight h1{font-size: 18px; margin: 6px 0px 5px 0px; padding: 0px; color: #0C7DAA; font-weight: bold;}
#contentRight h2 {font-size: 13px; color: #0C7DAA; font-weight: bold; }
#contentRight a {color: #0C7DAA; text-decoration: none; font-weight: bold; text-decoration: underline;}
#contentRight a:hover {color: #0C7DAA text-decoration: none;}

#contentRight ul { margin: 20px; padding: 0px; padding-left: 10px; list-style:square;}
#contentRight li{ list-style:square;}
#contentRight blockquote { margin-left: 20px;}


#extra a {color: #0C7DAA; text-decoration: none; font-weight: normal; text-decoration: none;}
#extra a:hover {text-decoration: underline;}


div {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;}

.nieuwsItem-text {width: 538px; float: left; padding: 0px; margin: 0px; color: #CC2027; line-height: normal;}
.nieuwsItem-text strong {font-weight: bold;  color: #0C7DAA; font-size: 12px;}
.nieuwsItem-text a{color: #0C7DAA; font-weight: bold; text-decoration: none; }
.nieuwsItem-text a:hover{color: #0C7DAA; font-weight: bold; text-decoration: underline; }

table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }
table b, strong{color: #0C7DAA;}

/* d85600 */

.text-bestellen {color: #6e2c2c; margin: 0px 0px 10px 0px;}
.text-bestellen a{color: #6e2c2c; text-decoration: underline; font-weight: bold;}
.text-bestellen a:hover {text-decoration: none;}

/*
##############
# Opmaak ABC #
##############
*/

.clear {clear: both;}

#contentSite {
	position:relative;
	background: white;
	width: 788px;
}

#contentLeft {
	position:relative;
	width: 220px;
	margin: 6px 6px 0px 6px;
	background: #0C7DAA;
}
#contentRight {padding: 8px 5px 0px 5px;}

#content h1 {
	color: black;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../images/blok.jpg);
	background-repeat: no-repeat;
	background-position: 0 4px;
	text-indent: 12px;
	margin: 10px 8px 1px 15px;
	padding: 0; }
	
#content .kolom_a {
	width: 265px;
	float: left;
	margin: 2px 0 3px;
	padding-right: 10px;
	padding-bottom: 8px;
	display: inline; }
	
#content .kolom_b {
	width: 265px;
	float: left;
	margin: 2px 0 3px;
	padding-right: 10px;
	padding-bottom: 8px;
	display: inline; }
	
#footer {
	width: 800px;
	height: 165px;
	background: url(../images/bg_footer.jpg);
	margin: 6px auto 11px auto;
}

.foto-bestellen {margin: 9px;}

#header {
	width: 880px;
	height: 140px;
	margin: 11px auto 6px auto;
	background: url(../images/bg_header.jpg);
}

.header-content {
	width: 306px;
	height: 70px;
	margin: 62px 0px 0px 300px;
	position: absolute;
}

.header-content span {
	font-size: 20px; 
	font-weight: bold; 
	color: #0C7DAB; 
	width: 400px; 
	margin-bottom: 40px;
}

.header-logo{  
	width: 220px; 
	height: 130px;
	padding: 0 10px 10px 10px;
	position: absolute; 
	margin-left: 50px;
	overflow:hidden;
}

.header-logo a img{
	margin-top: 10px;
}

.header-content table {
	margin-top: 18px
}

.header-title{position: absolute; color: #CC2027; margin-left: 305px; top:65px; height: 40px; width: 450px; font-size:24px; font-weight: bold; padding-top: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; }


#header-sub {
	width: 780px;
	height: 16px;
	background: #219CCC;
	margin: 0px auto 6px auto;
	
	font-size: 12px; text-align: left; color: white; font-weight: bold;
	padding:8px 10px; 
}

.item-right {width: 270px; margin: 10px 0px; float: right;}
.item-left {width: 270px; margin: 10px 0px; float: left;}
.item-content {}
.item-content-home {border-top: 1px solid #000000;}
.item-img {float: left; width: 95px;}
.item-text {width: 250px; float: left; color:#000000; border-bottom: 1px solid #000000; }
.item-text-home {width: 250px; float: left; }

.item-right h3, .item-left h3 {margin: 0px 0px 5px 0px; font-size: 12px; color: #0C7DAA; font-weight: bold;}

.item-text strong { font-weight: bold; color: #9a3d00;}
.item-text a {color: #0C7DAA; font-weight: bold; text-decoration: none;}
.item-text a:hover {text-decoration: underline;}
.item-text h4 {font-size: 18px; color: #CC2027; margin: 5px 0px;}

.item-text-home strong { font-weight: bold; color: #9a3d00;}
.item-text-home a {color: #0C7DAA; font-weight: bold; text-decoration: none;}
.item-text-home a:hover {text-decoration: underline;}
.item-text-home h4 {font-size: 18px; color: #CC2027; margin: 5px 0px;}

.line {width: 100%; height: 1px; border-top: 1px solid #0C7DAA; margin: 0px; padding: 0px;}

#nav {list-style: none; margin: 8px 0px 0px 0px; padding: 0px; width: 180px; float: right; position: relative;}
#nav li {height: 20px; width: 180px;}
#nav li a {width: 100%; height: 100%; display: block;}
#nav li.home a{background: url(../images/buttons/home.gif) no-repeat top right;}
#nav li.home a:hover{background: url(../images/buttons/home-hover.gif) no-repeat top right;}
#nav li.Overnachten a{background: url(../images/buttons/overnachten.gif) no-repeat top right;}
#nav li.Overnachten a:hover{background: url(../images/buttons/overnachten-hover.gif) no-repeat top right;}
#nav li.EtenDrinken a{background: url(../images/buttons/etendrinken.gif) no-repeat top right;}
#nav li.EtenDrinken a:hover{background: url(../images/buttons/etendrinken-hover.gif) no-repeat top right;}
#nav li.Activiteiten a{background: url(../images/buttons/aktiviteiten.gif) no-repeat top right;}
#nav li.Activiteiten a:hover{background: url(../images/buttons/aktiviteiten-hover.gif) no-repeat top right;}
#nav li.FeestenVergaderen a{background: url(../images/buttons/feesten.gif) no-repeat top right;}
#nav li.FeestenVergaderen a:hover{background: url(../images/buttons/feesten-hover.gif) no-repeat top right;}
#nav li.Groepsarrangementen a{background: url(../images/buttons/arrangement.gif) no-repeat top right;}
#nav li.Groepsarrangementen a:hover{background: url(../images/buttons/arrangement-hover.gif) no-repeat top right;}
#nav li.Jachthaven a{background: url(../images/buttons/jachthaven.gif) no-repeat top right;}
#nav li.Jachthaven a:hover{background: url(../images/buttons/jachthaven-hover.gif) no-repeat top right;}
#nav li.Diversen a{background: url(../images/buttons/diversen.gif) no-repeat top right;}
#nav li.Diversen a:hover{background: url(../images/buttons/diversen-hover.gif) no-repeat top right;}
#nav li.Omgeving a{background: url(../images/buttons/omgeving.gif) no-repeat top right;}
#nav li.Omgeving a:hover{background: url(../images/buttons/omgeving-hover.gif) no-repeat top right;}
#nav li.Links a{background: url(../images/buttons/links.gif) no-repeat top right;}
#nav li.Links a:hover{background: url(../images/buttons/links-hover.gif) no-repeat top right;}
#nav li.Nieuws a{background: url(../images/buttons/nieuws.gif) no-repeat top right;}
#nav li.Nieuws a:hover{background: url(../images/buttons/nieuws-hover.gif) no-repeat top right;}
#nav li.Aanbiedingen a{background: url(../images/buttons/aanbiedingen.gif) no-repeat top right;}
#nav li.Aanbiedingen a:hover{background: url(../images/buttons/aanbiedingen-hover.gif) no-repeat top right;}
#nav li.Contact a{background: url(../images/buttons/contact.gif) no-repeat top right;}
#nav li.Contact a:hover{background: url(../images/buttons/contact-hover.gif) no-repeat top right;}



#nav li.submenu a{width: 163px; color:#FFFFFF; text-align:right; background-color:#F7931E; padding-right: 4px;}

.nieuwsbrief { width: 220px; height: 23px; text-align: center; margin-bottom: 6px;}
.nieuwsbrief a{width: 100%; height: 100%; display: block; color: #FCF1B9; text-decoration: none; background: #F7931E; padding-top: 7px;}
.nieuwsbrief a:hover {background: #D6791D;}

.nieuwsItem {width: 550px; background: #FDD900; padding: 6px;}
.nieuwsItem2 {width: 550px; background: #9FD5EF; padding: 6px;}
.nieuwsItem3 {width: 550px; background: #F7931E; padding: 6px;}
.nieuwsItem4 {width: 550px; background: #F9E895; padding: 6px;}

#siteContainer {background: #FCF1B9; padding: 6px; width: 788px; margin: 0 auto;}

td h4{color:#0C7DAA;}