body
{
font-size: 11px;
font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; 
background: #FDFDFB;
color: #666;
}
td, ul li
{
font-size: 11px;
font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
}
img, a img, a 
{
border: 0px;
}
#access {display: none;}
#content
{
margin-top: 76px;
border-top: 1px solid #F0ECE1;
}
td#erleben
{
vertical-align: top;
padding-left: 40px;
}

table.erleben td.abstand
{
width: 75px;
} 
ul#uebernav
{
top: 73px;
}
#nav
{
position: absolute;
top: 27px;
left: 433px;
width: 485px; 
height: 46px;
}

#nav li#linkspeisekarte a em,
#nav li#linkreservierung a em, 
#nav li#linkgutschein a em,
#nav li#linkanfahrt a em,
#nav li#linknaechtigung a em 
{
 position: absolute;
 width: 100px;
 height: 46px;
 left: -3000px;
}

ul#nav li#linkspeisekarte a
{
 position: absolute;
 width: 81px;
 height: 46px;
 background: url("/pogusch/img/speisekarte.gif") no-repeat top left;
}
ul#nav li#linkreservierung a
{
 position: absolute;
 left: 121px;
 width: 95px;
 height: 46px;
 background: url("img/reservierung.gif") no-repeat top left;
}
ul#nav li#linkgutschein a
{
 position: absolute;
 left: 216px;
 width: 76px;
 height: 46px;
 background: url("img/gutschein.gif") no-repeat top left;
}
ul#nav li#linkanfahrt a
{
 position: absolute;
 left: 292px;
 width: 62px;
 height: 46px;
 background: url("img/anfahrt.gif") no-repeat top left;
}
ul#nav li#linknaechtigung a
{
 position: absolute;
 left: 354px;
 width: 95px;
 height: 46px;
 background: url("img/naechtigung.gif") no-repeat top left;
 }
/*ul#nav li#linkanfahrt a
{
 position: absolute;
 left: 216px;
 width: 62px;
 height: 46px;
 background: url("img/anfahrt.gif") no-repeat top left;
}
ul#nav li#linknaechtigung a
{
 position: absolute;
 left: 278px;
 width: 95px;
 height: 46px;
 background: url("img/naechtigung.gif") no-repeat top left;
}*/

ul#nav li#linkspeisekarte a:hover
{
 background: url("/pogusch/img/speisekarte_over.gif") no-repeat top left;
}
ul#nav li#linkreservierung a:hover
{
 background: url("img/reservierung_over.gif") no-repeat top left;
}
ul#nav li#linkgutschein a:hover
{
 background: url("img/gutschein_over.gif") no-repeat top left;
}
ul#nav li#linkanfahrt a:hover
{
 background: url("img/anfahrt_over.gif") no-repeat top left;
}
ul#nav li#linknaechtigung a:hover
{
 background: url("img/naechtigung_over.gif") no-repeat top left;
}
body#speisekarte li#linkspeisekarte a, body#speisekarte li#linkspeisekarte a:hover
{
background: url("img/speisekarte_aktiv.gif") no-repeat;
cursor: default;
}

body#reservierung li#linkreservierung a, body#reservierung li#linkreservierung a:hover
{
background: url("img/reservierung_aktiv.gif") no-repeat;
cursor: default;
}
body#anfahrt li#linkanfahrt a, body#anfahrt li#linkanfahrt a:hover
{
background: url("img/anfahrt_aktiv.gif") no-repeat;
cursor: default;
}
body#naechtigung li#linknaechtigung a, body#naechtigung li#linknaechtigung a:hover
{
background: url("img/naechtigung_aktiv.gif") no-repeat;
cursor: default;
}
body#naechtigung.sterzhuette li#linknaechtigung a
{
background: url("img/naechtigung.gif") no-repeat !important;
}
body#naechtigung.sterzhuette li#linknaechtigung a:hover
{
background: url("img/naechtigung_over.gif") no-repeat !important;
cursor: pointer;
}
#nav ul, #nav ul li, #nav ul li img
{  	
margin: 0; padding: 0;
}

#inhalt
{
padding-left: 26px;
vertical-align: top;
}
body#home div#inhalt
{
width: 300px;
voice-family: "\"}\"";
voice-family: inherit;
width: 326px;
}
body#naechtigung div#inhalt, body#reservierung div#inhalt, body#speisekarte div#inhalt, body#galerie div#inhalt
{
width: 340px;
}
#inhalt p, #inhalt h1, #inhalt h2, #inhalt h3
{
margin: 0; padding: 0;
}
#inhalt h1
{
font-size: 14px; 
font-weight: normal;
color: #91743C;
padding: 0px 0px 10px 0px;
}
#inhalt h2
{
font-size: 13px; font-weight: normal;
padding: 8px 0px 4px 0px;
text-align: left;
}
#inhalt h3
{
font-size: 11px; font-weight: bold;
padding: 8px 0px 0px 0px;
text-align: left;
}
#inhalt h4
{
font-size: 14px; font-weight: normal;
color: #91743C;
padding: 16px 0px 8px 0px;
margin: 0px;
}
body#home #inhalt h2
{
font-size: 12px;
font-weight: normal;
letter-spacing: 0.3px;
padding-left: 24px;
}
body#home #inhalt h2 img
{
vertical-align: middle;
}
body#home #inhalt table.startgalerie td, #inhalt table.galerie td
{
vertical-align: top;
}
body#home #inhalt table.startgalerie td.asterisk, #inhalt table.galerie td.asterisk
{
text-align: center;
color: #BCA473;
}
body#home #inhalt table.startgalerie td.galerietext p
{
padding-top: 4px;
padding-left: 4px;
}
#inhalt table.galerie td.galerietext
{
padding-left: 4px;
}
body#home #inhalt h2
{
font-size: 11px;
font-weight: bold;
}
body#anfahrt #inhalt h2, body#naechtigung #inhalt h2
{
font-size: 12px;
font-weight: bold;
color: #666;
padding: 8px 20px 4px 0px;
}
#inhalt p
{
font-size: 11px;
line-height: 150%;
padding: 4px 0px 8px 0px;
}
p.abstract
{
font-weight: bold;
}
#inhalt a
{
color: #C30;
text-decoration: none;
}
#inhalt a:hover
{
text-decoration: underline;
}
address
{
margin-top: 10px;
}
#home address, #home .kontakt, #home .kontakt table tr td, #home .kontakt a
{
color: #666;
}
.kontakt p
{
margin: 0px; padding: 0px; padding-top: 6px;
}
.kontakt, .kontakt table tr td
{
color: #666;
font-size: 10px;
font-style: normal;
line-height: 140%;
}
.addresshead
{
letter-spacing: 4px;
word-spacing: 6px;
}
.kontakt a, body#home .kontakt a, .offenvonbis a
{
color: #C30; text-decoration: none;
}
.kontakt a:hover, #home .kontakt a:hover, .offenvonbis a:hover
{
color: #C30;
text-decoration: underline;
}
.offenvonbis
{
color: #826121;
line-height: 140%;
font-weight: normal;
}
table.offenvonbis td
{
vertical-align: top;
}
p.offenvonbis 
{
padding-top: 3px;
}
body#anfahrt td.kontakt, body#naechtigung td.kontakt, body#speisekarte td.kontakt, body#reservierung td.kontakt 
{
width: 376px;
}

ul.dobisso 
{
margin: 0;
padding: 0;
list-style: none;
width: 32px;
}
	
li ul.dobisso
{
position: absolute;
left: 0px;
top: 39px;
display: none;
voice-family: "\"}\"";
voice-family: inherit;
top: 10px;
}
li:hover ul, li.over ul { display: block; }
body#home table.erleben
{
width: 451px;
}
body#anfahrt table.erleben
{
background-image: url(img/bg_anfahrt.jpg);
height: 361px;
width: 451px;
margin-top: 40px;
}
body#naechtigung table.erleben
{
background-image: url(img/bg_rehlein.jpg);
height: 361px;
width: 451px;
margin-top: 40px;
}
body#speisekarte table.erleben
{
background-image: url(img/bg_speisekarte.jpg);
height: 361px;
width: 451px;
margin-top: 40px;
}
body#reservierung table.erleben, body#geige table.erleben
{
background-image: url(img/bg_reservierung.jpg);
height: 361px;
width: 451px;
margin-top: 40px;
}
td.bildgeschichte
{
text-align: center;
}
td.anfahrtvon
{
width: 80px;
}
.floatleft
{
float: left;
margin: 0px 6px 6px 0px;
}
table.uebernachten
{
width: 440px;
}
table.uebernachten tr td
{
vertical-align: top;
}
td.email
{
width: 120px;
padding-bottom: 10px;
}

td.telefon
{
padding-bottom: 10px;
}
table.uebernachten tr td.telefon, table.uebernachten tr td.fax
{
width: 160px;
}
body#naechtigung p.top
{
text-align: left;
}
p.anmerkung
{
padding-top: 0px; margin-top: 0px;
}

.speisen
{
text-align: center;
width: 280px;
}

body#speisekarte.pogusch .speisen
{
text-align: left;
width: 380px;
}

body#speisekarte.pogusch p.speisen-overview
{
float: right;
width: 165px;
height: 145px;
}

body#reservierung #inhalt
{ height: 400px;}
p.top
{
text-align: right;
}
p.top a
{
text-transform: uppercase;
background: url(img/pfeil_top.gif) no-repeat;
padding-left: 16px;
}
p.top a:hover
{
background: url(img/pfeil_top_over.gif) no-repeat;
padding-left: 16px;
}
.validate 
{
display: none;
}
ul.anker
{
padding-left: 15px;
}
ul.anker li
{
list-style-image: url(img/pfeil_liste.gif);
padding-bottom: 3px;
}
/*Fahrners Image Replacement Pfeile Galerie*/
#vor
{
background: url(img/pfeil_dia_vor.gif) no-repeat;
width: 15px;
height: 15px;
float: right;
}
a#vor:hover
{
background: url(img/pfeil_dia_vor_over.gif) no-repeat;
}
#zurueck
{
background: url(img/pfeil_dia_zurueck.gif) no-repeat;
width: 15px;
height: 15px;
float: right;
padding-right: 4px;
}
a#zurueck:hover
{
background: url(img/pfeil_dia_zurueck_over.gif) no-repeat;
}
#vor span, #zurueck span
{display: none;}

td.zusatzleiste
{
height: 36px;
vertical-align: top;
padding-right: 6px;
text-align: right;
}
td.zusatzleiste a
{
color: #CC3300;
text-decoration: none;
}
td.zusatzleiste a:hover
{
color: #CC3300;
text-decoration: underline;
}

.ausblenden
{display: none;}
body#naechtigung.sterzhuette #inhalt h2
{
font-size: 13px; font-weight: normal;
padding: 8px 0 0 0;
margin: 0;
text-align: left;
}
body#naechtigung.sterzhuette #inhalt p
{
padding: 0;
margin: 0;
text-align: left;
}
body#naechtigung.sterzhuette #inhalt table, body#naechtigung.sterzhuette #inhalt table td
{
padding-top: 0;
margin-top: 0;
vertical-align: top;
}
div#aktuelles
{
padding-top: 36px;
}

body#home #inhalt h1
{
padding-top: 10px;
}

div#aktuelles h1
{
padding-top: 0;

}


/****
***** ZIMMERRESERVIERUNG BACKEND*****
****/

#zimmerres{background-color:white;padding:15px 10px;border:1px solid #aaa;width:800px;}

#zimmerres>div {min-height:24px;padding-bottom:10px;}
#zimmerres label {
	clear:both;
	display:block;
	width: 100px;
	float:left;
	padding: 4px 0;
	line-height: 16px;
	height:16px;
	}
	#zimmerres div.hasDatepicker {margin-left:100px;}

#zimmerres input, 
#zimmerres select,
#zimmerres textarea {
	display:block;
	width: 210px;
	padding:2px;
	border: 1px solid #ABADB3;
	font-size: 11px;
	margin: 2px 0;
}
#zimmerres textarea {width: 204px; min-height: 60px;}
#zimmerres input {width: 204px;}

#zimmerres input#eintragen{
	width: 210px;
	margin-left: 100px;
}

#zimmerres_start,#zimmerres_end {width:400px;float:left;} 
#zimmerres_name {clear:both;}

.admin_res_table {background-color:white;padding:15px 10px;border:1px solid #aaa;width:822px;border-collapse:collapse;text-align:left;}
.admin_res_table th {border:1px solid #aaa;font-size:12px;font-weight:normal;color:#a48424;height:25px;padding:5px;}
.admin_res_table td {border:1px solid #aaa;font-size:12px;width:19px;height:25px;padding:5px;}
.admin_res_table pre {font-family:Verdana,sans-serif;}
.admin_res_table .admin_res_room {color:black;font-weight:bold;}
.admin_res_table .admin_res_date {color:black;font-weight:bold;}

/****
***** ZIMMERRESERVIERUNG FRONTEND*****
****/



.res_name {height:20px;padding:7px;padding-top:10px;font-size:18px;color:#a48424;background-color:#ebe3cf;border-left:1px solid #aaa;border-right:1px solid #aaa;}
.first_name {border-top:1px solid #aaa;}

#behaelter>.res_name {margin-left:20px;width:870px;}
#behaelter>table {margin-left:20px;width:886px;border-collapse:collapse;table-layout:fixed;text-align:center;color:black;}
#behaelter>table th {border:1px solid #aaa;font-size:9px;font-weight:normal;color:#a48424;height:18px;}
#behaelter>table td {border:1px solid #aaa;font-size:9px;height:18px;}

#behaelter>table .short_month {width:100px;text-align:left;font-size:11px;border:none;border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
#behaelter>table .weekend {color:#ebe3cf;background-color:#a48424;color:white;}
#behaelter>table .booked {background:#d10018;color:#ccc;}
#behaelter>table .control_col {border:none;border-top:1px solid #aaa;border-bottom:1px solid #aaa;border-left:1px solid #aaa;}
#behaelter>table .invisible_row {display:none;visibility:hidden;}
#reservierung p,
#reservierung h1 {margin-left: 20px;}

#reservierung table.legende {
    width: auto;
    border:none;
    table-layout:fixed;
    margin-bottom:15px;
    margin-left:700px;
}
#reservierung table.legende td {border:none;width:45px;}
#reservierung table.legende td.legende_frei {
    width: 20px;
    border:1px solid #ccc;
}
#reservierung table.legende td.legende_belegt {
    width: 20px;
    background-color: #d10018;
    border:1px solid #ccc;
}


