/* CSS Document 4 Goldener Hahn by kessler.at */

body{
margin:0;
padding:0;
line-height:1.2em;
text-align:center;
background: #FFF;
}
.skiplink{
position: absolute;
left: -1000px;
top: -1000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
font-size:0.7em;
}
.clear{clear:both;}
img{border:0;}
a:focus{outline:none;}

#page{
position:relative;
margin:1em auto;
text-align:left;
width:900px;
border:1px solid #EEE;
font-family: Arial, Tahoma, sans-serif;
background:url(../pix/hg-bottom.gif) left bottom repeat-x;
}
#top{
position:relative;
background:url(../pix/logo-fachgruppe-werbung.gif) 700px 5px no-repeat;
height:320px;
border-top:1px solid #CCC;
}
#home #top{ background-position: 20px 5px; }
#top h1{
width:900px;
height:280px;
overflow:hidden;
margin:0;
padding:0;
position:absolute;
left:0;
top:0;
text-indent:-999em;
z-index:2;
}
#top h1 span{
background: url(../pix/goldener-hahn.gif) no-repeat;
position:absolute;
top:0;
left:0;
width:900px;
height:280px;
}

#navi{
letter-spacing:0.05em;
font-size: 0.8em;
height:30px;
line-height:30px;
margin:0;
padding:0;
background-color: #874;
list-style-type:none;
position:absolute;
left:0;
top:280px;
z-index:1;
width:900px;
}
#navi li{
margin:0;
padding:0;
float:right;
border-left:1px solid #763;
border-right:1px solid #985;
}
#navi li a{
margin:0 7px;
color: #FFF;
text-decoration:none;
}
#navi li a:hover{
text-decoration: underline;
}
#navi li a:visited{
color:#EEE;
}
#registrierung li.liform, #bedingungen li.literm, #hilfe li.lihelp, #einreichtool li.litool, #presse li.lipresse, #jury li.lijury, #jurymg li.lijurymg, #gala li.ligala, #final li.lifinal{
background-color: #222;
}
#registrierung li.liform a, #bedingungen li.literm a, #hilfe li.lihelp a, #einreichtool li.litool a, #presse li.lipresse a, #gala li.ligala a, #jury li.lijury a, #jurymg li.lijurymg a, #final li.lifinal a{
text-decoration:underline;
}

#content{
text-align:left;
margin:0 20px;
/* background: #FFF url(../pix/handschuh.jpg) bottom right no-repeat;
border-bottom: 1px solid #333;*/
}

#content h1{
font-size: 1.2em;
color: #000;
}
#content h2{
font-size: 1.1em;
line-height:1.4em;
color: #A00;
margin-top: 0; 
}
#content h3{    
clear:left;                                            
font-size: 1em;
color: #333;
border-bottom:2px solid #763;
}
#content h4{
font-size: 0.9em;
}
#content p, #content li, #content td, #content th{
font-size: 0.9em;
}
#content a{
color: #A00;
}
#content a:visited{
color: #600;
}
#content a:hover{
color: #333;
text-decoration:none;
}
#content h3 a{
color: #333;
text-decoration:none;
}
#content table{
border:0 none;
padding:0;
margin:0;
}
#content th{
background-color:#A00;
color:#FFF;
text-align:left;
font-weight:bold;
padding:3px;
}
#content .tabhead{
	font-weight:bold;
	}
#einreichtool #content td, #leistungsschau #content td{
background-color:#FFF;
border-top: 1px solid #BCC;
padding:3px;
}
/* Fehlernachricht */
#content .errmsg{
border-left: 15px solid #B00;
background-color: #FFF;
color: #000;
text-align:left;
margin:3em 2em;
padding:1em;
width:60%;
}
/* OK-Nachricht */
#content .okmsg{
border-left: 15px solid #060;
background-color: #FFF;
color: #000;
text-align:left;
margin:3em 2em;
padding:1em;
width:60%;
}
/* Button-Link */
#content .linkbutton{
border: 2px solid #900;
padding: 5px;
}
/* bearbeiten-Link */
#content .linkedit{
background-image: url(../pix/edit.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}
/* neu erstellen-Link */
#content .linknew{
background-image: url(../pix/neu.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}
/* Details-Link */
#content .linkdetails{
background-image: url(../pix/details.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}
/* löschen-Link */
#content .linkdel{
background-image: url(../pix/delete.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}

#content .foto{
float:left;
margin-right:0.5em;
}
#content .textnormal{
background-color: #FFF;
border: 1px solid #666;
color: #000;
}
#content .textfocus{
background-color: #FFD;
border: 1px solid #A00;
color: #000;
}
#content .button, .linkback{
border: 1px solid #900;
background-color: #A00;
color: #FFF;
font-weight:bold;
}
.linkback a{
border: 1px solid #900;
background-color: #A00;
color: #FFF;
font-weight:bold;
padding:5px;
}
#content label b{
text-align:right;
display:block;
float:left;
width:6em;
margin-right:0.5em;
font-weight:normal;
}
#content .zeilehell{
background-color: #FFF;
color: #000;
}
#content .zeiledunkel{
background-color: #EEE;
color: #000;
}
#content .zeilehover{
background-color: #FFC;
color: #000;
}
#content .foto{
float:left;
margin-right:1em;
}

#text{
margin-left:550px;
}
#countdown{
position:absolute;
top:20px;
right:15px;
font-weight:bold;
text-align:center;
}
#countdown p{
margin:5px;
font-size:0.8em;
}
#imgbox{
float:left;
width:540px;
margin-left:-20px;
}
#bottom{
clear:both;
height:200px;
background:url(../pix/hahn-sponsoren.jpg) no-repeat 50% 0;
clear:both;
letter-spacing:0.05em;
font-size:0.7em;
color:#666;
margin:0;
}
#video{
	position:absolute;
	left: 400px;
	top:15px;
	width:200px;
	height:100px;
	z-index:1;
	}
#kessler{
font-size:0.6em; 
margin:0 auto;
text-align:right;
width:900px;
}
#kessler a{
color:#666;
}