BODY
	{
	margin: 0px;
	background-color: #0000CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#top
	{
	width: 813px;
	height: 156px;
	background-image:url(../img/top_bg.jpg);
	}
	
#top_logo
	{
	float: left;
	position: relative;
	left: 29px;
	top: 21px;
	border: none;
	}
	
#top_title
	{
	float: left;
	position: relative;
	left: 92px;
	top: 10px;
	border: none;
	}

#container
	{
	/*width: 759px; ist mathematisch korekt aber */
	width: 880px; /*damit beim zoomen der Navi auch noch genügent platz ist */ 
	position: relative;
	top: 15px;
	left: 10px;
	}

#navi_container
	{
	float: left;
	/*width: 191px;*/
	/*min-width: 191px; in den browser styles*/
	/* background-color: #00FF00; */
	}
	
#contents
	{
	float: left;
	background-color: #E1E4FB;
	width: 548px;
	padding: 0px 0px 10px 0px;
	}
	
#bottom_space
	{
	clear: both;
	height: 10px;
	}
	
/* -------------- MAIN NAVIGATION --------------------- */
#navi
	{
	font-size: 0.95em;
	font-weight: bold;
	}
	
#navi ul
	{
	margin: 0px;
	padding: 0px;
	text-align: right;
	list-style-type: none;
	}
	
#navi ul li
	{
	padding: 8px 8px 0px 0px;
	height: 31px;
	}
	
#navi ul li a
	{
	color: #BCBCBC;
	text-decoration: none;
	}
	
#navi ul li a:hover, .naviitem_act
	{
	color: #FFFFFF;
	}
	
.naviitem_act
	{
	background-image: url(../img/naviitem_act_bg.jpg);
	background-position: right 15px ;
	background-repeat: repeat-y;
	}
/* -------------- MAIN NAVIGATION --------------------- */


/* -------------- KONTAKT NAVIGATION --------------------- */
#kontakt_navi
	{
	margin: 70px 0px 0px 0px;
	text-align: center;
	font-size: 0.65em;
	font-weight: bold;
	}
	
#kontakt_navi ul
	{
	margin: 0px;
	padding: 0px;
	}
	
#kontakt_navi ul li
	{
	display: inline;
	margin: 0px;
	padding: 0px;
	}
	
#kontakt_navi ul li a
	{
	text-decoration: none;
	color: #BCBCBC;
	}
#kontakt_navi ul li a:hover, #kontakt_navi ul li span
	{
	color: #FFFFFF;
	}
/* die objekte die durch "#kontakt a" und "impressum a" definiert weden,
 werden ebenfalls dur die beiden darüber stehenden klassen definiert. 
 der span tag kommt bei ACT zum einsatz*/ 
#kontakt a , #kontakt span
	{
	padding: 3px 0px 2px 23px; /* in den browser abhängigen css datein*/
	background-image: url(../img/icon_kontakt.gif);
	}
	
#impressum a , #impressum span
	{
	margin: 0px 0px 0px 18px; 
	padding: 3px 0px 2px 23px; /* in den browser abhängigen css datein*/
	background-image: url(../img/icon_impressum.gif);
	}
	
#kontakt a, #impressum a , #kontakt span, #impressum span
	{
	background-repeat: no-repeat;
	}

/* -------------- KONTAKT NAVIGATION ENDE--------------------- */