@media all
{
	* { margin:0; padding: 0; } 
		/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	
	body { 
		background: url("../gfx/bg-body.jpg") left top repeat-x #efeaea;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 100.01%;
		line-height: 170%;
		color: #65385f;
		text-align: center;
		position: relative; 
		min-height: 101%;	
	}
	
		/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	fieldset, img { border:0; }
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
	
	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 


#page_margins {
	margin: 0; 
	width: 100%;
	background: url("../gfx/bg-header-01.jpg") center top no-repeat;
	border: none;
}

#home #page_margins {
	background: url("../gfx/bg-header.jpg") center top no-repeat;
}

/* Anpassung für eine zwei-spaltige Seite */	
#two-cols #page_margins {}

#page {
	border: none;
	width: 844px;
	margin: 0 auto 0 auto;
	background: url("../gfx/bg-page.gif") center top no-repeat;
}

/* Formatierung der Kopfbereiches */
#header { 
	height: 255px;
	padding: 0;
	clear: both; 
	text-align: left;
	background: none;
	position: relative;
}

#nav {
	width: 844px; 
	height: 36px;
	line-height: 36px;
	margin: 74px 0 0 0;
	padding: 0;
	font-size: 83%;	
	background: url("../gfx/bg-nav.jpg") left bottom repeat-x;
}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/

#main {
	text-align: left;
	margin: 0; padding: 0;
	background: url("../gfx/bg-main.gif") repeat-y;
	clear:both; 
	width: auto;
} 


/* #co11 wird zur linken Spalte */
#col1 {
	width: 220px; 
	float: left;
	margin: 0; 
	padding: 0;
	font-size: 83%;
}	

/* #col2 wird zur mittleren Spalte */
#col2 {
	width: 580px; 
	float: left;
	font-size: 83%; 
	position:relative; 
}

/* #col3 wird zur rechten Spalte */
#col3 { 
	display: none;
	margin-left: 700px; margin-right: 0; 
	padding: 15px 0 0 0;
	font-size: 90%; 
	position:relative; 
}
	
#col1_content {padding: 0; margin-left: 8px; margin-right: 0; font-size: 100%;}
#col2_content {margin: 37px 0 30px 34px; padding: 5px 0 0 0; font-size: 90%; color: #000;}

#startseite #col2_content {margin-top: 37px;}

#col3_content {
	margin: 0 0 0 0; padding: 13px 20px 25px 7px;
	font-size: 75%; color: #000;
}
	
/* Anpassung für eine zwei-spaltige Seite */	
#two-cols #col2 {width: 710px;}
#two-cols #col3 {display: none;}
#two-cols #col1_content {padding: 0; margin-left: 0; margin-right: 0; font-size: 100%;}
#two-cols #col2_content {margin: 8px 20px 30px 54px; padding: 5px 0 0 0; font-size: 90%; color: #000;}

/* Formatierung der Fußzeile */
#footer {
	height: 50px; width: 100%;
	float: left; display: block;
	padding: 0; margin: 0;
	text-align: left;
	background: url("../gfx/bg-footer.gif") top left no-repeat;	
	clear: both;
}

/* Anpassung für eine zwei-spaltige Seite */	
#two-cols #footer {}
	
/* Headlines  >>>  es sind u.U. weitere Headlines für spezielle Boxen definiert (siehe unten) */

h1,h2,h3,h4 {display:block; line-height: 160%;}

h1 {font-size: 1.45em; font-family: Verdana, Helvetica, sans-serif; letter-spacing: -0.05em; font-weight: normal; color: #6C1D53;  margin: 0.5em 0 0.4em 0; padding: 0;}
h2 {font-size: 1.4em; font-family: Verdana, Helvetica, sans-serif; letter-spacing: -0.05em; font-weight: normal; color: #655764; margin: 0 0 0.3em 0;}
h3 {font-size: 1.3em; color: #91788A;}
h4 {font-size: 1.0em; color: #000;}

#col3 h1, #col3 h2, #col3 h3 {font-size: 1.2em; font-weight:bold; color: #000;}

/* Ausblenden der H1-Grafik auf der Startseite */
#startseite h1 {}
 
/* Absätze */

#col2_content p {
	font-size: 100%;
	padding: 0 0 14px 0; margin: 0;
	line-height: 170%;
	color: #65385f;
}

#col3_content p {
	padding: 0 0 10px 0;
	line-height: 1.5em; 
	margin: 0;
}

/* Besondere Textformate */
#col2 p.kleiner-text { 
	line-height: 1.5em; 
	font-size: 80%; 
	padding: 0 0 10px 0; margin: 0;
}

.kleiner-text { line-height: 1.5em; font-size: 80%; }

#col2 p.kleiner-blauer-text {
	color: #154D94;
	font-size: 80%; line-height: 130%;
	padding: 0 0 10px 0; margin: 0;
}

.kleiner-blauer-text {
	color: #154D94;
	font-size: 80%; line-height: 130%;
}

#col2 p.kleiner-roter-text {
	color: red;
	font-size: 80%; line-height: 130%;
	padding: 0 0 10px 0; margin: 0;
}

.kleiner-roter-text {
	color: red;
	font-size: 80%; line-height: 130%;
}

#col2_content strong {
	color: #65385f;
}

/* Trenner */

hr { 
	margin: 12px 0 18px 0; 
	color: #FFF; 
	background-color: #FFF; 
	border-top: 1px solid #E0E0E0; 
	width: 100%; 
	display: block;
	clear: both; 
	border-left: none; 
	border-right: none; 
	border-bottom: none; 
	line-height: 1px; 
	font-size: 1px;
}

#col3 hr { 
	margin: 12px 0 13px 0;
	width: 207px; 
	color: #FFF; 
	background-color: #FFF; 
	border-top: 1px solid #E0E0E0; 
	border-left: none; 
	border-right: none; 
	border-bottom: none;  
}

div.trenner {
	height: 40px;
	width: 99%;
	background: url("../gfx/trennlinie-01.gif") center center no-repeat;
}

div.trenner-abisz {
	height: 30px;
	width: 99%;
	background: url("../gfx/trennlinie-01.gif") 0px 0px repeat-x;
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

#col2 ul	{ 	
	line-height: 170%; 
	list-style-image: url("../gfx/icons/icon-list1.gif");
	margin: 5px 5px 15px 17px; padding: 2px 5px 2px 15px; 
	}

#col2 ul li {
	background-image: none;
	padding: 0; margin: 0 0 0.6em 0;
}

ul.simple-list {
	margin: 5px 0 15px 33px !important;
}

ul.simple-list, ul.simple-list li {
	list-style-image: none;
	list-style-type: circle;
	background: none !important;
	padding: 0 !important;
}

#col2 ol	{ 	
	line-height: 170%; 
	margin: 10px 5px 15px 29px; padding: 2px 5px 2px 5px; 
	}

#col2 ol li {
	padding: 0; margin: 0 0 0.6em 0;
}

small {
	font-size: 0.9em;
	line-height: 1.6em;
	display: block;
	color: #B0A3AF;
}

/* ######################################################################################################
** ### Auszeichnung lokaler und Externer Links ##########################################################
** ######################################################################################################
*/

/* Linklabeling */
#col2 a.pdfLink, #col2 a.pdfLink:visited, #col3 a.pdfLink, #col3 a.pdfLink:visited { padding: 0 19px 3px 0; line-height: 180%; background: url("../gfx/icons/icon-pdf.gif") no-repeat right top; }
#col2 a.docLink, #col2 a.docLink:visited, #col3 a.docLink, #col3 a.docLink:visited  { padding: 0 19px 2px 0; padding-left: 0px; line-height: 180%; background: url("../gfx/icons/icon-doc.gif") no-repeat right center; }
#col2 a.zipLink, #col2 a.zipLink:visited, #col3 a.zipLink, #col3 a.zipLink:visited { padding: 0 19px 2px 0; padding-left: 0px; line-height: 180%; background: url("../gfx/icons/icon-zip.gif") no-repeat right center;}

#col2 a {color: #A00FAA;}
#col3 a {color: #A00FAA;}

#col2 a:visited {color: #810C8A;}
#col3 a:visited {color: #810C8A;}

#col2 a:active, #col2 a:hover, #col2 a:focus {color: #B613C3; text-decoration: none; background: #FFF;}
#col3 a:active, #col3 a:hover, #col3 a:focus {color: #B613C3;}

/* ######################################################################################################
** ### Spezielle Boxen  #######################x##########################################################
** ######################################################################################################
*/

.box {
	background: #f2e4e4;
	border: 1px solid #FFF;
	margin: 4px 0 18px 0;
}

#startseite .box p {
	width: 505px !important;
	float: left !important;
}

#startseite .box img {
   margin: 3px 8px 3px 7px;	
}

/* Schrift wird angepasst */
#col2 .box h1, #col2 .box .news-block h2,
#col2 .boxd h2, #col2 .box h3, #col2 .box p, #col2 .box ul, #col2 .box ol, #col2 .boxed span {
	font-size: 90%;
	margin: 4px 0 0 0; 
	padding: 2px 10px 2px 8px;
	color: #65385F;
}

#startseite #col2  .box h2 {
	text-align: right;
	padding: 3px 11px 1px 0;
	font-size: 210%;
	line-height: 110%;
	color: #FFF;
}


#col2 .box h3 {
	font-size: 125% !important;
}


/* Schrift wird angepasst */
#col2 .box p {
	margin: 4px 0 5px 0; 
	padding: 2px 10px 6px 8px;
}

#col2 .box .news-block a.readon, #col2 .box .news-block  a.readon:visited {
	clear: both;
	line-height: 100%;
	font-size: 90%;
	padding: 0 10px 6px 8px;
}

.box hr { 
	margin: 12px 0 16px 9px; 
	border-top: 1px solid #D8C8C7; 
	width: 95%; 
}


.box-rounded {
	background: #f2e4e4;
	border: 1px solid #FFF;
	margin: 4px 0 18px 0;
}

#startseite .box-rounded {
	background: #F1E8E8;
}

#startseite .box-rounded p {
	width: 320px !important;
	float: left !important;
}

#startseite .box-rounded img {
   margin: 3px 8px 3px 7px;	
}

/* Schrift wird angepasst */
#col2 .box-rounded h1, #col2 .box-rounded h2, #col2 .box-rounded h3, #col2 .box-rounded p, #col2 .box-rounded ul, #col2 .box-rounded ol, #col2 .box-rounded span {
	font-size: 90%;
	margin: 4px 0 0 0; 
	padding: 0;
	color: #65385F;
}

/* Schrift wird angepasst */
#col2 .box-rounded p {
	margin: 4px 0 5px 0; 
}


/* ######################################################################################################
** ### Bilder    ########################################################################################
** ######################################################################################################
*/

img {border: none;}

img.ttf {margin-top: 15px;}

#col3 img {margin: 10px 0 12px 0;}

.bild-rechts {
	margin: 6px 0 15px 15px;
	float: right;
}

.bild-links {
	margin: 6px 15px 15px 0;
	float: left;
}

.box-rounded .bild-links {
	margin: 3px 15px 3px 6px;
	float: left;
}

.bild-rechts-rand {
	margin: 6px 0 15px 15px;
	float: right;
	border: 1px solid #626158;
}
.bild-links-rand {
	margin: 6px 15px 15px 0em;
	float: left;
	border: 1px solid #626158;
}

.bild-100prozent {
	margin: 1.2em 0 1.3em 0;
	display: block; clear: both;
}

.bild-100prozent-rand {
	margin: 1em 0 1em 0;
	display: block; clear: both;
	border: 1px solid #626158;
}

.wp-caption {
	text-align: center;
	font-weight: bold;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

#col2 .wp-caption p.wp-caption-text {
	font-size: 11px;
	color: #AB8C50;
	line-height: 14px;
	padding: 0;
	margin: 0;
	font-family: arial, helvetica, verdana,sans-serif; 
}


#col2 .alignleft {
   float: left;
   margin: 5px 8px 6px 0;
}

#col2 .alignright {
   float: right;
   margin: 5px 0 6px 10px;
}

/* 
### News ########################################################################################
*/

.news-block {
  padding: 0 0 3px 0 !important;
}

.news-block p {
  margin: 0px;
}

.news-block span {
  color: #54b615;
}

#col2 .news-block hr { 
  clear: none;
  margin: 0;
  width: 94%;
}

#col2 .news-block h3 {
	margin: 0 0 0.3em 0 !important;
	line-height: 120% !important;
}

#col2 .news-block a.readon, #col2 .news-block  a.readon:visited {
	display: block;
	line-height: 100%;
}

/* ######################################################################################################
** ### Tabellen  ########################################################################################
** ######################################################################################################
*/


#col2 table {
	margin: 10px 0 17px 0;
	border-collapse: collapse; 
	background: #FFF; 
	border: 3px double #DBA0D0;
}

#preise-1 table {
	width: 320px;
	}

#col2 caption {
	font-weight: bold;
	color: #1D325F;
	text-align: left;
	line-height: 180%;
}

#col2 td {
	vertical-align: top;
	padding: 2px 3px 3px 5px;
	border-bottom: 1px solid #D0C4C3; 
	border-left: 1px solid #D0C4C3;
	line-height: 160%; 
}

#col2 th {
	background: #F7F1F1;
	line-height: 160%;
	padding: 6px 5px 5px 5px;
	border-bottom: 1px solid #D0C4C3;
	text-align: left;
}

#col2 td.column-1 {
	color: #000;
	vertical-align: middle;
}

#col2 td.column-2  {
	text-align: right;
}

#col2 td.header-01 {width: 20%; color: #000;}
#col2 td.header-02 {width: 35%;}
#col2 td.header-03 {width: 14%;}
#col2 td.header-04 {width: 36%;}

#col2 thead th {font-size: 110%; background: #F7F1F1; color: #AC2E9C; border-left: 1px solid #D0C4C3;}
#col2 th {padding: 1px 3px 2px 3px;}
#col2 tfoot {background: #f0efeb; color: #000; font-size: 80%;}

#col2 .mail-error {
	border: 1px solid red;
}

#col2 p.mail-error {
	padding: 4px 6px 5px 6px;
}


#col2 a.formstart, #col2 a.formstart:visited {
	border: none; text-decoration: none; display: inline;
}



/* ######################################################################################################
** ### Extras    ########################################################################################
** ######################################################################################################
*/


/* ---- Style für Buchungskalender --- */
#BuchungsKalender table.MonatsKalender {
	width: 280px;
	font-size: 110%;
	padding: 1px !important;
}

#BuchungsKalender table.MonatsKalender td {
	text-align: right;
	line-height: 2em;
}

#BuchungsKalender table.MonatsKalender tbody {}

#BuchungsKalender table.MonatsKalender tr td.leer {
	background-color:#F0EEED;
}

#BuchungsKalender table.MonatsKalender tr td.offen {
	background:#FFF;
}

/* Links im Kalender */
#BuchungsKalender table.MonatsKalender tr td.offen a,
#BuchungsKalender table.MonatsKalender tr td.offen a:visited {
	text-decoration: none;
	display: block;
	width: 2em; height: 2em;
	line-height: 2em;
	text-align: right;
	padding-right: 3px;
}

#BuchungsKalender table.MonatsKalender tr td.offen:hover,
#BuchungsKalender table.MonatsKalender tr td.offen a:hover, 
#BuchungsKalender table.MonatsKalender tr td.offen a:active, 
#BuchungsKalender table.MonatsKalender tr td.offen a:focus {
	background: #D5F0B8 !important;
	color: #000;
}

#BuchungsKalender table.MonatsKalender tr td.geschlossen {
	background:#CCCCCC;
}
#BuchungsKalender table.MonatsKalender tr td.vergangen {
	background:#F0EEED;
	color: #aaaaaa;
}

#BuchungsKalender table.MonatsKalender tr td.heute {
	background: #F7F1F1; 
	color: #AA2D9C;
	font-weight: bold;
	border: 1px solid #AA2D9C;
}

/* Ausblenden der Info-Absätze im weiteren Buchungsvorgang */
div.buchung-tag p.info {
	display: none !important;
}

#BuchungsKalender table.MonatsKalender tr td.gewaehlt {
	background:#F7EEEE;
	font-weight: bold;
	border: 2px solid #7CCB2C !important;
}

#BuchungsKalender table.MonatsKalender tr th.MonatsName {
	font-family: Arial, Helvetica, "Lucida Sans", sans-serif;
	font-weight: bold;
	background: #F7F1F1; 
}

#BuchungsKalender table.MonatsKalender tr.WochentagsNamen th {
	font-family: Arial, Helvetica, "Lucida Sans", sans-serif;
	background: #A22B93; 
	color: #FFF;
	text-align: center;
}

#BuchungsKalender table.MonatsKalender tfoot td.rw {
	font-weight: bold;
	text-align: left;
}

#BuchungsKalender table.MonatsKalender tfoot td.nix {}

#BuchungsKalender table.MonatsKalender tfoot td.fw {
	font-weight: bold; 
	text-align: right;
}

#BuchungsKalender table.MonatsKalender tfoot td.rw strong,
#BuchungsKalender table.MonatsKalender tfoot td.fw strong {
	color: #A00FAA;
}

#BuchungsKalender table.MonatsKalender tfoot td.rw a, #BuchungsKalender table.MonatsKalender tfoot td.rw a:visited,
#BuchungsKalender table.MonatsKalender tfoot td.fw a, #BuchungsKalender table.MonatsKalender tfoot td.fw a:visited {
	display: block;
	line-height: 2em;
	padding: 3px;	
}

#BuchungsKalender table.MonatsKalender tfoot td {
	border: none !important;
	padding: 0;
	height: 2em;
}

#BuchungsKalender table.MonatsKalender tfoot a {
	font-size: 90%;
	text-decoration: none;
}

#BuchungsKalender table.TagesKalender tr.WochentagsNamen th {
	font-family: Arial, Helvetica, "Lucida Sans", sans-serif;
	background: #A22B93; 
	color: #FFF;
	text-align: left;
	vertical-align: top;
	padding: 2px 3px 2px 3px;
}

#BuchungsKalender table.TagesKalender {
	empty-cells:show;
}

#BuchungsKalender table.TagesKalender tr th {
}

#BuchungsKalender table.TagesKalender tr.frei td {
	background:#D5F0B8;
}

#BuchungsKalender table.TagesKalender a,
#BuchungsKalender table.TagesKalender a:visited {
	color: #000;
	font-weight: bold;
}
#BuchungsKalender table.TagesKalender a:hover {
	text-decoration:none;
}
#BuchungsKalender table.TagesKalender tr.frei td.zeit {
	background: #AAE073;
	color:#000000;
}

#BuchungsKalender table.TagesKalender td.frei {
	background: #AAE073;
	color:#000000;
	border: 1px solid #FFF;
	vertical-align: middle;
	text-align: center;
}

#BuchungsKalender table.TagesKalender tr.belegt td {
	background:#CCCCCC;
	color:#666666;
}

#BuchungsKalender table.TagesKalender tr.belegt td.zeit {
	background-color:#AAAAAA;
	color:#666666;
}

#BuchungsKalender table.TagesKalender td.belegt {
	background-color:#AAAAAA;
	color:#666666;
}

#BuchungsKalender table.BuchungsForm {width: 450px;}

#BuchungsKalender table.BuchungsForm td {
	border-right: 1px solid #D0C4C3; 
	height: 2.5em; 
	padding-top: 3px;
	vertical-align: top;
}

#BuchungsKalender table.BuchungsForm tfoot, #BuchungsKalender table.BuchungsForm tfoot td {background: #FFF !important;}


#BuchungsKalender table.BuchungsForm select {
	font-size: 110%;
	width: 180px;
}
#BuchungsKalender table.BuchungsForm td.label {width: 180px;}
#BuchungsKalender table.BuchungsForm input {width: 200px; margin-top: 2px; line-height: 1.9em;}

#BuchungsKalender table.BuchungsForm {border: none;}

table.BuchungsForm input.txt {
	height: 1.2em; width: 12em;
	border: 1px solid #ccc;
	margin-top: 1.1em;
	background: url(../gfx/bg-input.gif) #FFF;
	font-size: 120%;
	line-height: 1.5em;
	padding: 1px 0 0 3px;
}

table.BuchungsForm input.txt:focus {
	background: #FFFFFF;
	border: 1px dotted #000000;
}

table.BuchungsForm textarea {
	width: 400px; height: 150px;
	border: 1px solid #ccc;
	margin: 0.8em 0 0 0;
	clear: both;
	background: url(../gfx/bg-textarea.gif) no-repeat #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.3em;
	font-size: 1em;
	line-height: 1.3em;
}

table.BuchungsForm textarea:focus {
	background-color: #FFFFFF;
	background-image: none;
	border: 1px dotted #000000;
}

#col2 #BuchungsKalender .senden {
	display: block;
	width: 13em;
	font-weight: bold;
	border-width: 1px;
	border-color: #C0C0C0 #66505C #66505C #C0C0C0;
	background: #F7EAEA;
	font-size: 115%; padding-top: 1px; line-height: 0.8em; height: 2.2em;
	cursor: pointer;
}


/* motools stuff */

/* class will be pushed into the first container #carousel */
.carousel {
	display: block;
	clear: both; 
	margin: -5px 0 38px 0; 
	padding: 0;
	height: 245px; /* height of the inner animation container */
}

/* container with pictures */
.carousel-inner {
  overflow: hidden;
  position: relative;
  left: 160px;
  width: 390px;
}

.carousel-animate {
  position: absolute;
}

.carousel-item {
  position: relative;
  float: left;
  text-decoration: none;
  line-height:1.45em;
}

.carousel-item img {
  border: none;
  width: 390px !important;
  height: 262px;
}

.carousel-item-info {
	position:absolute;
	bottom: 32px;
	left:0;
}

.carousel-item-info strong {
	display: block;
	float: left;
	clear: both;
	background: transparent url(../gfx/faded_black.png);
	padding: 4px 11px 6px 9px;
	color: #fff !important;
}

.carousel-item-info span {
	display: block;
	float: left;
	clear: both;
	background: transparent url(../gfx/faded_black.png);
	padding: 2px 11px 5px 9px;
	color: #fff !important;
}

.carousel-item-info em {
	background:#c00 none;
	display: block;
	float: left;
	clear: both;
}

.carousel-item:hover .carousel-item-info strong,
.carousel-item:hover .carousel-item-info span,
.carousel-item:hover .carousel-item-info em {
  background: #B42EAB;
}

.carousel-item-info strong
{
  font-size: 1.8em;
  line-height: 120%;
}

.carousel-item-info strong span,
.carousel-item-info:hover strong span
{
  background:transparent url(../gfx/carousel-arrow.png) 0 .25em no-repeat!important;
  padding:0 0 0 36px;
  
  /* in this case */
  background: none !important;
  padding: 0;
}

.carousel-nav {
  list-style-type: none !important;
  line-height: 1.3em;
  height: 46px;
  width: 150px;
  margin: -365px 0 0 0 !important;
  padding:0 !important;
  background: #f0e9ed;
}

#carousel .carousel-nav li {
	margin:0;
	padding:0;
	background: none;
	list-style-image: url("no.gif");
}

#carousel .carousel-nav li a,
#carousel .carousel-nav li a:visited {
  display: block;
  width: 150px;
  overflow:hidden;
  text-decoration:none;
  padding: 4px 12px;
  background-image: none;
  background: #f0e9ed;
  border-bottom: 1px solid #FFF;
  list-style-image: url("no.gif");
}


#carousel .carousel-nav .first a,
#carousel .carousel-nav .first a:visited{
  background: url("../gfx/carousel-nav-first-a.gif") top left no-repeat #f0e9ed;
}

#carousel .carousel-nav .last a,
#carousel .carousel-nav .last a:visited {
	background: url("../gfx/carousel-nav-last-a.gif") bottom left no-repeat #f0e9ed;
}

#carousel .carousel-nav li a.selected, 
#carousel .carousel-nav li a.selected:visited {
  color: #FFF;
  border-bottom: 1px solid #FFF;
  background: #d384b0;
}

/* Ausnahme Formatierung : erster Link */
#carousel .first a.selected, 
#carousel .first a.selected:visited {
  background: url("../gfx/carousel-nav-first-a-active.gif") top left no-repeat #d384b0 !important;
}

/* Ausnahme Formatierung : letzter Link */
#carousel .last a.selected, 
#carousel .last a.selected:visited {
  background: url("../gfx/carousel-nav-last-a-active.gif") bottom left no-repeat #d384b0 !important;
}


.carousel .media-item-info {
  color:#fff;
  font-size:1em;
  line-height:1.45em;
}

div.carousel-data img {
  display:none;
}

/* ####### tooltips ####### */


/* tooltip design */
.ToolTips { display:block; position:absolute; width:404px; }
.ToolTips .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(images/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; }
.ToolTips .message { display:block; position:relative; background:url(images/tip_body.png) repeat-y; padding:0px 10px; }

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, 
.ToolTips .dockTopFooter { display:block; position:relative; background:url(images/dockBottomHeader.png) no-repeat bottom; height:33px;  }
.ToolTips .dockTopFooter { background:url(images/dockTopFooter.png) no-repeat bottom; height:38px; }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display:block; position:relative; background:url(images/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { background:url(images/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }

* html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomHeader.png'); }
* html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomFooter.png'); }
* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopHeader.png'); }
* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopFooter.png'); }
* html .ToolTips .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fileclose.png');  }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(images/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }

/* tip container */
.tipContainer { display:none; }

/* beautify the tooltip content */
.ToolTips .message { font-size:12px; text-align:justify; }
.ToolTips .message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#FF6600; }
.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }

/* ########### Navigation ############## */

/* verlinktes Logo */
a#logo, a#logo:visited {
	display: block;
	height: 145px; width: 350px; 
	margin: 0 0 0 9px;
	text-decoration: none;
	background: none;
	clear: both;
}

div.edit-post-link {
	display: block;
	width: 32px; height: 32px;
	top: 12px; right: 10px;
	z-index: 1000;
	position: fixed;
	background: url("../gfx/icons/edit.png") left top no-repeat;
}


div.edit-post-link a, div.edit-post-link a:visited {
	text-indent: -9000px;
	font-size: 1px; 
	line-height: 0px;
	text-decoration: none;
	width: 32px; height: 32px;
	display: block;
	color: #3E3E3E;
}

#blog-single .edit-post-link {background: url("../gfx/icons/edit.png") left top no-repeat;}

 /* ######################################################################################################
**  ### Navi Oben                   #####################################################################
** ######################################################################################################
*/

#nav ul {
	float: right;
	margin: 0 2px 0 0;
	padding: 0;
	width: 247px;
	height: 36px;
	font-size: 80%;
	background: url("../gfx/bg-top-nav-buttons.gif") top left no-repeat;
	}

#nav li {
	float: left;
	margin: 0; padding: 0;
	line-height: 3.2em;
	height: 36px;
	vertical-align: middle;
	list-style-type: none;
}

#nav ul li a, #nav ul li a:visited { 
	display: block;
	height: 36px; /* wichtig für korrekte Darstellung bei größerer Schriftgröße */
	color: #000;
	text-decoration: none;
	line-height: 36px;
	vertical-align: middle;
	white-space: nowrap;
}

#nav ul li#top-01 a, #nav ul li#top-01 a:visited {width: 99px; margin: 0;}
#nav ul li#top-02 a, #nav ul li#top-02 a:visited {width: 54px; margin: 0 0 0 19px;}
#nav ul li#top-03 a, #nav ul li#top-03 a:visited {width: 52px; margin: 0 0 0 17px;}

.adress-info {
	padding: 45px 0 6px 0;
	width: 211px;
	background: url("../gfx/bg-nav-bottom.gif") top left no-repeat;
}

/* Adresse unter der Navi */
#col1 p {
	font-size: 80%;
	color: #942986 !important;
	line-height: 155%;
	padding: 30px 0 20px 11px;
}

#col1 a, #col1 a:visited {
	color: #942986 !important;
}

/* ######################################################################################################
** ### Navi Links: Hauptnavigation ######################################################################
** ######################################################################################################
*/

#col1 ul {
	display: block;
	padding-top: 18px !important;  
	margin: 36px 0 0 0; 
	padding: 0;
	background: url("../gfx/bg-nav.gif") top left no-repeat;
}

#col1 ul li {
		width: 211px; 
		overflow: hidden;
		padding: 0; margin: 0;
		list-style: none;
		white-space: nowrap;	
		background: none;
}

#col1 ul li a, #col1 ul li a:visited 	{
		display: block; 
		width: 211px;
		padding: 2px 0 3px 0;
		margin: 0;
		color: #362930; 
		border-bottom: 1px solid #FFF;
		text-indent: 10px; 
		font-size: 90%; 
		line-height: 180%; 
		text-decoration: none;
		background: #f7eeee;
}

#col1 ul li a:hover, #col1 ul li a:active, #col1 ul li a:focus {
	color: #000;
	background: url("../gfx/bg-nav-arrow.gif") center left no-repeat #f7eeee;;
}

#col1 li.current_page_item a, 
#col1 li.current_page_item  a:visited,
#col1 li.current_page_ancestor a, 
#col1 li.current_page_ancestor  a:visited	{
	display: block; 
	width: 211px;
	padding: 2px 0 3px 0;
	margin: 0;
	border-top: 2px solid #f9f2f2;
	border-bottom: 2px solid #f2e4e4;
	line-height: 170%;
	background: url("../gfx/bg-nav-arrow.gif") center left no-repeat #f7eeee;
	color: #521a39;
	font-weight: bold;
}

#col1 li.current_page_item a:hover, 
#col1 li.current_page_item a:active, 
#col1 li.current_page_item a:focus,
#col1 li.current_page_ancestor a:hover, 
#col1 li.current_page_ancestor a:active, 
#col1 li.current_page_ancestor a:focus {
	color: #000;
	font-weight: bold;
}

/* zweiter Level */
#col1 ul ul,
#col1 li.current_page_ancestor ul ul,
#col1 li.current_page_item ul ul {
	margin: 0;
	padding: 9px 0 12px 0 !important;
	border-bottom: 1px solid #FFF; 
	border-top: 1px solid #dba0d0;
	display: none; /* wegen der Menüstruktur von wordpress */
}

#col1 li.current_page_item ul,
#col1 li.current_page_ancestor ul,
#col1 li.current_page_ancestor li.current_page_ancestor ul,
#col1 li.current_page_ancestor li.current_page_item ul {
	display: block; /* wegen der Menüstruktur von wordpress */
	background: url("../gfx/bg-nav-sub.jpg") top left no-repeat #f6eaea;
	border-bottom: 2px solid #FFF; 
}


#col1 ul ul li	{
	border: none;
	margin: 0px;
}

#col1 li.current_page_item li a, 
#col1 li.current_page_item li a:visited,	
#col1 li.current_page_ancestor li a, 
#col1 li.current_page_ancestor li a:visited {	
	width: 211px;
	font-size: 85%;
	text-indent: 20px; 
	line-height: 1.7em; 
	font-weight: normal;
	color: #66505c;
	background: url("../gfx/bg-nav-sub-dot-hover.gif") center left no-repeat;
	border: none;
}
	
#col1 li.current_page_item li a:hover, 
#col1 li.current_page_item li a:active, 
#col1 li.current_page_item li a:focus,	
#col1 li.current_page_ancestor li a:hover, 
#col1 li.current_page_ancestor li a:active, 
#col1 li.current_page_ancestor li a:focus {
	background: none;
	background: url("../gfx/bg-nav-sub-dot.gif") center left no-repeat !important;
	font-weight: normal;
	color: #000 !important;
}

/* Aktiv zweiter Level */

#col1 li.current_page_ancestor li.current_page_item a, 
#col1 li.current_page_ancestor li.current_page_item a:visited {
	background: none;
	line-height: 2em;
	padding-top: 0;
	color: #6C1D62 !important;
	font-weight: bold;
	background: url("../gfx/bg-nav-sub-dot.gif") center left no-repeat;
}


#col1 li.current_page_ancestor li.current_page_item li a, 
#col1 li.current_page_ancestor li.current_page_item li a:visited {
	font-weight: normal;
}

#col1 li.current_page_ancestor li.current_page_ancestor a, 
#col1 li.current_page_ancestor li.current_page_ancestor a:visited {
	font-weight: bold;
	color: #493841;
	background: url("../gfx/bg-nav-sub-dot.gif") center left no-repeat;
}

#col1 li.current_page_ancestor li.current_page_ancestor li.current_page_item a, 
#col1 li.current_page_ancestor li.current_page_ancestor li.current_page_item a:visited {
	font-weight: bold;
	background: url("../gfx/bg-nav-sub-dot.gif") center left no-repeat;
}

#col1 li.current_page_ancestor li.current_page_ancestor li a, 
#col1 li.current_page_ancestor li.current_page_ancestor li a:visited {
	font-weight: normal;
}

/* spezielle Formatierung von einzelnen Punkt der Navigation */

.page-item-2 {}

#col1 .page-item-4,
#col1 .page-item-5,
#col1 .page-item-7,
#col1 .page-item-46,
#col1 .page-item-47,
#col1 .page-item-54,
#col1 .page-item-56 {}

#col1 #link-unser-team {}
#link-system {}


#col1 .page-item-7 a, #col1 .page-item-7 a:visited {
	background: #F1D7D7;
	color: #801673;
}	

#col1 .page-item-7 a:active, #col1 .page-item-7 a:hover {
	background: url("../gfx/bg-nav-arrow.gif") center left no-repeat #F1D7D7;
	color: #801673;
}	



#link-informations-filme {}
#link-anfahrt-routenplanung {}
#link-kontakt {}
#link-impressum {}

/* active links */
#blog-single #col1 li.page-item-162 a, 
#blog-single #col1 li.page-item-162  a:visited,
#news #col1 li.page-item-162 a, 
#news #col1 li.page-item-162  a:visited {
	display: block; 
	width: 211px;
	padding: 2px 0 3px 0;
	margin: 0;
	border-top: 2px solid #f9f2f2;
	border-bottom: 2px solid #f2e4e4;
	line-height: 170%;
	background: url("../gfx/bg-nav-arrow.gif") center left no-repeat #f7eeee;
	color: #521a39;
	font-weight: bold;
}
		

/* ######################################################################################################
** ### Tooltips          ################################################################################
** ######################################################################################################
*/

.size0 {
   visibility: hidden;
}

.size1 {
	width: 170px;
	background: #FFF;
	color: #6c1d53; font-size:70%;
	line-height: 150%;
	padding: 5px;
	border: 1px solid #6c1d53; 
	text-align: center;
	z-index: 100;
}

.free {
	width: 180px;
	font-size:70%;
	line-height: 150%;
	padding: 5px;
	border: 1px solid #6c1d53; 
	text-align: center;
	z-index: 100;
	color: #000;
	font-weight: bold;
	background: #D5F0B8; 
}

/* ######################################################################################################
** ### Footer Navigation ################################################################################
** ######################################################################################################
*/

#footer a, #footer a:visited  {
	text-decoration: none; 
	background: none; 
	color: #000;
}

#footer a:active, #footer a:hover, #footer a:focus, #footer a:focus .sffocus {color: #787878;}

#footer p a, #footer p a:visited  {text-decoration: none; background: none; color: #787878;}
#footer p a:active,  #footer p a:hover, #footer p a:focus {color: #000; text-decoration: underline;}

#col2 a.toplink, #col2 a.toplink:visited {
	text-decoration: none; 
	background: none; 
	color: #000;
	display: block;
	float: right;
	clear: both;
	line-height: 1.4em; 
	background: url("../gfx/icons/icon-top.gif") right center no-repeat; 
	padding: 0 12px 0 0;
}

#footer p {
	display: block;
	font-size: 70%; 
	height: 2.5em; 
	line-height: 2.5em; 
	color: #787878; 
}

#footer p.copyright {
	float: left;
	margin: 19px 0 0 15px; 
	padding: 0; 
	text-align: left;
}

#footer p.impressum {
	float: right;
	margin: 19px 18px 0 0;
	padding: 0;
	text-align: right;
}

/* ######################################################################################################
** ### Intern                                      ######################################################
** ######################################################################################################
*/

/* Info zur lokalen Anwendung der Website */
#lokal {
	position: fixed;
	left: 6px; 
	top: 7px;
	padding: 2px 6px 3px 6px;
	font-size: 10px;
	line-height: 12px;
	font-family: tahoma;
	font-weight: bold;
	color: #7F521B;
	border: 1px solid #FF7A31;
	background: #F1E9D5;
	border-radius:6px; 
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	opacity:0.8;
	
	/* wegen dem Pfad zum Script */
	width: 37px !important;
	overflow: hidden;
	white-space: nowrap;
}

#lokal:hover {
	width: auto !important;
	border: 1px solid red;
	color: #000;
	opacity: 1.0;
}

#lokal span {
	font-weight: normal !important;
}

#page-info {
	position: fixed;
	left: 6px; 
	top: 28px;
	padding: 1px 6px 4px 7px;
	font-size: 10px;
	line-height: 12px;
	font-family: tahoma;
	color: #7F521B;
	border: 1px solid #70E449;
	background: #F1E9D5;
	border-radius:6px; 
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	opacity:0.8;
	
	width: 111px !important;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}

#page-info:hover {
	width: auto !important;
	border: 1px solid red;
	color: #000;
	opacity: 1.0;
}

#page-info strong {
	display: block;
	line-height: 150%;
}

#page-info a, #page-info a:visited{
	text-decoration: none;
	color: #436B2F;
}





}