﻿body {
text-align:center;
font-family:'Gill Sans', sans-serif;
font-size:14px;
background-color:#222;
}
a:link.follow,a:visited.follow,a:hover.follow,a:active.follow,a:focus.follow {
text-decoration:none;
color:transparent;
}
img {
border: none;
}
img.follow {
margin-top:-10px;
position:absolute;
}
a:link.piclink,a:visited.piclink,a:hover.piclink,a:active.piclink,a:focus.piclink {
text-decoration:none;
color:transparent;
}
a:hover.piclink {

}
a:link.overLinks,a:visited.overLinks,a:hover.overLinks,a:active.overLinks,a:focus.overLinks {
text-decoration:none;
color:white;
letter-spacing:0.1em;
word-spacing:0.3em;
font-size:14px;
}
a:hover.overLinks {
background-color:#ec870e;
}
a:link.menubuttons,a:visited.menubuttons,a:hover.menubuttons,a:active.menubuttons,a:focus.menubuttons {
text-decoration:none;
color:black;
font-variant:small-caps;
word-spacing:0.1em;
letter-spacing:2px;
font-size:20px;
}
a:hover.menubuttons {
background-color:black;
color:white;
}
a:link.pfeile,a:visited.pfeile,a:hover.pfeile,a:active.pfeile,a:focus.pfeile {
text-decoration:none;
color:transparent;
}
a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
a:active {
text-decoration:none;
}
a:focus {
text-decoration:none;
}
/*----------------individuelle css eigenschaften ---------------------------*/
div.quickflip {
width:99%;
margin:auto;
height: 900px;
position:relative;
left:50%;
margin-left:-49%;
}
div.seiteFlip {
position:relative;
left:50%;
margin-left:-500px;
}

div.seitenAuswahl {
background-color:none;
}

div.lokaleButtons {
background-color:none;
position:absolute;
top:50%;
left:50%;
margin-left:-420px;
margin-top:-140px;
}

div.main {
width:1010px;
height:650px;
background-image: url('images/mainframe.png');
position:absolute;
margin:auto;
left:50%;
margin-left:-505px;
top:10%;
z-index:20;
}
div.content {
margin-left:25px;
margin-top:25px;

}
*+html div.content {
position:absolute;
margin-left:-480px;
}

div.image {
width:960px;
height:600px;
margin-left:25px;
margin-top:25px;
position:relative;
z-index:0;
}
*+html div.image {
margin-left:0px;
}

div.overHeader {
background-color:none;
text-align:right;
width:960px;
left:50%;
top:10%;
margin-left:-480px;
position:absolute;
color:white;
z-index:100;
}
div.top {
text-align:right;
width:960px;
height:75px;
background-color:white;
filter: Alpha(opacity=95);
opacity: 0.95;
z-index:101;
position:absolute;
margin-top:-625px;
}


div.links {
width:880px;
height:18px;
position:relative;
margin-top:53px;
margin-left:70px;
z-index:102;
}
div.bottom {
text-align:left;
width:960px;
height:50px;
background-color: white;
filter: Alpha(opacity=95);
opacity: 0.95;
z-index:2;
position:relative;
top:-75px;
}
div.underFooter {
text-align:center;
width:960px;
position:relative;
color:white;
z-index:101;
font-size:14px;
left:50%;
margin-left:-480px;
margin-top:-150px;
}


*+html div.underFooter{
position:relative;
top:-120px;
left:0%;
margin-left:0px;
margin-top:0px;
}

div.footerContent {
width:940px;
height:40px;
background-color:none;
margin-left:10px;
margin-top:-1px;
text-align:center;
position:absolute;
}



div.logo {
width:250px;
height:108px;
margin-left:55px;
margin-top:-720px;
text-align:center;
position:absolute;
opacity: 0.95;
z-index:105;
}

div.logo:hover {
cursor:pointer;
}

div.sublogo {
width: 262px;
height: 75px;
position:absolute;
margin-top: -630px;
margin-left: 5px;
z-index:150;
}

div.sublogo:hover {
cursor:pointer;
}

div.center {
width:960px;
height:475px;
z-index:19;
position:absolute;
margin-top:-550px;
}
div.shadow {
width:960px;
height:475px;
z-index:3;
position:relative;
background-image: url('images/shadow.png');
left: 0%;
}
/*----------------content boxen fuer inhalt-----------------------------------*/
div.content1, div.content2, div.content3, div.content4, div.content5 {
filter: Alpha(opacity=0);
opacity: 0;
}
div.content1, div.content2, div.content3, div.content4, div.content5 {
position:absolute;
left:0%;
}
div.content1 {
width:910px;
height:425px;
background-color:white;
margin:auto;
margin-left:25px;
margin-top:25px;
text-align:left;
z-index:4;
}
div.damoritz {
	width:860px;
	height: 375px;
	margin-left: 25px;
	margin-top: 25px;
}
div.damoritzText {
width:620px;
height:375px;
position:absolute;
}

div.damoritzBild {
width:247px;
margin-left:625px;
position:absolute;
}

div.speisekarte {

width:860px;
height: 375px;
margin-left:25px;
margin-top:25px;
}
div.speisekarte2 {
position:absolute;
margin-top:10px;
width:50%;
}
div.speisekarte3 {
position:absolute;

width:350px;
height:375px;
left:520px;
}

div.content2 {
width:407px;
height:425px;
background-color:white;
margin:auto;
left:55%;
margin-top:25px;
text-align:left;
z-index:5;
}
.kontakt  {
margin-left:25px;
}

div.content3 {
width:910px;
height:425px;
background-color:white;
margin:auto;
margin-left:25px;
margin-top:25px;
z-index:6;
text-align:center;
}
div.content4 {
width:910px;
height:425px;
background-color:white;
margin:auto;
margin-left:25px;
margin-top:25px;
z-index:5;
text-align:center;
}
.galltable {
margin:auto;
margin-top:20px;
margin-left:45px;
width:90%;
height:90%;
text-align: center;
}

div.pfeildiv {
margin-top:-20px;
margin-left:860px;
z-index:106;
position:relative;
}

div.hintergrund {
position:relative;
z-index:0;
width:100%;
height:100%;
margin-left:-10px;
margin-top:-10px;
}


div.content5 {
width:910px;
height:425px;
background-color:white;
margin:auto;
margin-left:25px;
margin-top:25px;
text-align:left;
z-index:6;
}

div.reservierung {
margin-left:10px;
margin-top: 25px;
position:absolute;
left:50%;
width:50%;
}

div.reservierungText {
position:absolute;
width:535px;
height:375px;
margin-left:15px;
margin-top:15px;
}

form p { 
	color:#555;
	position:relative;
	font-size: 18px;
	font-weight: normal;
	margin-top:-20px;
}

input {
	background-color:#EEE;
	border: 1px solid #555;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	height: 24px;
	vertical-align: middle;
	margin-left:140px;
	padding-left:5px;
	padding-right:5px;
}



select {
	margin-left:100px;
	background-color: #eee;
	border: 1px solid #555;
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	overflow: hidden;
	height:24px;
	
}



.submit {
	border: 1px solid #555;
	border:none;
	background-color:#555;
	color:white;
	font-size:16px;
	width: 270px;
	height: 50px;
	position:absolute;
	margin-top: 7px;
	margin-left: 140px;
}
.submit:hover {
	color: #ec870e;
	background-color:#222;
}

#submitok {
	color: #222;
	font-size:22px;
	margin-left:50px;
	margin-top:100px;
	position:absolute;
}
#submitnotok {
	color: #222;
	font-size:22px;
	margin-left:50px;
	margin-top:100px;
	position:absolute;
}

#checkPng {
	position:absolute;
	margin-top:82px;
	margin-left:-25px;
}

#thx, #nope {
	margin-left:80px;
	margin-top:-225px;
}

#labels {
	position:absolute; 
	margin-top:23px; 
	width:130px;
	text-align:right;
	color: #000;
	font-size:18px;
	font-variant: small-caps;
}
