@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body{background-color:#0b1e40; background-image:url(body_bg.jpg); background-repeat:repeat-x}
img{border:none;}
th{ vertical-align:top; width:50px;}

h2{font-family: "Times New Roman", Times;
	color:#666;
	font-size:20px;
	font-weight:normal;}
	
h3{
	font-family: Arial, Helvetica;
	color:#10336d;
	font-size:18px;}

.facts h1{font-family: Arial, Helvetica;
	color:#10336d;
	font-size:18px;}
.facts p	{font-family: Arial, Helvetica;
	color:#333;
	font-size:11px;}
.eventlist{ width:600px;}
.eventlist th{ text-align:left;}
fieldset label{font-family: Arial, Helvetica;
	color:#10336d;
	font-size:12px;
	line-height:30px;
	
	}
option{
	font-family: Arial, Helvetica;
	color:#10336d;
	font-size:12px;
	margin-right:10px;
	}
select{
	font-family: Arial, Helvetica;
	color:#10336d;
	font-size:12px;
	margin-right:10px;
	}	
fieldset{ border:none; height:130px; width:450px; text-align:left;}

/*.rundgang a:link, .rundgang a:visited, .rundgang a:active{font-family: Arial, Helvetica;
	color:#10336d;
	font-size:18px; text-decoration:none}

.rundgang a:hover{font-family: Arial, Helvetica;
	color:#6dc6f2;
	font-size:18px; text-decoration:none}*/

.jsLink{width:79px; height:20px; background-image:url(btn_klein.jpg); display:block; text-align:center; font-family: Arial, Helvetica;color:#10336d; font-size:11px; text-decoration:none; padding-top:5px; background-repeat:no-repeat}
.jsLink:hover{background-position:0px -25px;}	



.date,
.title,
.cat,
.elDate,
.town,
.elDateMore,
.elcat,
.eltitel,
.eltitle,
.elvenue,
.elplaces,
.elshortdesc,
.desc,
.eldesc,
.elgebuhr,
.backlist{	font-family: Arial, Helvetica;
	color:#333;
	font-size:11px;
	 }
	
#wrapper{width:958px; height:700px;  margin:auto; background-image:url(schein.png); background-repeat:no-repeat; padding-top:20px;}
#header1{height:67px; width:958px; }
#spacerLeft{ width:17px; height:634px;  float:left;}
#contentBlau{ width:939px; height:634px; float:left; background-color:#001339;border:1px solid gray }
#headerBlau{ width:939px; height:12px;}
#spacerBlau{ width:12px; height:634px; float:left; }
#contenMain{ float:left; width:916px; height:608px;}
#footer{margin-left:17px;}
#footer ul li{line-height:25px}
#footer ul li span {color:#999; padding-right:300px; font-family:Arial, Helvetica, sans-serif; font-size:9px;}

#navi{ width:236px; height:608px; float:left; background-image:url(navi_bg.jpg); background-repeat:no-repeat; border:1px solid gray}
#spalten{ width:674px; height:608px; background-color:#fff; float:left; border:1px solid gray; overflow:hidden;}
#spaltenHeader{ width:674px; height:188px;}
#spalteLinks{ width:410px; margin-left:20px; margin-top:20px;  float:left;}
#spalteLinksA{ width:600px; margin-left:20px; margin-top:20px; }
#spalteRechts{  width:215px; float:left; margin-top:20px; margin-left:10px;text-align:center; }
#spaltenMain{width:674px; height:420px; background-color:#FFF;overflow:auto; background-image:url(strichContent.jpg); background-repeat: no-repeat;background-position:center;}
#spaltenMainA{width:674px; height:420px; background-color:#FFF;overflow:auto; background-image:url(strichContent.jpg); background-repeat: no-repeat; background-position:center;}
#spaltenMain2{width:674px; height:420px; background-color:#FFF;overflow:auto;}
#spaltenMainA2{width:674px; height:420px; background-color:#FFF;overflow:auto;}
#start{float:left; width:674px; overflow:hidden; height:608px;border:1px solid gray;}
#sprachen{ text-align:center; }
#lang{ list-style-type:none;}
#lang li {display:inline;}

#footerNavi { list-style-type:none;}
#footerNavi li{ display:inline; padding-right:10px; font-size:9px; color:#6dc6f2}
#footerNavi li a {font-family:Arial, Helvetica; color:#6dc6f2; font-size:11px; text-decoration: none;}
#galerieButtons{text-align:center; width:210px; }
#galerieButtons a{text-align:center; font-family:Arial, Helvetica; font-size:11px; text-decoration:none;}
#galerieButtons a:hover{text-align:center; font-family:Arial, Helvetica; color:#666; font-size:11px; text-decoration:none;}
#galerieButtons ul{ list-style-type:none;}
#galerieButtons ul li{display:inline;}
#galerieButtons ul li a{float:left; padding-top:5px; text-align:center}
#galWeiter{ text-align:right;float:right;}
#galBack{float:left; display:block; }
#galZahlen{width:110px; text-align:center;}
.galHead{ text-align:left; padding-left:5px}

#float{ float:left}
#suche{ float:left;  margin-left:472px;font-size:10px; color:#6dc6f2; margin-top:43px;}
#zimmerListe{background-image:url(lilie_zimmer.jpg); width:220px; height:45px; text-align:center; background-repeat:no-repeat;}
#zimmerListe div{padding-top:3px; padding-left:10px;}

.btnKlein{width:79px; height:20px; background-image:url(btn_klein.jpg); display:block; text-align:center; font-family: Arial, Helvetica;color:#10336d; font-size:11px; text-decoration:none; padding-top:5px; background-repeat:no-repeat}
.btnKlein:hover{background-position:0px -25px; text-decoration:underline}	

.btnKleinRechts{width:79px; height:20px; background-image:url(btn_klein_rechts.jpg); display:block; text-align:center; font-family: Arial, Helvetica;color:#10336d; font-size:11px; text-decoration:none; padding-top:5px; background-repeat:no-repeat}
.btnKleinRechts:hover{background-position:0px -25px; text-decoration:underline}
/*.btnKlein div{font-family: Arial, Helvetica;color:#000;font-size:11px; padding-top:5px; text-align:center}*/


.btnGross{display:block; width:350px; height:31px; background-image:url(btn_gross.jpg); text-align:left; font-family: Arial, Helvetica;color:#10336d; font-size:18px; text-decoration:none; padding-top:8px; background-repeat:no-repeat; padding-left:50px;}
.btnGross:hover{background-position:0px -39px; text-decoration:underline}

/* TEXT FORMATIERUNG */
.fliesstext {
	font-family: Arial, Helvetica;
	color:#333;
	font-size:11px;
	text-align:left;
	 
}
.galtext {
	font-family: Arial, Helvetica;
	color:#333;
	font-size:11px;
	text-align:left;
	padding-left:5px;
	 
}

.text{font-family: Arial, Helvetica;
	color:#333;
	font-size:12px;}

.Hauptheadline {
	font-family: Arial, Helvetica;
	color:#10336d;
	font-size:31px;
	 
}

.Subheadline {
	font-family: Arial, Helvetica;
	color:#10336d;
	font-size:18px;
	 
}

.bildunterschrift{
	font-family: Arial, Helvetica;
	color:#999;
	font-size:11px;
	
	}

.galerieHead{
	font-family: "Times New Roman", Times;
	color:#666;
	font-size:20px;
	font-weight:normal;
	
	}
	
.textlink{
	font-family: Arial, Helvetica;
	color:#000;
	font-size:11px;
	text-decoration:none;
	margin-left:10px;
	}
.textlink a:link, .textlink a:visited{
	font-family: Arial, Helvetica;
	color:#000;
	font-size:11px;
	text-decoration:none;
	
	}
	.textlink a:hover{
	font-family: Arial, Helvetica;
	color:#666;
	font-size:11px;
	text-decoration:none;
	
	}	

#naviMain {  height:365px; 
}

#naviMain ul {color:#FFF; font-size:10px; list-style-type:none
}
#naviMain ul li {
}
#naviMain ul li a {padding-left:25px;font-family:Arial, Helvetica; font-size:10px; text-decoration: none; line-height:24px; display:block; background-image:url(punkte.gif);background-repeat:no-repeat; color:#FFF 
}

/*#naviMain ul li a:link{padding-left:25px;font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration: none; line-height:24px; display:block; background-image:url(punkte.gif);background-repeat:no-repeat; 
}*/
#naviMain ul li a:hover
{font-family:Arial, Helvetica; color:#6dc6f2; font-size:10px; text-decoration: none; background-image:url(blau_bg.jpg); line-height:24px; display:block;
}
/* highlighted current element */
#naviMain ul li strong {font-family:Arial, Helvetica; color:#6dc6f2; font-size:10px; text-decoration: none; background-image:url(blau_bg.jpg);  line-height:24px;display:block; background-repeat:no-repeat
}
#naviMain ul li strong a {font-family:Arial, Helvetica; color:#6dc6f2; font-size:10px; text-decoration: none; line-height:24px;display:block; background-repeat:no-repeat
}

/* second level */
#naviMain ul ul { list-style-type:circle; font-size:9px;padding-left:45px
}
#naviMain ul ul li {padding-left:0px; background-image:url(ghost.gif);background-repeat:no-repeat; line-height:20px;color:#fff;
}
#naviMain ul ul li a {padding-left:0px;font-family:Arial, Helvetica; color:#fff;  font-size:9px; text-decoration: none;background-image:url(ghost.gif);background-repeat:no-repeat;
}

/*#naviMain ul ul li a:link
{padding-left:0px;font-family:Arial, Helvetica, sans-serif;  font-size:9px; text-decoration: none;background-image:url(ghost.gif);background-repeat:no-repeat;
}*/
#naviMain ul ul  li a:hover {padding-left:0px; font-family:Arial, Helvetica; color:#6dc6f2; font-size:9px; text-decoration: none;background-image:url(ghost.gif);background-repeat:no-repeat;
}
#naviMain ul ul li strong {font-family:Arial, Helvetica; color:#6dc6f2; font-size:9px; text-decoration: none; background-image:url(ghost.gif);
}
#naviMain ul ul li strong a {font-family:Arial, Helvetica; color:#6dc6f2; font-size:9px; text-decoration: none;background-image:url(ghost.gif);
}



#subNavi{ height:20px; background-color:#FFF}
#subNavi ul{list-style-type:circle; color:#000; }
#subNavi ul li{font-family:Arial, Helvetica; font-size:12px; padding-right:20px; display:inline-block;  height:20px; width:100px}
#subNavi ul li a{color:#000; text-decoration:none}
/* and so on ... */

/* JAOS Milkbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/
/*.glaerie{width:175px; overflow:hidden;}*/

.galerie_thumbnail{
	float: left;
  background: #ccc;
  margin: 3px;
	height: 80px;
	width: 100px;
}
.galerie_thumbnail img{
margin-top:5px;

}
.galerie{height:250px;}

/*
.ls img{
	height: 70px;
	width: 80px;
	margin: 10px 3.5px;
	border: 1px solid #fff;
}

.pt img{
	height: 80px;
	width: 70px;
	margin: 3.5px 20px;
	border: 1px solid #fff;
}
*/

/* Image Fader */

*{
	padding: 0;
	margin: 0;
}

/*body{
	font-family: Verdana, Sans-Serif, Arial;
	color: #333;
	background-color: #F6F6F6;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}*/

img {
	padding: 0;
	margin: 0;
	border: none;
}

/* Vom Image Fader ben�tigte styles */
/* 
 * image_fade_wrapper
 * Dient um die relative Positon des image_fade-Elements auf zuheben.
 * REDAXO: hier wird der Rahmen gesetzt und es k�nne auch padding und margin angegeben werden.
 */
.image_fade_wrapper {
	float: left;
	/*border: 1px solid #FFF;
	background-color: #C9D5D5;*/
	height:0px;
}
/* image_fade 
 * Positon relative ist notwendig um das unterliegende img-Element absolut positionieren zu k�nnen 
 * Breite und H�he sind notwendig, damit der Brower die Gr�sse des Image Faders kalkulieren kann.
 * REDAXO: F�r Redaxo implementierung hier kein margin oder padding angeben, das div wird auf Gr�sse der Bilder gesetzt.
 */
.image_fade {
	position: relative;
	float: left;
	width: 350px;
	/*height: 350px;*/
	border: none;
}
/* image_fade img
 *  Absolute Position und top, left = 0 muss gesetzt werden.
 * REDAXO: Kein margin und padding angeben.
 */
.image_fade img {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	margin: 0;
	padding: 0;
}
.clear{
	clear: both;
}
/* ENDE - Vom Image Fader ben�tigte styles */
/*
A{
	color: #6666CC;
	text-decoration: none;
}
A:link{
	color: #6666CC;
} 
A:visited{
   color: #F76522; 
}
A:hover, A:active{
	color: #F76522;
}*/