/* CSS Document for prchronik.com*/

body{
margin:0px;
padding:0px;

font-family:Arial, Helvetica, sans-serif;
line-height:135%;
background:url(img/bg.jpg) fixed;
}

/*--------------------------------------- allgemeine Klassen ------------------------------------- */

.left{
float:left;
margin: 10px;
margin-left:0px;
margin-top:0px;
}

.right{
float:right;
margin: 10px;
margin-left:0px;
margin-top:0px;
}


.wichtig{
background:#E8E8F1;
font-weight:bold;
}

.wichtig a{
text-decoration:none;
}

.info{
border:1px dashed black;
padding: 5px;
}


.print{
background-color:white;
background:url(img/druck.gif) top left no-repeat;
padding-left:25px;
}

.html{
background-color:white;
background:url(img/comp.gif) top left no-repeat;
padding-left:25px;
}

.next
{
background:url(img/next.jpg) top right no-repeat;
padding-right: 25px;
}
.prev
{
background:url(img/prev.jpg) top left no-repeat;
padding-left: 25px;
}

.noton
{
color:#999999;
}

.meta{
background:#EEE;
width:33%;
padding:5px;
margin: 10px;
border: 1px dotted #000000;
font-size:75%;
font-style:italic;
clear:both;
}

.meta h3{
font-size:110%;
width:100%;
border-bottom:2px dotted #000000;
}
.hundert{
width:100%;
}

.onhover{
display:none;
}

a span.offhover{
display:inline;}
a span.onhover{
display:none;}
a:hover span.onhover{
display:inline;}
a:hover span.offhover{
display:none;}

#updcon{
float:left;
width:48%;
border-right: 1px black solid;
}

.upd{
margin: 10px;
padding: 5px;
background: #fff;
}

.upd h1{
color:#FFFFFF;
}

.upd p{
background:#FFD5B9;
margin:0px;
padding:3px;
text-align:center;
border-bottom:2px double #000066;}

.upd ul{
list-style:none;
width:100%;
margin:0px;
padding:0px;
}
.upd ul li{
padding:3px;
background:#E8E8F1;
border-bottom:1px solid #000066;
}

#tlog{
float:right;
width:48%;
}

#tlog .more{
margin:10px;
}

.clear{
clear:both;
}

.tibi{
float:left;
border:1px solid #CCCCCC;
margin-bottom:10px;
margin-right:10px;
padding:5px;
text-align:center;

}

.fertig{
background:#FFD5B9;}




/*----------------------------------------------------------- Inhaltsbereich ------------------------------------------- */

#content{
	color:black;
	position:absolute;
	top:110px;
	left: 10px;
	right: 225px;
	padding:10px;
	background-color:white;
	text-align:left;
	border: 3px solid #000066;
}

#content a{
color: #000066;
text-decoration:none;
border-bottom: 1px dotted #000066;
}
#content a:visited{
color: #000066;
text-decoration:none;
border-bottom: 1px dotted #000066;
}
#content a:hover{
color: #FF6600;
text-decoration:none;
border-bottom: 1px dotted #FF6600;
}
#content a:visited:hover{
color: #FF6600;
text-decoration:none;
border-bottom: 1px dotted #FF6600;
}

#content h1{
color:#006;
font-size: 125%;
text-align:center;
}

#content h2{
color:#006;
font-size: 110%;
text-align:left;
}

#content h3{
color:#000;
font-size: 110%;
text-align:left;
}


div.romnav{
background:white;;
text-align:center;
width: 95%;
margin:auto;
padding: 3px;
border-bottom:1px solid black;
border-top:1px solid black;
} /*Für die Navigation unter den Romanen*/


div.romnav ul{
display:inline;
}

div.romnav ul li{
display:inline;
margin-left: 10px;
}



.zyklen th{
background:#000066;
color:#FFFFFF;
text-align:left;
font-weight:bold;
}

.zyklen td{
padding:3px;
margin:0px;
}

.zyklen tr{
border-bottom: 1px solid black;
}

.werbung{
text-align:center;
width:48%;
float:right;
}




/* MENU */

/*------------------------------------------------------- HEADER ----------------------------------- */
#header{
top:25px;
left:0px;
width:100%;
margin:0px;
padding:0px;
background:url(img/bg-header.gif);
color:#FFFFFF;
position:absolute;
height:75px;
}

#header span{
margin:5px;
margin-right: 15px;
float:right;
display:inline;
}

#header h1{
float:left;
}


#nav{
	position:absolute;
	right:2px;
	top:110px;
	width:200px;
	padding:5px;
	color:white;
}

div#nav h1{
	border-top:1px solid black;	
	border-bottom:1px solid black;
	padding:3px;
	font-size: 110%;
	font-weight:bold;
	text-align:center;
	
}

div#nav p{
	margin-top:5px;
}

div#nav h4{						/* 1. Überschrit bei Nav, h4 um eindeutigen Unterschied zu h1 zu haben */
	color:#000066;
	font-weight:bold;
	font-style: italic;
	padding: 0px;
	margin-bottom:2px;
	text-align:left;
}

div#nav a{
font-weight: bold;
color:white;
text-decoration:none;
}

div#nav a:hover{
font-weight: bold;
color:#ff6600;
text-decoration:none;
}

div#nav a:visited{
font-weight: bold;
color:white;
text-decoration:none;
}

div#nav a:visited:hover{
font-weight: bold;
color:#ff6600;
text-decoration:none;
}

#nav ul{
width:95%;
margin:0px;
padding:0px;
list-style:none;
background:#000033;
}

#nav ul li{
padding:3px;
border-bottom:1px solid #FFFFFF;}
#nav ul li  ul{
border-top:#CCCCCC 1px solid;
margin:0px;
padding:0px;
width:100%;
list-style:none;
background:#000000;
border-bottom:none;
}
#nav ul li ul li{padding-left:15px;}


/* ---------------------------------------------------------------- Header --------------------------*/

#header{
position:absolute;
top: 25px;
left:0px;
width:100%;
background:url(img/bg-h.jpg);
margin:0px;
padding:0px;
height:75px;
}
#header img{
margin:0px;
padding:0px;
float:left;
}

#header span{float:right; display:inline; margin-right:10px;}



/* ---------------------------------------------------------------- topnav --------------------------*/

#znav{
position:absolute;
top: 0px;
left:0px;
width:100%;
background:url(img/znav.jpg) repeat-x;
margin:0px;
padding:0px;
height:25px;
color:#FFFFFF;
text-align:center;
}

#znav select{
margin:3px;
background:#003;
color:#FFFFFF;
border:0px;
font-weight:bold;
text-align:center;}