/**** General ****/
* {margin: 0; border: none; padding: 0;}
body {background-color: #ecebdd; background-image: url('../img/common/background.gif'); background-repeat: no-repeat; background-position: top center; font-family: "Trebuchet MS", sans-serif; font-size: 13px; color: #333333;}
a {text-decoration: underline; color: #1a1919;}
a.anchor {text-decoration: none; color: #333333}
input, select, textarea {font-family: "Trebuchet MS", sans-serif; font-size: 13px; color: #333333;}
label {display: none;}
li {list-style: none; list-style-position: outside;}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
div.column {float: left; margin: 0 20px 0 0; width: 210px;}
div.columnlast {float: left; width: 210px;}
#wrapper {margin: 66px auto 66px auto; width: 940px; background-color: #ffffff;}
#searchform {width: 100%; overflow: hidden;}
a.continue {display: inline-block; padding: 0 12px 0 0; text-decoration: none; background-image: url('../img/common/arrow.gif'); background-repeat: no-repeat; background-position: 100% 4px;}
a.continue:hover {text-decoration: underline;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	a.continue {background-position: 100% 3px;}
}
* html a.continue {background-position: 100% 5px;}
*+html a.continue {background-position: 100% 5px;}
a:focus {
	-moz-outline: 1px dotted #333333; /* Firefox 1.0x */
	outline: 1px dotted #333333; /* Firefox nightly builds, DeerPark dev. releases */
	outline-offset: 3px;  /* Firefox nightly builds, DeerPark dev. releases */
}
* html body {behavior: url("/htc/csshover3.htc");}



/**** Header ****/
#header #topcontainer {height: 123px; overflow: hidden;}

#header #topcontainer #languagecontainer {padding: 14px 0 0 0; width: 90px; overflow: hidden; float: left; font-size: 11px;}
#header #topcontainer #languagecontainer a {text-transform: lowercase; text-decoration: none;}
#header #topcontainer #languagecontainer a:hover {text-decoration: underline;}
#header #topcontainer #languagecontainer .selected {text-decoration: underline;}
#header #topcontainer #logo {float: right;}

#header #navigation {height: 32px; border-bottom: 1px solid #ffe593; white-space: nowrap; overflow: hidden; text-align: center; font-size: 15px; background-image: url('../img/common/navigation-background.gif'); background-repeat: repeat-x; background-position: top left;}

#header #navigation a {display: block; padding: 0 40px 0 40px; line-height: 32px; text-decoration: none; color: #333333;}
#header #navigation a:hover, #header #navigation a.selected {background-image: url('../img/common/navigation-background-selected.gif'); background-repeat: repeat-x; background-position: top left;}
/* text-align for IE6.. doesn't hurt others */
#header #navigation ul {display: inline-block; text-align: left;}
* html #header #navigation ul, html #header #navigation li {display: inline; overflow: hidden;}
*+html #header #navigation ul {display: inline;}
@-moz-document url-prefix() {
	#header #navigation ul.last {direction: rtl;}
}
#header #navigation ul li:hover ul {display: block;}
#header #navigation ul ul {position: absolute; display: none; z-index: 2; background-image:url('../img/common/navigation-menu-background.gif'); background-repeat: repeat-x; background-position: bottom left; background-color: #f9d974;}
#header #navigation ul ul a {padding: 0 43px 0 43px;}




/**** Content ****/
#content {padding: 30px 80px 20px 60px;}
#content .subtitle {margin: 0 0 10px 0; font-size: 15px;}
#content .contentrow {width: 100%; overflow: hidden; }


#content h1 {margin: 0 0 20px 65px;}
#content .contentrow div.text{margin:0 0 0 65px; width:570px;}

#content .rightbox{float:right; width:180px; text-align:right;}
#content .rightbox a{text-decoration:none;}
#content .rightbox a:hover{text-decoration:underline;}
#content .rightbox a.button:hover{text-decoration:none;}

a.button{display:inline-block;background:#ffe593;font-weight:bold;padding:7px 15px; text-decoration:none;}
a.button:hover{text-decoration:none;}

/*a.buttongrau{display:inline-block;background:#c0c0c0;font-weight:bold;padding:7px 15px; text-decoration:none;}
a.buttongrau:hover{text-decoration:none;}*/


/* alertbox overlay */
.blackoverlay{/*display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; float:center; background-color: black; z-index:1001;*/}

.alertcontent{width: 490px; /*z-index:1002;  */  }

.alertcontent .alertboxtop {background:url(../img/common/alertboxtop.png) no-repeat top left; height:10px; overflow:hidden;}
.alertcontent .alertboxbottom {background:url(../img/common/alertboxbottom.png) no-repeat top left; height:10px; overflow:hidden;}
.alertcontent .alertboxmitte {background:url(../img/common/alertboxmitte.png) no-repeat top left; overflow:auto;}

.alertcontent .alertboxmitte .schliessen{text-align:right; margin:0 10px 0 0; width:480px; overflow:hidden;}
.alertcontent .alertboxmitte .schliessen a{background:url(../img/common/schliessen.png); display:inline-block; width:22px; height:20px; text-decoration:none;}		
.alertcontent .alertboxmitte div.alert{text-align:center;}

 .alertcontent .alertboxmitte div.alert h1{font-size:17px; margin:5px 10px 15px 10px; padding:0; }		
 .alertcontent .alertboxmitte div.alert p{margin:0px 30px 20px 30px; text-align:left;}
 .alertcontent .alertboxmitte a.button{display:inline-block;background:url(../img/common/buchenbtn.png) repeat-x top left;font-weight:bold; padding:7px 15px; text-decoration:none; width:70px; margin:0 0 10px 0;}

.alertboxmitte div.buchung{width:300px; overflow:auto; text-align:left; margin:0 0 0 160px;}
.alertboxmitte div.buchung div.left{float:left; width:70px;}
.alertboxmitte div.buchung div.right{float:left; width:230px;}






 
 
 
 

/* kalender */

#kalender{overflow:auto;}

#kalender div.kalnav{overflow:hidden; margin:0 0 0 60px;}
#kalender div.kalnav div.auswahl{float:left; width:370px;}
#kalender div.kalnav div.auswahl form{background:#fff8e4; display:inline-block; padding:6px 10px;}
#kalender div.kalnav div.btns{float:right;}

#kalender form select{border:1px solid #ffe38f;}

#kalender table.std{ width:60px; float:left;}
#kalender table.std td{border:1px solid transparent; border-right:1px solid #ffe693; border-top:none; color:#ac8231;text-align:left; padding:7px 0;}
#kalender table.std td.first{padding:6px 0; border-top:1px solid transparent;}
#kalender table.std td.last{padding:6px 0 23px; border-top:1px solid transparent;}



#kalender table.tag{ width:105px; float:left;}
#kalender table.tag td{border:1px solid #ffe693; border-left:none; border-top:none; color:#333333; text-align:center; }
#kalender table.tag td a{text-decoration:none;}
#kalender table.tag td.gelb{background:#ffe693; padding:7px 0;}
#kalender table.tag td.grau{background:#c0c0c0; padding:7px 0;}
#kalender table.tag td.maintenance {background: #646464; padding:7px 0;}
#kalender table.tag td.maintenance a {color: #ececec; cursor: pointer;}
#kalender table.tag td.first{padding:14px 0; border-top:1px solid #ffe693;}
#kalender table.tag td.today{padding:14px 0; border-top:1px solid #ffe693; background:#FFE593;}

#kalender table.tag td.past{background:/*#dedede*/ #FFF8E4; padding:7px 0;}


#kalender table.tag td.weiss{}

#kalender table.tag td.weiss a{display:block; background:#fff; padding:7px 0; text-decoration:none;}


.ui-tooltip {
         box-shadow:0 0 0 0px;
         background:transparent;
         padding:0px;
         border:0px;
         margin:0px;
         -webkit-box-shadow:0 0 0 0px;
        
    }
body .ui-tooltip { border-width:0px; border:none; }
* html .ui-tooltip {
	background-image: none;
}

hr { border: 1px inset; }

div.pop {position:absolute; font-size:13px; font-family:"Trebuchet MS"; background: none; }
div.poptext {padding: 10px; width:230px;}
div.popbooking { width:230px; height:280px; }

div.poptext a.button{ background:url(../img/common/buchenbtn.png) repeat-x top left; border: 0 none; margin-top: 10px; cursor: pointer; display:inline-block; font-weight:bold; padding:7px 15px; text-decoration:none; width:50px; text-align:center;}
div.poptext div.mitte2 {background:url(../img/common/tooltip-mitte.png) no-repeat top left; text-align:left; padding:0px 10px 0px 13px; line-height:16px; text-align: center;}
div.poptext div.tooltiptop2{background:url(../img/common/tooltip-top.png) no-repeat top left; height:20px; }
div.poptext div.tooltipbottom2{background:url(../img/common/tooltip-bottom.png) no-repeat top left; height:13px;}

div.popnachunten{margin:-34px 0 0 -75px;}
div.popnachoben{margin:-291px 0 0 -63px; overflow:hidden;}


div.popnachunten div.tooltiptop{background:url(../img/common/tooltip-top.png) no-repeat top left; height:20px; }
div.popnachunten div.tooltipbottom{background:url(../img/common/tooltip-bottom.png) no-repeat top left; height:13px;}


div.popnachoben div.tooltiptop{background:url(../img/common/tooltip-top-2.png) no-repeat top left; height:5px; overflow:hidden;}
div.popnachoben div.tooltipbottom{background:url(../img/common/tooltip-bottom-2.png) no-repeat top left; height:22px; overflow:hidden;}


div.popnachunten div.mitte, div.popnachoben div.mitte{background:url(../img/common/tooltip-mitte.png) no-repeat top left; text-align:left; padding:0px 10px 0px 13px; height:253px; line-height:16px;}

div.popnachunten div.mitte div.boxtitel, div.popnachoben div.mitte div.boxtitel{padding:10px 0 10px 0;}

div.popnachunten div.mitte div.buchung, div.popnachoben div.mitte div.buchung{width:100%; margin:0 0 0 0; overflow:auto;}

div.popnachunten div.mitte div.buchung div.left,div.popnachoben div.mitte div.buchung div.left{float:left; width:70px;}
div.popnachunten div.mitte div.buchung div.right, div.popnachoben div.mitte div.buchung div.right{float:left; width:120px;}


div.popnachunten div.mitte a, div.popnachoben div.mitte a{text-decoration:underline; background:none; display:inline;}
div.popnachunten div.mitte a.button, div.popnachoben div.mitte a.button{display:inline-block; background:url(../img/common/buchenbtn.png) repeat-x top left;font-weight:bold; padding:7px 15px; text-decoration:none; width:70px; text-align:center;}

div.popnachunten div.mitte a.buttongrau, div.popnachoben div.mitte a.buttongrau{display:inline-block; background:#c0c0c0; padding:7px 15px; text-decoration:none;}





#kalender .calbox{float:right;}




/* Content: Text */
#content .text {margin: 0 0 32px 0px;}




/* Content: Info */
#content .info {float: right; overflow: hidden; bottom: 0px; margin: 0 0 24px 24px; width: 210px; background-color: #ffe593; background-image: url('../img/common/info-background-bottom.gif'); background-repeat: no-repeat; background-position: bottom left;}
#content .info .title {overflow: hidden; margin: 0 0 22px 0; font-size: 15px; font-weight: bold; background-image: url('../img/common/info-background-top.gif'); background-repeat: no-repeat; background-position: top left;}
#content .info .title * {position: relative; top: 3px; margin: 0 0 3px 0; border-right: 1px solid #ffe593; border-left: 1px solid #ffe593; padding: 12px 24px 0 24px;}
* html #content .contact .title {margin: 0 0 6px 0;}
#content .info .text {position: relative; bottom: 3px; margin: 3px 0 0 0;border-right: 1px solid #ffe593; border-left: 1px solid #ffe593; padding: 0 24px 12px 24px;}
#content .info .text .download {margin: 16px 0 0 0;}

/* Content: Featurelist */
#content .featurelist {margin: 0 0 64px 0;}
#content .featurelist .item {overflow: hidden; margin: 0 0 16px 0; border-top: 1px solid #ffe593; padding: 14px 0 0 0; width: 100%;}
#content .featurelist .item .title {margin: 0 0 14px 0; font-size: 20px; font-weight: bold;}
#content .featurelist .item .column img {margin: 0 0 8px 0;}

#content .feature {overflow: hidden; margin: 0 0 16px 0; border-top: 1px solid #ffe593; padding: 14px 0 0 0; width: 100%;}
#content .feature .title {margin: 0 0 14px 0; font-size: 20px; font-weight: bold;}
#content .feature .column img {margin: 0 0 8px 0;}

/* Content: Map */
#content .map {width: 670px; height: 500px; margin: 0 0 24px 0;}

/* Content: Contact form */
#content .contactform {margin: 0 0 24px 65px; padding: 0 0 3px 0; background-image: url('../img/common/contactform-background-bottom.gif'); background-repeat: no-repeat; background-position: bottom left;}
#content .contactform form {padding: 3px 0 0 0; background-image: url('../img/common/contactform-background-top.gif'); background-repeat: no-repeat; background-position: top left;}
#content .contactform table {border-right: 1px solid #ffefbb; border-left: 1px solid #ffefbb; background-color: #fff8e4;}
#content .contactform td, th {border-bottom: 6px solid #fff8e4;}
#content .contactform th {padding: 12px 0 6px 0; text-align: left; font-size: 20px; font-weight: bold;}
#content .contactform label {display: inline;}
#content .contactform .labelrow {padding: 0 18px 0 0; width: 207px; line-height: 24px; text-align: right;}
#content .contactform .labelrowsmall {padding: 0 10px 0 0; width: 41px; text-align: right;}
#content .contactform .inputrow {width: 437px; background-image: url('../img/common/contactform-text-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .contactform .inputrowsmall {width: 312px; background-image: url('../img/common/contactform-text-small-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .contactform .inputrowsmallest {width: 70px; background-image: url('../img/common/contactform-text-smallest-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .contactform .inputrow input {padding: 0 6px 0 6px; width: 323px; background: none; outline: none;}
#content .contactform .inputrowsmall input {padding: 0 6px 0 6px; width: 198px; background: none; outline: none;}
#content .contactform .inputrowsmallest input {padding: 0 6px 0 6px; width: 58px; background: none; outline: none;}
#content .contactform .inputrow select {padding: 0 0 0 3px; width: 334px; background: none; outline: none;}
* html #content .contactform .inputrow select {padding: 0; width: 335px;}
*+html #content .contactform .inputrow select {padding: 0; width: 335px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#content .contactform .inputrow select {margin: 0 0 0 1px; width: 333px; height: 22px;}
}
#content .contactform .labelarea {padding: 0 18px 0 0; width: 207px; line-height: 24px; text-align: right; vertical-align: top;}
#content .contactform .inputarea {vertical-align: top; background-image: url('../img/common/contactform-textarea-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .contactform .inputarea textarea {padding: 4px 6px 4px 6px; width:323px; height: 132px; background: none; outline: none;}
* html #content .contactform .inputarea textarea {overflow: auto; padding: 2px 6px 2px 6px; width: 321px; height: 134px;}
*+html #content .contactform .inputarea textarea {overflow: auto; padding: 2px 6 2px 6px; width: 321px; height: 134px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#content .contactform .inputarea textarea {padding: 4px; width: 327px;}
}
#content .contactform .checboxrow {overflow: hidden;}
#content .contactform .checkboxrow input {display: block; float: left;}
#content .contactform .checkboxrow label {display: block; float: left; margin: 0 0 0 8px;}
#content .contactform .buttonrow {padding: 10px 0 10px 0;}
#content .contactform .buttonrow input.button {float: left; margin: 0 8px 0 0; width: 155px; height: 30px; font-weight: bold; background-image: url('../img/common/send-button.gif'); background-repeat: no-repeat; background-position: top left; background-color: #ffffff;}

#content .contactform .buttonrow input.buttongrau {float: left; margin: 0 8px 0 0; width: 100px; height: 30px; font-weight: bold; background-image: url('../img/common/send-button-grau.png'); background-repeat: no-repeat; background-position: top left; background-color: #ffffff;}

#content .contactform .buttonrow a.buttongrau{float: left; margin: 0 8px 0 0; /* width: 100px; height: 30px;*/ padding:7px 19px 8px 19px; font-weight: bold; background-image: url('../img/common/send-button-grau.png'); background-repeat: no-repeat; background-position: top left;  text-decoration:none;}

#content .contactform .errorrow {padding: 0; font-weight: bold;}
#content .contactform .inputrowerror {background-image: url('../img/common/contactform-text-error-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .contactform .inputrowsmallerror {background-image: url('../img/common/contactform-text-small-error-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .contactform .inputrowsmallesterror {background-image: url('../img/common/contactform-text-smallest-error-background.gif'); background-repeat: no-repeat; backgxround-position: top left;}
#content .contactform .inputareaerror {background-image: url('../img/common/contactform-textarea-error-background.gif'); background-repeat: no-repeat; background-position: top left;}
#content .contactform .successrow {padding: 0 102px 8px 0; width: 437px;}


#content table.liste th{border:0; padding:0 0px 15px 0; text-align:left; vertical-align:top;}
#content table.liste td{padding:0 0px 15px 0; text-align:left; vertical-align:top;}
#content table.liste td a{text-decoration:none;}
#content table.liste td a:hover{text-decoration:underline;}

#content table.liste td.fett{font-weight:bold;}

#content form.normal input{border:1px solid #ccc; padding:2px; width:90px; margin:0 5px 0 5px;}
#content form.normal {display:inline-block;}

form.maintenance {  }
form.maintenance label {display: inline; }
form.maintenance input, form.maintenance select, form.maintenance textarea {border: 2px inset; }

/**** Footer ****/
#footer {overflow: hidden; padding: 20px; width: 900px; font-size: 12px; height: 19px; line-height: 19px; vertical-align: middle;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer .imprint {float: left;}
#footer .notice {float: right;}