@charset "utf-8";
/* CSS Nilania by Kenn Vetters */

html, body {
height: 100%;
}

body {
margin:0;
padding:0;
background-color:#621200;
background-image:url(images/bg_main_fade.jpg);
background-repeat:repeat-x;
/*min-height: 100%; */ /* ? */
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ca9f51;
font-size:62.5%;
}
/*
#main_top {
background-image:url(images/bg_main_top_fade.jpg);
background-repeat:repeat-x;
height:23px; 									
}*/

#container{
position: relative;

margin-left:auto;
margin-right:auto;
width:1000px;

min-height: 100%;
height:auto !important;
height:100%;
}

#content-container{
/*position: absolute; *//* nodig om tot onderkant pagina te komen -- maar geeft probleem als content groter is dan container!*/
position:absolute;  /* maar werkt ineens wel!*
/*bottom: 0;*/
/*height:100%;*/
margin-left:20px;

background-color:#8c3408;
background-image:url(images/bg_container_fade.jpg);
background-repeat:repeat-x;
width:980px;

min-height: 100%;
height:auto !important;
height:100%;

}
/*
#bottom {
position: absolute;
bottom: 0;
} */

#content{
margin-left:auto;
margin-right:auto;
margin-top:14px;
width:940px;
/*clear:both;*/
min-height:615px;
background-color:#7f2b06; /* workaround om borders (links & rechts) die niet mee uitrekken te vullen, aangezien height 100% niet lukt */
}

#content-left{
background-color:#7f2b06;
background-image:url(images/bg_content_left.jpg);
background-repeat:repeat-x;
width:4px;
min-height:615px;
float:left;
}

#content-main{
background-color:#ac6933;
background-image:url(images/bg_content_main.jpg);
background-repeat:repeat-x;
width:932px;
min-height:615px;
float:left;
}

#content-right{
background-color:#7f2b06;
background-image:url(images/bg_content_right.jpg);
background-repeat:repeat-x;
width:4px;
min-height:615px;
float:left;
}

#content-left-bottom{
background-color:#7e2b06;
background-image:url(images/bg_content_left_bottom.jpg);
width:4px;
height:4px;
float:left;
}

#content-main-bottom{
background-color:#7e2b06;
width:932px;
height:4px;
float:left;
}

#content-right-bottom{
background-color:#7e2b06;
background-image:url(images/bg_content_right_bottom.jpg);
width:4px;
height:4px;
float:left;
}

#textpane{
margin:50px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#540404;
}

#menubar{
width:100%;
border-bottom:7px #cfa25c solid;
/* padding-bottom:10px; */
padding-bottom:52px;
margin-bottom:30px;
text-align:center;
font-size:0px;
word-spacing:119px;
}

#menubar a{
float:left;
margin-right:50px;
}

#footer{
text-align:right;
color:#e3c575;
font-size:1em;
padding-right:5px;
background-color:#8c3408; /* ingesteld omdat de bg van 'content' op donkerbruin is gezet (zie boven) */
padding-bottom:20px;
}

.logo{
margin-top:30px;
border:none;
}

#menuitem_start{
  display: block;
  width: 68px;
  height: 42px;
  background: url(images/menuitem_start.png) no-repeat 0 0;
}

#menuitem_start:hover
{ 
  background-position: 0 -42px; /* toon de hover die in dezelfde afbeelding zit */
}

#menuitem_start span
{
  display: none;
}

#menuitem_info{
  display: block;
  width: 52px;
  height: 42px;
  background: url(images/menuitem_info.png) no-repeat 0 0;
}

#menuitem_info:hover
{ 
  background-position: 0 -42px; /* toon de hover die in dezelfde afbeelding zit */
}

#menuitem_info span
{
  display: none;
}

#menuitem_zalen{
  display: block;
  width: 73px;
  height: 42px;
  background: url(images/menuitem_zalen.png) no-repeat 0 0;
}

#menuitem_zalen:hover
{ 
  background-position: 0 -42px; /* toon de hover die in dezelfde afbeelding zit */
}

#menuitem_zalen span
{
  display: none;
}

#menuitem_film{
  display: block;
  width: 54px;
  height: 42px;
  background: url(images/menuitem_film.png) no-repeat 0 0;
}

#menuitem_film:hover
{ 
  background-position: 0 -42px; /* toon de hover die in dezelfde afbeelding zit */
}

#menuitem_film span
{
  display: none;
}

#menuitem_contact{
  display: block;
  width: 103px;
  height: 42px;
  background: url(images/menuitem_contact.png) no-repeat 0 0;
}

#menuitem_contact:hover
{ 
  background-position: 0 -42px; /* toon de hover die in dezelfde afbeelding zit */
}

#menuitem_contact span
{
  display: none;
}

#left_pane{
	width:45%;
	float:left;
	padding-right:4.7%;
}
#right_pane{
	width:45%;
	/*width:expression('45%-1px'); werkt niet...*/
	float:left;
	border-left:2px #a15d1c dashed;
	padding-left:5%;
}

h1{
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-stretch:condensed;
	text-transform:lowercase;
	letter-spacing:3px;
	/*text-indent:5px;*/
	margin:0px;
	padding-top:0px;
	/*border-left:2px #540404 dotted;*/
	/*border-top:2px #540404 dotted;*/
}

.error{
	color:#fdd099;
	background-color:#a11c1c;
	border: 2px #540404 solid;
	padding:3px;
	margin-bottom:10px;
}

input, textarea{
	background-color: #fdd099;
	border: 2px #a15d1c solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin-bottom:10px;
}

iframe{
	border: 2px #a15d1c solid;
	margin-top:15px;
}

a {
	color: #fdd099;
}

.image{
	border:1px solid #540404;
}

.listimage{
	border:1px solid #540404;
	margin-top:10px;
	/*margin-bottom:10px;*/
}

div {
	/*border: 1px solid #cccccc;*/
}