/*
 Verwendete Farben:

0 140 216 = hellblau; #008CD8
0 64 192 = blau; #0040C0
0 0 64 = dunkelblau; #000040
255 106 44 = orange; #FF6A2C
38 116 0 = dunkelgrün; #267400
255 220 115 = gelb; #FFDC73
*/ 

html { background-color: #008CD8 }

body {
	background-color: #008CD8;
	margin: 0 0 0 0;
	padding: 10px 10px 10px 10px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3 { color: #FFDC73 }

#firstrow { vertical-align: top }
#middlerow { vertical-align: bottom }
#lastrow { vertical-align: bottom }

#northwest-cell { width: 150px; font-weight: bold; background-image: url(images/west.gif) }
#northwest-div { height: 152px; width: 150px; background-color: #008CD8; font-size: 0pt }
#northwest-div img { height: 152px; width: 150px }
#northwest-img { height: 152px; width: 150px }

#north-cell { width: 100%; empty-cells: show; vertical-align: top }
#northeast-cell { background-image: url(images/northeast.gif); background-position: top; background-repeat:no-repeat  }
#northeast-cell div { width: 26px; height: 152px }

#northdiv { position: relative; height: 100px }
#northdiv img { z-index: 0; position: absolute; top: 0px; width: 100%; height: 100px }
#printlogo { display: none }
#header { position: relative; padding-top: 28px; padding-left: 20px; color: #FFDC73; font-size: 20px; font-weight: bold }
#headertitle { font-size: larger }
#headersubtitle { font-size: small }


.menuimg { height: 12px; width: 2px; text-align: middle; margin-left: 12px; background-color: white; visibility: hidden }
.menuimgSelected { height: 12px; width: 2px; text-align: middle; margin-left: 12px; background-color: #FFDC73; visibility: visible }

.menuentry1 { height: 24px; margin-left: -1px; margin-top: 0px; padding-top: 0px; color: white; font-size: 14px; background-image: url(images/westText.gif) }
.menuentry1 a:link,    .menuentry2 a:link    { color: white; text-decoration: none }
.menuentry1 a:visited, .menuentry2 a:visited { color: white; text-decoration: none }
.menuentry1 a:hover,   .menuentry2 a:hover   { color: red;   text-decoration: none }
.menuentry1 a:*,       .menuentry2 a:*       { color: #FFDC73;  text-decoration: none }
.menuentry1 img { margin-right: 8px }

.menuentry2 { height: 22px; margin-left: -1px; padding-top: 2px; color: white; font-size: 12px; background-image: url(images/westSubText.gif)  }
.menuentry2 img { margin-right: 18px }

a:link.anchorSelected { color: #FFDC73; }
a:visited.anchorSelected { color: #FFDC73; }
a:*.anchorSelected { color: #FFDC73; cursor: default }

#southwestwest-cell {
	width: 150px; 
	vertical-align: bottom;
	background-image: url(images/west.gif)
}
#southwestwest-div {
	height: 130px; width: 150px;
	background-image: url(images/southwestwest.gif);
	background-repeat:no-repeat;
}

#lastchange {
	padding: 80px 0px 0px 12px;
	bottom: 0px;
	padding-left: 12px;
	font-size: 8pt;
	color: #FFDC73;
}

#lastchange img {
 border: none;
 margin-left: 20px
}

#lastchange a { font-size: 0pt }

#southwest-cell { vertical-align: bottom; height: 22px; width: 150px; background-image: url(images/west.gif); }
#southwest-div { height: 22px; width: 150px; background-image: url(images/southwest.gif); background-repeat:no-repeat; }
#southwest-div img { height: 22px; width: 150px }

#southeasteast-cell {
	width: 26px;
	background-image: url(images/southeasteast.gif);
	background-position: bottom;
	background-repeat:no-repeat;
}

/* border: 1px solid red; padding-bottom: 0px; margin-bottom: 0px;  */

#south-cell { width: 100%; height: 22px; background: url(images/southsoutheast.gif) repeat-y right }
#south-cell img { width: 100%; height: 4px; vertical-align: bottom }

#southeast-cell { height: 22px; width: 26px; background-image: url(images/southeast.gif); background-repeat:no-repeat; }

#content { position: relative; padding-left: 10px; padding-right: 10px; padding-bottom: 10px }
#content p { margin-top: 0px; margin-bottom: 10px; text-align: justify }

.centerimg { text-align: center }


/* Gallery */
p#gallery { text-align: center; }
.gallery-img { text-align: center; overflow: hidden; padding: 2px 5px 2px 5px; margin-bottom: 20px; text-align: center; border: 2px dashed #FFDC73 }
.gallery-img div { width: 530px; overflow: scroll }
.gallery-img img { padding: 5px 5px 5px 5px; background: url(images/shore.jpg) no-repeat scroll; background-position: center }
.gallery-div { text-decoration: none; font-size: 0pt }
.gallery-div img { border: none; margin: 2px 2px 10px 2px }
.gallery-div:hover img { background-color: red }
.gallery-div:active img { background-color: red }
.gallery-div:focus img { background-color: red }
img.normstyle { width: 530px; height: 400px }
img.panostyle { height: 380px; padding: 0 0 0 0; margin: 0 0 0 0 }

#movieHelp { float: right; background-color: #0040C0; font-size: 0pt; width: 20px; height: 20px; background-image: url(images/help.gif) }
#imageSave { float: right; background-color: #0040C0; font-size: 0pt; width: 20px; height: 20px; background-image: url(images/save.gif) }
#fullScreen { float: right; background-color: #0040C0; font-size: 0pt; width: 20px; height: 20px; background-image: url(images/resize.gif) }
.slidePlay { float: right; background-color: #0040C0; font-size: 0pt; width: 20px; height: 20px; background-image: url(images/play.gif) }
.slideStop { float: right; background-color: #0040C0; font-size: 0pt; width: 20px; height: 20px; background-image: url(images/stop.gif) }
#scriptwarn { text-align: center; color: red }


/* Willkommensseite */

#einrichtungen { float: left; margin-right: 10px; width: 302px }

#desctext {
	padding: 5px 5px 0px 5px;
	width: 280px; height: 3em;
	text-align: right;
	font: normal 8pt sans-serif;
	color: white;
	overflow: hidden
}
#luftoben { vertical-align: bottom; width: 302px; background-image: url(images/luft1.gif); background-repeat: no-repeat }
#luftoben img { margin-top: 255px; width: 302px; height: 31px; border: 0px }
#luftoben :hover { cursor: help }


/* Aktuelles */
dl.news dt {
	height: 40px;
	padding: 10px 0px 0px 20px;
	margin-top: 20px;
	background-image: url(images/chapter.gif);
	background-repeat: no-repeat;
	color: #FFDC73;
	font-size: 14pt;
	font-weight: bold;
}

span.date {	color: #FF9673 }

/* Lage */
#location1 { padding-top: 10px; margin-bottom: 540px }
#location1 div.centerimg { position: absolute; z-index: 1; height: 520px; width: 100% }
#location2 { padding-top: 10px; margin-bottom: 450px }
#location2 div.centerimg { position: absolute; z-index: 1; height: 430px; width: 100% }
#location2 img { background-color: white }

/* Lageplan */
#resortmap_print { display: none }

/* Platzbereiche */
.leftimg#firstPara { clear: none; margin-top: 0px }
.leftimg { clear: both; margin-top: 20px }
.leftimg img { float: left; margin-right: 10px; margin-bottom:10px }
.leftimg .imglegend { font-size: 15pt; color: #FFDC73; text-align: center; padding-top: 10px }

.rightimg#firstPara { clear: none; margin-top: 0px }
.rightimg { clear: both; margin-top: 20px }
.rightimg img { float: right; margin-left: 10px; margin-bottom:10px }
.rightimg .imglegend { font-size: 15pt; color: #FFDC73; text-align: center; padding-top: 10px }

/* Restaurant */
.sidetext {  text-align: justify }

/* Ausflüge */
#tripsratio td { padding-left: 20px }

/* Gebühren */
table.feetable { border: 1px solid #000040; align: center; margin-bottom: 10px }
table.feetable td { border: 1px solid #000040 }
table.feetable th { border: 1px solid #000040 }
th.feeheader { background-color: #FFDC73; color: #000040; padding-left: 5px; padding-right: 10px; text-align: left }
th.centerheader { background-color: #FFDC73; color: #000040; padding-left: 0px; padding-right: 0px; text-align: center }
td.feedesc { padding-left: 5px; padding-right: 10px }
td.feeamount { text-align: center; padding-left: 10px; padding-right: 10px }

strong.header { color: #FFDC73; text-decoration: underline }
strong.strongblue { color: #000040 }

/* Stellplatzanfrage */
#contacttable { }
#contacttable tr { vertical-align: top }
fieldset legend { color: #FFDC73; font-weight: bold }
label.required { color: #FFDC73; font-weight: bold; text-decoration: underline }
input.required { background-color: #FFDC73 }

/* Impressium */
td.tableimg { vertical-align: middle }
td.tableimg img { margin-right: 30px; border: 0px }