/*

Bordeaux: #721A0B
Orange: #EB8A00
Beige: #FADFB3
Kaki: #A08526

*/

/* Style für den js-Kalender-Spaß ...*/
@import url(calendar.css);

/* Standard-Späße, Layout, usw ... */
* {
	font-family:Arial, Helvetica, sans-serif;
	/*margin:0 0 0 0;*/
	padding:0 0 0 0;
}
body {
	background-color: #B0AEAF;
	font-size:11px;
}
table#layout {
	margin:0 auto 0 auto;
	background-color:#FFFFFF;
}


/* Links? */
a:link, a:visited, a:hover, a:active, a:focus {
	color:#A08526;
	text-decoration:none;
}


/* Oft benötigte Klassen */
.color-bordeaux { color:#721A0B; }
.color-orange { color:#EB8A00; }
.color-beige { color:#FADFB3; }
.color-kaki { color:#A08526; }
.color-weiss { color:#FFFFFF; }
.textalign-left { text-align:left; }
.textalign-right { text-align:right; }
.textalign-center { text-align:center; }
.position-relative { position:relative; }
.floatclear { clear:both; }


/* Bilder positionieren */
img.imagefloatleft {
	float:left;
	margin:0 10px 10px 0;
}
img.imagefloatright {
	float:right;
	margin:0 0 10px 10px;
}
div.imageboxfloatleft {
	float:left;
	margin:0 10px 10px 0;
}
div.imageboxfloatright {
	float:right;
	margin:0 0 10px 10px;
}


/* Trenn-Striche */
div.tdashed {
	background-image:url(../images/site/div_class_tdashed.gif);
	background-position:left center;
	background-repeat:repeat-x;
	height:1px;
	line-height:1px;
	margin:10px 5px 10px 5px;
	clear:both;
}
div.tsolid {
	background-image:url(../images/site/div_class_tsolid.gif);
	background-position:left center;
	background-repeat:repeat-x;
	height:1px;
	line-height:1px;
	margin:5px 5px 5px 5px;
	clear:both;
}


/* Die Textfelder ... */
input {
	background-color: #ffffff;
	color: #000000;
}
input:focus {
	background-color: #FADFB3;
	color: #000000;
}
input:hover {
	background-color: #FBECF4;
	color: #000000;
}
textarea {
	background-color: #ffffff;
	color: #000000;
}
textarea:focus {
	background-color: #FBECF4;
	color: #000000;
}
textarea:hover {
	background-color: #FBECF4;
	color: #000000;
}

input.textfield {
	border:1px solid #91004B;
	width:200px;
	padding:2px 2px 2px 2px;
	background-image:url(../images/site/input.png);
}
input.textfieldsmall {
	border:1px solid #91004B;
	width:70px;
	padding:2px 2px 2px 2px;
	background-image:url(../images/site/input.png);
}
input.textfieldverysmall {
	border:1px solid #91004B;
	width:30px;
	padding:2px 2px 2px 2px;
	background-image:url(../images/site/input.png);
}
textarea.textarea {
	font-family:inherit;
	font-size:inherit;
	border:1px solid #91004B;
	width:300px;
	height:200px;
	padding:2px 2px 2px 2px;
	background-image:url(../images/site/input.png);
}


/* Das OnlineBuchungsformular auf der linken Seite */
div#onlinebuchung {
/* old	background-image:url(../images/site/div_id_onlinebuchung.gif);*/
	height:160px;
	margin:10px 0 10px 0;
	padding:10px 10px 10px 10px;
	width:175px;
	border:1px solid #91004B;
	background-color:#fff;
}


/* Rollover-Layer fuer die Lageplaene */
div.infobox {
	/*background-image:url(../images/site/infobox.jpg);*/
	background-color:#fbecf4;
	display:none;
	padding:5px 5px 5px 5px;
	border:2px solid #FFFFFF;
	border-left:none;
}


/* Farb/Blah/Blubb-Formatierungen (Allgemein)*/
p {
	margin:5px 0 5px 0;
	padding:4px 4px 4px 4px;
}
h1 {
	font-size:12px;	text-transform:uppercase;
	font-weight:bold;
	margin:5px 0 5px 0;
	padding:4px 4px 4px 4px; color:#91004B
}

h5 {
	font-size:12px;	
	font-weight:bold;
	margin:5px 0 5px 0;
	padding:4px 4px 4px 4px; color:#91004B
}

ul, ol{
	list-style-type:none;
	margin:4px 0 4px 20px;
	padding:0 0 0 0;
}
li {
	background-image:url(../images/site/li.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	margin:5px 0 5px 0;
}


/* Farb/Blah/Blubb-Formatierungen (Für die Inhaltszelle)*/
/*td#contentcell h1 { color:#91004B; text-transform:uppercase;}*/
td#contentcell strong,
td#contentcell b,
td#contentcell em,
td#contentcell i { color:#A08526; }


/* Farb/Blah/Blubb-Formatierungen (Für die Seitenzelle)*/
/*td#sidecell * { color:#FFFFFF;  }*/
/* kfr*/
td#sidecell {
	background-color:#F8E498;
	}

/* kfr: entspr. <h2> */
td#sidecell strong {
	text-transform:uppercase;
	color:#91004B;
	}
	
	

/* Links? (Für die Seitenzelle)*/
td#sidecell a:link, 
td#sidecell a:visited, 
td#sidecell a:hover, 
td#sidecell a:active, 
td#sidecell a:focus {
	color:#91004B;
	text-decoration:none;
}


/* Navigationsliste (Haupt)*/
#navi ul  {
	margin:0 auto 0 auto;
	}

ul#navigationmain {
	list-style-type: none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:center;
}
ul#navigationmain li {
	background-image:none;
	float:left;
	margin:5px 10px 0 10px;
	padding:2px 2px 2px 2px;
	font-size:13px;

}
ul#navigationmain li a.nmpunkt:link, 
ul#navigationmain li a.nmpunkt:visited  {
	color:#FFFFFF;
	font-weight:bold;
	border:none;
}
ul#navigationmain li a.nmpunkt:hover, 
ul#navigationmain li a.nmpunkt:active, 
ul#navigationmain li a.nmpunkt:focus,
ul#navigationmain li a.nmpunkt_aktiv {
	color:#EB8A00;
	font-weight:bold;
	border:none;
}



/* Navigationsliste (Unter)*/
ul#navigationsub {
	list-style-type: none;
	margin:30px 20px 0 20px;
	padding:0 0 0 0;	text-transform:uppercase;

}
ul#navigationsub li {
	background-image:none;
	margin:0 0 5px 0;
	padding:2px 2px 2px 2px;
}
ul#navigationsub li a.nspunkt:link, 
ul#navigationsub li a.nspunkt:visited {
	color:#91004B;
	font-weight:bold;
	border:none;
}
ul#navigationsub li a.nspunkt:hover, 
ul#navigationsub li a.nspunkt:active, 
ul#navigationsub li a.nspunkt:focus,
ul#navigationsub li a.nspunkt_aktiv  {
	color:#EB8A00;
	font-weight:bold;
	border:none;
}


/* Galerie-Bilder*/
img.gallery {
	display:block;
	float:left;
	width:130px;
	height:100px;
	padding:1px 1px 1px 1px;
	margin:0 0 0 0;
}


/* das js-qtip-Tooltip */
div#qTip {
	padding:5px;
	border:1px solid #EB8A00;
	display:none;
	background:#FFFFFF;
	color:#721A0B;
	position:absolute;
	z-index:1000;
}


/* kfr */
.farbe1 { /*pink*/
	background-color:#91004B;
	}
.color-1 { /*pinke Schrift*/
	color:#91004B;
	}	
	
.farbe2 { /*gelb*/
	background-color:#F8E498;
	}	
.color-1 { /*gelbe Schrift*/
	color:#F8E498;
	}	

h2 { /* siehe td#sidecell strong */
	text-transform:uppercase;
	color:#91004B;	
	font-size:11px;
	font-weight:bold;
	margin:5px 0 5px 0;
	padding:4px 4px 4px 4px;
/*	font-style:italic;*/
	}
	
img.logos {
	border: 1px solid #B0AEAF;
	}	
	
h3 { /* siehe td#sidecell strong */
	text-transform:uppercase;
	color:#91004B;	
	font-size:16px;
	font-weight:bold;
	margin:5px 0 5px 0;
	padding:4px 4px 4px 4px;	
	}
.klein{font-size:10px; color:#999;}