@import "hmenu.css";

#thephoto {
  width:742px;
  height:200px;
}

/* mac hide\*/
html, body {height:100%;}
/* end hide */
html {
	font-size: 100.01%;
}

/* Formulare für Geschenkgutscheine */
legend {
	text-transform: uppercase;
	letter-spacing: 1px;
}
fieldset {
	border: none;
}
iframe {
	overflow: hidden;
}
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:742px;/* for mozilla*/
	background: url(/fileadmin/templates/images2/bg.gif) repeat-x;
	color: #333;
}
#outer{
	height:100%;
	min-height:100%;
	width:100%;
	color: #333;
	text-align:left;
	margin:auto;
	position:relative;
}
#inner{
	height:100%;
	min-height:100%;
	width:742px;
	color: #333;
	text-align:left;
	margin:auto;
	position:relative;
}

 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:742px;
}
#header{
	position:absolute;
	top:0;
	left:0px;
	width:742px;
	height:384px;
	color: #333;
	z-index:1000;
}
#logo{
	position:absolute;
	top:0;
	left:0;
	width:742px;
	height:104px;
	overflow:hidden;
	color: #333;
	z-index:110;
}

#navigation{
	position:absolute;
	top:60px;
	left:180px;
	width:585px;
	height:25px;
	overflow:visible;
	color: #333;
	z-index:150;
}

#navigationsosta {
	position:absolute;
	top:60px;
	left:230px;
	width:585px;
	height:25px;
	overflow:visible;
	color: #333;
	z-index:150;
}

#subnavigation{
	position:absolute;
	top:80px;
	left:180px;
	width:585px;
	height:25px;
	overflow:visible;
	color: #333;
	z-index:120;
}
#subnavigationsosta{
	position:absolute;
	top:80px;
	left:230px;
	width:585px;
	height:25px;
	overflow:visible;
	color: #333;
	z-index:120;
}
#flashheader{
	position:absolute;
	top:104px;
	left:0px;
	width:742px;
	height:200px;
	color: #333;
	z-index:130;
	overflow: hidden;
}

#fotoheader{
	position:absolute;
	top:104px;
	left:187px;
	width:550px;
	height:300px;
	color: #333;
	z-index:1300;
	overflow: hidden;
}
#seitentitel{
	position:absolute;
	top:304px;
	left:0;
	width:742px;
	height:80px;
	overflow:hidden;
	background-color: #FFF;
	color: #333;
	z-index:130;
}

#left {
	position:relative;/*ie needs this to show float */
	width:185px;
	float:left;
	padding-top:384px;/*needed to make room for header*/
	padding-bottom:50px;/* needed to make room for footer */
}
#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:4px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:160px;
	float:right;
	padding-top: 384px;/*needed to make room for header*/
	padding-bottom:50px;/* needed to make room for footer */
}

#footer {
	width:100%;
	clear:both;
	height:50px;
	background: url(/fileadmin/templates/images2/footerbg.gif) repeat-y center center;
	color: #333;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
	z-index:50;
	overflow: visible;
}
#footerwrap {
	width:742px;
	height:50px;
	color: #333;
	text-align:left;
	margin: auto;
	position: relative;
	z-index:60;
	overflow: visible;
}

#copy {
	position: absolute;
	top: 30px;
	left: 0;
	width: 200px;
	height: 15px;
}

#icons {
	position: absolute;
	top: 3px;
	left: 200px;
	width: 542px;
	height: 47px;
	text-align:right;
}

* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
	width:547px;
	float:right;
	padding-top:384px;
	padding-bottom:50px;/* needed to make room for footer */
}
#centrecontent p {padding-left:3px}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */

/* Tabellen für Reservation Gutscheine */
table.formular {
	background-color: #EBEBEB;
	padding: 6px 0;
}
table.formular td {
	padding: 0 6px;
}
table.formular td.error {
	color: #CC3333;
	background-color: #F1C6C6;
}
tr.dunkel {
	background-color: #F3EB7B;
}
tr.dunkel td {
	padding: 6px;
	line-height: 16px;
	border-bottom: 2px solid #FFFFFF;
}
tr.hell {
	background-color: #F9F6C1;
}
tr.hell td {
	padding: 6px;
	line-height: 16px;
	border-bottom: 2px solid #FFFFFF;
}
tr.last td {
	border-bottom: 2px solid #F3EB7B;
}
input.button {
	float: left;
	margin-top: 6px;
}
.dz .csc-textpic-left {
	float:left;
	margin-right:20px;
}
.dz * {
	border:medium none;
}
.clear {
	clear:both;
}
.panorama {
	display:block;
	float:left;
	width:39px;
	height:35px;
	margin:-22px 0 0 -49px;
}