/* *** CSS Dokument *** */

body {
	padding:0;
	margin:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:100.01%;
	background-color:#2089b6;
	}

a:link {
	color:#cc0033;
	text-decoration:none;
	}

a:visited {
	color:#cc0033;
	text-decoration:none;
	}

a:focus {
	color:#cc0033;
	text-decoration:none;
	}

a:hover {
	color:#cc0033;
	text-decoration:none;
	}

a:active { 
	color:#cc0033;
	text-decoration:none;
	}

#seite {
	background-image:url(bilder/hg_cookiemobil.jpg);
	background-repeat:no-repeat;
	}

/* ----------container zentriert das layout-------------- */
#container {
 	width:1023px;	
	/*margin:0px auto;*/
	}

/* ----------head-------------- */
#head {
	width:1024px;
	height:131px;
	float:left;
	}

/* --------------linke und rechte navigavtion------------- */
#navi_links {
	width:242px;
	height:492px;
	background-image:url(bilder/hg_navi.png);
	background-repeat:no-repeat;
	background-position:right top;
	float:left;
	position:relative;
	}

#menue_statisch {
	background-color:transparent;
	margin-top:70px;
	margin-left:48px;
	}

#menue_statisch LI {
	background-color:transparent;
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
	}

#menue_statisch UL {
	background-color:transparent;
	padding:0;
	margin:0;
	}

#menue_statisch A {
	font-size:0.75em;
	line-height:1.6em;
	font-weight:bold;
	color:#000000;
	margin:0 0 2px 38px;
	display:block;
	}

#menue_statisch A:link, #menue_statisch A:visited {
	text-decoration:none;
	}

#menue_statisch A:hover, #menue_statisch A:focus {
	text-decoration:none;
	background-image:url(bilder/navi_over.png);
	background-repeat:no-repeat;
	padding-left:38px;
	margin:0 0 2px 0px;
	color:#cc0033;
	}

#menue_statisch .cur {
	text-decoration:none;
	background-image:url(bilder/navi_over.png);
	background-repeat:no-repeat;
	padding-left:38px;
	margin:0 0 2px 0px;
	color:#cc0033;
	}

	
#logo {
	width:110px;
	height:50px;
	margin-left:85px;
	margin-bottom:120px;
	position:absolute;
	bottom:0;
	}
	
#diakonie {
	width:110px;
	height:50px;
	margin-left:858px;
	margin-bottom:115px;
	position:absolute;
	bottom:0;
	}	

/* -----------------Inhalt--------------------- */ 
#inhalte {
 	width:100%;
	height:492px;
	text-align:left;
	color:#000000;
	
	}

#inhalt {
	width:486px;
	height:492px;
	margin-left:0px;
	margin-right:0px;
	background-image:url(bilder/hg_inhalt.png);
	background-repeat:no-repeat;
	float:left;
	}


#inhalt_mitte {
	width:410px;
	height:380px;
	float:left;
	margin-top:70px;
	font-size:0.74em;
	line-height:1.6em;
	position:relative;
	top: 10px; 
	left: 68px;
	overflow:auto;
	}
	
	
 #bild_hg {
  	width:295px;
  	height:492px;
	background-image:url(bilder/hg_bilder.png);
	background-repeat:no-repeat;
	float:right;
	}
	
	
#bild {
	width:188px;
	height:290px;
	margin-left:49px;
	margin-top:16px;
	}
	


/*  ----------------footer---------------------- */
#fuss {
 	width:1023px;
	height:102px;
	clear:both;
	}

#untermenue {
	background-color:transparent;
	margin:13px 0 0 498px;
	}

#untermenue LI {
	background-color:transparent;
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
	}

#untermenue UL {
	background-color:transparent;
	padding:0;
	margin:0;
	}

#untermenue A {
	font-size:0.74em;
	font-weight:bold;
	color:#ffffff;
	margin-left:20px;
	display:block;
	float:left;
	}

#untermenue A:link, #untermenue A:visited {
	text-decoration:none;
	}

#untermenue A:hover, #untermenue A:focus {
	text-decoration:none;
	color:#000000;
	}

h1 {
	font-size:1.2em;
	font-weight:bold;
	}