/* DIETEREN */

*			{ padding: 0px 0px; margin: 0px 0px; }
body 		{ /*DESIGN:*/
			  /* background: url('../images/_design_dieteren.png'); background-repeat: no-repeat; background-position: top center; */
			  /* background: url('../images/home_fullcomplete_metfadeback-temp.jpg'); background-repeat: no-repeat; background-position: top center; */
			   background: url('../images/home_fullcomplete_metfadeback-temp_NEW.jpg'); background-repeat: no-repeat; background-position: top center;
			   /* nog aanpassen!!! positie achtergrond in kleinere browser niet goed!!! */
			}

/*body 		{ /*LIVE:*/
			/*background-color: rgb(249,237,236); _background-color: #F8EBEA; *background-color: #F8EBEA;
			  background-image: url(../images/background_1pixel_ff.png);
			  _background-image: url(../images/background_1pixel.png); *background-image: url(../images/background_1pixel.png);
			  background-repeat: repeat-x;}
*/
body, p, h1, h2, h3, h4, h5, h6 {
	font-family: trebuchet ms; font-size: 9pt; /*color: #fff; */
	}


table, tr, td, tbody {
	margin: 0px; padding: 0px; cellspacing: 0px; cellpadding: 0px;
	vertical-align: top; text-indent: 0px;
	}
p {
	text-indent: 0px; line-height: 1.5em; margin-bottom: 20px;
	}

p.bodytext {

}
#inhoud p.bodytext { padding-left: 20px; padding-right: 20px; }
#inhoud p.bodytext a { padding-left: 14px; background: url('../images/arrow-right3.gif'); background-repeat: no-repeat; background-position: center left; }
a.meerdetails, a.meerdetails:link, a.meerdetails:visited, a.meerdetails:hover, a.meerdetails:active
{ padding-left: 14px; background: url('../images/arrow-right3.gif'); background-repeat: no-repeat; background-position: center left; }


#inhoud .resultaten-datum { margin-left: 20px;}
#inhoud .resultaten-items { margin-left: 20px; margin-right: 20px;}
.itemtitle {color: #ed7117; font-size: 11pt; font-weight: bold;}
.content { margin-bottom: 20px;}

#contactform { }
#reserveerform { }
#reserveerform table tr { height: 25px; }

form { padding-left: 20px; padding-right: 20px; }


/*p.bodytext {
	color:red;
}
*/

h1 {margin-left: 20px;}

a, a:link, a:visited, a:hover, a:active {
	color: #996600;
	}
a img {
	border: 0px;
	}
a.meerlink, a.meerlink:link, a.meerlink:visited, a.meerlink:hover, a.meerlink:active {display: block; margin-top: 12px; padding-left: 20px;color: #fff; font-weight: normal; text-decoration: none; background: url('../images/arrow-right4.gif'); background-repeat: no-repeat; background-position: center left;}

/************/

.zalm {color: #fcf1d1; }


/************/

#center { Z-INDEX: 100; POSITION: RELATIVE;
/* achtergrond voor firefox */ background: url('../images/background.png'); background-repeat: no-repeat; background-position: top left;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	}
#container { Z-INDEX: 110; POSITION: RELATIVE;
		/* achtergrond voor ie6 en ie 7 */ /*background: url('../images/background.png'); background-repeat: repeat-y; background-position: top left; */
	width: 100%;
	top: 0px;	/* vanwege de top die wegvalt */
}

/************/
#header_background { /*background-color: #fcf1d1;*/ /* BACKGROUND-IMAGE VIA TYPO3, MET DAARIN LOGO TRANSPARANT */
	position: absolute; top: 22px;
	margin-left: 15px; *margin-left: 16px; _margin-left: 16px;
	height: 215px; width: 967px;
	z-index: 50;
}
#header { POSITION: RELATIVE; Z-INDEX: 200;/* Hier komt een wisselend plaatje per pagina! */
	background: url('../images/header.png'); background-repeat: no-repeat; background-position: top center;
	width: 100%; height: 275px;
	z-index: 200;
}
#header #logo { /* nu rechtstreeks geplaatst. straks via typo3 / gd / imagemagick */
	position: absolute; top: 51px; display: none;
	width: 210px; height: 203px;
	margin-left: 10px;
	background: url('../images/logo_trans.png'); background-repeat: no-repeat; background-position: top center;
}
#header #language {
	position: absolute; top: 34px; left: 941px;
}
#header #language #taalplaatjes img { padding-bottom: 10px;}

.taalplaatje1 {display: block; margin-top: 1px; *margin-top: 1px; _margin-top: 1px; margin-left: 1px; *margin-left: 2px; _margin-left: 2px;}
.taalplaatje2 {display: block; margin-top: 4px;* margin-top: 0px; _margin-top: 0px; margin-left: 1px; *margin-left: 2px; _margin-left: 2px;}

#header #hoofdmenu {
	background: #fcf1d1; position: absolute; top: 245px; left: 16px; float: right;
}
/**************/

#middle {display: block; margin-left: 10px; margin-right: 10px; width: 980px;
	float: left; *float: left; _float: none; /* IE6 niet, gaat mis: float wel nodig voor background */
	background: url('../images/background-middle2.png'); background-repeat: repeat-y; background-position: top center;
}

#middle #left {float: left;  width: 670px;}

#middle #minimumheight {float: right; width: 1px; height: 520px; }

#middle #right {float: right;  width: 306px; }


#subtitleblok {margin-left: 7px; width: 661px; height: 76px; background: url('../images/background-subtitle.jpg'); background-repeat: no-repeat; background-position: top left;}

	#subtitle {}
	#subtitle-code {height: 0px; width: 0px; overflow: hidden;}
	#subtitle-flash {margin-top: 16px; margin-left: 20px;}

#inhoudblok {margin-left: 7px; margin-right: 2px; }

	#inhoud {padding-top: 15px;}
	#inhoud ul {margin-left: 20px;}

#lastminutesblok {margin-left: 7px; margin-right: 2px; padding-left: 20px;}

	#lastminutestop {height: 11px; width: 583px;background: url('../images/lastminutes-top.jpg'); background-repeat: no-repeat; background-position: top left;}
	#lastminutes {width: 583px;background: url('../images/lastminutes-back.jpg'); background-repeat: repeat-y; background-position: top left;
		padding-left: 32px; padding-top: 20px; padding-bottom: 20px;
	}
	#lastminutes h1 {color: #ed6d18; font-weight: bold; margin-left: 2px; padding-left: 0px; font-size: 10pt; padding-bottom: 10px; width: 510px;}
	#lastminutesfooter {height: 11px; width: 583px;background: url('../images/lastminutes-footer.jpg'); background-repeat: no-repeat; background-position: top left;}
	/*#lastminutes p {color: #ed6d18; }*/
	#lastminutes p.bodytext {margin-right: 60px; color: #ed6d18; }


	/*table { }
	table.contenttable { }
	tr {}
	td {}*/

	/* last minutes tabel */
	table.contenttable-0 { margin-left: 0px; padding-left: 0px; margin-bottom: 20px; }
	table.contenttable-0 /*	<tbody> <tr class="tr-even tr-0"> */ td.td-0  { font-weight: bold; width: 125px; }
	table.contenttable-0 /*	<tbody> <tr class="tr-even tr-0"> */ td.td-1  { font-weight: bold; width: 125px; }
	table.contenttable-0 /*	<tbody> <tr class="tr-even tr-0"> */ td.td-2  { font-weight: bold; width: 125px; }
	table.contenttable-0 /*	<tbody> <tr class="tr-even tr-0"> */ td.td-3  { font-weight: bold; width: 125px; }
	table.contenttable-0 /*	<tbody> <tr class="tr-even tr-0"> */ td,td-last { }

	/* prijslijst tabel 'header' */
	table.contenttable-2 { margin-left: 0px; padding-left: 0px;}
	table.contenttable-2 tr.tr-even {}
	table.contenttable-2 tr.tr-odd {}
	table.contenttable-2 tr.tr-0 {color: #ed7117; font-size: 11pt; font-weight: bold;}
	table.contenttable-2 tr.tr-last { font-weight: bold;}
	table.contenttable-2 td.td-0 {}
	table.contenttable-2 td.td-last {}

	/* aanbieding tabel */
	table.contenttable-3 {margin-left: 20px; margin-bottom: 20px;}
	table.contenttable-3 td {}
	table.contenttable-3 tr.tr-0 { color: #ed7117; font-size: 11pt; font-weight: bold;}
	table.contenttable-3 tr.tr-1 { font-weight: bold;}
	table.contenttable-3 td.td-0 {font-weight: bold; width: 320px;}
	table.contenttable-3 td.td-1 {width: 380px;}
	table.contenttable-3 td.td-last {}

	/* prijslijst tabel */
	table.contenttable-1 {margin-left: 0px; padding-left: 0px; margin-bottom: 20px;}
	table.contenttable-1 td {/* border: 1px solid black; */ }
	table.contenttable-1 tr.tr-0 {font-weight: bold;}
	table.contenttable-1 td.td-0 {font-weight: bold; width: 120px;}
	table.contenttable-1 td.td-1 {width: 120px;}
	table.contenttable-1 td.td-2 {width: 120px;}
	table.contenttable-1 td.td-3 {width: 120px;}
	table.contenttable-1 td.td-4 {font-weight: bold; width: 120px;}
	table.contenttable-1 td.td-5 {width: 120px;}
	table.contenttable-1 td.td-6 {width: 120px;}
	table.contenttable-1 td.td-7 {width: 120px;}
	table.contenttable-1 td.td-8 {font-weight: bold; width: 120px;}
	table.contenttable-1 td.td-9 {width: 120px;}
	table.contenttable-1 td.td-10 {width: 120px;}
	table.contenttable-1 td.td-11 {width: 120px;}
	table.contenttable-1 td.td-last {}

	/* gps lijst tabellen (plugin) onder actief */
	.tx-incogpstochtentabel-pi1 {margin-left: 20px; margin-bottom: 20px; margin-right: 20px;}
	.gps-tabel { margin-left: 20px;}
	.gpstochten { }
	.gpstabel {}
	.oneven {}
	.even {}
	.rij {height: 40px;}
	.title {}
	.cel { valign: top;}
	.gpsnaam {width: 80px;}
	.gpslengte { width: 60px;}
	.gpsconditie { width: 85px;}
	.gpsomgeving { width: 85px;}
	.gpstechniek { width: 85px;}
	.gpsopmerking {}
	.kop {font-weight: bold;}
	.naam {width: 125px;}
	.lengte {width: 50px;}
	.landschap {width: 75px;}
	.conditie {width: 75px;}
	.techniek {width: 75px;}
	.opmerking {width: 75px;}

	.agenda-first-content { margin-right: 20px;}


/*************/

#agendablok {width: 299px; height: 232px; background: url('../images/background-agenda.jpg'); background-repeat: no-repeat; background-position: top left;}

	#agenda {padding-left: 20px; padding-top: 16px;}

#buttonblok {width: 299px; height:  59px; background: url('../images/background-button.jpg'); background-repeat: no-repeat; background-position: top left;}

	#button {border: 0px solid red;}
	#button-code {height: 0px; width: 0px; overflow: hidden;}
	#button-flash {margin-top: 0px; margin-left: 20px;}

#beschikbaarheidblok {z-index: 1; height: 210px; overflow: hidden; margin-bottom: 0px; padding-bottom: 0px;}

	#beschikbaarheid {z-index: 2; margin-left: 15px;  }
		#titel { padding-left: 5px; z-index: 100; position: relative; top: 5px; *top: 0px;  _top: 0px; height: 60px; width: 250px; overflow: hidden; background: #cfccb4; font-size: 8pt; }
		#titel #beschikaarheid-code { height: 0px; width: 0px; overflow: hidden;}
		#titel #beschikaarheid-flash {}
		#titel #beschikaarheid-code {}
		iframe {z-index: 3; position: relative; left: 0px; top: -50px; *top: -55px; _top: -55px; float: left; margin-right: 5px;  }
		#iframebeschrijving {font-size: 8pt; padding-top: 15px; *padding-top: 12px; _padding-top: 12px; }
		.beschrijving { display: block; padding-bottom: 3px; }


		#beschikbaarlinkouter {z-index: 999; height: 185px; width: 275px; position: absolute; overflow: hidden;}
		#beschikbaarlinkbinnen {z-index: 999; height: 180px; width: 275; border: 0px; cursor: hand;}
		.beschikbaarlinkimage {width: 275px; height: 180px; border: 0px;}
/**************/




#footerblok {width: 980px; height: 171px; background: url('../images/background-footer.png'); background-repeat: no-repeat; background-position: top left;
	display: block;  clear: both; margin-left: 9px; *margin-left: 10px; _margin-left: 10px; padding-top: 1px; /*position: relative; top: -20px;*/
}

#footerblok #flashfooterblok {width: 972px; height: 133px; margin-top: 9px; margin-left: 2px; }

#footerblok #copyrightblok {width: 969px; margin-left: 5px; text-align: center; font-size: 8pt; color: #4b472c;}
a.copylink {text-decoration: none; color: #4b472c; }


/* DROPDOWNMENU CSS */
.menu-bg-kleur { background: #ed6d18; }
#sddm { margin: 0px; padding: 0px; z-index: 9999;}
#sddm li {	margin: 0px; padding: 0px;
			list-style: none; float: left;
			font: normal 11px 'Trebuchet MS';
			z-index: 9999;
		}
#sddm li a {display: block;	margin: 0px 0px; padding: 0px 11px 7px 0px; /* width: 57px; */ /* background: #5970B2; */
			color: #FFF; text-decoration: none;
			 z-index: 9999;
			text-align: left;
		}
#sddm li a:hover { }
#sddm div {	position: absolute;	visibility: hidden;
			margin: 0px; padding: 0px; /* background: #EAEBD8; DE BOOSDOENER !!! */	/*border: 2px solid #5970B2*/
			z-index: 9999;
		}
#sddm div a	{ position: relative; display: block;
			margin: 0px; padding: 2px 1px;
			width: auto; white-space: nowrap;
			text-align: left; text-decoration: none; color: #f9e3a7; font-size: 12px; font-family:  Trebuchet MS;
			/* text-transform: uppercase;*/
		 	z-index: 9999;
		}
#sddm div a:hover {	/* background: #445686; */	color: #ffffff;	/*text-decoration: underline;*/ /*font-weight: bold;*/ }
.submenutop { /*height: 5px;*/ }
/*.submenuachtergrond {
		background: url('main/menutop.png');
		background-repeat: no-repeat; background-position: top left;
		border: 2px solid red;
	}
*/
#lastminutes p.csc-frame-frame1 { display: block; font-color: blue; padding-right: 50px; font-weight: bold;} /* kleur zwart maker */
/* achtergrondplaatje aanpassen */

/*
<div><h6>&nbsp;</h6>
<p class="csc-frame-frame1">Door de week € 20,= p.p.p.n (tot 24-04-09).</p>
<p class="csc-frame-frame1">Vrijdag - maandag (lang weekend) Twee p. € 150,= drie p. € 180,= vier p. € 200,= </p>
<p class="bodytext">De Winter Sale aanbieding geldt niet in de periodes: 13/02 - 27/02, 10/04 - 13/04, 17/04 - 20/04, 24/04 - 01/05
</p>
*/