/* Screen CSS 4 Centrum Horn by kessler.at */

body{
	margin:0;
	padding:0;
	background: #FFF url(../pix/hg-body.gif) repeat-x; 
	text-align:center;
	font-family: Arial, sans-serif;
	}
.skiplinks{
position: absolute;
left: -1000px;
top: -1000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
font-size:0.7em;
	}
img{
border:0;
}
.clear{
clear:both;
}

#page{
	margin:10px auto;
	width:60em;
	text-align:left;
	position:relative;
	}
#content{
	float:right;
	width:46em;
	background-color:#FFF;
	border:1px solid #CCC;
	position:relative;
	z-index:5;
	}
#text{
	margin:3px;
	padding:0 1em;
	padding-top:20px;
	border:1px dashed #DDD;
	min-height:25em;
	line-height:1.3em;
	}
#content h1{
	font-size:1.2em;
	color:#B00;
	font-weight:normal;
	letter-spacing:2px;
	}
#content h2{
	font-size:1.1em;
	color:#789;
	font-weight:normal;
	border-bottom:1px dashed #89A;
	letter-spacing:1px;
	}	
#content h3{
	font-size:1em;
	color:#765;
	}	
#content ul{ list-style-image:url(../pix/hg-li.gif); }
#content p, #content li{ font-size:0.9em; }	
#content a{ text-decoration:none; border-bottom: 1px solid #C00; color:#000; }
#content a:visited{ color:#666;	}
#content a:hover{ color:#C00; border: 0; }
#content label b{
display:block;
float:left;
width:6em;
margin-right:0.5em;
font-weight:normal;
}
#content .artikel{ float:left; padding:0; margin:0; list-style-type:none; }
#content .artikel li{ float:left; padding:0; margin:0; width:48%; margin-right:1%; height:125px; overflow:hidden; border-bottom:1px dashed #999; list-style-image:none; }
#content .artikel li:hover{ border-bottom:1px solid #000; }
#content .artikel a{ text-decoration:none; border:0;	}
#content .artikel a b{ border-bottom: 1px solid #C00; }
#content .artikel a:hover b{ color:#C00; border:0; }
#content .previmg{
	display:block;
	width:120px;
	height:120px;
	overflow:hidden;
	float:left;
	margin-top:5px;
	margin-right:5px;
	}
#content .textnormal{
background-color: #EEE;
border: 1px solid #999;
color: #333;
}
#content .textfocus{
background-color: #FFF;
border: 1px solid #B00;
color: #000;
}
#content .button{
border: 1px solid #789;
background-color: #789;
color: #FFF;
font-weight:bold;
}
#content .meldung{
float:left;
width:100%;
}
#content .meldung h2{
margin-top:0;
}
#content h2 a{
text-decoration:none;
}
#content .foto{
float:left;
margin-right:1em;
margin-bottom:1em;
}
#content .titelfoto{
float:right;
margin-left:1em;
}
#content .linknew{
background-image: url(../redaktion/new.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 20px;
}
#content .linkback{
background-image: url(../pix/back.gif);
background-repeat: no-repeat;
background-position: 0 40%;
padding-left: 20px;
}

#logo{
	float:left;
	text-align:center;
	line-height:1.1em;
	padding:25px 0;
	width:13em;
	}
#logo h2{
	margin:10px auto;
	font-size:1em;
	width:110px;
	height:110px;
	overflow:hidden;
	position:relative;
	}
#logo h2 span{
	position:absolute;
	left:0;
	top:0;
	width:110px;
	height:110px;
	z-index:2;
	background:url(../pix/logo-miteinander.gif) no-repeat;
	cursor:pointer;
	}
#logo h2 a{
	color:#89A;
	text-decoration:none;
	}
#logo p{
	font-size:0.9em;
	margin:0;
	padding:0;
	}
#navi{
	float:left;
	position:relative;
	z-index:1;
    }
#navi ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:0.8em;
	letter-spacing:1px;
	}
#navi li{
	margin:0;
	margin-bottom:1px;
	padding:0;
	line-height:1.1em;
	min-width:208px;
	}
* html #navi li{
	width:208px;
	}
#navi li a{
	display:block;
	background:#789 url(../pix/hg-navi.gif);
	padding: 0.4em 0.6em;
	text-decoration:none;
	color:#FFF;
	}
#navi li a:hover{
	background-color:#C00;
	background-position:0px -50px;
	}
#home .lihome a, #archiv .liarchiv a, #kontakt .likontakt a, #leserbriefe .libriefe a{
	background-color:#C00;
	background-position:0px -50px;
	font-weight:bold;
	}
#video{
	float:left;
	position:relative;
	z-index:2;
    }
#bottom{
	margin-left:14em;
	padding-top:1em;
	clear:both;
	text-align:center;
	color:#999;
	}
#bottom ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:0.7em;
	letter-spacing:1px;
	}
#bottom li{
	display:inline;
	}
#bottom a{
	color:#666;
	padding:0.2em 0.6em;
	border-left:1px solid #CCC;
	}
#bottom a:visited{
	color:#999;
	}
#bottom a:hover{
	color:#000;
	text-decoration:none;
	}
#balken{
	background: url(../pix/hg-balken.png) repeat-x; 
	width:100%;
	height:25px;
	position:fixed;
	left:0;
	top:0;
	z-index:99;
	}
* html #balken{
	background: url(../pix/hg-balken.gif) repeat-x;
	position:absolute;
    }
#alexa{
position:absolute;
left:-999em;
top:-999em;
width:0;
height:0;
overflow:hidden;
}