/* CSS Document for prchronik.com*/

body{
margin:0px;
padding:0px;
background: #666;
font-family:Arial, Helvetica, sans-serif;
line-height:135%;
}

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


#site
{width:80%; min-width: 905px; max-width: 1200px; background: #FFF;margin:auto;}

.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: lightgreen;}
a span.fertig {color:#111;}




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

#content{
	color:#111;
	margin-right: 340px;
	padding:10px;
	background-color:white;
	text-align:left;
	}

#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;
}
/* table styles via: http://coding.smashingmagazine.com/2008/08/13/top-10-css-table-designs/ */
table
{
	background: #fff;
	border-collapse: collapse;
	text-align: left;
}
table th
{
	font-weight: bold;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
table td
{
	border-bottom: 1px solid #ccc;
	padding: 6px 8px;
}
table tbody tr:hover td
{
	color: #009;
}

/* MENU */

/*------------------------------------------------------- HEADER ----------------------------------- */
#header{
width:100%;
margin:0px;
padding:10px;
margin-bottom: 10px;
border-bottom: 1px solid grey;
}


#header h1 a{
color: #111;
font-size: 150%;
font-weight: bold;
text-decoration: none;
}


#nav{
float:right;	
	width:330px;
	padding:5px;

}

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 h2{
color: #000;
}
}


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

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

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

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

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

ul#zykluslistenav
{
margin: 0px;
padding: 0px;
list-style: none;

}



/* ---------------------------------------------------------------- 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;}