@CHARSET "UTF-8";

/* ##################################################
 * #												#
 * # HOCHZWEI Stylesheet							#
 * #												#
 * # Autor: Michael Kelmer							#
 * # 												#
 * # Datum: 20.03.2009								#
 * # 												#
 * ################################################## 
 */





.abs {
	position:absolute;
	
}

#forIframe {
	width:240px;
}

#popUp p {
  margin-bottom: 15px;
}

#wellForm .label {
	width:400px;
	float:none;
}

#wellForm .field {
	width:400px;
	float:none;
}

#wellForm .formRow .field .text {
    border: 1px solid #ACACAC;
    height: 20px;
    width: 440px;
}

#wellForm .textarea .txtarea {
    border: 1px solid #ACACAC;
    height: 80px;
    width: 440px ;
}

.quickInputDiv6 {
	width:145px;
	
}

.w80 {
	width:80px !important;
	
}

.w40 {
	width:40px !important;
	
}

#westOpener {
	top:0px;
	left:9px;
	width:188px;
	height:28px;
	background:#00306e url(../img/noFlash/orte_blue.png) no-repeat top left;
	z-index:10;
}

.ortsLogo img {
	height:105px;
	border:none;
}


a.syltReisenLink {
	font-family:helvetica, arial;
font-size:26px;
color:#fff !important;
text-decoration:none !important;
	
}

.syltReisenLinkDiv1 {
	text-align:center;
	padding-top:15px;
	border-top:1px solid #7facc4;
}

.syltReisenLinkDiv {
	padding-left:30px;
	margin-top:-10px;
	padding-right:45px;
	
}

#flashmovflashheader {
	height:195px;
	overflow:hidden;
	
}

#ortSelector {
	width:690px;
	height:150px;
	left:9px;
	background:#006598 url(../img/noFlash/bg_noFlashBlau.png) repeat-x top left;
	top:0px;
	z-index:11;
	
}

#jsSlider {
    position:relative;
    width:930px; /* Change this to your images width */
    height:195px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#jsSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
	
}

.nivo-slice {
	width:930px !important;
}
#jsSlider a {
    border:0;
    display:block;
}

.tx-thmailformplus-pi1 .error {
	color:red;
}

/*
	-----------------------------------------------------------------------------------------------

										CSS
	
	-----------------------------------------------------------------------------------------------
*/

/*
a.iframe {
	background:url(../img/arrowLinkMoreGreen.gif) no-repeat 0px 1px;
	padding-left:11px;
}
*/

.artListCon {
	width: 500px;
	float: left;
}
.tx-hoch2flashpaper-pi1 h2  {
	margin-bottom:10px;
}

.swf #sb-wrapper {
	background: transparent !important;
	padding: 0;
}

.tx-fstpanoramen-pi1 {
	padding:0px 20px 20px 20px;
}

.pano {
	margin-right:10px;
	margin-bottom:10px;
}

.tx-fstpanoramen-pi1 a img {
	border:none;
}

.floatLeft {
	float:left;
}

.clearBoth {
	clear:both;
}

.wellnessNewsDetails h1 {
	color:#000000;
	margin-bottom:10px;
	font-size:14px;
}

h2.wellnessNewsHead {
	color:#000000;
	margin-bottom:10px;
	font-size:12px;
}



.wellnessNewsDetailsCon, .wellnessNewsListCon {
	padding:0 20px;
	padding-bottom:20px;
}

.wellnessNewsListCon a {
	background:url(../img/arrowLinkMoreGreen.gif) no-repeat 0px 4px;
	padding-left:11px;
}



.wcol {
	width:220px;
}

.wellnessNewsDetails table {
	width:100%;
	border-collapse:collapse;
}

.wellnessNewsDetails table td img {
	margin-top:3px;
}

#popUp {
	height:100%;
	overflow:auto;
}

#popUpCon {
	
	padding:15px;
}

td.headline {
	border-bottom:1px solid #c7c2b8;
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
		
}

td.wettercontentgross {
	padding-bottom:10px;
	padding-top:5px;
}

#wetter1con {
	padding:15px;
}

#wetter1con b {
	font-weight:normal;
}

#vorverkauf {
}

html, body {
	height:100%;

}

.hidden {
	display:none;
	visibility:hidden;
}


.ajaxLoad {
	background:#EBE7E0 url(../img/loader.gif) no-repeat 50% 50%;
}

a {
	outline-width:0px;
}

body * {
	margin:0;
	padding: 0;
}

body {
	margin:0;
	padding:0;
	background:#B3A696 url(../img/bg4.jpg) repeat-x fixed;
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#000;
	line-height:1.5em;
}

.teaserBlockNormal .cont .contentoutput.text p,
.teaserBlockSmall .txtCont p,
.csc-textpic-text p {
	margin:0 0 11px 0;
}

.blockMid .teaserBlockMidIn {
	width: 490px;
}

.blockMid .teaserBlockMidIn .headerwrap1 {
	/*
	padding: 40px 0 0 10px;
	*/
}

.blockMid .teaserBlockMidIn .contentoutput .headerwrap1 {
	padding-left: 0;
	padding-top: 0;
}
.blockMid .cont {
	width: 500px;
}
.blockMid .cont .contentoutput {
	margin-left: 20px;
	margin-left: 20px;
	margin-top: 20px;
}

.blockMid .cont .contentoutput div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	float: none;
	display: table;
	float: left;
}


td, th {
	vertical-align: top;
}
sub {
	vertical-align:0;
}

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }

#frame {
	background:transparent url(../img/bgCont5a.png) no-repeat left top;
	position:absolute;
	z-index: 10;
	height:100%;
	width: 1008px;
	left: 50%;
	margin-left: -504px;
	text-align:left;
	display: table;
}
#frameCont {
	position:fixed;
	top: 0;
	z-index: 5;
	height:100%;
	width: 1008px;
	left: 50%;
	margin-left: -504px;
	display: table;
}

#slogan {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 272px;
	width: 142px;
	height:181px;
	background: transparent url(../img/slogan.jpg) no-repeat top; 
	z-index: 10;
}
#slogan img {
	width: 142px;
	height: 185px;
}

#container {
	width: 950px;
	float: left;
	overflow: hidden;
	/*
	padding-left: 8px;
	background: transparent url(../img/bgContainerSmall.gif) repeat-y;
	*/
}
.contSpacer {
	width: 27px;
	float: left;
	overflow: hidden;
}

#head {
	position: relative;
	float: left;
	width: 940px;
	height: 195px;
	overflow: hidden;
	padding-left: 9px;
	background-repeat: no-repeat;
	background-color: #FFF;
}
#head #lang {
	position: absolute;
	top: 176px;
	width: 180px;
	height: 19px;
	overflow: hidden;
	background: transparent url(../img/bgLang.png);
}
#head #lang img {
	padding-left: 10px;
	padding-top: 5px;
}
#contTeaser {
	float: left;
	clear: both;
	width: 954px;
	height: 161px;
	margin-top: 8px;
	overflow: hidden;
}

#contBg {
	float: left;
	clear: both;
	width: 949px;
	border-top: 10px solid #FFF;
	/*
	padding-top: 10px;
	background: transparent url(../img/bgCont_930x10.gif) no-repeat top;
	*/
}

#cont {
	float: left;
	clear: both;
	width: 955px;
	margin-top: 0px;
	/* background:transparent url(../img/bgContent.jpg) bottom repeat-x; */
}

#cont .blockLeft {
	float: left;
	clear: both;
	width: 190px;
	overflow: hidden;
	padding-left: 10px;
	background:#FFF;
}
#quickfinder {
	float: left;
	width: 180px;
	background: #EBE7E0;
	margin-bottom: 10px;	
}

#cont .blockMid {
	float: left;
	width: 505px;
	overflow: hidden;
	background: transparent url(../img/bgContWht.gif) repeat-y;
}

#cont .blockMid100 {
	float: left;
	width: 749px;
	overflow: hidden;
	
	padding-bottom: 20px;
}

#cont .blockMid200 {
	float: left;
	width: 949px;
	overflow: hidden;
	
	padding-bottom: 20px;
	background-color: #FFF !important;
}
#cont .blockMid200 .tx-fstferratelbuchungstool-pi9 {
	padding-left: 30px;
}

#cont .blockRight {
	background: #FFF;
	float: left;
	width: 240px;
	overflow: hidden;
	margin-left: -16px;
	padding-left: 10px;
	padding-right: 10px;
}

#cont .blockBot {
	float: left;
	clear:both;
	height: 30px;
	width: 900px;
}

#cont .blockSpace {
	float: left;
	clear: both;
	width: 1px;
	height: 1px;
}

#footer {
	position: fixed;
	z-index: 15;
	bottom: 0px;
	width: 100%;
	height: 22px;
	background: #DBD7CF url(../img/bgFooter.gif) repeat-x bottom;	
}

#subnavi {
	position: absolute;
	width: 950px;
	left: 50%;
	margin-left: -475px;
}

/* */
#innerNav {
	height: 97px;
	list-style: none;
	float: left;
}
#innerNav .tblList,
ul.navi li {
	float: left;
	display: block;
	height: 32px;
}
li.navcontin {
	height: auto !important;
}
ul.naviin {
	margin-top: -2px !important;
	margin-bottom: 1px !important;
	/*
	padding-top: 10px !important;
	background: transparent url(../img/bgSubNavTrenner.gif) no-repeat top;
	*/
	display: block;
	float: left;
}
ul.naviin li.last {
	padding-bottom: 8px;
	background: transparent url(../img/bgSubNavTrenner.gif) no-repeat bottom;
}
ul.naviin li {
	height: auto;
}

/* mke nav */

ul.mke.nav {
	display: table;
	list-style: none;
	margin-top: 5px;
	margin-left: 4px;
}
ul.mke.nav * {
	font-size: 11px;
	color: #302F2E;
	text-decoration: none;
}
ul.mke.nav a {
	width: 100%;
	display: block;
}
ul.mke.nav li.act a,
ul.mke.nav li a:hover {
	color: #6C6A66;
}
ul.mke.nav li.row1 {
	line-height: 22px;
	font-weight: bold;
	text-indent: 5px;
	width: 173px;
	float: left;
	clear: both;
	margin-bottom: 8px;
	background: url(../img/bgNavMke1.png) no-repeat;
}
ul.mke.nav li.row1.act {
	background: url(../img/bgNavMke2.png) no-repeat;
}

ul.mke.nav li.row2 * {
	font-size: 12px;
	font-weight: normal;
}
ul.mke.nav li.row2 a {
	padding-left: 10px;
	text-indent: 0;
	width: 164px;
	color: #302F2E;
	background: url(../img/arrowNav.gif) no-repeat 0 6px;
}

ul.mke.nav li.row2.act a,
ul.mke.nav li.row2 a:hover {
	color: #6C6A66;
}
/* */

.searcher {
	float: left; 
	width: 180px;
	height: 31px;
	clear: both;
}
.searcher .icon {
	width: 29px;
	height: 31px;
	float: left;
	overflow: hidden;
	background: transparent url(../img/iconSearchLupe.png) top left no-repeat;
}

.searcher .fld {
	width: 124px;
	height: 31px;
	float: left;
	overflow: hidden;
}

.searcher .fld .serachFld {
	padding-left: 5px;
	padding-top: 6px;
}

.searcher .fld .kontaktInput {
	width: 112px;
	height: 18px;
	padding: 0;
	margin: 0;
	border: 0;
}

.searcher .btn {
	width: 27px;
	height: 31px;
	float: left;
	overflow: hidden;
}
.searcher .btn .serachImg {
	
}
/************************************/
ul.navi li {
	
}
ul.navi li.first {
	width: 180px;
	float: left;
	clear: both;
}

ul.navi li.first,
ul.navi li.first span {
	display: block;
	padding-top: 5px;
	height: 25px;
	width: 180px;
	text-indent: 10px;
	background: transparent url(../img/bgNaviLeftOff.gif) scroll no-repeat 4px 3px;
}

li.first,
li.first span {
	font-weight: bold;
}

ul.navi li.subFirst,
ul.navi li.subFirst span {
	background: transparent url(../img/bgNaviLeftOn.gif) scroll no-repeat 4px 3px;
}

ul.navi,
ul.navi span {
	font-size: 11px;
}

ul.naviin a {
	font-size: 11px;
}

ul.navi li.txt a,
ul.navi li.txt span a {
	color: #302F2E;
	text-decoration: none !important;
}
ul.navi li.first a {
	width: 180px;
	display: block;
}

ul.navi li.navcontin {
	/*
	background: transparent url(../img/bgSubNavTrenner.gif) bottom repeat-x;
	*/
}

ul.navi li.second,
ul.navi li.second span {
	padding-left: 22px;
	width: 160px;
	float: left;
	clear: both;
	
}

ul.navi li.second {
	background: transparent url(../img/bgNaviLeftArrow.gif) scroll no-repeat 10px 4px !important;
}

ul.navi li.second a,
ul.navi li.second span a {
	/*
	padding-left: 12px;
	background: transparent url(../img/bgNaviLeftArrow.gif) scroll no-repeat 3px 2px !important;
	*/
	background: transparent url(../img/trans.gif) no-repeat !important;
}

ul .naviin li.on,
ul .naviin li.on span {
	padding-left: 22px;
}

/************************************/
#quickfinder .hdr {
	position: relative;
	float: left;
	height: 30px;
	width: 180px;
}

ul.subnavi {
	display: block;
	float: left;
	width: 620px;
	list-style: none;
}
ul.subnavi li {
	float:left;
	margin-right: 5px;
}
 
ul.subnavi li {
	text-decoration: none;
	color: #94928F;
	letter-spacing: 1px;
	font-weight: 100;
	line-height: 21px;
	font-size: 10px;
}
ul.subnavi li.on {
 color: #FFF;
}

/******** a *************/
a, a:link, a:visited               {
	text-decoration: underline;
}
a:hover                            {
	text-decoration: none;
}

.linkToTop {
	padding-bottom: 10px;
	padding-left: 10px;
	display: block;
	width: 300px;
}

.tx-chgallery-pi1 .backlink a,
.linkToTop a,
.tx_lumogooglemaps_pi1_sidebar a,
.tx-indexedsearch a,
.tx-felogin-pi1 a,
span.linkMitPfeil a,
a.linkMitPfeil                     {
 line-height: 18px;
 padding-left: 14px;
 background-position: 4px 4px;
 background-repeat: no-repeat;
 font-weight: normal;
}

.teaserBlockMidIn .csc-textpic-text p span.linkMitPfeil a,
.teaserBlockMidIn .csc-textpic-text p a.linkMitPfeil {
	/* margin-left: 15px; */
}

/***********
* Button
***********/
a.buttonFarbigLinks,
a.buttonFarbigRechts,
a.buttonFarbig {
	display: inline-block;
	line-height: 24px; 
	height: 32px; 
	padding-left: 22px;
}

a:link.buttonFarbigLinks, a:visited.buttonFarbigLinks, a:active.buttonFarbigLinks,
a:link.buttonFarbigRechts, a:visited.buttonFarbigRechts, a:active.buttonFarbigRechts,
a:link.buttonFarbig, a:visited.buttonFarbig, a:active.buttonFarbig {
	color: #FFF;
	text-decoration: none;
}

/*a.buttonFarbigLinks,
a.buttonFarbigRechts,
a.buttonFarbig,
*/
a.buttonFarbigLinks span,
a.buttonFarbigRechts span,
a.buttonFarbig span {
	display: inline-block;
	padding: 4px 22px 4px 0;
	text-decoration: none;
}

a.buttonFarbigLinks:hover,
a.buttonFarbigRechts:hover,
a.buttonFarbig:hover { 
  background-position: bottom left;
}
a.buttonFarbigLinks,
a.buttonFarbigRechts,
a.buttonFarbig { 
  background-position: bottom left !important;
}

div.buttonFarbigLinks,
div.buttonFarbigRechts,
div.buttonFarbig { 
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 10px;
}
/************
* Buttonbeige
************/

a.buttonBeigeLinks,
a.buttonBeigeRechts,
a.buttonBeige {
	background: transparent url(../img/btnContentBigBeige.gif) no-repeat top left;
	display: table;
	line-height: 24px; 
	height: 32px; 
	padding-left: 22px;
	text-decoration: none;
	position: relative;
}

a:link.buttonBeigeLinks, a:visited.buttonBeigeLinks, a:active.buttonBeigeLinks,
a:link.buttonBeigeRechts, a:visited.buttonBeigeRechts, a:active.buttonBeigeRechts,
a:link.buttonBeige, a:visited.buttonBeige, a:active.buttonBeige {
	color: #49453D; 
}

a.buttonBeigeLinks span,
a.buttonBeigeRechts span,
a.buttonBeige span {
	background: transparent url(../img/btnContentBigBeige.gif) no-repeat top right;
	display: block;
	padding: 4px 22px 4px 0; 
}

a.buttonBeigeLinks:hover,
a.buttonBeigeRechts:hover,
a.buttonBeige:hover { 
	background-position: bottom left;
}

a.buttonBeigeLinks:hover,
a.buttonBeigeRechts:hover,
a.buttonBeige:hover,
a.buttonBeigeLinks:hover span,
a.buttonBeigeRechts:hover span,
a.buttonBeige:hover span { 
	color: black;
}

div.buttonBeigeLinksFrame,
div.buttonBeigeRechtsFrame,
div.buttonBeigeFrame {
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 10px;
}
div.buttonFarbigLinksFrame,
div.buttonBeigeLinksFrame {
	float: left;
	clear: both;
}
div.buttonFarbigRechtsFrame,
div.buttonBeigeRechtsFrame {
	float: right;
}
/***********
* Button
***********/

.tx-flseositemap-pi1 a {
	background: url(../img/arrowMoreDrk.gif) no-repeat scroll 4px 6px;
}
/*********************/
hr.clearer {
 height: 30px;
 float: left;
 clear: both;
 display: block;
 background: url(../img/lineHor.jpg) no-repeat center;
 width: 500px;
 border: 0;
 }
 
.csc-frame-rulerAfter,
.contentLinieMargin                 {
 height: 30px;
 float: left;
 clear: both;
 display: block;
 width: 100%;
 background-position: center;
 }
.blockLeft .contentLinieMargin           {
 width: 620px;
 }
 
.blockMid .csc-frame-rulerAfter,
.blockMid .contentLinieMargin {
	width: 450px;
	margin-left: 20px;
	height: 15px;
	background-position: top;
} 
.right .contentLinieMargin {
 width: 310px;
 background:transparent url(../img/lineHorSmall.jpg) repeat-x center;
 height: 30px;
 margin:0;
 padding:0;
 display: block;
 overflow: hidden;
 float: left;
 clear: both;
}

a.testFred {

}


a.buttonFarbigLinks,
a.buttonFarbigRechts,
a.buttonFarbig {
	display: inline-block;
	line-height: 24px; 
	height: 32px; 
	padding-left: 22px;
	text-decoration: none;
}

.news-latest-container {
	padding:10px;
	padding-top:10px;
	clear:both;
}

.newsLatestItem {
	margin-bottom:7px;
}

.news-latest-container h3 {
	font-size:12px;
	font-weight:normal;
} 

.latestImage {
	width:40px;
	overflow:hidden;
	margin-right:10px;
}

.latestText {
	width:160px;
	
}


.newsLatestMorelink a {
	background-position:0px 4px;
	padding-left:10px;
}

.newsListItemCon h3 em {
	display:none;
}

/***********************
 * *
 * * Anzeige
 * *
 ***********************/

.banner {
	margin-bottom: 10px;
}

.thumbbannercontainer {
	margin: 10px 7px;
	width: 480px;
	height: 150px;
	display: table;
	position: relative;
}

.thumbbannercontainer .custom.prev,
.thumbbannercontainer .custom.next {
	position: absolute;
	top: 90px;
	z-index: 100;
	width: 22px;
	height: 22px;
	left: 0;
	cursor: pointer;
	border: 0;
	text-indent: -100000px;
	background: url(../img/btnPrevThumbCont.png) no-repeat;
}
.thumbbannercontainer .custom.next {
	left: 468px;
	background: url(../img/btnNextThumbCont.png) no-repeat;
}
.thumbcol {
	display: table;
	position: absolute;
	width: 100000px;
}

.thumbcontbottomtxt {
	position: absolute;
	display: block;
	width: 149px;
	height: 18px;
	left: 0;
	/* top: 127px; */
	bottom:0px;
	line-height: 18px;
	color: #FFF;
	background: #025273;
}

.thumbbanner {
	width: 149px;
	height: 145px;
	position: relative;
	float:left;
	display:block;
	text-align: center;
	background-color:#FFF;
	border:#AFACA5 1px solid;
	font-size:10px;
	margin:0 11px 0 0;
	overflow:hidden;
}

.thumbbanner  p {
	line-height:1em;
	
}

.thumbbanner a {
	line-height:1em;
	text-decoration:none;
	margin:0px;
}

.thumbbanner .bannertext {
	margin:4px;
}

.thumbbanner:hover {
	border-color:#069;
}

.whiteBg {
	background:#fff;
}