/* ######### INDEX-LAYOUT ################### */

body {
	background-color: #1a1a1a;
	margin: 0pt;
	padding: 0pt;
	font-family:  Palatino Linotype, verdana, helvetica, sans-serif;
	font-size: 9pt;
	color: #dedede;
	background-repeat: repeat-x;
	/*background-image: url('../images/layout/back_container.png');*/
	background-image: url('../images/layout/body_back.jpg');
	height: 100%;
}


#header {
	/*background-color: #efefef;*/
	background-image: url('../images/layout/achtergrond_header_lang_norm_grijs.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	padding: 0pt;
	width: 100%;
	height: 71px;
	color: #814f00;
	text-align: center;
}

#koen {
	padding: 0pt;
	border: 0pt;
	margin-right: auto;
	margin-left: 0px;
	float: left;
	top: 3pt;
}


#myndy {
	padding: 0pt;
	border: 0pt;
	margin-right: 0px;
	margin-left: auto;
	float: right;
	top: 10pt;
}


img.header { 
	margin-top: 15px;
	border: none;
	width: auto;
	height: auto;
	z-index: 30;
}

#container {
	margin: 5pt auto 3pt auto;
	/*background-color:  black;*/
	padding: 0pt;
	top: 0pt;
	bottom: -5pt;
	width: 90%;
	height: 100%;
	border: 2px solid #232323;
	background-color: black;/*#232323;*/
}

#main {
	position: relative;
	height: 100%;
	margin-top: 20pt;
}


#links {
	padding: 2pt;
	float: left;
	width: 130pt;
	height: 100%;
	margin-left:10pt;
	min-height: 200pt;
	background-color: transparent;
	border: 1pt solid gray;
	-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
	background-color: #0f0f0f;
}

#links a {
	background-color: transparent;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	color: white; /*#6a717d;/*6a6565;*/
}

#rechts a {
	background-color: transparent;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	color: white; /*#6a717d;/*6a6565;*/
}

#rechts {
	font-size: 8pt;
	float:right;
	margin-right: 10pt;
	padding: 2pt;
	/*position: absolute;*/
	/*right: 10pt;*/
	min-height: 200pt;
	width: 100pt;
	border: 0pt solid yellow;
	/*background-color: #232323;*/
	border: 1pt solid gray;
	-moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
	background-color: #0f0f0f;

}

#content {
	/*position:relative;*/
	margin-left: 155pt;
	margin-right: 20pt;
	width: auto;
	min-height: 350pt;
	border: 1pt solid gray;
	-moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
	/*border-left: 1px dotted #43506a;*/
	padding: 10pt 10pt;
	/*background-color: black;/*transparent;*/
	background-color: #0f0f0f;
}



/* ########### ALGEMEEN ############# */


a {
	background-color: transparent;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	color: white;/*#6a717d;/*6a6565;*/
}


a:hover {
	font-size:  9pt;
	font-weight: bold;
	text-decoration: underline;
	color: white;/*#6a717d;*/
	background-color: transparent;
}


a.info {
	position: relative;
	z-index: 24; 
	text-decoration: none;
	font-size:9pt;
	font-weight:bold;
	color:#555566;
	background-color: transparent;
}

a.info:hover {
  	text-indent: 0; /* nodig voor IE-bug (cf : http://www.webmasterworld.com/forum83/1189.htm */
  	z-index: 25;
  	text-decoration: none;
  	color: #002000;
	background-color: transparent; /*** eee ***/
}

a.info span {
	display: none;
	background-color: transparent;
} 

a.info:hover span {
	display: block;
	height: auto;
	position: absolute;
	top: 10pt; left: 15pt;
	background-color: #efefef;;
}

a.h3 {
	color: #6a6565;
	font-size: 10pt;
	background-color: transparent;
}

a.h3:hover {
	color: #6a6565;
	font-size: 10pt;
	background-color: transparent;
}


img.affiche {
	padding: 0pt 0pt 0pt 0pt;
	vertical-align: middle;
	border: 1pt outset  #808080; 
	/*border: 2pt solid  #8b154c;*/ 
	/*border: 5pt outset #000000;*/
}

.klein {
	font-size:  7pt;
	color: #6a6565;
	background-color: transparent;
}	

.middelklein {
	font-size:  8pt;
	color: #6a6565;
	background-color: transparent;
}	

a.middelklein {
	font-size:  8pt;
	color: red;
	background-color: transparent;
}

.middelgroot {
	font-weight: bold;
	font-size: 16pt;
	color: #6a6565;
	text-align: center;
	margin-top: -20pt;
	background-color: transparent;
}

.groot {
	font-weight: bold;
	font-size: 20pt;
	color: #6a6565;
	background-color: transparent;
}

.supergroot {

	font-weight: bold;
	font-size: 45pt;
	color: #6a6565;
	background-color: transparent;
}

.center {
	text-align: center;
}

.titel {
	text-align:center;
	font-size: 20pt;
	font-weight: 800;
 	padding: 0pt;
	color: #e81c1c;/*#6a6565;*/
	text-shadow: white 0.1em -0.1em 1em;
	/*text-shadow: blue 0.2em -0.1em 0.4em;*/
}


.under_construct {
	font-size: 20pt;
	text-align: center;
	background-color: #bcbcbc;
	border : 2pt outset black;
	padding: 10pt;
}


h2 {
	margin-top: 0px;
	padding-top: 0px;
	color: white;
	/*text-shadow: red 0.2em -0.1em 0.4em;*/
	background-color: transparent;
}


.w3 {
	margin-top: 20pt;
	padding-left: 2pt;
}

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}


/*.bold:hover {
	font-weight: bold;
	color: white;
}*/

.error {
	color: red;
	font-weight: bold;
}


.home_info {
	text-align:center;
	font-size: 10pt;
	font-weight: 800;
 	font-style: italic;
 	padding: 0pt;
 }
 
 

/* ############## MENU  ################# */


#menu {
	margin-top:20pt;
	width: 100%;
	height: auto;
	background-color: transparent; /*#0f0f0f;*/
}
#menu ul  {
	text-align:center;
	width: auto;
	padding: 0pt;
	list-style: none;
}

#menu ul li {
	display: inline;
	padding: 3pt 6pt;
	text-align: center;
	background-color: green;
	border-radius:5px;
	border: 1px solid black;
	/*border: 1px solid #43506a;*/
	transition: background-color  1s;
	-moz-transition: background-color 1s; /* Firefox 4 */
	-webkit-transition: background-color 1s; /* Safari and Chrome */
	-o-transition: background-color 1s; /* Opera */
}

#menu ul li:hover {
	width: auto;
	background-color: orange;
	
}


#menu ul li a {
	font-size: 11pt;
	font-weight: normal;;
	background-color: transparent;
	height: auto;
	color: white;
}


#menu ul li  a:hover {
	color: white;
	/*background-color: #43506a; /*#2a3242;*/
	text-decoration: none;
	cursor: pointer;
	text-shadow: white 0.1em -0.1em 0.6em;
}



/* ######## SUBMENU ###### */

#links a, #rechts a {
	font-size: 8pt;
	background-color: transparent;
	min-height: 10pt;
	padding: 2pt 2pt 2pt 2pt;
	display: block;
	color: white; 
	/*border-bottom: 1px solid black;*/
}


#links a:hover,#rechts a:hover {
	background-color: #43506a; /*#2a3242;*/
	text-decoration: none;
	color: white; 
	//background-color: transparent; /*IE HACK */
	cursor: pointer;
	width: auto;
	font-size: 8pt;
}


 /* ########### MAILING ########### */

input, textarea, select {
	font-size:  9pt;
	color : #000000;
	border: 1pt solid #9d9d9d; 
	background-color: white;
}

input.mailinglist {
	font-size:  9pt;
	color : #000000;
	background-color: #dcdcdc;
	border: 1pt solid #9d9d9d; 
}


input.gastenboek,textarea.gastenboek,textarea.contact_bericht {
	border: 1pt solid #9d9d9d; 
	font-size:  9pt;
	width: 250pt;
	margin-top: 0pt;
	padding-left: 2pt; 
	background-color: white;
}

input.submit {
	font-size:  9pt;
	color : #000000;
	background-color: #dcdcdc;
	border: 1pt solid #9d9d9d; 
	margin-left: 235pt;
}

/* ####### POLL ############ */

.poll {
	width: 90pt;
	height: 100pt;
	float: right;
	border: 1pt solid red;
	margin-left: auto;
	margin-right: 5pt;
	margin-top: 90pt;
}

.poll ul {
	list-style-position: outside;
	text-align:left;
	marker-offset: 20pt;
}

.poll ul li {
	list-style-type: square;
	margin-left: -15pt;
	marker-offset: 20pt;
}



/* ##########  BLOG ITEMS ################ */

table#blog {
	margin-top:10pt;
	font-size: 8pt;
	border: 2px inset #232323;
	background-color: #16161b;/*232323;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	padding: 0px;
	border-spacing: 0px;
}

table#blog tr td.title {
	background-color: #232323;
	padding: 0px;
	text-align: center;
}


table#blog a {
	margin-left: 2pt;
	margin-right: 2pt;
	font-size: 7pt;
}



/* ############# OVER STAM ############# */

table.over_stam_wie {
	width: 90%;
	margin: 0pt auto 0pt auto;
	border : 0pt solid black;
}


li.over_stam_wie {
	list-style-type: square;
}


img.bestuur {
	padding: 0pt 0pt 0pt 0pt;
	border: 1px solid white;
	margin-right: 0pt;
	text-align:right;
}

 td.bestuur_tekst {
 	text-align: left;
 	
 }
 
 td.bestuur_foto {
 text-align:right;
}

map#bestuur  area title {
		background-color:white;
		color:black;
}


/* ###########  VORIGE PRODUCTIES ####################### */

.overzicht {
	padding: 2pt 2pt 2pt 2pt;
	color: white;
	text-align:center;
	border-bottom: 1px solid #43506a;
	//width: 120pt; /* IE HACK */
}

.overzicht:hover {
	color: white;
	text-align: center;
	padding: 2pt 2pt 2pt 2pt;
	border-bottom: 1px solid #43506a;
	//width: 120pt;
}


a.name {
	color: white;
	font-size: 14pt;
	font-weight: bold;
	padding: 0pt;
	background-color: transparent;
	width: 100%;
	display: block;
	float:right;
	background: #43506a;/*8b154c;*/
	background-image: url('../images/layout/vorige_a_name.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	-moz-border-radius: 8px;
  	 -webkit-border-radius: 8px;
	border-spacing:0pt;
	border-radius:8px;	
}

a.name span {
	margin: 0pt 10pt;
}


a.name:hover {
	text-decoration: none;
}

a.vorige_anchor {
	margin-right: 10pt;
	margin-left: auto;
	float: right;
}



table.vorige_acteurslijst {
	border: none;
	margin-left:auto;
	margin-right: auto;
	border-spacing: 0pt;
}

td.vorige_acteursnaam {
	width: auto;
	border-bottom:  1px dotted #43506a;
	vertical-align: text-top;
	padding-right: 20pt
}

td.vorige_naam {
	width: auto;
	text-align:right;
	border-bottom: 1px dotted #43506a;/*#8b154c;*/
	padding-left: 20pt;
}


td.vorige_medewerkers {
	text-align:right;
	vertical-align: text-top;
	border-bottom: 1px dotted #43506a; 
	padding-left: 10pt;
}



/* ######### HUIDIG ############## */


a.info {
	text-decoration:none;
	font-size:9pt;
	font-weight:bold;
	color: red;
	background-color: transparent;
}

a.info:hover {
  	text-indent: 0; /* nodig voor IE-bug (cf : http://www.webmasterworld.com/forum83/1189.htm */
  	text-decoration: underline;
  	color: red;
	background-color: transparent;
}

a.info_plan {
	text-decoration:none;
	font-size:9pt;
	font-weight:bold;
	color: red;
	background-color: transparent;
}

a.info_plan:hover {
  	text-indent: 0; /* nodig voor IE-bug (cf : http://www.webmasterworld.com/forum83/1189.htm */
  	z-index: 25;
  	color: red;
  	text-decoration: underline;
	background-color: transparent; 
}

a.info_plan span {
	display: none;
	background-color: transparent;
} 

a.info_plan:hover span {
	border: 1px solid red;
	display: block;
	height: auto;
	position: absolute;
	margin-top: 30pt; 
	background-color: #efefef;;
}

span.beschrijving {
	font-weight: 800;
	text-align: left;
	color:#454556;
	padding: 2pt;
	border-top : 1pt solid #FFFFFF;
	border-left : 1pt solid #FFFFFF;
	border-bottom : 1pt solid #4C4C70;
	border-right : 1pt solid #4C4C70;
	background-color: #F9F9F9;
}


ul.speeldata {
 	margin-left: 20pt;
	background-color: #bcbcbc;
	padding: 5pt;
	width: 250pt;
	list-style-type: lower-latin;
	list-style-position: inside;
	font-weight: 800;
	border: 1px solid  #8b154c; 

}

#reservatie_hoe {
	margin-left: 20pt;
	background-color: transparent;
	padding: 5pt;
	width: 250pt;
	list-style-type: disc;
	list-style-position: inside;
	font-weight: 800;
	border: 1px dotted #43506a;
	visibility: visible;

}


.extra_info {
	text-align:center;
	margin-left: 50%;
	font-size: 12pt;
	font-weight: 800;
 	font-style: italic;
 	padding: 0pt;
 }



/* ############ RESERVATIE ############### */



.openplaatsen {
 	float: right;
 	margin-right: 50pt;
 	color: white;
}


.openplaatsen table {
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
}

.openplaatsen table tr td {
	padding: 2pt;
	border: 1px solid black;
}

.openplaatsen table caption {
	color: red;
	font-weight: bold;
	caption-side: top;
	margin-bottom: 5px;
}	
	


.openplaatsen h3 {
	font-size:10pt;
	font-weight: bold;
	color: red;
}

.reservatie_formulier {
	margin-left:  5pt;
	padding: 0pt;
	height: auto;
	border: 0pt solid black;
	width: 330pt;
	background-color: transparent;
}

/*
.reservaties_form {
	width: 100%;
	font-size:  9pt;
	padding: 2pt;
	border: none;
	background-color: transparent;
	margin-top: 5pt;
}
*/


.reservatie_uitleg {
	background-color: #bcbcbc;
	padding: 5pt;
	margin: 20pt 20pt 20pt auto;
	width: 80%;
	border: 1pt solid #A9A9A9;
	font-style: italic;
}


.reservatie_uitleg:hover {
	background-color: #bcbcbc;
	cursor: text;
	border: 1pt solid  #8b154c;
}



.reservatie_info {
	background-color: white;
	color: black;
	padding: 5pt;
	margin-right: 15pt;
	margin-top: 50pt;
	font-weight: bold;
	font-size:  10pt;
	text-align: center;
	border: 1px solid  #8b154c; 
}


input.reservaties_naam {
	font-size:  9pt;
	width: 180pt;
	border: 1pt solid #9d9d9d; 
	padding-left: 2pt; 
	margin-right: 10pt;
	background-color: white;
	float:right;
}

input.reservaties_email {
	font-size:  9pt;
	width: 180pt;
	border: 1pt solid #9d9d9d;
	padding-left: 2pt; 
	margin-right: 10pt;
	background-color: white;
	float:right;
}

input.aantal_personen {
	font-size:  9pt;
	width: 20pt;
	text-align: right;
	padding-right: 2pt;
	border: 1pt solid #9d9d9d; 
	margin-right: 10pt;
	background-color: white;
	float:right;
}

input.aantal_personen_met_cjp {
	font-size:  9pt;
	width: 20pt;
	text-align: right;
	padding-right: 2pt;
	border: 1pt solid #9d9d9d; 
	margin-right: 10pt;
	background-color: white;
	float:right;
}

select.datum {
	font-size:  9pt;
	color : #000000;
	background-color: #FFFFFF;
	border: 1pt solid #9d9d9d; 
	width: 130pt;
	height: auto;
	margin-right: 10pt;
	float:right;
	text-align:right;
}

option.klein_datum {
	text-align:right;
	font-size:  7pt;
	height: 11pt;
}

input.submit_reservatie {
	font-size:  9pt;
	color : #000000;
	background-color: #dcdcdc;
	border-width: 1pt;
	border-style: outset;
	border-color: #9d9d9d black #808080 #FFC0CB;
	float: right;
	margin-right: 8pt;
	margin-top: 5pt;
	float:right;
}


input.submit_reservatie:hover {
	font-size:  9pt;
	color : #000000;
	background-color: #dcdcdc;
	border-width: 1pt;
	border-style: inset;
	border-color: #9d9d9d black #808080 #FFC0CB;
	cursor: pointer;
	/*text-shadow: color;*/ 
	
}




/* ############# FOTO'S #################### */



table.foto  {
	margin: auto;
	text-align: center;
	padding: 3pt;
	border: 0px solid black;
	width: 80%;
}

td.foto {
	width: auto;
	border : 1pt solid transparent;
	vertical-align: middle;
	padding-top: 10pt;
}


a img.fotothumb {
	filter: alpha(opacity = 60);
	border:none;
	opacity: 0.7;  															/* W3 standaard */
	-khtml-opacity: 0.7;   													/* KHTML konquerror,safari opacity */
	padding: 3pt 3pt 20pt 3pt;
	background-color: #0f0f0f;
	margin:5pt 10pt;
}
	
a:hover  img.fotothumb {
	filter:none;
	opacity: 1;  															/* W3 standaard */
	-khtml-opacity: 1;   													/* KHTML konquerror,safari opacity */
	background-color: white;
}


img.foto {
	border: 1px solid #8b154c; /*white;*/
	text-align: center;
	margin: auto auto auto auto;
}


/* ############## GASTENBOEK ############ */

table.gastenboek {
	background-color: #bcbcbc;
	width: 80%;
   	margin:auto auto auto auto;
   	border: 1px solid #8b154c;
   	border-spacing:0pt; 
}


td.gastenboek_naam {
	padding-left: 2pt;
	width: 50pt;
	border-bottom : 1px solid #808080;
}

td.gastenboek_naam_2 {
	width: auto;
	border-bottom : 1px solid #808080;
}

td.gastenboek_website {
	width: 45pt;
	border-bottom: 1px solid #808080;
}

td.gastenboek_website_2 {
	border-bottom: 1px solid #808080;
}

td.gastenboek_bericht {
	padding-left: 2pt;
	padding-top: 5pt;
 	width: 50pt;
 	border-bottom: 1px solid #8b154c; 
 	vertical-align: top;
 } 

td.gastenboek_bericht_2 {
	padding-top: 5pt;
	border-bottom: 1px solid #8b154c; 
	vertical-align: top;
}

td.gastenboek_bericht_zb {
	padding-left: 2pt;
	padding-top: 5pt;
 	width: 50pt;
 	vertical-align: top;
 } 

td.gastenboek_bericht_zb_2 {
	padding-top: 5pt;
	vertical-align: top;
}


/* ########## CONTACT ############## */

 
.email {
	margin: auto;
	border : 0px solid black;
	width: auto;
	height: auto;
	color: white;
	background-color:  transparent;
}

.email form table tr td {
	padding: 3pt;
	}

.mark {
	color: red;
	font-size: 8pt;
	margin-left: 2pt;
}


input.contact_naam {
	font-size:  9pt;
	width: 280pt;
	border: 1px solid #9d9d9d;
}

input.contact_email {
	font-size:  9pt;
	width: 280pt;
	border: none;
}

select.contact_overwat{
	font-size:  9pt;
	color : #000000;
	background-color: #FFFFFF;
	border: none; 
	width: 280pt;
	height: auto;
	text-align: right;
}

input.contact_onderwerp {
	font-size:  9pt;
	width: 280pt;
	border: none;
}

input.contact_knoppen {
	font-size:  9pt;
	color : #000000;
	background-color: #dcdcdc;
	border: none;
	border: 1px solid  #43506a;
	float:right; 
}

textarea.contact_bericht {
	border: none; 

	font-size:  9pt;
	width: 278pt;
}

.contact_inhoud {
	font-style: italic;
	font-size: 9pt;
	width: 400pt;
	margin: 20pt auto auto auto;
	border: 1px solid  #43506a;
	padding: 10pt;
}

/* ####### LINKS  ########## */


.links_formulier {
	margin-left:  30pt;
	padding: 0pt;
	height: auto;
	border: 0pt solid black;
	width: auto;
	background-color: transparent;
}

input.links_naam {
	font-size:  9pt;
	width: 200pt;
	margin-left: 15pt;
	border: 1pt solid #9d9d9d;
}

input.links_url {
		font-size:  9pt;
	width: 200pt;
	margin-left: 15pt;
	border: 1pt solid #9d9d9d;
}


textarea.links_beschrijving {
	border: 1pt solid #9d9d9d; 
	
	font-size:  9pt;
	margin-left: 15pt;
	width: 200pt;
}


/* ######### ANDERE ############### */


div.rechts_0 {
	text-align: right;
	margin-top: -50px;
	margin-right: 5%;
}

div.links_min_220 {
	text-align:left;
	margin-top: -220px;
	margin-left: 5%;
}

div.links {
	text-align:left;
	margin-top: -100px;
	margin-left: 5%;
}

div.rechts {
	text-align:right;
	margin-top: -100px;
	margin-right: 5%;
}

div.uitbranding_div {
	margin-top: 50px;
}

a.uitbranding {
	color: #6a6565;
	font-size: 10pt;
	font-weight: 800;
	background-color: transparent;
	margin-left: 5%;

}


/* ############## BLOGSPOT ############ */
#navbar {
	display: none;
}