/* Drei Farben grau 
     *
     * hell     #d7d7d7
     * mittel   #a4a4a4
     * dunkel   #595959
     *
     */

body { 

/* overflow: hidden; padding: 0; color: #2B3443;  */ 

padding: 0;
}


#slidecounter{
    float:left;
	color:#4F4F4F;
	font:50px;
	font-weight:bold;
	margin:18px 20px;	
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px;
			font-weight:bold;
			margin:33px 0;
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		#navigation{
			background: url('../images/navbg.gif') no-repeat;
			float: right;
			margin:22px 20px 0 0;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(../images/progress.gif);
		}
		#supersize{
			position:fixed;
            background:#262626 no-repeat 90%;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}






#index2012.containerComplete { 
/*    
    height: auto !important;
    margin: 0;
    min-height: 100%;
    position: relative;
    text-align: center;
    width: 100%;   
*/

			margin:0px auto;
			height:100% !important;
			width:100%;
			bottom:0;
			z-index: 3;
			/* background:#262626 no-repeat 90%; */
			
            /* 2013-10-10 Border abgeschaltet */
            /* border-top:1px solid #000;
			border-bottom:1px solid #4F4F4F; */
            /* 2013-10-10 Ende */

			position:absolute;
			/*
            margin:0px auto;
			height:100% !important;
			width:100%;
			bottom: 0;
			background-color:#262626;
			border-top:3px solid #4F4F4F;
			border-bottom:3px solid #4F4F4F;
			position:absolute;
*/
}

#centered {
    margin: 0 auto !important;
    text-align: center;
}

#index2012 #header, #index2012 footer { margin: 0 auto; width: 100%; }
#index2012 #header #logo img { margin-top: 4px; } 
#index2012 .span-1000 { margin-left: 16px !important; width: 1000px; }
#index2012 .container { margin: 0 auto; }
#index2012 #header { background-image: url(../images/bgTransparent00060.png); background-position: 0 0; background-repeat: repeat; margin-bottom: 36px; position: relative; }
#index2012 #langMenu { 
background-color: #fff;
border-bottom: 1px solid #ddd;
height: 50px;
width: 100%;
max-width:100%;
margin:0;
float:none;
z-index: 9;
}

#index2012 #langMenu ul { 
float: right;
margin: 15px 50px 0 0;
padding: 0;
}

#index2012 #langMenu li { padding-right: 4px; }
#index2012 #langMenu li.panos { padding-right: 2px; }
#index2012 #langMenu a { color: #d7d7d7; }
#index2012 #langMenu li.language-active { color: #d7d7d7; font-weight: bold; }
#index2012 #mainNavigation {}
#index2012 #mainNavigation ul { /* height: 36px; */ }
#index2012 #mainNavigation ul li { float: left; padding-right:8px;}
#index2012 #mainNavigation ul li a { color: #d7d7d7; font-size: 11px; font-weight: bold; }
#index2012 #mainNavigation ul li a.act { color: #FFFFFF !important; }
#index2012 #mainNavigation ul li a:hover { color: #FFFFFF !important; }

#index2012 #containerContents { margin-bottom: 120px; }
#index2012 #contentsWrapper {
    background-image: url(../images/bgTransparent00080.png); 
    background-position: 0 0; 
    background-repeat: repeat;
    margin: 0 0 0 16px;
    padding: 16px;
}

#index2012 h1, #index2012 h2, #index2012 h3 { color: #a4a4a4; } 
#index2012 #leftColumn {
    background-image: url(../images/bgTransparent00080.png); 
    background-position: 0 0; 
    background-repeat: repeat;
    margin: 0 0 0 16px;
    padding: 16px;
    }
#index2012 #leftColumn.span-7 { width: 240px; }    
#index2012 #leftColumn #navigationSecondLevel {}
#index2012 #leftColumn #navigationSecondLevel a { color: #d7d7d7; }
#index2012 #leftColumn #navigationSecondLevel ul { list-style-type: none; }
#index2012 #leftColumn #navigationSecondLevel ul li { }
#index2012 #leftColumn #navigationSecondLevel ul ul { list-style-type: none;  }

#index2012 #rightColumn { width: 630px; margin-left: 330px; }
#index2012 #rightColumnWide { width: 630px; margin-left: 330px; overflow: hidden; width: 66%; }

#index2012 #rightColumn #pageBrowser, #index2012 #rightColumn #contents, #index2012 #rightColumnWide #contents {
    background-image: url(../images/bgTransparent00080.png); 
    background-position: 0 0; 
    background-repeat: repeat;
    color: #005da8;
    color: #FFFFFF;
    color: #A4A4A4;
    margin: 0;
    padding: 16px;
}
#index2012 #rightColumn #pageBrowser { padding: 2px 16px 2px 0; }
#index2012 #rightColumn .scroll-pane, #index2012 #rightColumnWide .scroll-pane {
    height: 480px;
    width: 630px;
    }
#index2012 #rightColumn .scroll-pane { width: 430px; }


/* slider */    
.jspDrag { background-color: #a4a4a4 !important;   }    
/* slider background */
.jspTrack { background-color: #595959 !important; }

#index2012 #footerWrap {
    background-image: url(../images/bgTransparent00060.png); 
    background-position: 0 0; 
    background-repeat: repeat; 
    bottom: 0;
    left: 0;
/*    margin-top: 22px; */
    /*position: absolute; */
 
}
#index2012 #footer { color: #FFF; }
#index2012 #footer img { margin-top: 3px; }
/**
  Vollflaechiges Hintergrundbild via
  http://tutsandtipps.the-netbrain.de/tutorials/vollflaechige-hintergrundbilder-nur-mit-css
  http://css-tricks.com/perfect-full-page-background-image/
*/

img.bgImg {
  min-height: 100%;        /*  Diese zwei Zeilen setzen die Regeln um den Hintergrund zu fuellen  */
  min-width: 1024px;
  width: 100%;             /*  Die Regeln, welche fuer die Skalierung sorgen  */
  height: auto;
  position: fixed;         /*  Die Positionierung  */
  top: 0;
  left: 0;
  }
@media screen and (max-width: 1024px) {
  img.bgImg {
    left: 50%;                /*  Ohne diese Angaben funktioniert es nicht  */
    margin-left: -512px;
  }
}
div#index2012 {
  position: relative;       /*  Diese Angabe ist extrem wichtig, da ansonsten der Inhalt nicht angezeigt wird!  */
}
/* Ende Vollflaechiges Hintergrundbild */

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link  { color: #c6c6c6 !important; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #c6c6c6 !important; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #EEEEEE !important; }
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { color: #EEEEEE !important; }

h1 { font-size: 16px !important;  margin-bottom: 8px; }
h2 { font-size: 14px !important;  margin-bottom: 8px; }
p { color: #A4A4A4; font-size: 12px !important; line-height: 154%; margin-bottom: 9px; padding: 0 16px 0 0; text-align: left !important; }
p.bodytext {  }
p a { border-bottom: 1px dotted #c6c6c6; color: #c6c6c6 !important; }
p a:hover { border-bottom: 1px dotted #ffffff; color: #ffffff !important; }

a { color: #C6C6C6; text-decoration: none; }
a:link {  text-decoration: none; }
a:visited {  }
a:focus {  }
a:hover {  }
a:active {  }

.contenttable td {
    padding: 4px 2px 4px 2px;
}

#index2012 .contenttable-3 td a:link, #index2012 .contenttable-3 td a:visited { color: #A4A4A4; }

#index2012 .contenttable-3 tr.tr-odd { background-color: transparent; }
/* #index2012 .contenttable-3 tr.tr-even { background-color: black; }  */

table td:hover { }
#index2012 tr.tr-even {
      background-color: transparent !important;
      background-image: url(../images/bgTransparent00060.png) !important;
      background-position: 0 0 !important;
      background-repeat: repeat !important;
}

#index2012 #rightColumnWide100 #contents h1 { 
    background-color: transparent;
    padding: 4px;
    width: 60%;
}
#index2012 #rightColumnWide100 #contents p.bodytext { 
    background-color: transparent;
    padding: 4px;
}

#index2012 #rightColumnWide100 #contents #twoColsLeft p.bodytext,
#index2012 #rightColumnWide100 #contents #twoColsRight p.bodytext,
#index2012 #rightColumnWide100 #contents #twoColsLeft h1,
#index2012 #rightColumnWide100 #contents #twoColsRight h1 {
    background-image: none;
}


#twoColsLeft, #twoColsRight  { float: left; width: 48%; }
#twoColsLeft .csc-default, #twoColsRight .csc-default {
      background-color: transparent;
      background-image: url(../images/bgTransparent00080.png); 
      background-position: 0 0; 
      background-repeat: repeat;
      margin-bottom: 12px; 
}

.external-link-new-window { }
#contents {  }
#contents ul { list-style-type: none; margin: 0; }
#contents ul li { 
      background-image: url(../images/bullet-b.png); 
      background-position: 2px 0.4em; 
      background-repeat: no-repeat; 
      color: #A4A4A4;
      padding-left: 10px;
      }
      
ul#metanavigationFooter { list-style-type: none; margin: 0; padding: 0; }
ul#metanavigationFooter li { float: left; }
ul#metanavigationFooter li a { color: #d7d7d7 !important;padding-right:8px; }
ul#metanavigationFooter li a:hover { color: #ffffff !important; }

/* Linke Spalte ausblenden, wenn Navigation leer ist */ 
#pageID3 #index2012 #leftColumn { background-image: none; }
#pageID661 #index2012 #leftColumn { background-image: none; }
#pageID663 #index2012 #leftColumn { background-image: none; }
#pageID742 #index2012 #leftColumn { background-image: none; }

#index2012 #metaNavigation { z-index: 998; position: absolute;  }
#index2012 #metaNavigation .metaMenuHeader ul { list-style-type: none; }
#index2012 #metaNavigation .metaMenuHeader ul li { margin: 0; padding: 0; display: inline; }
#index2012 #metaNavigation .metaMenuHeader ul li a { float: left; }
#index2012 #metaNavigation .metaMenuHeader { background-color: #ffffff; display: none; padding: 4px; position: absolute; left: 40px; top: 0; width: 960px;  }

#footerWrap { }
#bookNow { bottom:30px; position:relative; overflow: visible;  }
#bookNow img { float: right; margin-top: -70px; margin-right: 40px; }

#bookNow #c9034 .tx-imagecycle-pi1 { padding-left: 888px; width: 72px !important; }
#bookNow #c9036 .tx-imagecycle-pi1 { padding-left: 888px; width: 72px !important; }
#bookNow #c9037 .tx-imagecycle-pi1 { padding-left: 888px; width: 72px !important; }
#bookNow #c9038 .tx-imagecycle-pi1 { padding-left: 888px; width: 72px !important; }
#bookNow #c9039 .tx-imagecycle-pi1 { padding-left: 888px; width: 72px !important; }
#bookNow #c9040 .tx-imagecycle-pi1 { padding-left: 888px; width: 72px !important; }

.tx-imagecycle-pi1-images { overflow: visible; }

#index2012 fieldset.tx-powermail-pi1_fieldset { background-color: transparent; }
#index2012 .tx-powermail-pi1_fieldset { width: 376px; }
#index2012 fieldset.tx-powermail-pi1_fieldset div.even { background-color: transparent; }
#index2012 fieldset.tx-powermail-pi1_fieldset label, #index2012 fieldset.tx-powermail-pi1_fieldset fieldset legend { color: #A4A4A4; }
#index2012 fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
    font-weight: bold;
    margin: 4px 0 4px 0px;
}
fieldset.tx-powermail-pi1_fieldset {
    border: 0px solid transparent;
    padding: 0;
}

/* #simplebooking-container #kidsage-container { background-color: transparent; } */

.dayNormal a, .dayBlank, .dayWeekend a, .dayCurrent a {
    background-color: #c3e1f5 !important;
}

.dayWeekend a {
    background-color: #98cbed !important;
}

#simplebooking-container a { color: #ccc; }

#closeBtn a { color: #2b94da !important; }
.yearBrowse a { color: #000 !important; }
#days .dayCurrent a, .currMonth a {
    color: #333 !important;
    font-weight: bold !important;
}
.currMonth a {
    background-color: #c3e1f5 !important;
    color: #000 !important;
    font-weight: bold !important;
}

#simplebooking-container .booking-form-container { background-color: transparent; border-width: 1px; }
#simplebooking-container .info { 
	background-color: transparent;
	border-width: 0;
	} 
#simplebooking-container .button-search input {	
	background: -moz-linear-gradient(center top , #0064b4 0%, #028eff 100%) repeat scroll 0 0 transparent;	
}
#simplebooking-container .button-search input:hover {	
	background: -moz-linear-gradient(center top , #004881 0%, #0064b4 100%) repeat scroll 0 0 transparent;	
}

/* Ende Anpassungen 2012-10-26 */

/* Anpassungen simplebooking  2013-10-31 */

#logo { }

#mainNavigation ul { margin-top: 20px !important; }
#booknow { /* position: relative; top: 0; left: 1074px; left: 1033px; */ width: 110px; height: 50px; text-align: left; margin-top: -33px; }
#booknow { 
    background-image: url(../images/booknowbg.png);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    height: 35px;
    margin-top: -20px;
    text-align: left;
    width: 86px;
    z-index: 999;
    }
#booknow  a{ font-size:11px; font-weight: bold; padding-right: 4px; color:#d7d7d7;}
#booknow  a:hover{ color:#fff;}
#booknowKlick { color: white; cursor: pointer; font-size: 100%; font-family: CargBd,Helvetica,Arial; text-transform: uppercase; display: block; position: relative; top: 0; left: 12px; padding-top: 18px; }
#simplebooking-container * { margin: 0 0 0 0; padding: 0; }

/*
#pageID195 #simplebooking-container { display: none; background-color: transparent !important; }
#pageID195 #simplebooking-container #kidsage-container { left: -200px; background-color: transparent !important; }
#pageID195 #kidsage-container {
    background-image: url(/fileadmin/templates/img/bgTransparentFFF80.png);
    background-repeat: repeat;
    background-position: left top;
    z-index: 100;
}
*/

li.webcam { }
a.webcam { }

/* POPUP WEBCAM, METEO */

#pageID482, 
#pageID638 { text-align: center !important; }
#pageID482 #rightColumn, 
#pageID638 #rightColumn { text-align: center !important; width: 100% !important; }
#pageID482 div, 
#pageID638 div { text-align: center !important; }
#pageID482 p, 
#pageID638 p { text-align: center !important; }
#pageID482 img, 
#pageID638 img { text-align: center !important; }

/* TT_NEWS */

.news-list-item-image { margin-bottom: 16px; }
.news-list-item-image img { float: left; margin: 0 4px 8px 0; }

#test { position: relative; right: 88px; top: 32px; }
#bestprice { float: left; position: relative; top: -6px; left: 262px; left: 326px; left: 340px; left: 356px; }

/* #tx_indexedsearch { text-align: left; } */
.tx-indexedsearch-form { margin-top: 4px; }
#tx_indexedsearch fieldset { padding: 0; }
#tx_indexedsearch input, .tx-indexedsearch-search-submit { float: left; }
#tx-indexedsearch-searchbox-button-submit { margin-left: 4px; }
.tx-indexedsearch-searchbox-button { padding: 4px 4px 2px 4px; }
.tx-indexedsearch-searchbox-sword { padding: 4px; }
.tx-indexedsearch-redMarkup { color: #d7d7d7 !important; } 
.tx-indexedsearch-result-number { display: none; }
.tx-indexedsearch-icon img { margin-top: 3px; }
.tx-indexedsearch-res h3 span { display: block; float: left; margin: 0 -2px 0 0; }
.tx-indexedsearch-res .tx-indexedsearch-title { margin-top: 3px; }
.tx-indexedsearch-res .tx-indexedsearch-descr { clear: both; }
.tx-indexedsearch-percent { float: right !important; font-size: 80%; margin-top: 3px !important; }

.tx-indexedsearch-whatis { clear: both; }

.browsebox { font-size: 93%; margin: 6px 0 6px 0; text-align: center; }
.browsebox p { font-size: 93% !important; margin-bottom: 0; text-align: center !important; }

#footer a { border-bottom-width: 0 !important; }

#hideContents { 
    background-image: url(../images/icons/close.png); 
    background-position: 0 0; 
    background-repeat: no-repeat; 
    margin-bottom: 3px; 
    margin-left: 0px;
    width: 20px; 
    height: 20px;
    cursor: pointer;
    z-index: 100;
    }
.hide { display: none; }

/* FCE-rooms-suites */
#pageID828 #rightColumnWide100 #contents .csc-frame-frame2 { width: 982px; }
.singleRoom { background-image: url(../images/bgTransparent00080.png); background-position: 0 0; background-repeat: repeat; display: inline-block; margin-bottom: 20px; }
.singleRoom .left { float: left; width: 360px; width: 410px; margin-right: 20px; }
.singleRoom .middle { float: left; width: 360px; width: 310px; margin-right: 20px; }
.singleRoom .middle .headline { /* font-size: 32px !important; margin-top: 8px; */ font-size: 28px !important; font-size: 24px !important; margin-top: 12px; }
.singleRoom .middle .subheadline {}
.singleRoom .middle .toogleDetails { cursor: pointer; }
.singleRoom .middle .details { display: none; }
.singleRoom .middle .details p.bodytext { padding: 0 !important; }
.singleRoom .right { float: left; margin-top: 12px; width: 230px; width: 230px; }
.singleRoom .right .pricetag { color: #A4A4A4; float: left; font-size: 32px; }
.singleRoom .right .legend { color: #A4A4A4; float: left; font-size: 80%; margin-top: 20px; margin-left: 6px; }
.singleRoom .right .booknow { margin-left: 8px; margin-top: 48px; }
.singleRoom .right .booknow a { background-color: #A4A4A4; border: 1px solid #A4A4A4; color: #000; padding: 4px 8px 4px 8px; text-transform: uppercase; }
.singleRoom .right .floattt { clear: both; }
.singleRoom p.bodytext { padding-left: 0 !important; }

.tx-felogin-pi1 div { color: #a4a4a4 !important; padding: 4px; }
#pageID194 h2.csc-firstHeader { padding-left: 4px; }
.tx-felogin-pi1 form { padding-left: 32px; }
.tx-felogin-pi1 input { padding: 4px; }
.tx-felogin-pi1 h3 { padding: 4px; }

#contents ul li.ui-state-default { background-image: none; padding-left: 0; }

#simplebooking-container input, #simplebooking-container select { border-radius: 0; }
#simplebooking-container .button-search input {
	background: -moz-linear-gradient(top, #0b6831  0%, #006633 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b6831 ), color-stop(100%, #006633 )); /* webkit */
	background: -ms-gradient(linear, left top, left bottom, color-stop(0%, #0b6831 ), color-stop(100%, #006633 )); /* ie9 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b6831', endColorstr='#006633', GradientType=0 ); /* ie7,ie6 */
}

#simplebooking-container .button-search input:hover {
	background: #356604; /* old browsers */
	background: -moz-linear-gradient(top, #006633 0%, #0b6831 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006633), color-stop(100%, #0b6831)); /* webkit */
	background: -ms-gradient(linear, left top, left bottom, color-stop(0%, #006633), color-stop(100%, #0b6831)); /* ie9 */
	 -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#0b6831', GradientType=0 ); /* ie8 */
}

#simplebooking-container { background-color: #333; }

#simplebooking-container { background-color: transparent !important; }
#simplebooking-container #kidsage-container { top: 12px; background-color: transparent !important; }
#kidsage-container, #kidsage-hor, .kids-container .info {
    background-repeat: repeat !important;
    background-position: left top !important;
    z-index: 100 !important;
}
#simplebooking-container label { color: #DDD; width: auto; }
#simplebooking-container .booking-form-container { border-width: 0; border-radius: 0; padding-top: 8px; }