@charset "UTF-8";
/* CSS Document */

@font-face {font-family:Cantarell; src:url("../images/fonts/Cantarell-Regular.eot");}
@font-face {font-family:Cantarell; src:url("../images/fonts/Cantarell-Bold.eot"); font-weight:bold;}
@font-face {font-family:Cantarell; src:url("../images/fonts/Cantarell-Regular.ttf");}
@font-face {font-family:Cantarell; src:url("../images/fonts/Cantarell-Bold.ttf"); font-weight:bold;}


body {
	margin:0;
	border:0;
	padding:0;
	font-family:Cantarell, Arial, Verdana, sans-serif;
    color:#FFFFFF;
	background:#2F2B02 url(../images/bgrnd-color.gif) repeat;
	font-size:76%;
	line-height:1.3em;
	
}

/* for internet explorer
* html body { 
}
*/

#container {
  font-family:Cantarell, Arial, Verdana, sans-serif;
  font-size: 1.2em;
  position:fixed; 
  top:0px;
  left:0;
  bottom:0px; 
  right:0; 
  overflow:auto; 
  padding:30px 0 30px 0;
  text-align:center;
}


* html #container {
  height:100%; 
  width:100%;
}


#header {
	width:1024px;
	height:200px;
	background:#7c6517 url(../images/header-bgrnd.jpg) repeat; 
	overflow:hidden;
	text-align:center;
  }
  
* html #header {
	position:relative;
	height:200px;
	width:1024px;
	overflow:hidden;
/*	display:inline; */
	} 

#header-left {
	float:left;
	clear:none;
	width:250px;
	height:150px;
	margin:55px 0 0 50px;
	display:inline;

}

* html header-left {
	width: 250px;
	padding: 0;
	margin: 0;
}

#header-right {
	float:right;
	clear:none;
	width:500px;
	height:150px;
	margin:55px 50px 0 50px;
	text-align:right;
}

* html #header-right {
	width:450px;
}

#footer {
	width:944px;
	height:285px;
	margin:0 auto 0 auto;
	padding:0;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat; 
	text-align:center;
	overflow:hidden;
}

* html #footer {
	margin:0 40px 0 40px
/*	background-image:url(../images/footer-bgrnd-trans.gif);	*/
} /* For guess what browser... */

#footer-text {
	height:170px;
	width:900px;
	margin:10px;
	padding-top:85px;
}


#middle {
  width:1024px;
  background:#2F2B02 url(../images/bgrnd.jpg) repeat-y;
  background-position: 0px -830px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;

}

#text {
	width:744px;
	margin:0 40px;
	padding:0px 100px;
}

* html #text { width:944px; }
  
/* end of bit that does the work */

h1 { font-size:2.5em; line-height:2em; margin:0; padding:0; }

h2 { font-size:2em; line-height:1.6em; margin:0; padding:0; }

h3 { font-size:1.2em; line-height:1.8em; margin:0; padding:0; }

p { line-height:1.4em; margin-bottom: 1em; }

a, a:visited {
  font-size:1.1em;
  text-decoration:none;
  color:#ffffff;
  outline:none;
  }

a:hover {
  color:#dddddd;
  text-decoration:none;
  }
  
a.nav { 
/*	height:45px;
	background-image:url(../images/button.png);
	background-position: 0 0;
	padding:12px 20px; */
}

a.button{
background: transparent url('../images/button-left.png') no-repeat top left;
display: block;
float: right;
font-size:20px; /* Change 12px as desired */
line-height: 37px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 45px; /* Height of button background height */
padding-left: 15px; /* Width of left menu image */
padding-right: 2px;
text-decoration: none;
}

a:link.button, a:visited.button, a:active.button{
color: #ffffff; /*button text color*/
}

a.button span{
background: transparent url('../images/button.png') no-repeat top right;
display: block;
padding: 4px 15px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
font-size:20px;
}

a.button:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.button:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #eeeeee;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin-bottom:3px;
}

#text img { 
border:2px solid #907822;
}

.kunstner p { margin-left:0px; }
.picture a { margin:0; }
.kunstner { width:600px; margin-bottom:50px }
.picture { float:left; margin:5px 8px 0 10px }

#text p {
	padding-left:1em;
	padding-right:1em;
}	

#footer p {
  margin-top:10px;
  margin-bottom:5px;
  font-weight:bold;
  }
  
#footer img {
  padding:0;
  margin:0;
  }

#loader {
  display:none; 
  position:absolute; 
  top:140px; 
  left:500px; 
  width:50px;
  height:50px;
  background-image:none;
  z-index:100;
}

#absolute {
  visibility:hidden;
  position:absolute; 
  top:300px; 
  left:900px; 
  width:150px;
  background-image:none;
  background-repeat:repeat;
  padding:10px; 
  border:1px solid #000000;
  }


hr {
  clear:both;
  width:650px;
  text-align:center;
  margin-left: -30px;
  border:0;
  height:2px;
  background-color:#FFFFFF;
  color:#FFFFFF;
  }

.left {
float:left;
clear:none;
}

.right {
float:right;
margin-right:40px;
clear:none;
}

#text-content {
	width:550px;
}



table.program { min-width: 550px; text-align: left; margin-left: 10px;}
table.program td { padding-right:40px; white-space:pre; padding-bottom: 0.6em }