/* BODY
-------------------------------------------------------------------- */
BODY{
   FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 9pt;
	COLOR: #000000;
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;
	MARGIN-BOTTOM: 0px;
	text-align: center;
	background-color: #333333;
	background-image: url(images/bg-body.jpg);
	background-repeat: repeat-x;
	line-height: 1.5em;
}
BODY.galerie{
   FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 9pt;
	COLOR: #ffffff;
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;
	MARGIN-BOTTOM: 0px;
	text-align: center;
	background-color: #333333;
	background-image: none;
	line-height: 1.5em;
}
BODY.galerie h1{
	COLOR: #ffffff;
}
BODY.galerie td{
	COLOR: #ffffff;
}
BODY.galerie a{
	COLOR: #ffffff;
}
BODY.shop{
   FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 9pt;
	COLOR: #000000;
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;
	MARGIN-BOTTOM: 0px;
	text-align: left;
	background-color: #ffffff;
	background-image: url(shop/bg_shop.gif);
	background-repeat: repeat-x;
	line-height: 1.5em;
}
BODY.shopnavi{
   FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 9pt;
	COLOR: #000000;
	MARGIN-TOP: 10px;
	MARGIN-LEFT: 10px;
	MARGIN-RIGHT: 0px;
	MARGIN-BOTTOM: 0px;
	text-align: left;
	background-color: #FFCC33;
	background-image: none;
	line-height: 1.5em;
}
BODY.shopnavi a{
   FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 9pt;
	COLOR: #990000;
}
BODY.gewinnspiel{
   FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 9pt;
	COLOR: #000000;
	MARGIN-TOP: 10px;
	MARGIN-LEFT: 10px;
	MARGIN-RIGHT: 0px;
	MARGIN-BOTTOM: 0px;
	background-color: #FFCC33;
	background-image: none;
	line-height: 1.5em;
	text-align: center;
}
BODY.gewinnspiel p, li{
	text-align: left;
}

/* FORMULARELEMENTE
-------------------------------------------------------------------- */
RADIO{
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
}
INPUT{
	background-image: url(images/innershadow.gif);
	border-color:#990000;
	border-width:1;
	background-color:#ffffff;
	border-style:solid;
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
}
INPUT.ohne_rahmen{
	border-width:0;
	background-color:#FFFAEA;
   COLOR: #000000;
   FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 9pt;
}
SELECT{
	border-color:#990000;
	border-width:1;
	background-color:#ffffff;
	border-style:solid;
   COLOR: #000000;
   FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 9pt;
}
textarea{
	background-image: url(images/innershadow.gif);
	border-color:#990000;
	border-width:1;
	background-color:#ffffff;
	border-style:solid;
    COLOR: #000000;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
}

/* TABELLEN
-------------------------------------------------------------------- */
TABLE{
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif
}
TABLE.formrahmen{
    Background: #990000;	
}
TABLE.hell{
    Background: #FFFAEA;	
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif
}
TABLE.mittel{
    Background: #FEF4D3;	
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif
}
TABLE.zoom{
    border-color:#990000;	
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif
}
TR{
    FONT-SIZE: 9pt;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif
}
TR.farbig{
    Background: #990000;	
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif
}
TR.mittel{
    Background: #FEF4D3;	
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
}
TR.hell{
    Background: #FFFAEA;	
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif
}
TH{
    FONT-SIZE: 11pt;
    COLOR: #990000;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif
}
TD{
    FONT-SIZE: 9pt;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #000000
}
TD.mittel{
    Background: #FEF4D3;	
    FONT-SIZE: 9pt;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #000000
}
TD.farbig{
    FONT-SIZE: 9pt;
    Background: #990000;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #000000
}
TD.zoom{
    FONT-SIZE: 9pt;
    Background-image:url(images/bgbody2.gif);
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif
}

/* CONTAINER - bildet den Rahmen
-------------------------------------------------------------------- */
#container {
	width: 765px;
	position: relative;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto; 
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
	BACKGROUND-IMAGE: url(images/bg-inhalt.gif);
	BACKGROUND-REPEAT: repeat-y;
}

/* HEADER
-------------------------------------------------------------------- */
#header {
	padding: 0px;
	margin: 0px;
	background-color: #333333;
}
#header2 {
	padding: 0px;
	margin: 0px;
}
#header3 {
	height: 32px;
	padding: 0px;
	margin: 0px;
	BACKGROUND-IMAGE: url(images/bg-header3.gif);
	BACKGROUND-REPEAT: no-repeat;
}
#navisprache {
	padding: 0px;
	margin: 0px;
	padding-left: 27px;
	padding-top: 13px;
	float: left; 
	width: 141px;
}

/* INHALT
	Container zum Zusammenfassen von Textinhalt & rechter Spalte
	beschreibt gleichzeitig die Hintergrundfarbe	der rechten Spalte
-------------------------------------------------------------------- */
#inhalt {
	width: 765px;
	padding: 0px;
	margin: 0px;
	BACKGROUND-IMAGE: url(images/bg-inhalt.gif);
	BACKGROUND-REPEAT: repeat-y;
	padding-top: 10px;
}

/* CONTENT
-------------------------------------------------------------------- */
#content {
	padding: 0px;
	margin: 0px;
	width: 575px;
	margin-left: 160px;
}
* html #content {  /* nur fuer Internet Explorer */
	width: 580px;
  	w\idth:580px;    /* Version 6 */
}

h1{
	padding: 5px 0px;
	margin: 0px;
	color: #990000;
	font-size: 20px;
	border-bottom: 1px dotted #990000;
}

/* SEITENINHALT
-------------------------------------------------------------------- */
#seite {
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 20px;
}

/* RECHTE SPALTE
-------------------------------------------------------------------- */
#right {
	float: left;
	width: 160px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}

/* FOOTER
-------------------------------------------------------------------- */
#footer {
	height: 41px;
	clear: both;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 175px;
	padding-right: 0px;
	margin: 0px;
	color: #FFCC33;
   FONT-SIZE: 9px;
	BACKGROUND-IMAGE: url(images/bg-footer.gif);
	BACKGROUND-REPEAT: no-repeat;
}

/* NOPRINT BEREICH
-------------------------------------------------------------------- */
div.noprint { display: none; }

/* KONTAKT
-------------------------------------------------------------------- */
.kontaktbox{
	width: 120px; 
	float: left;
	background-image: url(images/anstrich.gif); 
	background-repeat: no-repeat; 
	background-position: 0 5px;
	padding-left: 15px;
	margin: 0px;
}

/* TICKET
-------------------------------------------------------------------- */
.ticketbox{
	padding: 0px;
	margin: 0px;
	font-size: 10px;
}

/* NEWS, DOWNLOADS, KALENDER
-------------------------------------------------------------------- */
.news{
	border-top: 1px solid #990000;
	background-color: #FFFAEA;
	margin: 0px;
	margin-bottom: 10px;
	padding: 10px 10px 5px 10px;
}
#news{
	border-top: 1px solid #990000;
	background-color: #FFFAEA;
	margin: 0px;
	margin-bottom: 10px;
	padding: 2px 10px 5px 10px;
}
#news h2{
	FONT-SIZE: 11pt;
	border-bottom: 1px dotted #990000;
	margin: 2px;
	color: #000000;
}
#news a{
	border-bottom: 1px dotted #990000;
}
#news a.ueberschrift{
	border-bottom: 0px;
}
#newsbildgross img{
	border: 3px solid #990000;
}

/* ALLGEMEINE FORMATIERUNGEN
-------------------------------------------------------------------- */
ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
li{
	color: #000000;
	background-image: url(images/anstrich.gif); 
	background-repeat: no-repeat; 
	background-position: 0 5px;
	padding-left: 15px;
	margin: 0px;
}
P{
	FONT-SIZE: 9pt;
	FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #000000
}
P.klein{
	FONT-SIZE: 9pt;
	FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: #AFC8FF;
}
P.gross{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11pt;
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif
}
P.abschluss{
	FONT-SIZE: 9pt;
	COLOR: #990000;
	FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif
}
A{
	FONT-SIZE: 9pt;
   COLOR: #990000;
   FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}
A:hover{
   COLOR: #000000;	
   FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}
A.klein{
    FONT-SIZE: 9pt;
}
a.noborder:hover {
	border: 0;
}
hr{
	width: 100%; 
	color: #0066CC;
	height: 1px;
	border: 0;
}
h1{
   font-size: 20px;
	color: #990000; 
	margin : 0px;
	padding: 10px 0px 0px 0px;
}
#inhalt h2{
   font-size: 16px;
	color: #000000; 
	margin : 0px 0px 5px 0px;
	padding: 0px;
	border-bottom: 1px dotted #990000;
}
#inhalt h3{
   font-size: 14px;
	color: #000000; 
	color: #000000; 
	margin : 0px 0px 5px 0px;
	padding: 0px;
	border-bottom: 1px dotted #990000;
}
#footer a {
	color: #FFCC33;
   font-size: 10px;
	border: 0;
}

/* NAVIGATION
-------------------------------------------------------------------- */
#nav {
	width: 120px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}
#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#nav li {
	padding: 0px; 
	background-image: none;
}
#nav li.nav2 {
	padding-left: 10px; 
}
#nav a {
	font-size: 110%;
	color: #000000;
	text-align: left;
   display: block;
   padding: 2px 8px 2px 8px;
   text-decoration: none;
   margin: 0px;
	letter-spacing: 0em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
#nav a:hover {
	color: #990000; 
   text-decoration: none;
	padding-left: 10px;
	
}

/* IE PROBLEME
-------------------------------------------------------------------- */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #rechts{
	height: 1%;
  	margin-left: -3px;
}
* html #links { 
	height: 1%;
	margin-right: -3px; 
} 
* html #news{ 
	height: 1%;
} 
* html #navisprache {
	width: 171px;
}
/* End hide from IE5/mac */ 

/* SLIDESHOW STARTSEITE
-------------------------------------------------------------------- */
#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 256px;	/* IE 5.x */
		width/* */:/**/250px;	/* Other browsers */
		width: /**/250px;
		
		/* CSS HACK */
		height: 194px;	/* IE 5.x */
		height/* */:/**/188px;	/* Other browsers */
		height: /**/188px;
		
		background-color:#990000;
		border:1px solid #990000;
		position:relative;	/* Never change this value */
		
}
.imageInGallery{		
		width:250px;
		height:188px;
		background-color:#990000;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
}
	
#imageSlideshowHolder img{
		position:absolute;
}