@charset "UTF-8";


/* Definition Grundlayout */

body {
	background: #aaacad; 
	background-image: url(/tl_files/layout/background.jpg);
	background-position: top;
	background-repeat: repeat-x;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff; 
	}
	
#wrapper {
	margin-top: 4%; 
	}

a {color: #fff; text-decoration: none; outline: none;}

#main a {border-bottom: 1px dotted #fff;}

	/* Ausnahme Startseite */
	.hotels_start #main a {border-bottom: none;}

a:hover,
a:active { color: #4b4a4d; outline: none;}

h1 {font-size: 22px; color: #4b4a4d; margin: 10px 0 5px 0; font-weight: normal;}

h2 {font-size: 20px; color: #fff; margin: 10px 0 5px 0; font-weight: normal;}

h3 {font-size: 18px; color: #fff; margin: 20px 0 0 0; font-weight: normal;}

h4 {font-size: 16px; color: #fff; margin: 10px 0 15px 0; font-weight: normal;}

h5 {font-size: 14px; color: #fff; margin: 10px 0 15px 0; font-weight: normal;}

#main {border: 1px solid #fff; margin-top: 10px; background: #b1b3b4; padding: 0; }

.mod_article .float_left img {margin: 10px 10px 10px 0;}
.mod_article .float_right img {margin: 10px 0 10px 10px;}

#spacerheader {
	width: 210px; 
	height: 280px; 
	background: none; 
	float: left;
	}


/* Farbcodierung Einzelseiten 

.hotels_lage #main {background: #99746B;}

.hotels_pauschalen #main {}

body.hotels_pauschalen {
	background: #6D9468!important; 
	background-image: none;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

.hotels_tagung #main {background: #6A838C;}

.hotels_info #main {background: #8C8260;}

*/

/* Seitenselektor */

.pagination ul {list-style-type: none; height: 20px; border-bottom: 1px dotted #fff; border-top: 1px dotted #fff;}

.pagination li {float: left; height: 20px; margin: 0 10px 0 0;}

.pagination .current {color: #4b4a4d; border-bottom: 1px solid #4b4a4d;}


/* Logoplatzierung */

.custom {height: 0px;}

#logo {
	position: relative;
	width: 260px; 
	top: -6px; 
	left: 750px; 
	z-index: 999;
	}


 /* Imageslider */

#slider {
	border: 1px solid #fff;
	height: 250px;
	position: relative;
	}
		/* IE workaraound for overflow hidden */	
		#slider .mask1 {overflow: hidden;}


/* Mediabox Layout */

#mbOverlay{background-color:#b1b3b4;}



/* Content Elemente */


/* Spalte LEFT */

#left .inside {margin: 0 8px 0 0;}

#left .mod_changelanguage,
#left .mod_article,
#left .mod_wetter,
#left .quickbooker,
#left .box_left {border: 1px solid #fff; margin: 0 0 8px 0; background: #b1b3b4;}

#left .ce_text {margin: 0;}

#left h1 { color:#fff; height:18px; background: #4b4a4d; font-size: 14px; padding: 4px 8px 6px 8px; margin: 0;}

#left h1 a:hover { color: #fff;}

#left .ce_text div {padding: 0 8px 0 8px;}

#left .ce_text p {margin: 10px 8px 12px 8px;}

#left .mod_wetter {text-align: center;}

#left .mod_wetter iframe {background: #fff; padding:0; margin:0; width:153px; height: 141px;}

#left .mod_wetter h1 {text-align: left;}


/* Main Spalte */

#main .mod_article img,
#main iframe {border: 1px solid #fff;}

#main .ce_text {margin-bottom: 30px;}

#main .ce_text img { margin: 10px;}

#main .inside {margin: 10px 0 20px 0;}

/* Sprachen Selektor */

#left .mod_changelanguage {background: #4b4a4d;}

#left .mod_changelanguage ul {list-style-type: none; margin: 4px 0 4px 0; padding: 0; height: 20px;}

#left .mod_changelanguage ul li {display: inline; padding: 0px 0 0px 8px;}


/* Formulare */

.formbody {font-size: 10px; padding: 2px;}

.formbody input,
.formbody select { border: 0; background: #fff; margin: 3px; width: 108px; height: 16px; padding: 4px;}

.formbody select { width: 116px;}

.formbody input.submit { color:#fff; background: #4b4a4d; width: 26px; height: 24px; margin: 5px;}

.formbody input.submit:hover { color:#4b4a4d; background: #fff; width: 26px; height: 24px; margin: 5px;}

.formbody select { border:0; height: 24px; padding: 4px;}

.formbody input.submit_qb { display: block; color:#fff; background: #4b4a4d; width: 26px; height: 24px; margin-top: 5px;}

.formbody input.submit_qb:hover { color:#4b4a4d; background: #fff; width: 26px; height: 24px; margin-top: 5px;}

.error {color: #4b4a4d; padding: 0 0 0 5px; font-weight: bold;}


	/*mediabox formulare */

.mediaboxform input { width: 200px;}

.mediaboxform select { width: 208px;}

.mediaboxform textarea { border: 0; margin:5px;  width: 200px; height: 200px; padding: 4px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}



/* Startseite Hotelliste + Uebersichtsseite Tagungen */

#main .mod_article#hoteluebersicht {padding: 0; margin:0;}

#main .teaserliste {font-size: 11px;}

#main .mod_cataloglist {padding:0; margin:0;}

#main .teaserliste img {border: none;}

#main .teaserliste .item { width: 135px; float: left; margin: 5px 6px 20px 8px; text-align: left;}

#main .teaserliste .value { margin:0; padding:0;}

#main .teaserliste .hotel_bild_startseite { background: #4b4a4d; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; margin: 0; padding:0; overflow: hidden; height: 100px;}

#main .teaserliste .hotelname {background: #4b4a4d; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0 0 8px 0; padding: 2px 5px 2px 5px; font-size: 10px;}

#main .teaserliste .hotelname a:hover {color:#fff;}

#main .teaserliste .hotel_kurztext_de, #main .teaserliste .hotel_kurztext_en {height: 59px; overflow: hidden; line-height: 14px;}



#main .hotel_auswahl_tagungshotel {display: none;}



/* Detailseite Hotelbeschreibung + Tagungen -- catalog_full tpl */

.catalog_full #main .label,
.catalog_full #main .back {display: none;}

.catalog_full #main img {border: 1px solid #fff; margin: 20px 10px 20px 0px;}

.catalog_full #main .hotel_ueberschrift_de,
.catalog_full #main .hotel_ueberschrift_en {font-size: 22px; color: #4b4a4d; margin: 10px 0 15px 0;}


#tagung-adresse {margin: 50px 0 0 0; padding: 0 0 0 10px;}


#headerbild {
	overflow: hidden; 	
	border: 1px solid #fff;
	height: 250px;
	}


#headerbild img {height:100%;}

#headerbild .label,
#headerbild .back { display: none;}



/* Hotelausstattung */

#hotel-beschreibung-hotelausstattung .field, #hotel-beschreibung-hotelausstattung-en .field {width: 30px; height:30px; background: #4b4a4d; display: inline-block;}

#hotel-beschreibung-hotelausstattung .hotelausstattung_zentrum, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_zentrum {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_zentrum.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_zentrumsnah, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_zentrumsnah {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_zentrumsnah.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_parkplaetze, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_parkplaetze {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_parkplaetze.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_parkhaus, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_parkhaus {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_parkhaus.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_aufzug, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_aufzug {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_aufzug.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_restaurant, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_restaurant {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_restaurant.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_bar, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_bar {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_bar.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_terrasse, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_terrasse {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_terrasse.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_hunde, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_hunde {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_hunde.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_wellness, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_wellness {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_wellness.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_tagungsraum, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_tagungsraum {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_tagungsraum.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_fruehstuecksraum, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_fruehstuecksraum {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_fruehstuecksraum.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_nichtraucherzimmer, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_nichtraucherzimmer {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_nichtraucherzimmer.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_balkon, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_balkon {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_balkon.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_telefonzimmer, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_telefonzimmer {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_telefonzimmer.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_tv, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_tv {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_tv.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_isdn, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_isdn {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_isdn.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_wlan, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_wlan {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_wlan.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_minibar, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_minibar {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_minibar.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_duschbad, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_duschbad {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_duschbad.gif); background-position: top left; background-repeat: no-repeat;}
#hotel-beschreibung-hotelausstattung .hotelausstattung_gruppen, #hotel-beschreibung-hotelausstattung-en .hotelausstattung_gruppen {background: #4b4a4d; background-image: url(/tl_files/hotelausstattung_icons/ausstattung_gruppen.gif); background-position: top left; background-repeat: no-repeat;}

#hotel-beschreibung-hotelausstattung .value, #hotel-beschreibung-hotelausstattung-en .value {display: none;}



/* Pauschalen */
	/* Auflistungen Gesamt */

#main .pauschalenliste {position: relative;}

#main .pauschalenliste .item {border-bottom: 1px solid #fff; overflow: hidden; margin-bottom: 10px; margin: 10px 0 5px 0;}

#main .pauschalenliste .pauschale_bild { float: left; margin: 0 10px 20px 0;}

#main .pauschalenliste .pauschale_titel, #main .pauschalenliste .pauschale_titel_en {font-size: 20px; margin: 0 0 10px 0;}

#main .formlink {margin-top: 20px;}

#main .formlink a {color: #4b4a4d; float: right; margin: 0 0 10px 0;}

	/* Detailseite für Pauschalen und Gruppenangebote - Lightbox */
	
.pauschale_titel,
.pauschale_titel_en,
.gruppen_titel,
.gruppen_titel_en {font-size: 22px; color: #4b4a4d; margin: 20px 0 30px 0;}


/* Gruppenangebote */

	/* Gruppentabelle */

#gruppentabelle {margin-bottom: 30px;}
	
#gruppentabelle table {font-weight: normal; color: #fff; background: #4B4A4D; font-size: 10px;}

#gruppentabelle .gruppentabelleheader { font-weight: bold; background: #fff; color: #4B4A4D; font-size: 11px; height: 35px;}

#gruppentabelle td { padding: 3px 5px 3px 5px;}

#gruppentabelle a { border:0; text-decoration: none;}

#gruppentabelle tr.even {background: #999;}
#gruppentabelle tr.odd {background: #AAACAD;}

#gruppentabelle .gruppentabelleheader td.breite1 { width: 130px; }
#gruppentabelle .gruppentabelleheader td.breite2 { width: 30px; }
#gruppentabelle .gruppentabelleheader td.breite3 { width: 30px; }
#gruppentabelle .gruppentabelleheader td.breite4 { width: 30px; }
#gruppentabelle .gruppentabelleheader td.breite5 { width: 50px; }
#gruppentabelle .gruppentabelleheader td.breite6 { width: 50px; }
#gruppentabelle .gruppentabelleheader td.breite7 { width: 50px; }
#gruppentabelle .gruppentabelleheader td.breite8 { width: 70px; }
#gruppentabelle .gruppentabelleheader td.breite9 { width: 70px; }
#gruppentabelle .gruppentabelleheader td.breite10 { width: 90px; }


	/* Auflistung Gesamt  Gruppenangebote*/
	
.gruppen_titel {font-size: 20px; margin: 0 0 10px 0;}

.gruppen_bild {float: left; margin: 0 10px 20px 0;}


/* news */

#news_start {width: 135px; border: none; overflow: hidden; position: absolute; left: 602px; top: 216px; font-size: 11px;}

#news_start {border: none;}

#news_start img {border: 0!important;}

#news_start .newsimg {width: 133px; height: 118px; border: 1px solid #fff; overflow: hidden;}

#news_start h2 {font-size: 12px; margin: 7px 0 0 0; padding:0;}


#news h1, #news-en h1 {margin: 15px 0 15px 0;}

#news img, #news-en img {float: left; margin: 0 20px 0 0;}

#news .info, #news-en .info {float: right; color:#4b4a4d; font-size: 12px; }

#news .block, #news-en .block {padding: 0 0 10px 0; border-bottom: 1px solid #fff;}


/* tooltips */

.tooltip
{
}
 
.tool .tip-title
{
    width:180px;
	height: 60px;
	line-height: 18px;
    padding:10px;
    text-align:left;
						/* background-image: url(/tl_files/layout/info.png);
						background-position: 168px 50px;
						background-repeat:  no-repeat; */
    background-color:#4b4a4d;
    border:1px solid #fff;
    color:#fff;
}

/* Event Teaser */

#spacerheader .mod_eventlist h1,
#spacerheader .info {display: none;}

#spacerheader .mod_eventlist {margin: 35px 0 0 0;}

#spacerheader .event h1 {display: block; color: #fff; font-size: 14px; margin:0; padding:0;}

#spacerheader img {padding-top: 5px;}

#spacerheader p {font-size: 10px; padding: 0 5px 5px 0px;}


/* Artikel drucken */

.printthis {margin: 10px; border: 1px solid #fff; padding: 10px; background: #4b4a4d; float: right;}

.printthis a {border: none!important;}

.printthis a img {border: none!important; padding:0!important; margin: 0 0 0 5px!important;}

.printthis a:hover {color: #b1b3b4}

.printthis .printbild img {padding:0; margin:0; border: 1px solid blue;}