@import url("reset.css"); /* Setzt alle Browserstyles auf einen Standard */
@import url("html.css"); /* Formatiert HTML-Tags */
@import url("layout.css"); /* Grundlegendes Layout der Seite, Position der Elemente */
/*@import url("rgslideshow.css"); /* angepasste CSS zur Extension rgslideshow */
/*@import url("datepicker.css");  Datumsauswahl */



body {
	color: #454545;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 150%;
}

a:link, a:visited { color: #ffffff; }
a:hover, a:active, a:focus { color: #8a0707; text-decoration: none; }

#midcol h1  {
	color: #8a0707;
	font-size: 13px;
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
	font-weight: normal;
	text-transform: uppercase;
}
#midcol h1.csc-firstHeader { margin: 0 0 7px 0; padding: 10px 0 0 0; }
#midcol h2 { color: #8a0707; font-size: 12px; margin: 0 0 5px 0; padding: 10px 0 0 0; font-weight: normal;}
#midcol h3 { font-size: 12px; margin: 0; text-decoration: underline; font-weight: normal;}

#midcol p { margin: 0 0 7px 0 }
#midcol p.align-left { text-align: left; }
#midcol p.align-center { text-align: center; }
#midcol p.align-right { text-align: right; }

#midcol * b { font-weight: bold; }
#midcol * i { font-style: italic; }
#midcol * sub { font-size: 10px; vertical-align: sub; }
#midcol * sup { font-size: 10px; vertical-align: super; }

#midcol ul { list-style: outside disc; margin: 5px 0; padding-left: 20px; }
#midcol ul ul  { list-style: outside circle; margin: 0; padding-left: 15px; }
#midcol ol { list-style: outside decimal; margin: 5px 0; padding-left: 15px; }
#midcol ol ol { list-style: outside decimal; margin: 0; }
#midcol a:link, #midcol a:visited{ color: #004588; text-decoration: none; }
#midcol a:hover, #midcol a:focus, #midcol a:active { color: #004588; text-decoration: underline; }


/*#leftcol .csc-textpic *, #rightcol .csc-textpic * { margin: 0 auto !Important; }*/
#leftcol .csc-textpic * { margin: 0 auto !Important; }
#rightcol .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom:4px!important;}
#leftcol .rgslideshow { border: none !important; }
#rightcol .csc-textpic-imagewrap, #rightcol .csc-textpic-imagerow {  }

#leftcol .slideshow-controller {
	background: none;
	height: 45px;
	left: 0;
	position: absolute;
	top: 50%;
	width: 100%;
}

#leftcol .slideshow-controller li.first,
#leftcol .slideshow-controller li.pause,
#leftcol .slideshow-controller li.last { display: none; }
#leftcol .slideshow-controller li.prev { left: 0; position: absolute; top: 0; }
#leftcol .slideshow-controller li.next { right: 0; position: absolute; top: 0; }
#leftcol .slideshow-controller li.prev a {
	background: transparent url(../images/zurueck.gif) 0 0 no-repeat;
	cursor: pointer;
	display: block;
	height: 45px;
	position: relative;
	width: 43px;
	z-index: 100;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#leftcol .slideshow-controller li.next a {
	background: transparent url(../images/vor.gif) 0 0 no-repeat;
	cursor: pointer;
	display: block;
	height: 45px;
	position: relative;
	width: 43px;
	z-index: 100;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

#popup {
	background-color: #ffffff;
	display:none;
	height: 90px;
	padding:0 10px 10px 10px;
	left: 45px;
	position: absolute;
	top: 15px;
	width: 240px;
	border:2px solid #A60909;
}

#popup h1 {color: #8a0707;
	font-size: 13px;
	margin: 10px 0 5px 0;
	padding: 10px 0 0 0;
	font-weight: normal;
	text-transform: uppercase;}

#popup a:link, #popup a:visited,#popup a:active {background-color: #8a0707;color:#ffffff;font-weight:bold;padding:3px;text-transform: uppercase;font-size:10px;}
#popup a:hover{color: #d0b57d;}

#popup p {padding-bottom:5px;}
	
#Popup-img {margin:0px 5px 0 0;}

#popup-link { cursor:pointer; position: absolute; right: 10px; top: 5px; }

#leftcol #popup img {margin:20px 5px 0 0!important;}

#information * {
	color: #ffffff;
	font-size: 10px;
	word-spacing: -0.1em;
	letter-spacing: -0.06em;
}

#room_check { line-height: 100%; }

#room_check .check, #room_check .newsletter { float: left; }

#room_check h1 {
	color: #c4a25c;
	font-family: Georgia;
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: normal;
	text-transform: uppercase;
}

#room_check label {
	color: #c4a25c;
	font-size: 10px;
	line-height: 100%;
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-transform: uppercase;
}

#room_check table { margin: 0; }
#room_check td { line-height: 100%; padding: 0 2px; }
#room_check select  { font-size: 11px; height: 17px; margin-top:1px; }
#room_check input[type="button"] {
	background-color:#A60909;
	border: none;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 3px;
	vertical-align: baseline;
}

#room_check input[type="button"]:focus, #room_check input[type="button"]:hover, #room_check input[type="button"]:active { color: #d0b57d; }

#room_check select option {
	font-size: 11px;
	height: 16px;
	padding-right: 10px;
	text-align: left;
}

#room_check .check a:link, #room_check .check a:visited, #room_check .check a:hover, 
#room_check .check a:active, #room_check .check a:focus {
	color: #ffffff;
	font-size: 10px;
	padding: 0 10px;
}

#room_check .check a:hover { text-decoration: underline; }

#room_check .newsletter { margin-left: 113px; padding-top: 10px; }
#room_check .newsletter a:link, #room_check .newsletter a:visited,
#room_check .newsletter a:hover,#room_check .newsletter a:active, #room_check .newsletter a:focus {
	background-color: #A60909;
	color: #ffffff;
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding: 3px;
	text-transform: uppercase;
}
#room_check .newsletter a:hover,#room_check .newsletter a:active, #room_check .newsletter a:focus { color: #d0b57d; }

/* Nur für die Startseite */
#uid-1 #rightcol .csc-textpic-imagerow {
	background: transparent url(../images/bg_element.png) 0 0 no-repeat scroll;
	margin-bottom: 14px;
	overflow: hidden;
	padding: 7px;
	margin: 0 auto;
	width: 153px !important;
}

#uid-1 #rightcol .csc-textpic-caption {
	font-family: Georgia;
	padding:12px;
	height: 15px;
	text-transform: uppercase;
}

#uid-1 #rightcol .csc-textpic .csc-textpic-caption a:link,
#uid-1 #rightcol .csc-textpic .csc-textpic-caption a:visited,
#uid-1 #rightcol .csc-textpic .csc-textpic-caption a:hover,
#uid-1 #rightcol .csc-textpic .csc-textpic-caption a:active,
#uid-1 #rightcol .csc-textpic .csc-textpic-caption a:focus {
	color: #333333;
	display: block;
	font-weight: bold;
	font-size: 12px;
	height: 30px;
	padding: 15px 0 0 10px;
	text-decoration: none;
}

#uid-1 #leftcol {
	height: 400px;
	margin-right: 195px;
	width: 760px;
}



/* #############################################################################
 * ########## Navigationen
 */
ul.level2 { display: none; position: absolute; top: 20px; left: 0px; z-index: 10;}
ul#level1 li#l1active ul.level2 { display: block; z-index: 10; }
ul#level1, ul.level2 {
	background-color: #A60909; 
	color: #FFF;
	/*height: 17px;*/
	overflow: hidden;
	width: 720px;
}

ul#level1 li, ul.level2 li {
	color: #FFF;
	float: left;
	white-space: nowrap;
}

ul#level1 li a, ul.level2 li a {
	color: #FFF;
	display: block;
	font-size: 11px;
	line-height: 17px;
	padding: 0 8px;

}

ul#level1 li > a:hover, ul#level1 li > a:active, ul#level1 li > a:focus,
ul.level2 li > a:hover, ul.level2 li > a:active, ul.level2 li > a:focus { color: #d0b57d; }

ul#level1 #l1active > a:link, ul#level1 #l1active > a:visited,
#l1active ul.level2 .l2menuactive > a:link, #l1active ul.level2 .l2menuactive > a:visited { color: #d0b57d; }
ul.level2 a { font-size: 10px; }

/* Sprachnavi */
#langnavi .buchen {text-align:center;}
#langnavi .buchen a:link, #langnavi .buchen a:visited,
#langnavi .buchen a:hover,#langnavi .buchen a:active, #langnavi .buchen a:focus {
	background-color: #A60909;
	color: #ffffff;
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding: 0 3px 0 3px;
	text-transform: uppercase;
}
#langnavi .buchen a:hover,#langnavi .buchen a:active, #langnavi .buchen a:focus { color: #d0b57d; }



#langnavi li.lmitem {
	background-color: #A60909;
	float: left;
	margin: 0 0 0 10px;
	text-align: center;
	text-transform: uppercase;
	width: 20px;
}

#langnavi li a:hover, #langnavi li a:active, #langnavi li a:focus { color: #d0b57d; }

#langnavi .lmctive a:link, #langnavi .lmactive a:visited { color: #d0b57d; }

	/* Nur für die Urlaubspakete */		
.paket {
	background-color:#ffffff;
	border:1px solid #A60909;
	height: auto;
	padding:5px;
	margin: 20px 0 0 0;
}
.paket.tabelle { padding: 0; margin-top: 0; }
.paket .contenttable {
	/*background-color:#ffffff;
	border:1px solid #A60909;*/
	width:481px;
}
.paket .contenttable td { padding: 5px; text-align: center; }
.paket .contenttable .td-0 { text-align: left; }
.paket .contenttable .tr-0 td,
.paket .contenttable .tr-5 td,
.paket .contenttable .tr-10 td {
	background-color:#A60909!important;
	color:#ffffff;
	font-weight:bold;
}
.paket .contenttable .tr-even {background-color:#EFEFEF;}

.csc-textpic {
/*background-color:#FFFFFF;*/
height: auto !important;
/*min-height: 310px;
padding:15px;*/
}

.Leistungen .td-1 {
	background-color: #B69B6D;
	text-align: center;
	width: 45px;
}

.Leistungen {
	margin-bottom: 20px;
	padding: 0;
	width: 450px;
}

.Leistungen td {
	border-top: 1px solid #A60909;
	padding: 10px;
	text-align: left;
}

.Leistungen ul {padding: 0 5px 0 15px;}
.Leistungen li {list-style-type:disc;}


/* #############################################################################
 * ########## Preistabelle ID 36
 */
 
.Preistabelle {
	width: 480px;
	margin: 0 0 15px 0;
}

.Preistabelle td, .Preistabelle th {
	text-align: left;
	padding: 5px;
}

.Preistabelle th {
	background-color: #A60909;
	color: #ffffff;
}

/* #############################################################################
 * ########## Anwendungen Terme ID 21
 */
 .Terme th {background-color:#A60909; color:#ffffff;}
 
.Terme td.td-0  {
	font-weight:bold!important;
	text-align:left;
	width:148px;
}

.Terme td {padding:5px;text-align:center;vertical-align:middle;}

.Terme .tr-odd td {background-color:#EFEFEF;}
.Terme .tr-even td {background-color:#ffffff;}

/* #############################################################################
 * ########## Med PaketID 30
 */
 .Med-Paket {background-color:#ffffff; padding:5px;margin-bottom:15px;}
 .Med-Paket h1 {background-color:#A60909; color:#ffffff!important;padding:5px!important;margin:0px!important;}
 



/* #############################################################################
 * ##########Wetter ID 49 

#uid-49 #pfoot {	margin:0 auto;}
#uid-49 #rightcol {right: 361px;	top:155px;}

.Wetter a:link, .Wetter  a:visited, .Wetter a:active {color:#A60909 !important;}
.Wetter p {text-align:center;}
#Wetter-Tabelle {border:1px solid #a60909;background-color:#ffffff;}

.WTag {background-color:#A60909; font-variant:small-caps;}
.WTag p {color:#ffffff;}
 */
 
 
 /* #############################################################################
 * ##########Newsletter Anmeldung ID 82 
 */
.tx-sremailsubscribe-pi1 input {width:200px;}
.tx-sremailsubscribe-pi1 dt {width:30%;}
.tx-sremailsubscribe-pi1-submit {width:auto!important;background-color:#A60909;color:#ffffff;text-transform:uppercase;border:none;font-size:10px!important;padding:3px!important;font-weight:bold;display:block;cursor:pointer}
.tx-sremailsubscribe-pi1 legend {font-weight:normal; padding:0px;}
.tx-sremailsubscribe-pi1 p {padding:0px;}
fieldset {width:300px;}