/* CSS Document */

* { margin : 0; padding : 0; }
/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
html {	font-size: 100%;height: 100%;	margin-bottom: 1px;}
body { background:url(../beeld/layout/bg.jpg) repeat-x 0 30px #0a0401; color:#F7F1F1; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size:14px; line-height:155%; }
p {padding-bottom: 8px; }
img {border: none}
.clear {clear: both}

a.duck {color: #bbc205; text-decoration: none; border-bottom: 1px dotted #bbc205; padding-bottom: 2px}
a.duck:hover {color:#a69082;; border-bottom: none}

a {color: #E9DABC; text-decoration: none; }

/*VERWIJDER OUTLINES VAN LINKS MOZILLA*/
  a:focus, a:active, input:focus, input:active { outline: none;}
  
  .saviour {height: 600px}
  
  h1, h2, h3, h4 {font-weight:normal}
  
  
/*LOGO*/
h1#logo {width: 185px; height: 140px; position: absolute; left: 100px; top: 30px; z-index: 10}
h1#logo a {background:url(../beeld/layout/logo.png) no-repeat; height: 140px; width: 185px; display: block; text-indent: -9999px}  

* HTML h1#logo {width: 160px; height: 130px; position: absolute; left: 88px; top: 10px;}
* HTML h1#logo a {background:url(../beeld/layout/logo.jpg) no-repeat; height: 130px; width: 160px; display: block; text-indent: -9999px}  
  
 /*BAND*/
 div.band {height: 30px; background:#090300; width: 100%; font-size:11px; border-bottom: 1px solid #090300} 
 div.band ul {list-style: none; width: 710px; margin: 0 auto; position: relative }
 div.band ul li { float: right}
 div.band ul li#home { float: left}
 div.band ul li#home a {background: url(../beeld/icons/house.png) no-repeat center center; width: 16px; text-indent: -9999px}
 div.band ul li a {padding: 3px 10px 0 10px; height: 27px; display: block; text-transform:capitalize}
  div.band ul a:hover, div#band ul li a.selected {background:#2a1e13; color:#FFFFFF} 

/* DROPDOWN MENU*/
.dropmenudiv {position:absolute; top: 0; z-index:100;visibility: hidden; background: #090300; font-size:11px}
.dropmenudiv a{display: block; padding: 4px 10px;text-decoration: none; color:#999999;}
	.horeca a {width: 200px}
	.talen a {width: 80px}
.dropmenudiv a:hover{ color:#FFFFFF; background: #231A12}
/* LANGUAGES */
 .dropmenudiv a#link_eng, a#menu_eng {padding-left: 29px; background:url(../beeld/icons/eng.jpg) no-repeat 5px 9px} 
 .dropmenudiv a#link_nl, a#menu_nl {padding-left: 29px; background:url(../beeld/icons/nl.jpg) no-repeat 5px 9px} 
 .dropmenudiv a#link_de, a#menu_de {padding-left: 29px; background:url(../beeld/icons/de.jpg) no-repeat 5px 9px} 
 .dropmenudiv a#link_fr, a#menu_fr {padding-left: 29px; background:url(../beeld/icons/fr.jpg) no-repeat 5px 9px} 
  
  /*IE6  MENU FIXES*/
		* HTML div.band ul li a {display: inline;}
		* HTML div.band ul li { float: none; display: inline; position: relative; top: 3px}
		* HTML div.band ul li#language-button {position: absolute; left: 670px; top: 0px}
		* HTML div.band a#menu_eng,  div.band a#menu_nl,  div.band a#menu_fr,  div.band a#menu_de {display: block; width: 20px;}
  		* HTML div.band ul li#home { float: none; }
		* HTML div.band ul li#home a {background: none; text-indent: 0}
		
  .dropmenudiv a#link_eng:hover,
    .dropmenudiv a#link_nl:hover,
	  .dropmenudiv a#link_de:hover,
	    .dropmenudiv a#link_fr:hover {background-color: #231A12} 
/*  CONTAINERS*/
#container1 {width: 800px; height: 800px; padding-bottom: 60px; margin: 0 auto; background:url(../beeld/layout/bg1.jpg) no-repeat; position: relative}
#container2 {width: 800px; padding-bottom: 60px; margin: 0 auto; background:url(../beeld/layout/bg2.jpg) no-repeat; position: relative}

#balk {padding: 10px; background: #231A12; width: 690px; margin: 0 auto}
#balk ul {list-style: none; }
#balk ul li {float: left; width: 170px}
#balk ul li:hover {cursor:pointer}
#balk ul li img {border: 4px solid #a09e98; float: left;}
#balk ul li h3 {width: 110px; float: right; font-weight: normal; font-size:14px; color:#bbc205; text-transform:uppercase; line-height: 100%; margin-top: 10px; font-family:Georgia, "Times New Roman", Times, serif }
#balk ul li h4 {width: 110px; float: right; font-weight: normal; font-size:10px; color:#a09e98; text-transform:uppercase; padding: 0 ; background: none}
#balk ul li:hover img {border-color:#FFFFFF;}

/*HOLDERS*/
.holder {width: 694px; margin: 0 auto; padding: 8px}
.tel {padding: 50px 0 0 0;}
.tel h2 {color:#FFFFFF; font-size:20px; float: right; height: 30px; width: 210px; background:url(../beeld/layout/tel.png) no-repeat right; text-indent: -9999px}
.tel h3 {font-size:14px; color:#d7d1be; text-transform:capitalize; float: right; width: 200px; text-align: right; font-weight: normal; margin-top: 5px}

* HTML .tel h2 {background:none; text-indent: 0; font-weight: normal; margin-top: 4px; padding-left: 10px}

/*SLIDESHOW*/
#slideshow {background:url(../beeld/dias/sloot.jpg) no-repeat; height: 359px; width: 690px; position: absolute; left: 55px; top: 170px}

#fotoboek {margin: 130px 0 100px 0}
		
/*FOOTER*/
ul.footerlinks {list-style: none}
ul.footerlinks li {display: inline; margin: 0 5px}
.footer {font-size:10px; color:#816b5c; text-align: right; padding-top: 30px}

/*COLUMNS*/
.column1 {width: 440px; float: left; margin-top: 180px; padding-left: 45px}
.column2 {width: 230px; float: right; margin-top: 180px; padding: 0 25px 0 30px; background:url(../beeld/layout/stripe.jpg) no-repeat left; height: 780px}
.column3 {width: 230px; float: left; margin-top: 180px; padding: 82px 20px 0 35px; background:url(../beeld/layout/stripe.jpg) no-repeat right; height: 700px}

  .column1 h4,   .column2 h4,   .column3 h4 {font-family:Georgia, "Times New Roman", Times, serif;  font-size: 17px; line-height: 150%; color: #a69777; background:url(../beeld/layout/leaf.png) no-repeat left center; margin: 13px 0 10px 0; padding: 0 0 0 45px}
  .column1 h3, .column2 h3 {font-family:Georgia, "Times New Roman", Times, serif; padding-top: 15px; font-size: 22px; line-height: 150%; color: #a69777}
  h1 {font-family:Georgia, "Times New Roman", Times, serif; padding-top: 15px; font-size: 40px; line-height: 150%; color: #a69777;}
  h2 {font-family:Georgia, "Times New Roman", Times, serif; padding-top: 15px; font-size: 22px; line-height: 150%; color: #a69777;}
  h4#t2h {background:url(../beeld/layout/t2h.png) no-repeat 0 2px}
 /* IE6 H4 HACKS*/
  * HTML .column1 h4,  * HTML .column2 h4,  * HTML .column3 h4 {background:url(../beeld/layout/leaf.jpg) no-repeat 0 2px}
  * HTML h4#t2h {background:url(../beeld/layout/t2h.jpg) no-repeat 0 2px}
  
  div.signature {color:#FFFFFF; background:url(../beeld/layout/stripe2.png) no-repeat bottom; padding-bottom: 15px; margin-bottom: 20px;}
  
  #foto1 {width: 200px; height: 150px; background:url(../beeld/layout/foto.png) no-repeat; float: left}
  #foto2 {width: 200px; height: 150px; background:url(../beeld/layout/foto1.png) no-repeat; float: right}
  #foto3 {width: 200px; height: 150px; background:url(../beeld/layout/foto2.png) no-repeat; float: right}
  
  * HTML #foto1 {background:url(../beeld/layout/foto.jpg) no-repeat; width: 139px; height: 93px; border: 3px solid #F3EFEC; margin: 15px 35px 25px 5px}
  * HTML #foto2 {background:url(../beeld/layout/foto1.jpg) no-repeat; width: 139px; height: 93px; border: 3px solid #F3EFEC; margin: 6px 10px 25px 25px}
  * HTML #foto3 {background:url(../beeld/layout/foto2.jpg) no-repeat; width: 139px; height: 93px; border: 3px solid #F3EFEC; margin: 6px 10px 25px 25px}

/*THEATER VOORSTELLINGEN*/
ul.voorstel {list-style: none; margin: 5px 0 15px 0}
ul.voorstel li a{padding: 4px 4px}
li.voorstel-datum {color:#A69472; padding-left: 4px; font-size: 11px}
li.voorstel-titel {margin-top: 4px}

li.gastenboek_eng {padding-left: 25px; background:url(../beeld/icons/eng.jpg) no-repeat 1px 6px}
li.gastenboek_de {padding-left: 25px; background:url(../beeld/icons/de.jpg) no-repeat 1px 6px}
li.gastenboek_nl {padding-left: 25px; background:url(../beeld/icons/nl.jpg) no-repeat 1px 6px}
li.gastenboek_fr {padding-left: 25px; background:url(../beeld/icons/fr.jpg) no-repeat 1px 6px}

ul.voorstel a {color:#F6EECE; text-decoration: none}
ul.voorstel:hover a{background:#bbc205; color:#090300 }
.voorstel-naam {font-size: 11px}
div.gap {height: 30px}

ul.gastenboek {background:url(../beeld/layout/stripe2.png) no-repeat bottom; padding: 10px 0 20px 0}
ul.last {background: none}
ul.gastenboek p {padding-left: 25px}
span.highlight {color: #bbc205; padding-left: 5px}
label.highlight input {background: #bbc205; border-color: #bbc205}
 .verplicht {font-size: 11px}
 
/*FORMS*/
form.gastenboek  {width: 230px; text-align: left; margin-top: 20px}
.gastenboek fieldset {margin-bottom: 10px; border: 0; padding: 0;}
.gastenboek label {display: block; width: 220px; font-size: 12px; line-height: 14px; padding: 0px 0px 10px 0px;}
.gastenboek fieldset label input {margin-top: 5px; height:20px;}

form select {display: block; margin-top: 3px;}

.gastenboek label {clear: left; float: left; margin: 0px 10px 0px 0px; width: 210px;}

.gastenboek label input {float: left; width: 230px; padding: 0px;}

.gastenboek label textarea {display: block;	margin-top: 5px;	width: 230px; height: 80px}

/*FORMS*/
form.contact  {width: 440px; text-align: left; margin-top: 20px}
.contact fieldset {margin-bottom: 10px; border: 0; padding: 0;}
.contact label {display: block; width: 207px; font-size: 12px; line-height: 14px; padding: 0px 0px 10px 0px;}
.contact fieldset label input {margin-top: 5px; height:20px;}

.contact label.field-first {float: left; margin: 0px 10px 0px 0px; width: 207px; clear:left}
.contact label.field-last {float: left; margin: 0px 10px 0px 0px; width: 207px;}
.contact label.field-long {float: left; margin: 0px 10px 0px 0px; width: 427px; clear:left}

.contact label.field-first input {float: left; width: 200px; padding: 0px;}
.contact label.field-last input {float: left; width: 200px; padding: 0px;}
.contact label.field-long input {float: left; width: 420px; padding: 0px;}

.contact label.field-first select {float: left; width: 200px; padding: 0px;display: block; margin-top: 3px;}
.contact label.field-last select {float: left; width: 200px; padding: 0px;display: block; margin-top: 3px;}

.contact label textarea {display: block;	margin-top: 5px;	width: 420px; height: 80px}

a.calendar {display: block; width: 250px;  padding-left: 22px; background:url(../beeld/layout/calendar.gif) no-repeat; cursor: pointer; float: left;}
a.calendar:hover {background-position: bottom left}