body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 color: #ffffff;
 background: #003300 url(../bilder/hg.gif); 
 margin:0;
 padding:0;
 text-align: justify;
 height: 100%;
}

#top {
 background: #003300 url(../bilder/tophg.gif);
 width: 760px;
 margin: 0px auto;
 padding: 10px 20px 0px 20px;
 border-left: 1px solid #ffffff;
 border-right: 1px solid #ffffff;
}

#top ul li {
 list-style-type: none;
 margin: 0;
 padding: 5px;
 float: right;
}

.titel {
 letter-spacing: 10px;
 padding-left: 10px;
 padding-top: 20px;
 font-size: 1.4em;
}

#middle {
 background: #003300;
 width: 760px;
 height: 220px;
 margin: 0px auto;
 padding: 20px 20px 0px 20px;
 border-left: 1px solid #ffffff;
 border-right: 1px solid #ffffff;
}

.left {
 width: 398px;
 height: 198px;
 margin: 0px auto;
 float: left;
 overflow: hidden;
 border: 1px solid #ffffff;
}

.right {
 width: 358px;
 margin: 0px auto;
 float: right;
}

.right ul li {
 list-style-type: none;
 width: 99%;
 float: right;
}
        
.clear {
 clear: both;
}

#content {
 background: #003300 url(../bilder/hggast.gif);
 width: 760px;
 height: 100%;
 margin: 0px auto;
 padding: 10px 20px 20px 20px;
 border-left: 1px solid #ffffff;
 border-right: 1px solid #ffffff;
}

.textgelb {
 font-size: 1em;
 font-weight: bold;
 color:#ffff33;
}

h1 {
 font-size: 1.5em;
 font-weight: 100;
 color:#ffff33;
}

h2 {
 font-size:1.2em;
 font-weight: 100;
 color:#ffffff;
}

h3 {
 font-size:1.2em;
 font-weight: 100;
 color:#ffffff;
}

h4 {
 font-size:1.2em;
 font-weight: 100;
 color:#ffffff;
}

hr {
 color:#ffffff;
}

em {
 font-style: italic;
 font-size: 0.8em;
}

#footer {
 background:url(../bilder/footer.png) center bottom no-repeat;
 bottom:0;
 height:23px;
 margin:auto;
 padding:0 20px;
 position:fixed;
 width:720px;
}

#footer a {
 border:none;
 display:block;
 float:right;
}

.exceltitle {
 width: 98%;
 float: left;
 line-height: 3;
}

.excellinkstitle {
 width: 50%;
 padding: 5px;
 float: left;
 line-height: 3;
}

.excelmittetitle {
 width: 25%;
 padding: 5px;
 float: left;
 text-align: center;
 line-height: 3;
}

.excelrechtstitle {
 width: 20%;
 padding: 5px;
 float: left;
 text-align: center;
 line-height: 3;
}

.excellinks {
 width: 50%;
 padding: 5px;
 float: left;
}

.excelmitte {
 width: 25%;
 padding: 5px;
 float: left;
 text-align: center;
}

.excelmitteneu {
 color:#ffff33;
 font-weight: bold;
 width: 25%;
 padding: 5px;
 float: left;
 text-align: center;
}

.excelrechts {
 width: 20%;
 padding: 5px;
 float: left;
 text-align: center;
}

.logosbutton {
 margin: 20px;
 width: 308px;
 height: 26px;
 text-align: center;
}

.logoshinweis {
 font-size: 1.1em;
 font-style: italic;
 margin: 20px;
 width: 90%;
 text-align: left;
}

.archivlinks {
 width: 65%;
 padding: 5px;
 float: left;
 margin-bottom: -1px;
}

.archivrechts {
 width: 30%;
 padding: 5px;
 float: left;
 margin-bottom: -1px;
 text-align: center;
}

.archivlinkstitle {
 width: 65%;
 padding: 5px;
 float: left;
 line-height: 3;
}

.archivrechtstitle {
 width: 30%;
 padding: 5px;
 float: left;
 text-align: center;
 line-height: 3;
}

.exceltoplinks {
 width: 75%;
 float: left;
}

.exceltoprechts {
 width: 14%;
 float: left;
 text-align:center;
}

.excelmiddle {
 width: 60%;
 float: left;
 text-align:left;
 line-height: 1.5;
}

.download {
 width: 38%;
 height: 120px;
 margin-top: 100px;
 float: right;
 text-align: center;
}

.downloadscreen {
 width: 38%;
 height: 120px;
 margin-top: 160px;
 float: right;
 text-align: center;
}

.downloadbewertung {
 width: 38%;
 float: right;
 text-align: center;
 padding-top: 15px;
}

.logostop {
 width: 142px;
 padding: 5px 5px 0px 5px;
 margin-bottom: 0px;
 float: left;
 text-align: center;
}

.logoscontent {
 background: #003300;
 border: 3px solid #ffff33;
 width: 756px;
 height: 375px;
 text-align: center;
}

.logoscontentende {
 background: #003300;
 border: 3px solid #ffff33;
 width: 746px;
 text-align: left;
 height: 375px;
 padding-left: 10px;
}

.logos {
 background: #003300 url(../bilder/logohg.gif);
 width: 141px;
 height: 105px;
 padding: 20px 5px 0px 5px;
 float: left;
 text-align: center;
}

.startlogos {
 width: 241px;
 padding: 20px 5px 0px 5px;
 float: left;
 text-align: center;
}

.startbewertung {
 width: 241px;
 padding: 0px 5px 0px 5px;
 float: left;
 text-align: center;
 margin-top: -40px;
}

.logosbottom {
 width: 237px;
 padding: 1px 5px 5px 11px;
 float: left;
 text-align:center;
}

.logosbottomi {
 width: 237px;
 padding: 5px 5px 5px 7px;
 float: left;
 text-align:center;
}

.voting {
 border: 2px dotted #ffff33;
 padding: 5px;
}

.screenshots {
 height: 45px;
 padding: 5px 15px 15px 0px;
 float: left;
 text-align: center;
}

/* Rater */

.hreview { 
 padding-bottom: 10px;
}

.rating { 
 margin-bottom: 20px;
}

/* Gaestebuch */

.hinweis {
 font-family:verdana, sans-serif;
 color:#ffff33;
 font-size: 0.8em;
 padding-top: 5px;
}

#gbwrapper { 
width: 600px; 
margin: 0 auto;
font: 1em Verdana, Arial, Helvetica, sans-serif; 
color: #FFFFFF; 
background-color: #003300;
}

#gbeintragen { 
width: 420px; 
margin: 35px auto 0px; 
text-align: center; 
font: 1em Verdana, Arial, Helvetica, sans-serif;
}

#gbeintragen fieldset { 
width: 400px; 
border: 1px solid #999999; 
}

#gbeintragen legend { 
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
color: #FFFF33; 
}

#gbeintragen img { 
margin-left: 4px; 
border: none; 
}

#gbeintragen img.info { 
border: 0; margin: 0px 0px 18px 0px; 
}

#gbeintragen p { 
font: 1em Verdana, Arial, Helvetica, sans-serif;
text-align: left; 
color: #ffffff; 
margin: 0px 0px 5px 25px; 
padding: 0; 
}

#gbeintragen label { 
display: block; 
text-align: left; 
font: 1em Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0px 0px 25px; 
}

#gbeintragen input, #gbeintragen textarea { 
width: 350px; 
border: 1px solid #999999; 
}

#gbeintragen input.senden { 
font: 0.9em Verdana, Arial, Helvetica, sans-serif; 
color: #FFFFFF;
width: 150px; 
background-color: #003300; 
border: 1px solid #999999; 
margin: 10px 20px 20px 0px; 
background: transparent url(../images/submit_ok.gif) 130px 0px no-repeat; 
}

#gbeintragen input.reset { 
font: 0.9em Verdana, Arial, Helvetica, sans-serif; 
color: #FFFFFF;
width: 150px; 
background-color: #003300; 
border: 1px solid #999999; 
margin: 10px 20px 20px 0px; 
background: transparent url(../images/submit_reset.gif) 130px 1px no-repeat; 
}

#gbeintragen .gbwichtig { 
color: #FFFF33; 
}

#gbausgabewrapper { 
width: 600px; 
}

#gbausgabewrapper h1 { 
font: italic bold 26px "Courier New", Courier, mono; 
text-align: center; 
display: none;
}

#gbausgabewrapper p { 
font: 1em Verdana, Arial, Helvetica, sans-serif; 
}

.gbschatten { 
display: block; 
background: #000000; 
border: 1px solid #003300; 
position: relative; 
margin: 2em auto;
}

.gbboxinhalt { 
background: #003300; 
border: 1px solid #FFFFFF;
position: relative; 
padding: 5px; 
font-weight: normal; 
overflow: hidden;
font: 1em Verdana, Arial, Helvetica, sans-serif;
}

.gbabstandlinks { 
left:-5px; 
}
.gbabstandunten {
 top:-5px; 
}

.gbboxbreite { 
width: 550px; 
}

#gbausgabewrapper a { 
font: 1em Verdana, Arial, Helvetica, sans-serif;
text-align: center; 
text-decoration: underline; 
color: #FFFFFF;
font-weight: bold;
}

#gbausgabewrapper a:hover { 
text-decoration: underline;
font-weight: bold;
color: #FFFF33; 
}

#gbausgabewrapper .gbpagerlinksoben { 
font: 1em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: center; 
}

#gbausgabewrapper .gbpagerlinksunten { 
font: 1em Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: center; 
}

.gbinfobox { 
width: 20%; float: right; 
margin: 5px; display: inline; 
border: 1px solid #CCCCCC; 
}

/* Hides from IE-mac \*/ * html .gbboxinhalt { height: 1%; }
.gbinfobox h4 { 
text-align: center; 
font: bold 1.4em Verdana, Arial, Helvetica, sans-serif;
color: #CCCCCC; 
margin: 0; padding: 0; 
}

.gbinfobox p { 
font: 0.4em Verdana, Arial, Helvetica, sans-serif; 
text-align: center; 
color: #CCCCCC; 
margin: 2px 0px 0px 0px; 
padding: 0; 
}

#gbausgabewrapper .gbadminkommentar { 
width: 500px; 
margin: 20px auto 6px; 
padding: 3px; border: 
dashed 1px #CCCCCC; }
#gbausgabewrapper .gbadminkommentar p { 
padding: 0; 
margin: 0; 
font-style: italic; 
color: #FFFFFF; }

#formular {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 color: #ffffff;
}

.name {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 width: 25em;
}

.nachricht {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 width: 25em;
 height: 10em;
}

.Meldung {
 height: 280px;
}

textarea {overflow: auto;}