/*
 *	Alle Margins und Paddings auf Null setzen
 */

* { margin:0; padding: 0; }


/*
 *	Kopfzeile
 */
#header { width: 880px; height: 86px; background: url(div/linie-oben.gif) repeat-x; }

#header > div { height:72px; }


/*
 *	Logo
 */
#logo { float: left; width: 195px; }


/*
 *	Verlauf oben links
 */
#verlauf-oben-links {
	float: left; 
	width: 150px; 
	background-image: url(div/02verlauf.gif); 
	background-repeat: no-repeat;
}




/*
 *	Verlauf oben rechts
 */
#verlauf-oben-rechts {
	float: left; 
	z-index: 10; 
	width: 325px; 
	background-image: 	url(div/03verlauf.gif); 
	background-repeat: no-repeat;
	background-position: right;
}

#actionmenu-one { width:100%; height: 18px; margin-top: 53px; text-align:right; }

#actionmenu-one-menu { margin-left:10px; list-style:none; }

#actionmenu-one-menu .menuepunkt-level1 { float:left; }

#actionmenu-one-menu a { display:block; height:18px; background-repeat: no-repeat; }

#actionmenu-one-link1 a { width:94px; background-image:url(div/mitglied-werden_00.gif); }
#actionmenu-one-link1 a:hover, 
#actionmenu-one-link1 a.menuelink-level1-aktiv { background-image:url(div/mitglied-werden_01.gif); }

#actionmenu-one-link2 a { width:60px; background-image:url(div/spenden.gif); }
#actionmenu-one-link2 a:hover,
#actionmenu-one-link2 a.menuelink-level1-aktiv { background-image:url(div/spenden01.gif); }

#actionmenu-one-link3 a { width:60px; background-image:url(div/service_00.gif); }
#actionmenu-one-link3 a:hover,
#actionmenu-one-link3 a.menuelink-level1-aktiv { background-image:url(div/service_01.gif); }

.termine #actionmenu-one-link3 a { width:60px; background-image:url(div/termine_00.gif); }
.termine #actionmenu-one-link3 a:hover,
.termine #actionmenu-one-link3 a.menuelink-level1-aktiv { background-image:url(div/termine_01.gif); }

.beratung #actionmenu-one-link3 a { width:60px; background-image:url(div/beratung_00.gif); }
.beratung #actionmenu-one-link3 a:hover,
.beratung #actionmenu-one-link3 a.menuelink-level1-aktiv { background-image:url(div/beratung_01.gif); }

#actionmenu-one-link4 a { width:50px; background-image:url(div/presse.gif); }
#actionmenu-one-link4 a:hover,
#actionmenu-one-link4 a.menuelink-level1-aktiv { background-image:url(div/presse01.gif); }

#actionmenu-one-link5 a { width:50px; background-image:url(div/wissen.gif); }
#actionmenu-one-link5 a:hover,
#actionmenu-one-link5 a.menuelink-level1-aktiv { background-image:url(div/wissen01.gif); }



/*
 *	Wechselgrafik oben rechts
 */
#wechselgrafik-oben-rechts {
	float: right; 
	overflow: hidden; 
	width:210px; 
}



/*
 *	Haupt-Container für die drei Spalten
 */

#container 
{ background-image: url(div/background.gif); background-repeat: repeat-y; 
  min-width: 880px; min-height: 360px; margin-top: 0; 
  clear: both; }

.zweispaltig #container
{ background-image: url(div/background_2spaltig.gif); width: 1210px; }




/*
 *	Navigationsspalte links
 */

#col1 { 
	float: 		left; 
	overflow: 	visible; 
	width: 		200px;
}

#col1 .menue-level1,
#col1 .menue-level2,
#col1 .menue-level3,
#col1 .menue-level4 {
	list-style: 	none; 
}

#col1 .menue-level1 {
	margin-left: 	19px;
}

#col1 .menue-level2,
#col1 .menue-level3,
#col1 .menue-level4 {
	margin-left: 	10px; 
}

#col1 .menue-level2-wrap, 
#col1 .menue-level3-wrap { 
	display: inline; 
}




/*
 *	Container für den Hauptinhalt
 */

#col2 {
	float: 		left; 
	width: 		450px; 
	overflow: 	visible; 
	z-index: 	0;
	padding-top: 	0px; 
	margin-left: 	10px; 
}

.zweispaltig #col2 {
	width: 1000px;
}

#actionmenu-two { position:relative; top:-1px; width:100%; height: 12px; margin-left:240px; margin-bottom:12px; text-align:right; }

#actionmenu-two-menu { margin-left:0px; list-style:none; }

#actionmenu-two-menu .menuepunkt-level1 { float:left; }

#actionmenu-two-menu a { display:block; height:12px; background-repeat: no-repeat; }

#actionmenu-two-link1 a { width:60px; background-image:url(div/newsletter-ani.gif); }
#actionmenu-two-link1 a:hover, 
#actionmenu-two-link1 a.menuelink-level1-aktiv { background-image:url(div/newsletter01.gif); }

#actionmenu-two-link2 a { width:60px; background-image:url(div/kontakt00.gif); }
#actionmenu-two-link2 a:hover,
#actionmenu-two-link2 a.menuelink-level1-aktiv { background-image:url(div/kontakt01.gif); }

#actionmenu-two-link3 a { width:50px; background-image:url(div/suchen.gif); }
#actionmenu-two-link3 a:hover,
#actionmenu-two-link3 a.menuelink-level1-aktiv { background-image:url(div/suchen01.gif); }

#actionmenu-two-link4 a { width:50px; background-image:url(div/drucken.gif); }
#actionmenu-two-link4 a:hover,
#actionmenu-two-link4 a.menuelink-level1-aktiv { background-image:url(div/drucken01.gif); }







/*
 *	Container für die rechte Spalte
 */

#col3 {
	float: 		left; 
	overflow: 	visible; 
	width: 		200px;
	margin-left: 	10px; 
	padding-top: 	15px; 
	padding-left: 	5px; 
	padding-right: 	5px;
	border-top: 	0px solid white; 
}

.zweispaltig #col3 {
	display:	none;
}




/*
 *	Definition der Fusszeile
 */

#footer 
{ clear: both; width: 880px; height: 20px; text-align: left; background-image: url(div/footer.gif); }


/*
 *	Einblendung der Kontaktdaten Links und Rechts
 */

#anschrift-konto
{ clear: both; width: 880px; height: 105px; background: url(div/background.gif) repeat-y; }

#anschrift
{ float: left; width: 200px; height: 100px; text-align: right; }

#anschrift img
{ margin-right: 20px; margin-bottom: -12px; }

#konto
{ float: right; width: 205px; height: 40px; margin-top: 50px; }


/*
 *	für das zweispaltige Layout
 */
.zweispaltig #anschrift-konto
{ background-image: url(div/background_2spaltig.gif); z-index: 0; }

.zweispaltig #konto
{ display: none; }


/*
 *	Firefox berechnet die Top-Margin anders als 
 *	die anderen Browser
 */
#col1 .menue-level1
{ margin-top: 20px; padding-top: 0;}

html>body #col1 .menue-level1
{ margin-top: 25px; }


/*
 *	Den Mozilla zwingen, die Höhe des container-DIVs
 *	richtig zu berechnen
 */
#container
{ border-bottom: 1px solid white; z-index: 50; }
#anschrift-konto
{ margin-top: -1px; z-index: 0; }