*	{
	margin:0;
	padding:0;
	border:0;
	}

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#525252;
	line-height:1.4;
	margin:0;
	padding:0;
	background-image:url(../images/bg_body.gif);
	height: 100%;
	}
	
html {
	height: 100%;
	}
	
#main {
	float:left;
	height: 100%;
	width: 100%;
	font-size:90%;
	background:url(../images/bg_main.gif) repeat-y;
	}
*html #main {
	font-size: 85%;
	} 
 
#topnavi {
		float: left;
		height: 22px;
		width: 740px;
		background: #FCF0DB;
		padding: 4px 0 0 12px;

}	
	
#spenden {
		float: left;
		height: 22px;
		list-style: none;
}	

#spenden li{
		float: left;
		height: 22px;
		width: 120px;
}	
	
#spenden li a{
		float: left;
		text-decoration: none;
		font-size: 90%;
}	

#spenden li a.spende {
	background: url(../images/bg_onlinespenden.gif) no-repeat left center;
	padding-left: 20px;
}

#spenden li a.stelle {
	background: url(../images/bg_onlinestellen.gif) no-repeat left center;
	padding-left: 20px;
}

#impressum {
		float: right;
		list-style: none;
		width: auto;
		margin-right: 60px;
		display: inline;		
}	
 
#impressum  li{
		float: left;
		padding-left: 20px;
}	
 	

#impressum a{
		float: left;
		font-weight: normal;
		color: #615A4C;
		text-decoration: none;

}	
		
#header {
	clear:both;
	float:left;
	width:100%;
	height:119px;
	background-color:#8da89f;
	background-image: url(../images/bg_header.gif);
	background-position: 124px 0px;
	background-repeat: no-repeat;
	display:inline;
	border-top: #6A8A7F 1px solid;
	}

#header h1{
	float:left;
	margin: 25px 0 0 25px;
	display: inline;
	color: #333F3B;
	font-size: 130%;
	font-weight: bold;
	}
	
#header img{
	float:left;
	}
	
#header a img{
	float:left;
	}
	
.wappen {
	float: none;
	position: absolute;
	left: 634px;
	top: 62px;
	
}
/******************** HOME ************************/	
#home{
	float: left;
	margin:0 0 0 135px;
	padding: 0 15px;
	width:330px;
	display:inline;
    font-size:90%;
    line-height:1.6;
	}

*html #home{
	margin:0 0 0 10px;
	display:inline;
	width:350px;
	}
	
.home {
float: left;
width: 350px;
padding: 0;
margin: 0 0 20px 0;
border: 1px solid #8DA89F;
display: inline;
}

*html .home{
	width:350px;
	}

.home dl {
float:left;
margin: 10px 20px;
padding: 0;
display: inline;
} 

.home dt {
float: left;
width: 130px;
margin: 0;
padding: 0 0 0 8px;
font-weight:bold;
font-size: 120%;
color: #8DA89F;
} 

.home dt a{
font-weight:bold;
font-size: 100%;
color: #8DA89F;
text-decoration: none;
} 

.home dd {

margin: 0 0 0 8px;
padding: 0;
font-weight: normal;
font-size: 120%;
line-height: 1.3em;
color: black;

} 

#home dd.img {
float: right;
margin: 0;
padding: 0;

} 

#home dd.img  img{
float: right;
margin: 0;
padding: 0;

} 
	
#home_r {
clear:both;
position: absolute;
left: 525px;
top:300px;
}
	
/******************** NAVIGATION ************************/	

#nav {
	position:fixed;
	top: 190px;
	left: 0;
	width:122px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	padding: 0 0 100px 0;
	background-color: #D3EAE2;	
	border-right: #8DA89F 1px solid;
	display:inline;	
	
	}



/******************** NAVIGATION  1. EBENE ************************/


#nav ul {
	border-top: #8DA89F 1px solid;	
	float: left;
	list-style:none;

	}


#nav ul li {
	clear: both;	
	float:left;
	position:relative;
	border-bottom: #8DA89F 1px solid;	
	}

	
#nav ul li a {	
	float:left;
	width: 98px;
	padding: 5px 12px;
	color: #333F3B;
	text-decoration:none;
	font-weight:bold;

	}
	
#nav ul li a:hover {
	background: white; /* muss drin stehen bleiben, sonst klappen die Menus im IE6 nicht aus?!?!? - was ist das für ein BUG ?!?! */
	color:black;
	}	

#nav ul li a.secondlevel {	

	background: url(../images/secondlevel.gif) right 8px no-repeat;
	}
	
#nav ul li a:hover.secondlevel {	

	background: white url(../images/secondlevel.gif) right 8px no-repeat;
	}

#nav ul li a.void   {
        cursor:default;
		background: url(../images/secondlevel.gif) right 8px no-repeat;
        }
		
#nav ul li a:hover.void  {
        cursor:default;
		background: white url(../images/secondlevel.gif) right 8px no-repeat;
        }

/******************** NAVIGATION  2. EBENE ************************/	

/* hide the sub levels and give them a positon absolute so that they take up no room */

#nav ul li ul {
	visibility:hidden;
	float:left;
	position:absolute;
	top: -1px;
	left:122px; 
	margin:0;
	text-transform:none;
	border-top:0;	
	width:190px;
    border-left:1px solid #8DA89F;
	border-right:1px solid #8DA89F;
    border-top:1px solid #8DA89F;
	background-color: #D3EAE2;;	
	}


#nav ul li ul li {	
	float:left;
	width:190px;
	}
	
#nav ul li ul li a {
	font-size: 90%;
	font-weight:normal;
	color: black;
	width:160px;
	padding: 3px 15px;	
	border:0;
	}	

#nav ul li ul li a:hover{

	background: white;
	}
	
	
/******************** NAVIGATION  3. EBENE ************************/	

/* hide the sub levels and give them a positon absolute so that they take up no room 

#nav ul li ul li ul {
	visibility:hidden;
	float:left;
	position:absolute;
	top:0;
	left:180px; 
	margin:0;
	background:none;
	text-transform:none;
	border-left:1px solid #b6b6b6;
	width:180px;
	}


#nav ul li ul li ul li {	
	float:left;
	border-bottom:1px solid #b6b6b6;
	}
	
#nav ul li ul li ul li a {
	font-size:11px;
	font-weight:normal;
	color:#767676;
	width:150px;
	background:white;
	padding: 4px 15px;	
	border:0;
	}

#nav ul li ul li ul li a:hover{
	color:white;
	background:#D11F21;
	}	


/******************** NAVIGATION  FUNKTIONALITÄTEN ************************/


/* style the table so that it takes no part in the layout - required for IE to work */

#nav table {
	position:absolute; 
	top:0;
	left:0;
	}

/* make the second level visible when hover on first level list OR link */

#nav ul li:hover ul,
#nav ul a:hover ul {
	visibility:visible; 
	}
	
/* keep the third level hidden when you hover on first level list OR link */

#nav ul :hover ul ul{
	visibility:hidden;
	}

/* make the third level visible when you hover over second level list OR link */

#nav ul :hover ul :hover ul{ 
	visibility:visible;
	}
		

/******* CONTENT ********/

#content {
	clear:both;
	float: left;
	width: 100%;
	background:url(../images/bg_main.gif) repeat-y;
	padding: 50px 0;
	}

#content_links {

	float: left;
	margin:0 0 0 135px;
	padding: 0 15px;
	width:330px;
	min-width:330px;
	display:inline;
    font-size:90%;
    line-height:1.6;
	}
	
*html #content_links {
	font-size:105%;
	margin:0 0 0 10px;
	display:inline;
	}

#content_links table {
	width:315px;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
}	

#content_links table caption {
	text-align: left;
	font-size: 150%;
	padding-bottom:30px;
	font-weight: bold;
}
#content_links table th{
	border-width: 1px 1px 1px 1px;
	padding: 2px 3px 2px 3px;
	border-style: inset inset inset inset;
	border-color: #ccc;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
	
#content_links table td{
	border-width: 1px 1px 1px 1px;
	padding: 2px 3px 2px 3px;
	border-style: inset inset inset inset;
	border-color: #ccc;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
	
	
	
#content_links img{
	float: right;
	padding: 5px 0 10px 15px;
	}
      
#content_links ul {
        margin: 0 0 35px 30px;
        }

#content_links ul li{
		clear:both;
        margin-bottom:10px;
        }

		
#content_rechts {
	float:left;
	margin: 50px 0 0 35px;
	width:200px;
	display:inline;
	padding-bottom:50px;
	line-height:1.6;

	}
	
*html #content_rechts {
	font-size:105%;
	}
	
#content_rechts p {
	color: #615A4C;
	}	

#content_rechts ul {

	list-style: none;
	}
		
#content_rechts ul li {


	}
	
#content_rechts ul li a {
	text-decoration: none;
	font-weight: normal;
	padding-left: 10px;
	background: url(../images/subsub.gif) left center no-repeat;
	}

#content_rechts ul li a:hover {
	border-bottom:none;
	color: #EF1D25;
	background: url(../images/subsub.gif) 3px center no-repeat;
	}
	
.content {
	padding-bottom:50px;     
	line-height:1.6;        
	}	


/******* FOOTER ********/

#footer {
	clear:both;
	float:left;
	background:url(../images/bg_footer.gif) no-repeat;
	width:940px;
	height:160px;
	}

.content_footer {
	float:left;
	margin:25px 48px 0 0;
	display:inline;
	color:white;
	}	





input   {
        border:1px solid gray;
      }


select   {
        border:1px solid gray;
        margin-right:10px;
      }








/******* HTML TAGS ********/

a	{
	color:#be1c1e;
	font-weight:bold;
	}

p	{
	padding-bottom:25px;
	}

p.sig	{
	font-size: 85%;
	color: black;
	float:right;
	padding-bottom:25px;
	}

h1	{
	font-size: 150%;
	padding-bottom:30px;
	font-weight: bold;
	}
      
h2      {
	clear: both;
    font-size:110%;
    margin-bottom:20px;
	
        }

h3	{
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:110%;
	line-height:1.5;
	margin-bottom: 15px;
	}
	
h4	{
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:110%;
	line-height:1.5;
	margin-bottom: 15px;
	}
	
h5	{
	color:#be1c1e;
	font-size:70%;
	font-weight:normal;
	}
	
/*@media screen
  {
  div#nav
    {
    position: fixed;
    }

  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    overflow-y: auto;
    height: 100%;
    }
  * html div#nav
    {
    position: absolute;  
    }
  }
/*