/* ############################### Allgemein ############################### */

/* class invisbile wird ausgeblendet */
.invisible{
	display: none;
	}
/* horizontale linine ausblenden */
hr {
	display: none;
}

/* alle listen ul */

ul{                 /* listen-formatierung, punkte aus */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

/* ############################### Margin, padding, width, height, float, display ############################### */

body{
	margin: 0px;
	padding: 0px;
	
	}
	
/* ------ wrapper -------- */
#page{
	width: 898px;  /* seiten breite */
	margin: 0 auto;  /* zentrierung */
	
	
	}
	
 /* ------ navigation top -----------*/
.navigation{
	margin: 0px;
	margin-top: 12px; /* abstand der menuleiste zum top */
	
	height: 1em;
	}
	
	
/* ------ wrapper fŸr inhalt  ---------*/
#inhalt{
	clear: both;  /* float der navigation wird gestoppt */
	position: relative;   /*positionierung des inhalts */
	top: 71px;  /* px nach unten verschieben */
	width: 898px;  /* breite des inhalts */
	display: block;
	
	}
	

.navigation li{
	display: inline;  /* verschiebung der listeneintrŠge horizontal */
	margin-right: 49px;  /* abstand zwischen den menuepŸnkten */
	}
	
#contact{
	margin-right: 0px;
	position: relative;
	left: 3px;
	}
	
* html .navigation li{
	margin-right: 54px; /* abstand zwischen den menuepŸnkten 'IE_FIX'  */
	}
	
* html #contact{
	margin-right: 0px;
	}
 



/* --------- hintergrundbild ---------- */

#eva_schlegel{  /* hintergrund bild gršsse */
	width: 896px;
	height: 530px;
	}
	
/* --------- seitenleiste auflistung ----------*/	
#sidebar{
	width: 276px; /* breite der seitenleiste */
	float: left; /*postionierung links oben */
	}
	
#auflistung li{
	margin-bottom: 5px;
	}

/* ----- rechte seite inhalt -------- */
.categorie{
	width: 607px; /* breite des postings/inhalts rechte seite */
	float: right; /* positionierung rechts oben */
	}
	
/* vor und zurŸck schalten die einzelseiten bei inhalt rechts */
#zahlen{
	display: block;
	width: 607px;  /* gršsse des zahlenfeldes*/
	margin-bottom: 10px;
	}
	
* html #zahlen{  /* ie hack fŸr die lŠnge des zahlen feldes */
	width: 555px;
}
	
#next{   /* position pfeil rechts */
	margin-left: 18px;
	}
	      /* position pfeil links */
#before{
	margin-right: -5px;
	}
	
			/* pfeilfeld position*/
#pfeilnav{
	width: 35px;
	margin-right: 20px;
	float: left;
	
	
	}
	
.pfeil a{
	font-size: 15px;
}

.number a{
	font-size: 11px;
}


/* ---- bild und title position */
.storycontent{
	text-align: right;
	height: 635px;
	
	overflow: auto;
	}
	
/* titel position */
.storycontent em{
	display: block;
	margin-top: 10px; 
	clear: both; 
	}	
	
.storycontent p, .storycontent pre{
	margin: 0px;
	text-transform: none;
	}
	
.storycontent img, .storycontent #hana_flv_flow3_1{
	margin-top: 15px;

	
}

.storycontent #hana_flv_flow3_1{
	text-align: right;
	float: right;
	margin-bottom: 10px;
}

	
#sidebar .inlines{
	display: inline;
}

#sidebar p{
	display: inline;	
	}
	
#sidebar li{
	margin-bottom: 17px;
	}




/* ################################### typographie ############################### */
body{
	font-family: Arial, Verdana, sans-serif; /* schriftart */
	font-size: 11px;  /*schriftgroesse 10pt oder 8 px*/
	color: #999999;  /*schriftfarbe */
	text-transform: uppercase;  /* umwandlung in blockbuchstaben */
	
	}

a{
	color: #ae0d0d;   /* link farbe allgemein */
	text-decoration: none;   /* link unterstreichung aus */
	}
	
.current_page_item a, .current-cat a, .current_page a{ 
	color: #ff0033;         /* link farbe fŸr aktuelle seite */
	}
	
.navigation{
	font-weight: bold;  /* Text-style fŸr navigation */
	}
	
em{
	font-style: normal;  /* titel der bilder und arbeiten, kein italic */
	text-transform: none;  /* auf normal schrift, kein uppercase */
}

#sidebar a{
	font-weight: bold;  /* links auf bold stellen in der sidebar */
	}

#sidebar h4{
	margin: 0px;
	display: inline;
	height: 11px;
	font-weight: normal;/* abstand des block elements h4 abstellen */
	font-style: regular;
	font-size: 11px;
	}
	
* html #sidebar h4{
	padding-right: 3px;
	}
	
.entry{
	text-transform: none;
}

.public{
	text-align: left;
}

/* ############################### images ###############################*/
#eva_schlegel{
	background-image: url(images/hintergrund.jpg); /* hintergrund bild startseite */
	}