body, html
{
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
overflow: hidden;
}

body {
overflow: auto;
}


img.hg {
z-index: -333;
min-height: 100%;        
min-width: 1024px;
width: 100%;             
height: auto;
position: absolute;         
top: 0;
left: 0;
}

@media screen and (max-width: 1024px) {
img.hg {
left: 50%;                
margin-left: -512px; }
}

div#inhalt {
position: relative;
padding:0px;
z-index: 1;
}

P  {
font-size:11pt;
font-family:"Comic Sans Ms", Arial;
font-weight:normal;
color:#f5f5dc;
line-height:1,5;
}

.text {
padding:20px;
background-color:#000000;
border:3px solid #660000;
}

.bottom {
position:fixed;
bottom:0px;
}

.bild {
color:#660000;
font-size:12pt;
}

img {
margin-bottom:10px;
}

.navib {
background-color:#ffcc00;
}

.navia {
background-color:#660000;
}

.bord {
border-width:2px;
border-color:#ffcc33;
border-style:solid;
}


.titela {
font-family:comic sans ms, Arial;
color:#ffcc00;
font-size:17pt;
padding:10px;
}

.titelb {
font-family:comic sans ms, Arial;
color:#ffcc00;
font-size:13pt;
padding:10px;
}

.navitext {
font-family:comic sans ms, Arial;
color:#660000;
font-size:13pt;
text-decoration:none;
margin-top:10px;
}


H1 {
font-size:15pt;
font-family:comic sans ms, Arial;
font-weight:bold;
color:#ffcc33;
letter-spacing:0.04em;
}

H2  {
font-size:13pt;
font-family:comic sans ms, Arial;
font-weight:bold;
color:#ffcc33;
}

H3 {
font-size:11pt;
font-family:comic sans ms, Arial;
color:#ffcc33;
}

A  {
font-size:11pt;
font-family:comic sans ms, Arial;
font-weight:normal;
color:#669933;
}

A:Visited  {
color:#ffcc33;
}

A:Active  {
color:#ffcc33;
}

A:Hover  {
color:#ffcc33;
}

A.navitext:Visited  {
color:#660000;
}

A.navitext:Hover  {
color:#669933;
}