body, html {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	background-image:url(../i/bg-totaalPlus.jpg);
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	width:100%;/*width:100% en display: table zijn nodig om de achtergrond in mozilla zoals safari en firefox goed te krijgen*/
	display:table;
	height:100%;/*height:100% zelf toegevoegd omdat Safari anders leeg stuk window aan de onderkant zwart maakt zondera anleiding*/
}

#totaal {
	position:absolute 50% 0;
	top:0px;
	padding: 0px;
	border:0;
	width:1230px;
	background-image:url(../i/bg-totaal.jpg);
	background-repeat:no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}

#top {
	left:0px;/*  de flash kan breder als hier een negatieve waarde van gemaakt wordt! Wel gelijk heel de linkerzijkant meenemen anders lastig  */
	top:0px;
	width:1230px;
	height:124px;
}

#menu {
	float:left;
	width:275px;
	margin-top:10px;
	height:500px;
}

#foto {
	float:left;
	margin-top:10px;
	margin-left:10px;
	padding:0px;
	width:935px;
}

#kopVolleBreedte {
	float:left;
	margin-top:20px;
	margin-left:20px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	width:935px;
}

#eenkoloms, #eenkolomsTeKoop {
	float:left;
	width:925px;
	margin-left:20px;
	margin-top:20px;
	/*background-color:#CCCCCC; */
}
#eenkolomsTeKoop p {
	margin:0px;
}

#kolomLinks, #kolomLinksZonderMargin, #kolomLinksMeerRugwit, #kolomLinksSmal {
	float:left;
	width:468px;
	margin-left:10px;
	margin-top:10px;
}
#kolomLinksZonderMargin {
	margin-top:0px;
}
#kolomLinksMeerRugwit {
	margin-left:20px;
	margin-top:20px;
	width:458px;
}
#kolomLinksSmal {
	width:340px;
	margin-top: 20px;
	margin-left: 20px;
}

#kolomRechts, #kolomRechtsGelijk, #kolomRechtsLager, #kolomRechtsNogLager, #kolomRechtsZonderMargin, #kolomRechtsBreder {
	float:left;
	width:467px;
	margin-left:10px;
	margin-top:20px;
}
#kolomRechtsGelijk {
	margin-top:10px;
}
#kolomRechtsLager {
	margin-top:53px;
}
#kolomRechtsNogLager {
	margin-top:65px;
}
#kolomRechtsZonderMargin {
	margin-top:0px;
}
#kolomRechtsBreder {
	margin-top:53px;
	margin-left:20px;
	width:568px;
}


p, h1, h2 {
	margin:0px;
	/*padding:0px;*/ 
}

p {
	margin-bottom:15px;
}

.NL {
	margin:0px;
	margin-left:0px;
}

.DE {
	margin-left:2px;
}

#menu, #menu ul {
	margin-top:2px;
	margin-left:0px;
	padding-left:0px;
}

#menu li {/* menu   zie andere li definities voor tabellen in tekst */
	height:21px;
	font-weight:bold;
	list-style-type:none;
	margin-left:12px;/* inspringen */
}

#menu a {
	text-decoration:none;	
}

#menu li a, a{
	color:#006b4a;
}

#menu li a:hover {
	text-decoration:none;
	color:#000000;
}

#menu #menuKopjeCamping, #menu #menuKopjeStacaha, #menu #menuKopjeCamping a, #menu #menuKopjeStacaha a, #adresKopjeCamping, #adresKopjeStacaha {
	margin-bottom:5px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#006b4a;/*groen*/
	margin-left:0px;
}

#adresKopjeStacaha, #adresStacaha a {
	color:#308bd1;
}

#menu #menuKopjeStacaha, #menu #menuKopjeStacaha a {
/* let op werkt niet zonder #menu*/
	margin-left:0px;
	margin-top:10px;
	color:#308bd1;/*blauw*/
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
}

#menu #menuKopjeCamping a {
/* let op werkt niet zonder #menu*/
	margin-left:0px;
	margin-top:10px;
	color:#006b4a;/*groen*/
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
}

#menu .sub {
	margin-left:24px;/* inspringen */
	font-weight:normal;
}


#menu .sch {
	color:#308bd1;
}










#adresMailto {
	color:#006b4a;
}
#adres, #adresStacaha {
	/*font-weight: bold;
	font-size:12px;*/
	margin-left:12px;/* inspringen */
}



h1, h2, h3, h4, h5 {
	font-weight:bold;
	font-size:20px;
	line-height:22px;
	margin-bottom:0px;
	margin-top:0px;
}
h1 {
	margin-bottom:10px;
}
h2 {
	font-size:15px;
	line-height:17px;
}
h3 {
	font-size:14px;
	line-height:16px;
}
h4 {
	font-size:13px;
	line-height:15px;
}
h5 {
	font-size:12px;
	line-height:14px;
}


.centreren {
	text-align:center;
	}

img {
	border:0px;
	}

.accent-stacaha {
	color:#308bd1;
}
.accent-stacaha-donker {
	color:#226192;
}
.accent-camping {
	color:#005a3e;
}

.tableKleur tr {
	background-color:#66CCFF;
	background-image:url(../i/bg_table-blauw-v-500x80.jpg);
	vertical-align:top;
}
.tableWit {
	color:#75d0ff;/*blauwe tekst*/
	background-color:white;
	background-image:url(../i/wit.gif);
	}


#footer {
	float:right;
	width:955px;
	height:10px;
}
#footer, #footer a {
	text-align:right;
	color:#999999;
	font-size:9px;
}






/* speciaal voor windows IE omdat de buttons anders extreem (te) breed worden bij brede buttonteksten. Let op dit werkt alleen als je class="button" toevoegd! 
input.button { 
	max-width: 555px; 
	width: 370px; 
	padding: 1px 4px; // whatever your required padding is 
	overflow: visible; // seems to keep IE (inc 7) in check without anything else 
}
*/ 

.mailButton td a, .mailButton tr a {
	font-size:12px;
	text-decoration:none;
	color:#000000;
}







/* == begin print stylesheet == */
@media print {

	#top {
		display: none; /* header wil je niet printen, da's allemaal inkt verspilt */
	}

	#menu {
		display: none; /* header wil je niet printen, da's allemaal inkt verspilt */
	}


}