* html #inhalt{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}
html { 
padding:0px;
margin:0px;
}
body {
margin: 0;
padding: 0;
border: 0;
height: 100%; 
max-height: 100%;
background-color: #013624;
overflow-y: hidden;
font-family: Lucida Sans Unicode, Arial, Sans-Serif;
color:#013624;
}
/*Menu*/
#menubar {
position: absolute;
padding: 0;
margin: 0;
top: 0;
bottom: 0; 
left: 0;
width: 240px;
height: 100%;
background-image: url("../images/hg_navi.jpg");
background-repeat: no-repeat;
}
#menu {  
text-align: center;
font-size: 0.7em;
width: 140px;
margin: 1px;
}
#menu ul { 
list-style-type: none;
margin: 0;
padding: 290px 0 0 40px;
}
#menu ul li.niveau1 { 
width: 111px;
text-align: center;
line-height: 22pt;
}
#menu ul li a {
position: relative;
display: block;
padding: 0px;
width: 150px;
margin: 0px;
border: 1px outset #FF0;
text-decoration: none;
color: #FF0;
font-size: 1.4em;
font-weight: bold;
}
#menu ul li:hover {
position: relative;
background-image: url("../images/buttons/button_hg_50transparenz.png");
background-repeat: repeat;
}
#menu ul li a:hover, #menu ul li:hover a.niveau1 {
background-image: url("../images/buttons/button_hg_50transparenz.png");
background-repeat: repeat;
position: relative;
border: 1px inset #FF0;
}
#menu ul li a.niveau1 {
display: block!important;
display: none;
position: relative;
}
#menu ul li ul {
display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {
display: block;
position: absolute;
left: 105px; 
top: -30px;
}
/*Inhalt*/
#inhalt {
position: fixed;
top: 0; 
left: 240px;
right: 0;
bottom: 0;
height: 100%;
overflow-y: auto;
padding: 0px auto;
}
p.titel {
display: block;
font-size: 1.5em;
font-weight: bold;
text-align: center;
padding: 0px auto;
margin: 10px auto;
color: #FF0;
}
p.normal {
display: block;
font-size: 1em;
font-weight: bold;
text-align: center;
padding: 0px auto;
margin: 10px auto;
color: #FF0;
}
p.normal1 {
display: block;
font-size: 0.8em;
font-weight: normal;
text-align: center;
padding: 0px auto;
margin: 5px auto;
color: #FF0;
}
p.normal2 {
display: block;
font-size: 1em;
font-weight: normal;
text-align: center;
padding: 0px auto;
margin: 20px auto;
color: #FF0;
}
p.hometext {
font-size: 1em;
text-align: center;
padding: 0px auto;
color: #013624;
}
p.impressumgross {
display: block;
font-size: 1em;
font-weight: bold;
text-align: center;
padding: 0px auto;
margin: 0px auto;
color: #013624;
}
p.impressumgross2 {
display: block;
font-size: 1em;
font-weight: bold;
text-align: center;
padding: 0px auto;
margin: 0px auto;
font-style: italic;
color: #013624;
}
p.tagebuchdatum {
clear: both;
display: block;
font-size: 1em;
font-weight: bold;
text-align: left;
padding: 0px auto;
margin: 0px auto;
color: #013624;
}
p.klein {
font-size: 0.8em;
text-align: justify;
padding: 0 10px 0 10px;
color: #013624;
}
p.kleintitel {
font-size: 0.8em;
font-weight: bold;
text-align: left;
padding: 0 10px 0 10px;
}
p.riesignummer {
font-family: Copperplate Gothic Bold, Lucida Sans Unicode, Arial, Sans-Serif;
font-size: 2em;
}
a img {
border:0;
}
#bannerbox {
height:90px;
}
.hauptbanner {
text-align: center;
}
.home {
width: 700px;
height: 400px;
margin: 0.1em auto;
text-align:center;
background-image: url("../images/sandpfote_700_1.jpg");
background-repeat: repeat;
border: 2px ridge #FF0;
overflow-x: hidden;
overflow-y: auto;
}
.hauptbild {
text-align: center;
padding: 0.5em 0 0 0;
}
.hauptbild1 {
float: right;
padding: 0 225px 0 225px;
}
.updates {
width: 30em;
margin: 2px auto;
text-align:center;
background-image: url("../images/updates_hg_50transparenz.png");
background-repeat: repeat;
border: 2px ridge #FF0;
}
.uebermichbild {
text-align: center;
padding: 0.1em 0 0 0;
}
.uebermichbild1 {
float: left;
padding: 0 0 0 25px;
}
.uebermichbild2 {
float: right;
padding: 0 25px 0 0;
}
.uebermichbild3 {
clear: left;
float: left;
padding: 0 0 0 25px;
}
.uebermichbild4 {
clear: right;
float: right;
padding: 0 25px 0 0;
}
.uebermichbild5 {
clear: left;
float: left;
padding: 0 0 0 225px;
}
a.uebermichtext1 {
float: left;
margin: 40px 0 0 20px;
text-decoration: none;
color: #008000;
font-size: 1em;
font-weight: bold;
}
a.uebermichtext2 {
float: right;
margin: 40px 20px 0 0;
text-decoration: none;
color: #008000;
font-size: 1em;
font-weight: bold;
}
a.uebermichtext3 {
float: left;
padding: 40px 0 0 20px;
text-decoration: none;
color: #008000;
font-size: 1em;
font-weight: bold;
}
a.uebermichtext4 {
float: right;
margin: 40px 20px 0 0;
text-decoration: none;
color: #008000;
font-size: 1em;
font-weight: bold;
}
a.uebermichtext5 {
float: left;
padding: 40px 0 0 20px;
text-decoration: none;
color: #008000;
font-size: 1em;
font-weight: bold;
}
.kapitel {
float: left;
padding: 0 0 10px 150px;
}
.kapiteltext {
float: right;
padding: 0 150px 10px 0;
}
a.biographielink {
display: block;
text-align: left;
text-decoration: none;
color: #008000;
margin: 5px 0px;
}
p.biographie {
display: block;
text-align: left;
margin: 5px 0px;
}
p.biographie2 {
display: block;
text-align: center;
margin: 20px 0px;
}
p.bio {
display: block;
padding: 0 5px 0 5px;
text-align: justify;
}
p.bio2 {
display: block;
padding: 145px 5px 0 5px;
text-align: justify;
}
p.bio3 {
display: block;
padding: 0 5px 84px 5px;
text-align: justify;
}
p.bio4 {
clear: right;
display: block;
padding: 0 5px 0 5px;
text-align: justify;
}
p.bio5 {
clear: left;
display: block;
padding: 0 5px 0 5px;
text-align: justify;
}
.bildlinks {
float: left;
padding: 0 22px 15px 15px;
}
.bildrecht {
float: right;
padding: 0 15px 15px 22px;
}
.bildlinks1 {
float: left;
padding: 0 20px 15px 25px;
margin: 2px auto;
}
.bildrecht1 {
float: right;
padding: 0 75px 15px 50px;
}
.bildlinks2 {
float: left;
padding: 15px 50px 30px 75px;
}
.bildrecht2 {
float: right;
padding: 15px 75px 30px 50px;
}
.bildlinks3 {
float: left;
padding: 15px 15px 15px 75px;
}
.bildlinks4 {
float: left;
padding: 0 200px 15px 15px;
}
.bildrecht4 {
float: right;
padding: 0 15px 15px 290px;
}
.bildlinks5 {
float: left;
width: 500px;
height: 375px;
padding: 0 0 15px 10px;
}
.bildrecht5 {
float: right;
width: 500px;
height: 375px;
padding: 0 10px 15px 0;
}
.bildlinks6 {
float: left;
padding: 0 10px 15px 15px;
}
.bildrecht6 {
float: right;
padding: 0 15px 15px 10px;
}
a.textlink {
color: #008000;
text-decoration: none;
}
a.textlink1 {
color: #008000;
font-size: 0.6em;
text-decoration: none;
}
.vorgaengerlinks {
float: left;
width: 250;
height: 300;
margin: 5px 0 0 35px;
border: 4px ridge #013624;
}
.vorgaengerrecht {
float: right;
width: 250;
height: 300;
margin: 5px 35px 0 0;
border: 4px ridge #013624;
}
.vorgaengercenter {
float: left;
width: 250;
height: 300;
margin: 30px 0 10px 212px;
border: 4px ridge #013624;
}
p.vorgaengertext {
font-family: Monotype Corsiva, Lucida Sans Unicode, Arial, Sans-Serif;
font-size: 2em;
display: block;
margin: 0 auto;
}
p.vorgaengertext1 {
font-family: Monotype Corsiva, Lucida Sans Unicode, Arial, Sans-Serif;
font-size: 1.5em;
display: block;
margin: 5px 0px;
} 
p.klein1 {
font-size: 0.8em;
display: block;
text-align: center;
}
p.klein2 {
clear: both;
font-size: 0.8em;
font-weight: bold;
display: block;
text-align: center;
}
p.kleinlinks {
clear: both;
font-size: 0.8em;
font-weight: bold;
display: block;
padding: 0 0 0 15px;
text-align: left;
}
p.kleinrecht {
clear: both;
font-size: 0.8em;
font-weight: bold;
display: block;
padding: 0 15px 0 0;
text-align: right;
}
p.kleinlinks1 {
clear: both;
font-size: 0.8em;
font-weight: bold;
display: block;
text-align: left;
}
p.kleinrecht1 {
clear: both;
font-size: 0.8em;
font-weight: bold;
display: block;
text-align: right;
}
p.bildtitellinks {
font-size: 0.8em;
display: block;
text-align: left;
}
p.bildtitelrecht {
font-size: 0.8em;
display: block;
text-align: right;
}
.linkslinks {
clear: left;
float: left;
text-align: right;
margin: 15px 0;
width: 340px;
height: 120px;
}
.linksrecht {
clear: right;
float: right;
text-align: left;
margin: 15px 0;
width: 340px;
height: 120px;
}
.linkslinks1 {
clear: left;
float: left;
padding: 15px 0 0 0;
text-align: right;
margin: 15px 0;
width: 340px;
height: 105px;
}
.linksrecht1 {
clear: right;
float: right;
padding: 15px 0 0 0;
text-align: left;
margin: 15px 0;
width: 340px;
height: 95px;
}
.fotogaleriebildlinks {
float: left;
width: 95px;
height: 95px;
padding: 10px 0 10px 10px;
}
.fotogalerietextlinks {
float: left;
text-align: left;
width: 190px;
height: 95px;
padding: 10px 0 10px 5px;
}
.fotogaleriebildrecht {
float: right;
width: 95px;
height: 95px;
padding: 10px 10px 10px 0;
}
.fotogalerietextrecht {
float: right;
text-align: right;
width: 190px;
height: 95px;
padding: 10px 5px 10px 0;
}
.fotogalerietextlinks1 {
clear: left;
float: left;
width: 200px;
height: 175px;
text-align: center;
padding: 125px 0 0 25px;
}
.fotogalerietextrecht1 {
clear: right;
float: right;
width: 200px;
height: 175px;
text-align: center;
padding: 125px 25px 0 0;
}
.fotogalerietextlinks2 {
clear: left;
float: left;
width: 150px;
height: 225px;
text-align: center;
padding: 150px 0 15px 10px;
}
.fotogalerietextrecht2 {
clear: right;
float: right;
width: 150px;
height: 225px;
text-align: center;
padding: 150px 10px 15px 0;
}
.fotogalerietextlinks3 {
float: left;
width: 100px;
height: 175px;
text-align: center;
padding: 125px 40px 15px 70px;
}
.fotogalerietextrecht3 {
float: right;
width: 100px;
height: 175px;
text-align: center;
padding: 125px 70px 15px 40px;
}
.fotogalerietextlinks4 {
float: left;
width: 180px;
height: 55px;
padding: 95px 0 0 0;
}
.fotogalerietextrecht4 {
float: right;
width: 180px;
height: 135px;
padding: 15px 0 0 0;
}
.fotogalerietextlinks5 {
clear: left;
float: left;
width: 375px;
height: 175px;
text-align: center;
padding: 125px 0 0 25px;
}
.fotogalerietextrecht6 {
float: right;
width: 180px;
height: 175px;
padding: 125px 0 0 0;
}
.fotogalerietextrecht7 {
float: right;
width: 75px;
height: 175px;
padding: 125px 0 0 0;
}
/*Trennlinie*/
p.knirps {
font-size: 0.1em;
}
.trennlinie {
clear: both;
margin: 10px auto;
width: 625px;
background-color: #FF0;
border: 3px ridge #008000;
}
/*Weiter & Zur�ck Buttons*/
.links {
float: left;
padding: 0 0 0 150px;
}
.recht {
float: right;
padding: 0 150px 0 0;
}
.links1 {
clear: left;
float: left;
padding: 0 0 0 150px;
}
.recht1 {
clear: right;
float: right;
padding: 0 150px 0 0;
}
.links2 {
clear: left;
float: left;
padding: 18px 0 0 150px;
}
.links3 {
clear: left;
float: left;
padding: 0 0 0 300px;
}
a.zurueckbutton {
display: block;
line-height: 30pt;
width: 88px;
heigth: 50px;
margin: 10px auto;
padding: 5px 0 8px 0;
background-image: url("../images/buttons/pfote_zurueck.png");
background-repeat: no-repeat;
text-decoration: none;
text-align: right;
color: #013624;
font-size: small;
font-weight: 700;
}
a.zurueckbutton:hover {
background-image: url("../images/buttons/pfote_zurueck_inv.png");
}
a.weiterbutton {
display: block;
line-height: 30pt;
width: 82px;
heigth: 50px;
margin: 10px auto;
padding: 5px 0 8px 0;
background-image: url("../images/buttons/pfote_weiter.png");
background-repeat: no-repeat;
background-position: right;
text-decoration: none;
text-align: left;
color: #013624;
font-size: small;
font-weight: 700;
}
a.weiterbutton:hover {
background-image: url("../images/buttons/pfote_weiter_inv.png");
}
/*Tabellen*/
table.steckbrief {
width: 670px;
margin: 10px 7px;
padding: auto;
text-align: left;
border-width: 0.35em;
border-spacing: 0.13em;
border-style: ridge;
border-color: #013624;
border-collapse: collapse;
background-image: url("../images/updates_hg_25transparenz.png");
}
table.steckbrief td {
border-width: 0.13em;
border-style: ridge;
border-color: #013624;
background-image: url("../images/updates_hg_25transparenz.png");
}
tr.ahnentafel1 {
text-align: center;
}
td.ahnentafel2 {
width: 140px;
padding: 2px;
}
td.ahnentafel3 {
width: 160px;
padding: 2px;
}
td.ahnentafel4 {
width: 200px;
padding: 2px;
}
p.ahnentafeltext {
display: block;
}
tr.turniertitel {
text-align: center;
font-weight: bold;
}
/*Tagebuch Menu*/
#tagebuchmenubar {
position: relative;
text-align: center;
margin: 0.5em auto;
bottom: 100px;
left: -20px;
width: 100%;
height: 20px;
}
#tagebuchmenu {  
text-align: center;
font-size: 0.7em;
width: 570px;
margin: 100px auto;
}
#tagebuchmenu ul { 
list-style-type: none;
}
#tagebuchmenu ul li.niveau2 {
float: left;
width: 82px;
text-align: center;
line-height: 18pt;
margin-right: 6px;
}
#tagebuchmenu ul li a {
position: relative;
display: block;
padding: 0 0 2px 0;
width: 82px;
heigth: 15px;
margin: 0 0 15px 0;
border: 2px outset #FF0;
text-decoration: none;
color: #FF0;
font-size: small;
font-weight: 700;
}
#tagebuchmenu ul li:hover {
position: relative;
}
#tagebuchmenu ul li a:hover, #tagebuchmenu ul li:hover a.niveau2 {
background-image: url("../images/updates_hg_25transparenz.png");
background-repeat: repeat;
position: relative;
border: 2px inset #FF0;
}
#tagebuchmenu ul li a.niveau2 {
display: block!important;
display: none;
}
#tagebuchmenu ul li ul {
display: none;
}
#tagebuchmenu ul li a:hover ul, #tagebuchmenu ul li:hover ul {
display: block;
position: absolute;
left: -61.5px;
}
#tagebuchmenu ul li ul li a {
margin: 0 auto;
line-height: 16pt;
width: 125px;
heigth: 24px;
background-image: url("../images/buttons/button_hg_50transparenz.png");
border: 1px outset #FF0;
text-decoration: none;
color: #FF0;
font-size: 8.5pt;
font-weight: 700;
}
#tagebuchmenu ul li ul li a:hover {
position: relative;
line-height: 16pt;
width: 125px;
heigth: 24px;
background-image: url("../images/buttons/button_hg_50transparenz_hell.png");
border: 1px inset #FF0;
text-decoration: none;
color: #FF0;
font-size: 8.5pt;
font-weight: 700;
}
table.falsch {
border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
ul#eins {
top: -50px!important; 
top: -80px;
}
ul#zwei {
top: -50px!important; 
top: -80px;
}
ul#drei {
top: -100px!important; 
top: -80px;
}
/*Gaestebuch*/
#bannerbox1 {
height:100px;
background-color: #013624;
}
#inhalt1 {
position: fixed;
top: 0; 
left: 240px;
right: 0;
bottom: 0;
height: 100%;
overflow-y: hidden;
padding: 0px auto;
background-image: url("../images/hg_pfote.gif");
background-repeat: repeat;
}
.eintraege {
width: 42em;
height: 15em;
margin: 0px auto 15px auto;
text-align:justify;
border: 2px ridge yellow;
overflow-x: hidden;
overflow-y: auto;
background-image: url("../images/buttons/button_hg_50transparenz.png");
background-repeat: repeat;
}
#form {width: 38em;height: auto;margin: 20px auto;padding: 0.1em 0.3em;border: 2px ridge yellow;}
#linksform {float: left; width: 12em;padding: 5px 0 0 25px;}
#rechtform {float: right; width: 23em;}
#buttonform {clear: both; width: 37.5em; padding: 10px 0 0 0;}
form {width: 100%;}
label {font-size: small;font-weight: normal;font-family: Lucida Sans Unicode, Arial, Sans-Serif;
color:#FF0;width: 6.5em;}
input {width: 13em; border: 2px inset #FF0;}
textarea {width: 25.5em; border: 2px inset #FF0;}
input.button {
display: block;
line-height: 18pt;
width: 88px;
heigth: 24px;
margin: -8px auto 5px auto;
padding: 0 0 0 0;
background-color: #013624;
border: 1px outset #FF0;
text-decoration: none;
color: #FF0;
font-size: small;
font-weight: 700;
text-align: center;
}
input.button:hover {
background-image: url("../images/buttons/button_hg_50transparenz_hell.png");
border: 1px inset #FF0;
}
.posteins {border-top: 2px ridge wellow;border-left: 2px ridge wellow;border-right: 2px ridge wellow;
background-image: url("../images/buttons/button_hg_50transparenz_hell.png");padding: 5px 5px 5px 5px;
font-size: x-small;color: yellow;}
.postzwei {border-bottom: 2px ridge wellow;border-left: 2px ridge wellow;border-right: 2px ridge wellow;
background-image: url("../images/buttons/button_hg_50transparenz.png");padding: 0 5px 15px 5px;
font-size: small;color: yellow;}
.fehlerreport {text-align: center;padding: 5.5em 0 0 0;color: #FF0;}
a.weiterbutton1 {
display: block;
line-height: 30pt;
width: 160px;
heigth: 10px;
margin: 15px auto;
padding: 45px 0 0 0;
background-image: url("../images/buttons/pfote_ok.png");
background-repeat: no-repeat;
background-position: top center;
text-decoration: none;
text-align: center;
color: #FF0;
font-size: normal;
font-weight: 600;
}
a.weiterbutton1:hover {
background-image: url("../images/buttons/pfote_ok_inv.png");
}
a.linktext3 {
font-size: x-small;
color: #FF0;
}
#smiliesbox {float: left; width: 35em;height: 8em;margin: 5px 10px 5px 17px;padding: 0.1em 0.1em;border: 2px ridge #FF0; overflow-x: hidden;
overflow-y: auto;}
p.klein1 {display: block; margin: 2px 0 -21px 0; font-size: 0.7em; text-align: center; 
font-weight: bold; border-bottom: 1px solid #FF0;padding: 0 0 6px 0; color: #FF0;}
p.smiletext {display: block; font-size: 0.7em; text-align: left; color: #FFO;}
p.smiletext1 {display: block; font-size: 0.7em; text-align: left; line-height: 6pt; color: #FF0;}
p.smiletext2 {display: block; font-size: 0.7em; text-align: left; line-height: 10pt; color: #FF0;}
p.smiletext3 {display: block; font-size: 0.7em; text-align: left; line-height: 15pt; color: #FF0;}
p.smiletext4 {display: block; font-size: 0.7em; text-align: left; line-height: 20pt; color: #FF0;}
p.smiletext5 {display: block; font-size: 0.7em; text-align: left; line-height: 21pt; color: #FF0;}
p.smiletext6 {display: block; font-size: 0.7em; text-align: left; line-height: 22pt; color: #FF0;}
p.smiletext7 {display: block; font-size: 0.7em; text-align: left; line-height: 25pt; color: #FF0;}
p.smiletext8 {display: block; font-size: 0.7em; text-align: left; line-height: 28pt; color: #FF0;}
p.smiletext9 {display: block; font-size: 0.7em; text-align: left; line-height: 30pt; color: #FF0;}
p.smiletext10 {display: block; font-size: 0.7em; text-align: left; line-height: 50pt; color: #FF0;}
p.smiletext10a {display: block; font-size: 0.7em; text-align: left; line-height: 45pt; color: #FF0;}
p.smiletext11 {display: block; font-size: 0.7em; text-align: left; line-height: 78pt; color: #FF0;}
p.smiletext12a {display: block; font-size: 0.7em; text-align: left; line-height: 1pt; color: #FF0;}
p.smiletext12 {display: block; font-size: 0.7em; text-align: left; line-height: 2pt; color: #FF0;}
p.smiletext13 {display: block; font-size: 0.7em; text-align: left; line-height: 4pt; color: #FF0;}
.textbox1 {width: 103px; height: auto; float: left; color: #FF0;}
.textbox2 {width: 78px; height: auto; float: left; color: #FF0;margin:0 0 0 10px;}
.textbox3 {width: 93px; height: auto; float: right; color: #FF0;}
.smilebox1 {width: 50px; height: auto; float: left; padding: 2.5px 0 36px 0; border-right: 1px solid  #FF0;}
.smilebox2 {width: 90px; height: auto; float: left; padding: 2.5px 0 10px 0; border-right: 1px solid  #FF0;}
.smilebox3 {width: 100px; height: auto; float: right; padding: 2.5px 0 0 0;}
.smilegif {text-align: center; clear: left; padding: 6.5px 0 0 0;}
.smilegif1 {float: right; clear: left; padding: 6.5px 0 0 0;}