/*=================================
	Grundeinstellungen
	================================*/
body{
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#CCCCCC;
background-color:#242424;
background-image:url(/layoutbilder/bg_schiff06.jpg);
background-position:0px;
background-repeat:repeat-y;
margin: 0px;
padding: 0px;
}
img{
border-width: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div{
border-width: 0px;
border-style:solid;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* Schriftarten */
p{
font-size: 13px;
color:#333333;
margin: 0px 0px 5px 0px;
padding: 0px 25px 0px 25px;
text-align:justify;
}
h1{
font-size: 16px;
color:#333333;
font-weight:bold;
line-height:20px;
margin: 25px 0px 3px 25px;
padding: 0px 25px 0px 0px;
}
h2{
font-size: 16px;
color:#333333;
font-weight:bold;
line-height:17px;
margin: 15px 0px 3px 25px;
padding: 0px 25px 0px 0px;
}
h3{
font-size: 13px;
color:#333333;
font-weight:bold;
line-height:15px;
margin: 25px 0px 3px 25px;
padding: 0px 25px 0px 0px;
}
/* Auflistungen */
ul{
width: 95%;
list-style-type: disc;
margin: 0px 0px 0px 25px;
padding: 0px 0px 0px 0px;
}
ul li{
color: #333333;
list-style-position:outside;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display:block;
}
ol{
width: 95%;
list-style-type: decimal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
ol li{
list-style-position:outside;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display:block;
}
/* Links */
a:link, a:visited{
color:#FF6633;
text-decoration:none;
}
a:hover{
color:#FF6633;
text-decoration: underline;
}
/* div. Formatierungen*/
.center{
text-align: center;
}
.right{
text-align: right;
}
.left{
text-align: left;
}
.hoch{
vertical-align:top;
}
.tief{
vertical-align:bottom;
}
.mitte{
vertical-align:middle;
}
/*##############################################
	SEITENELEMENTE
	#############################################*/
div#header{ /* Kopfbereich*/
position: absolute;
background-image:url(/layoutbilder/header_c.jpg);
background-position:right top;
background-repeat:no-repeat;
width: 996px;
height: 131px;
top: 0px; 
left: 0px;
}
div#header img{
position: absolute;
left: 30px;
top: 0px;
float:right;
}
div#header img.impressionen{
position: absolute;
left: 30px;
top: 0px;
float:right;
}
div#header h1{
position:absolute;
left: 196px;
width: 780px;
line-height:130px;
font-size: 25px;
margin: 0px;
padding: 0px 10px;
float:left;
color: #ece1d7;
z-index: 50;
}
div#headerprint{ /* Kopfbereich Druckausgabe */
position:absolute;
top: 0px;
left: 5px;
visibility: hidden;
}
div#headerprint h1{
font-size: 20px;
}
div#navigation{ /* Navigation */
position: absolute;
top: 152px;
left: 30px;
width: 136px;
overflow:hidden;
}
div#adresszeile{ /* Adresszeile oben */
position: absolute;
left: 0px;
top: 130px;
height: 20px;
width: 996px;
background-image:url(/layoutbilder/bg_adresszeile.jpg);
background-repeat:repeat-y;
border-width: 1px 0px;
border-style:solid;
border-color:#FF6633;
color: #ece1d7;
}
#adresszeile p{
color: #ece1d7;
line-height:20px;
padding: 0px;
}
p.namen{
font-size:11px;
width: 196px;
text-align:center;
float: left;
padding: 0px;
margin: 0px;
}
p.adresse{
font-size: 11px;
width: auto;
text-align:right;
float: right;
padding: 0px;
margin: 0px;
}
div#content{ /* Seiteninhalt */
border:2px solid #CC0000;
position:absolute;
top: 153px;
left: 196px;
width: 783px;
border: 0px;
padding: 0px 0px 0px 0px;
z-index:50;
}
div#fusszeile{ /* Fusszeile unterhalb Seiteninhalt */
width: 800px;
float:left;
clear:both;
margin-top: 15px;
margin-left: 0px;
border-width: 1px 0px 0px 0px;
border-style:solid;
border-color: #FF6633;
}

div#fusszeile a:link, div#fusszeile a:visited, div#fusszeile a:hover{ /* Link in Fusszeile */
margin-right:10px;
font-size: 9px;
}
div#fusszeile p{
font-size: 11px;
}
div#fusszeile p.copy{
font-size:11px;
float: left;
width: auto;
}
/*=======================================
	Seiten "Kontakt" und "Tischreservation
	======================================*/
#kontakt{
font-family:Arial, Helvetica, sans-serif;
}
#kontakt label{
color: #333333;
width: 100px;
text-align:right;
font-size:12px;
float:left;
line-height:200%;
padding-right: 5px;
}
input.formFeld{
float:left;
width: 180px;
border-width: 1px;
border-style: solid;
border-color:#666666;
}
input.formFeldKurz{
float:left;
width: 84px;
border-width: 1px;
border-style: solid;
border-color:#666666;
}
form br{
clear:both;
}
textarea.formTextfeld{
width: 470px;
margin: 0px;
padding: 0px;
border-width: 1px;
border-style: solid;
border-color:#666666;
}
input.buttonSenden, input.buttonAbbrechen, input.buttonZurueck{
width: 100px;
margin-left: 160px;
cursor:pointer;
}
/*===============================
	Seite "Neuigkeiten" (HOME)
	=============================*/
h2.overline{
border-width: 1px 0px 0px 0px;
font-size: 14px;
line-height:25px;
border-style:solid;
border-color:#FF6633;
}
img.homeLinks{
float: left;
margin: 10px 10px 10px 25px;
}
img.homeMitte{
float: left;
margin: 10px 10px 10px 10px;
}
img.homeRechts{
float: left;
clear: right;
margin: 10px 0px 10px 10px;
}
div.openLinks{
float: left;
width: 45%;
}
div.openRechts{
float: left;
width: 45%;
}
div.homeLokale{
height: 150px
}
div#news h1{ /* Newstitel */
font-size: 12px;
font-weight:bold;
margin-top: 5px;
margin-bottom: 0px;
}
/*===============================
	Seite "NEWS"
	=============================*/
div#content.news img{
border-width: 0px;
margin: 5px 5px 0px 0px;
padding: 0px 0px 0px 0px;
}

/*===============================
	Alle Seiten mit Karten
	=============================*/
div.kartenbilder{
float: right; 
width:auto;
margin-left: 25px;
margin-right: 25px;
}

/* Tabelle Menugruppe */
div#content table.karte{
position:relative;
left: 25px; 
top: 0px;
border-width: 0px;
border-style:solid;
border-color: #333333;
margin: 0px 0px 12px 0px;
padding: 0px 2px 5px 0px;
width: 95%;
float:left;
}
td p{
padding: 0px;
margin: 0px;
}
td h1{
font-size: 16px;
color:#333333;
font-weight:bold;
line-height:20px;
margin:15px 25px 0px 0px;
padding: 0px 25px 0px 0px;

}
td.plu{
width: 30px;
text-align:left;
vertical-align:top;
}
td.text{
text-align: left;
vertical-align:top;
padding-bottom:5px;
}
td.preis{
text-align: right;
width: 60px;
vertical-align:bottom;
padding-bottom: 5px;
}
td.preis p{
text-align: right;
}
/* Text aus Editor */
div.editor{
width: 94%;
margin: 0px 14px 5px 12px;
float:left;
padding: 3px;
border-width: 0px;
border-style:solid;
border-color: #333333;
}
div.editor p, div.editor h1, div.editor h2, div.editor ul{
padding: 0px;
}

/*===============================
	Seite "Saisonales"
	=============================*/
	
/*===============================
	Seite "Kaffee und Tee"
	=============================*/
#content.kafi{
background-image: none;
background-position: top;
background-repeat:no-repeat;
}
#content.kafi h1{
width: auto;
}
#content.kafi table{
z-index: 10;
width: 69%;
}
#content.kafi tr{
vertical-align: top;
}
#content.kafi td p{
margin-top: 5px;
}

/*===============================
	Seite "Philosophie"
	=============================*/
p.phil{
font-size: 13px;
text-align: justify;
}
	
/*************************
	Philosophie - Links
*************************/
#linkgrp{
border-width: 0px;
border-style: solid;
border-color: #f9bd7b;
width: 95%;
padding: 3px;
margin: 10px 25px;
}
#linkgrp p{
width: 98%;
padding-top: 0px;
margin-top: 0px;
}
#linkgrp  a.links:link, #linkgrp  a.links:visited{
text-decoration: none;
padding:0px;
margin:0px;
float: left;
clear: left;	
}
#linkgrp  a.links:hover{
text-decoration: underline;
}
.linkname{
width:230px;
padding-top:0px;
margin-top:0px;
padding-left:3px;
float: left;
clear: left;
}
.linkbeschr{
margin-left:250px;
width:450px;
padding-top:0px;
margin-top:0px;
}

/*===============================
	Seite "Geschichte"
	=============================*/
ul.geschichte{
margin: 15px 25px;
}
ul.geschichte li{
padding: 3px 0px;
}
/*===============================
	Seite "Galerie - Künstler"
	=============================*/


/*===============================
	Seite "Tourismus"
	=============================*/
.panorama{ /* Panoramakarte links*/
width: 250px;
float:left;
margin: 3px 15px;
}
.legende{ /* Textbereich rechts*/
width: auto;
float: left;
clear:right;
margin: 3px 8px;
}
#legende ul{
margin: 15px 10px;
}
#legende ul li{
padding: 5px 0px;
}
/*===============================
	Seite "Wie Sie uns finden"
	=============================*/
.situationsplan{
border-width: 1px;
border-style: solid;
border-color:#BEBEBE;
margin-left: 25px;
float:left;
}
div#routenplaner{
float: right; 
margin-right: 0px;
}
/*===============================
	Seite "Impressum"
	=============================*/
ul.impressum{
padding: 0px 0px 0px 25px;
}