/* CSS Document */
html{
height: 100%;
}
body{
height: 100%;
background: #EEE url(../pix/hg-body.png) repeat-y fixed;
font-family: Arial, sans-serif;
margin:0;
padding:0;
line-height:1.3em;
}
img{
border:0;
}
.foto{
border-left: 10px solid #B00;
margin: 0.4em 1em 0.5em 0;
float:left;
}
.clear{
clear:both;
}
.skiplink{
position: absolute;
left: -1000px;
top: -1000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
font-size:0.7em;
}
hr{
visibility:hidden;
height:1px;
margin:0;
padding:0;
clear:both;
}
a:focus{
outline:none;
}
#page{
position: relative;
min-height: 100%;
z-index:10;
}
* html #page{
height: 100%;
}
#top{
height: 155px;
background: transparent url(../pix/hg-top.png) no-repeat;
}
#top h1{
color:#B00;
position:absolute;
left:64px;
top:2px;
width:315px;
height:140px;
overflow:hidden;
margin:0;
padding:0;
font-size:0.7em;
}
#top h1 span{
display:block;
position:absolute;
left:0;
top:0;
width:315px;
height:140px;
background:transparent url(../pix/logo-ff-thal.png) no-repeat;
}
#navi{
font-size:0.8em;
font-weight:bold;
position:absolute;
left:290px;
top:110px;
}
#navi ul{
border-left: 1px solid #333;
border-right: 1px solid #000;
list-style-type:none;
margin: 0;
padding:0;
float:left;
}
#navi li{
float:left;
border-left: 1px solid #000;
border-right: 1px solid #333;
margin:0;
}
#navi li a{
padding:2px 10px;
color:#FFF;
display:block;
text-decoration:none;
}
#navi li a:visited{
color:#EEE;
}
#navi li a:hover{
color:#B00;
}
#home .home a, #bewerbe .bewerbe a, #ueber .ueber a, #geschichte .geschichte a, #kontakt .kontakt a, #galerien .galerien a, #gaestebuch .gaestebuch a, #links .links a {
color:#B00;
}
#schnellsuche{
position:absolute;
top:-50px;
right:0;
color:#FFF;
}
#text{
margin: 0 100px 30px 310px;
max-width:55em;
padding:0;
z-index:8;
}
#text h1{
font-family:Georgia, Times, serif;
font-weight:normal;
color: #900;
font-size: 1.5em;
line-height:1.3em;
margin-top:0;
}
#text h2{
font-family:Georgia, Times, serif;
font-weight:normal;
font-size:1.3em;
color:#333;
line-height:1.1em;
margin-bottom: 0.2em;
}
#text h2 a{
color:#333;
text-decoration:none;
}
#text h2 a:visited{
color:#666;
}
#text h3{
font-size:1em;
padding-top:0.5em;
margin:0;
line-height:1.1em;
}
#text p, #text li, #text td{
font-size: 0.9em;
}
#text a{
color:#900;
}
#text a:visited{
color:#600;
}
#text a:hover{
color:#333;
text-decoration: none;
}
#text th{
text-align:left;
background-color: #900; 
color:#FFF; 
font-weight:bold;
}
#text .infobox{
border:2px solid #900;
background-color:#FFF;
}
#text .infobox .boxhead{
font-weight:bold;
margin:0;
background-color:#900;
color:#FFF;
font-size: 0.9em;
padding:0.2em 0.5em;
}
#text .infobox p{
padding:0 0.5em;
}

#text .zeilehell{
background-color: #FFF;
color: #000;
}
#text .zeiledunkel{
background-color: #EEE;
color: #000;
}
#text .zeilehover{
background-color: #DDD;
color: #000;
}
#text .idtd{
color: #999;
}
#text .nodata{
background-color: #FFF;
color: #B00;
font-weight: bold;
text-align: center;
}
#text .textnormal{
background-color: #EEE;
border: 1px solid #666;
color: #000;
}
#text .textfocus{
background-color: #FFF;
border: 1px solid #000;
color: #000;
}
#text .button{
border: 2px outset #900;
background-color: #A00;
color: #FFF;
font-weight:bold;
}
#schnellsuche .button{
border-color: #FFF;
background-color: #000;
color:#FFF;
}

/* Fehlernachricht */
#text .errmsg{
border-left: 25px solid #B00;
background-color: #FFF;
color: #000;
text-align:left;
margin:2em;
padding:1em;
}
/* OK-Nachricht */
#text .okmsg{
border-left: 25px solid #060;
background-color: #FFF;
color: #000;
text-align:left;
margin:2em;
padding:1em;
}
/* bearbeiten-Link */
#text .linkedit{
background-image: url(../pix/edit.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}
/* neu erstellen-Link */
#text .linknew{
background-image: url(../pix/new.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}
/* Details-Link */
#text .linkdetails{
background-image: url(../pix/details.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}
/* löschen-Link */
#text .linkdel{
background-image: url(../pix/delete.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}
#text .linkback{
background-image: url(../pix/back.gif);
background-repeat: no-repeat;
background-position: 0 40%;
padding-left: 20px;
}
#text .linkmail{
background-image: url(../pix/mail.gif);
background-repeat: no-repeat;
background-position: 0 40%;
padding-left: 20px;
}
#text .linkweiter{
background-image: url(../pix/weiter.gif);
background-repeat: no-repeat;
background-position: 100% 40%;
padding-right: 20px;
}
#text .linktop{
background-image: url(../pix/top.gif);
background-repeat: no-repeat;
background-position: 100% 40%;
padding-right: 20px;
}
/* News-Styles */
/*Gästebuch-Styles*/
#text .gbeintrag{
padding:0 0.5em;
border-left:10px solid #B00;
background-color: #FFF;
}
#text .gbinfo{
border-top:1px dashed #666;
font-style:italic;
color: #666;
}
#text table{
border:none;
padding:0;
margin:0;
}
#text #fototable {
width:100%;
}
#text #fototable td.fotozelle{
padding:5px;
margin:5px;
border:3px solid #B00;
background-color:#FFF;
text-align:center;
}
#text li{
list-style-image: url(../pix/listenpunkt.gif);
}
#text .highlight{
background-color:#F99;
}
#floriani{
position: relative;
margin-top: -208px;
width:100%;
height:205px;
border-bottom: 3px #900 solid;
background: url(../pix/bild-floriani.png) right bottom no-repeat;
z-index:9;
}
#leiste{
position:absolute;
left:75px;
top:155px;
width:205px;
z-index:8;
text-align:center;
}
#leiste h3{
font-size:1em;
color: #FFF;
margin:0;
}
#leiste h4{
font-size:0.9em;
border-bottom:1px solid #CCC;
color: #CCC;
text-align:left;
margin:0;
}
#leiste img.plakat{
margin: 0.5em 0;
}
#leiste img.sieger{
margin-top:-0.5em;
}
#leiste .abschluss{
margin: 0.5em 0;
padding: 0.5em 0;
list-style-type:none;
border-top:1px solid #666;
color:#666;
text-align:center;
}
#leiste .abschluss li{
font-size:0.8em;
display:inline;
}
#leiste .abschluss a{
color:#666;
text-decoration:none;
margin:0 1em;
}
#leiste .abschluss a:hover{
color:#000;
}
#leiste p{
text-align:left;
font-size:0.8em;
}
#alexa{
position:absolute;
left:-999em;
top:-999em;
width:0;
height:0;
overflow:hidden;
}