@charset "utf-8";
/* CSS Document */

/* Basic */
#container{ width: 939px; }
#top{ height: 128px; width: 754px; }
#logo{ height: 128px; width: 185px; }

#topmenu{ width: 545px; }
#hmenu_inner, #hmenu_hg{  }
#header_inner{ height: 300px; }
#header{ height: 349px; }
#main{}
#main_left{ width: 264px; }
#submenu{  }
#servicemenu{}
#main_right{ width: 670px; }
.footer_inner{}
.box_bottom, .box_top{ height: 6px; }
li.submenu_li a, li.submenu_li_active a { /*height:16px;*/ }
h3.requesttitle{ width: 252px; } 
#quick_request{ width: 650px; }

/* Format */
body, h3, h2, h1, p, form, input, textarea, div{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 145%;
	}
body, h3, h2, h1, p, form, input, textarea, div{ color: #333333; }
body, table, td, h3, h2, h1, div, span {
	margin: 0px;
	padding: 0px;
	}
table { 
	font-family: Tahoma, Verdana, Arial;
	line-height: 145%;
	font-size: 11px;
	}
td p { font-size: 11px; }
#submenu table, #submenu ul, #submenu p{ font-size: 12px; }
h3{  }
*+html p.bodytext{ margin-top: 0px; }
*+html h1.pagetitle{ margin-bottom: 10px; }
body{ text-align: center; }
ol{ list-style: none; }
.content_block ul{ padding-left: 15px; }
*+html .content_block ul{ padding-left: 0px; margin-left: 16px; }
#main_right{ }
#main_right ul{ padding-left: 20px; }
*+html #main_right ul{ padding-left: 0px; margin-left: 20px; }
#main_right ul li{ padding: 1px 0px; }
#main_right h3{ /*margin: 0 20px 0 10px;*/ }
#main_right p.bodytext{ margin: 0px; }
h1.pagetitle{ margin-bottom: 10px; }
#container{ 
	text-align: left;
	position: relative;
	margin: 0 auto;
	}
#logo{
	float: left;
	}
#logo img{ margin-top: 20px; }
#header{ margin-top: 0px; }
#header .hmenu_tbl{ margin-left: 8px; }
#top{ 
	float: right;
	}
#header_inner{
	 padding-left: 4px;
	 padding-top: 4px;
	}
#hmenu_hg{ z-index: 8; }
#hmenu_inner{ padding-left: 16px; }
#anfrage{ 
	margin-top: 10px; 
	position: absolute;
	z-index: 111;
	}

#top, #main, .footer_inner{ padding: 0px; }
#topmenu{ 
	text-align: right; 
	margin-bottom: 68px;
	margin-top: 10px;
	margin-left: auto;
	}
#infomenu{ margin-top: 10px; }
* html #infomenu {
	overflow: hidden;
	width: 264px;
}
#main{ 
	margin-bottom: 25px;
	margin-top: 10px;
	}
#main_left{ float: left; }
#buchen {
	display: none; 
	/* 	2011-03-30 M.Obermoser
		ausgeblendet lt. Auftrag v. Fr. Raser 
	*/
}
#main_left h3.menutitle, #servicemenu h3, #buchen h3{ 
	margin-left: 15px; 
	padding-top: 6px; 
	margin-bottom: 6px;
	}
.content_block{ margin-bottom: 12px; }
#submenu, #servicemenu{ margin-bottom: 10px; }
#servicemenu, #infomenu{  }
.horiline{ 
	height: 1px; 
	background-color: #86B7D9; 
	margin-bottom:15px;
	margin-top:15px;
	}
#content{ padding: 11px 15px 0px 15px; }
#main_right{ float: right; }
#main_right .content_block{
	padding: 10px 20px 15px 10px; 
	border-top: 1px solid #EBEBEB;
	}
#main_right{ }
#main_left{ }
#footer{ 
	height: 213px;
	background-color: #DBCABB;
	}
#footer p{ font-size: 11px; }
#linkliste{
	margin-top: 10px; 
	padding-top: 1px;
	border-top: 1px solid #EAEAEA;
	}
.footer_inner{ padding: 10px 5px 0px 5px; }
.footer_inner p{ 
	color: #FFFFFF;
	margin: 0px; 
	}
#infomenu table td p{
	margin: 2px 0px;	
}
#quick_request{ 
	float: right; 
	margin-left: 20px; 
	}
.clear{ clear: both; }
.flags img{ margin: 0 5px; }
.h3_underline{ border-bottom: 1px solid #CFCFCF; }
h3.requesttitle{ 
	border-right: 1px solid #DFD0C3; 
	float: left;
	margin-left: 14px;
	}
.box_main{ padding-bottom: 8px; }

h2.contentHeader{ 
	border-bottom: 1px solid #B18A69; 
	margin-bottom: 10px; 
	margin-top: 10px;
	clear: both;
	}

/* Menüs */
/* alle Menüs */
li.submenu_li, li.submenu_li_active{ padding: 0px 0px 0px 0px; }

* html li.hmenu_li, li.hmenu_li_active,
li.submenu_li, li.submenu_li_active{ padding: 0px 0px 0px 0px; }

ul.hmenu_ul, ul.submenu_ul, ul.service_ul, ul.topmenu_ul, ul.submenu2_ul{
	padding: 0px;
	margin: 0px;
	list-style: none; 
}
ul.submenu_ul{ 
	padding-left: 0px; 
	margin-bottom: 0px; 
	margin-top: 1px;
	}
ul.ebene2ul{ margin-bottom: 10px; }
.hmenu_li a{ padding: 0px 0px 0px 14px; }
li.hmenu_li_active a{ padding: 0px 0px 0px 17px; }
li.submenu_li a, li.submenu_li_active a{ padding: 0px 0px 0px 25px;  }
li.ebene2 a, li.ebene2a a{ padding: 0px 0px 0px 35px;  }
li.submenu_li a { display: block; }
/*li.submenu_li a, .hmenu_li_active a, .hmenu_li a, td.hmenu_item a{ display: block; }*/
li.submenu_li a, li.submenu_li_active a, li.service_li a, li.submenu2_li a, li.submenu2_li_active a, #infomenu table a{
	color: #FFFFFF;
	text-decoration: none;
}
.submenu_li a, .submenu_li_active a{ display: block; }
li.submenu_li a:hover, li.submenu_li_active a:hover, li.service_li a:hover, li.submenu2_li a:hover, li.submenu2_li_active a:hover, #infomenu table a:hover, .csc-menu-1 a:hover{
	color: #FFFFFF;
}
#topmenu ul{ color: #666666; }
#topmenu .topmenu_ul li, .csc-menu-1 li{ display: inline; }
#topmenu .topmenu_ul li a{ color: #666666; text-decoration: none; padding: 0px 12px 0px 0px; }
#topmenu .topmenu_ul li .div_sizer a{ padding-right: 2px; }
#topmenu .topmenu_ul li a:hover{ text-decoration: underline; }
#topmenu .topmenu_ul{ margin-right:15px; }

td.hmenu_item a{ padding-left: 24px; }
li.submenu_li_active a, li.submenu_li a{ font-size: 11px; }

.topim{ float: left; }

.csc-menu-1 a{
	color: #0E71B4;
	text-decoration: underline;
	}
.csc-menu-1 a:hover{
	text-decoration: none;
	}
#main_right ul.csc-menu { 
	padding: 2px; 
	text-align: right;
	}

.sizer{ margin-left: 13px; margin-top: 8px; }
.sizer a{
	text-decoration: none;
	color: #666666;
	}
.sizer a:hover{ text-decoration: underline; }

/* HMENU */
.hmItem10, .hmItem8, .hmItem6, .hmItem5, .hmItem3, .hmItem76{
	background-position: left top;
	background-repeat: no-repeat; 
}
.hmItem10{ background-image: url(../images/zeichen_1.png); }
.hmItem8{ background-image: url(../images/zeichen_2.png); }
.hmItem6{ background-image: url(../images/zeichen_3.png); }
.hmItem5{ background-image: url(../images/zeichen_4.png); }
.hmItem3{ background-image: url(../images/zeichen_5.png); }
.hmItem76{ background-image: url(../images/zeichen_6.png); }

/* Background */
body{ 
	background-image: url(../images/background.jpg);
	background-position: center top;
	background-repeat: repeat-x; 
	}
#hmenu_hg{
	background-image: url(../images/hmenu_hg.png);
	background-position: center top;
	background-repeat: no-repeat;
	}
#header{
	background-image: url(../images/header_hg_sub.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
#main_right{
	background-image: url(../images/content_hg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	}
td.hmenu_item a{
	/*background-image: url(../images/arrow_hmenu.gif);*/
	background-position: left center;
	background-repeat: no-repeat;
	}
#hmenu ul li.submenu_li a, #hmenu ul li.submenu_li_active a, li.ebene3{
	/*background-image: url(/fileadmin/templates2009/images/arrow.png);*/
	background-position: left center;
	background-repeat: no-repeat;
	}
._hmenu_li_active a{
	background-image: url(../images/submenu_hg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
*+html .hmenu_li_active .submenu_li_acitve a, *+html .hmenu_li_active .submenu_ul a { background: none; }
#footer{
	background-image: url(../images/footer_hg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}
.hmenu_li a{
	background-image: url(../images/arrow_big.gif);
	background-position: 4px center;
	background-repeat: no-repeat;
	}
.ebene1 a, .service a, .servicea a{
	background-image: url(../images/ebene_01.jpg);
	background-position: 12px -1px;
	background-repeat: no-repeat;
	}
.ebene1 a:hover, .ebene1a a, .service a:hover, .servicea a:hover{
	background-image: url(../images/ebene_01_over.jpg);
	background-position: 12px -2px;
	background-repeat: no-repeat;
	background-color: #B18B69;
	}
*+html .ebene1a .ebene2ul a { background: none; }
*+html .ebene1a .ebene2ul a, .ebene2 a{
	background-image: url(../images/ebene_02.jpg);
	background-position: 23px -1px;
	background-repeat: no-repeat;
	}
*+html .ebene1a .ebene2ul a:hover, *+html .ebene1a .ebene2a a, .ebene2a a, .ebene2 a:hover, .ebene2a a{
	background-image: url(../images/ebene_02_over.jpg);
	background-position: 23px -2px;
	background-repeat: no-repeat;
	background-color: #B18B69;
	}
.box_bottom{
	background-image: url(../images/box_bottom.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}
.box_top{
	background-image: url(../images/box_top.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}
.box_main{ background-color: #C5A78F; }



/* Styles */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin: 10px 0px;
}
#main_left div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin: 0px;
}
*+html #main_left div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin: 0px 0px 5px 0px;
}


/* Zimmerkategorie */

p.bodytext a.roombutton1, p.bodytext a.roombutton2, p.bodytext a.roombutton3, p.bodytext a.roombutton4,
p.bodytext a.roombutton5,p.bodytext a.roombutton6,p.bodytext a.roombutton7{
	background-position: left top;
	background-repeat: no-repeat;
	height: 95px;
	width: 315px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	padding: 0px;
}
p.bodytext a:hover.roombutton1, p.bodytext a:hover.roombutton2, p.bodytext a:hover.roombutton3, p.bodytext a:hover.roombutton4,
p.bodytext a:hover.roombutton5,p.bodytext a:hover.roombutton6,p.bodytext a:hover.roombutton7{
	background-position: left -95px;
	text-decoration: none;
}
#zimmeruebersicht span.button_inner{
	display: block;
	padding-top: 6px;
	padding-left: 20px;
	padding-right: 155px;
	padding-bottom: 6px;
}
#zimmeruebersicht .button_inner_row1{ display: block; margin-bottom: 5px; color: #FFFFFF; font-weight: bold; }
#zimmeruebersicht .button_inner_row2{ color: #543733; }
/*diverse Zimmer*/
p.bodytext a.roombutton1{ background-image: url(/fileadmin/templates2009/images/roomkat_button_isabell.jpg); }
p.bodytext a.roombutton2{ background-image: url(/fileadmin/templates2009/images/roomkat_button_welsch.jpg); }
p.bodytext a.roombutton3{ background-image: url(/fileadmin/templates2009/images/roomkat_button_haupthaus.jpg); }
p.bodytext a.roombutton4{ background-image: url(/fileadmin/templates2009/images/roomkat_button_suedhaus.jpg); }
p.bodytext a.roombutton5{ background-image: url(/fileadmin/templates2009/images/roomkat_button_zweigelt.jpg); }
p.bodytext a.roombutton6{ background-image: url(/fileadmin/templates2009/images/roomkat_button_wabi.jpg); }
p.bodytext a.roombutton7{ background-image: url(/fileadmin/templates2009/images/roomkat_button_sabi.jpg); }


/* Preisübersicht Tabelle */
.th p {
	background-color: #725449;
	color: #DBC9BB;
	text-align: center;
	padding: 5px;
}
.td-Vorsaison {
	background-color: #DBC9BB;
	color: #000;
	text-align: center;
}
.td-Sommer_Vorweihnacht {
	background-color: #C5A78F;
	color: #000;
	text-align: center;
}
.td-Hauptsaison {
	background-color: #B18A69;
	color: #000;
	text-align: center;
}

.th-Vorsaison, .td-Vorsaison, .th-Sommer_Vorweihnacht, .td-Sommer_Vorweihnacht { border-right: 0px solid #fff; }

.th-Vorsaison, .th-Sommer_Vorweihnacht, .th { border-bottom: 1px solid #fff; }

.td-Vorsaison, .td-Sommer_Vorweihnacht, .td-Hauptsaison, .td-wohnungen  {
	border-bottom: 1px solid #725449;
	padding: 3px;
}

/* Legende Farben Preisliste */
.Leg-Header { background-color: #725449; padding: 5px;  }
.Leg-Header p { color: #DBC9BB; } 
.Leg-VorSai { background-color: #DBC9BB; padding: 5px; }
.Leg-SomSai_VorWei { background-color: #C5A78F; padding: 5px; }
.Leg-HauSai { background-color: #B18A69; padding: 5px; }



#topmenu .topmenu_ul li #lang_EN,
#topmenu .topmenu_ul li #lang_DE,
#topmenu .topmenu_ul li #lang_RU {
  background-image: urL(/fileadmin/content/flags/en_flagge_2.png);
  background-position: bottom;
  background-repeat: no-repeat;
  /*
  padding-bottom:6px;
  padding-left:30px;
  padding-right:15px;
  padding-top:1px;
  */
  padding:2px 0 0 20px;
}
#topmenu .topmenu_ul li #lang_DE {
  background-image: urL(/fileadmin/content/flags/de_flagge_2.png);
}
#topmenu .topmenu_ul li #lang_RU {
  background-image: urL(/fileadmin/content/flags/ru_flagge_2.png);
}

#lang_EN span {
  width: 24px;
  height: 19px;
}


/* JOBBOERSE */


/* Für alle Browser ausser der IE 6 und IE7
.th-Jobs p {
	background-color: #725449;
	color: #DBC9BB;
	border-bottom: 1px;
	padding: 5px;
	font-weight: bold;
}
******************************************/

.th-Jobs {
	background-color: #725449;
	color: #DBC9BB;
	border-bottom: 1px;
	padding: 5px;
	font-weight: bold;
}
.th-Jobs p { color: #DBC9BB; }

.tr1-Jobs {
	background-color: #DBC9BB;
	color: #000;
	border-bottom: 1px solid #725449;
	padding: 5px;
}
.tr2-Jobs {
	background-color: #C5A78F;
	color: #000;
	border-bottom: 1px solid #725449;
	padding: 5px;
}

.linkleiste {
	margin-left: 5px;
}

.linkleiste div {
    float: left;
    margin-top: 15px;
    font-size: 11px;
    width: 154px;
}

.linkleiste strong {
    display: block;
    width: 90%;
	color: #FFF;
    border-bottom: 1px solid #FFF;
}

.linkleiste a {
    color: #7F6050;
    text-decoration: none;
}

.linkleiste div ul {
    list-style: none;
    padding: 0;
	margin: 0;
    margin-right: 10px;
}

.tx-goecard-pi1 form {
	background: #E1D3C6;
	margin: 20px 0 0 0;
	padding: 10px;
	width: 615px;
	height: 355px;
	position: relative;
	background: url(../img/tx-goecard-pi1_form.png) no-repeat;
	
}

.tx-goecard-pi1 form fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

.tx-goecard-pi1 #ec_sender,
.tx-goecard-pi1 #ec_receiver,
.tx-goecard-pi1 #ec_submit {
	position: absolute;
	width: 250px;
	height: 75px;
	right: 0;
	top: 100px;
}

.tx-goecard-pi1 #ec_receiver {
	top: 200px;
}

.tx-goecard-pi1 #ec_submit {
	top: 300px;
}


.tx-goecard-pi1 .label {
	float: left;
	display: inline;
	width: 60px;
	padding: 0;
	margin: 0 10px 0 0;
	font-size: 1em;
	line-height: 1.5em;
}

.tx-goecard-pi1 .textarea .label {
	float: none;
	display: block;
}

.tx-goecard-pi1 .input input,
.tx-goecard-pi1 .textarea textarea {
	width: 150px;
	border: 1px solid #B49173;
	margin: 0 2px 2px 0;
	padding: 1px; /* sollte '0 1px', aufgrund der Ästhetik brechen wir das Grid hier */
	background: #FFFFFF;
	font-size: 1em;
	font-family: Tahoma;
	color: #505050;
}

.tx-goecard-pi1 .textarea textarea {
	width: 350px;
	height: 75px;
	overflow: auto;
}

.tx-goecard-pi1 h3,
.tx-goecard-pi1 #ec_area label {
	color: #5C403B;
	font-size: 14px;
	text-transform: uppercase;
	margin: 7px 0 8px 0;
}

.tx-goecard-pi1 #tx-goecard-pi1-imageselector {
	margin: 0 auto 1.5em auto;
	background: url(../img/tx-goecard-pi1-imageselector.png) no-repeat;
	padding: 5px 0 0 50px;
	height: 117px;
	width: 520px;
	overflow: hidden;
	
}

.tx-goecard-pi1 #tx-goecard-pi1-imageselector img {
	margin: 0 9px 0 0;
}	
	
/* generische Klassen */

div.error,
div.notice,
div.success {
	padding: 0.675em 0.5em 0.675em 2.5em;
	border: 1px solid #D02020;
	background: url(../img/icons/16x16/error.png) no-repeat 0.5em 0.775em;
	margin-bottom: 1.5em;
}

div.notice {
	border-color: #638BBB;
	background-image: url(../img/icons/16x16/information.png);
}

div.success {
	border-color: #58B058;
	background-image: url(../img/icons/16x16/accept.png);
}

/* Social Media */

#social_media_row {
	position: absolute;
	right: -46px;
	top: 160px;
	width: 90px;
	height: 240px;
	padding: 20px 0;
}
#social_media_row div.crop {
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 245px;
	overflow: hidden;
}

#social_media_row  ul{
	/*margin: 0 0 0 -20px;*/
	margin: 0 0 0 0px;
	padding: 0 0 0 3px;
	list-style: none;
}

#social_media_row  ul li {
	padding: 0;
	margin: 0 0 5px 0;
	width: 36px;
	height: 36px;
	overflow: hidden;
}

#social_media_row  ul li a {
	width: 30px;
	height: 30px;
	padding: 3px;
	display: block;
	text-indent: -9999em;
	background: transparent no-repeat center center;
}
#social_media_row .facebook a{
	background-image: url(/fileadmin/templates2009/img/icons/social/facebook.png);
}
#social_media_row .twitter a{
	background-image: url(/fileadmin/templates2009/img/icons/social/twitter.png);
}
#social_media_row .trivago a{
	background-image: url(/fileadmin/templates2009/img/icons/social/trivago.png);
}
#social_media_row .booking a{
	background-image: url(/fileadmin/templates2009/img/icons/social/booking.com.png);
}
#social_media_row .flickr a{
	background-image: url(/fileadmin/templates2009/img/icons/social/flickr.png);
}
#social_media_row .holidaycheck a{
	background-image: url(/fileadmin/templates2009/img/icons/social/holidaycheck.png);
}




div#fb_like_box {
	/*border: 1px solid #DBCABB;*/
	margin-top:20px;
	padding:10px;
}
#tweet_box {
	position: relative;
	/*display: inline;*/
	display: none;
	float: right;
}

#content .testtable {
	width: 644px;
	
}
#content .testtable table {
	width: 100%;
	
}

#content .testtable td, #content .testtable td p, #content .testtable td p.bodytext {
	font-size: 11px !important;
	padding: 5px 2px !important;
	margin: 0 !important;
	width: auto !important;
}

.highslide-container .highslide-body {
	text-align:left; 
	font-size:10px;
}

.highslide-container .highslide-body td {
	font-size: 11px;
	padding: 3px;
}

.highslide-container .highslide-body .csc-textpic {
	padding-right:30px;
	padding-left:20px;
	padding-top:20px;
}
.highslide-container .bodytext{
	color: #725449;
	font-size:11px;
	margin: 0;
}

.highslide-container div ul li {
	font-size:11px !important;
}

#quicklinks {
    display: block;
	overflow: hidden;
	outline: none;
}


#quicklinks ul, #quicklinks li{
	margin: 0;
	padding: 0;
	background: none;
}

#quicklinks ul {
	margin-left: 2px;
}

#quicklinks li{
	float: left;
	list-style: none;
}

#quicklinks a{
	display: block;
	height: 48px;
	text-indent: -9999em;
	margin: 5px;
	outline: none;	
}



#quicklinks a.relax{
	background: url(../images/logos/relax.png) no-repeat left top;
	width: 45px;
}

#quicklinks a.ith{
	background: url(../images/logos/ith.png) no-repeat left top;
	width: 39px;
}

#quicklinks a.thermenland{
	background: url(../images/logos/thermenland.png) no-repeat left top;
	width: 166px;
}

#quicklinks a.schlank{
	background: url(../images/logos/schlank.png) no-repeat left top;
	width: 45px;
}

#quicklinks a.relax:hover{background-position: left -48px;}
#quicklinks a.ith:hover{background-position: left -48px;}
#quicklinks a.thermenland:hover{background-position: left -48px;}
#quicklinks a.schlank:hover{background-position: left -48px;}