@import url(content.css);



/* fuer alle HTML-Elemente */
* { margin: 0; padding: 0 }
/* Korrektur fuer Selectboxen */
option { padding-left: 0.4em }

body, html {
	scrollbar-face-color		: #E8EAEA;
	scrollbar-3dlight-color		: #E8EAEA;
	scrollbar-shadow-color		: #E8EAEA;
	scrollbar-track-color		: #dee1e1;
	scrollbar-highlight-color	: #E8EAEA;
	scrollbar-arrow-color		: #5b8871;
	scrollbar-darkshadow-color	: #5b8871;
	
	border: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	
	/* Zentrierung im Internet Explorer */
	position: relative;
	text-align: center;	
	}

/* Zentrierung im Internet Explorer */
#outer-wrapper {
	text-align: left;
	margin: 0 auto 0 auto;
	width: 843px;
	position: relative;
	height: 100%;
	}
	
/************ CONTENT ************/
/* damit die Balken bis runter gehen, muss der content-wrapper bg-bild bekommen */
#content-wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 842px;
	padding: 161px 0 0px 181px;
	/* padding: 0 0 17px 0; */
	/* background: url(/fileadmin/images/punktline.gif) repeat-x bottom; */
	/* das bg-gif ist 843 pixel breit */
	background: #ffffff url(images/bg_general.gif);
}
	html>body #content-wrapper { /* Fuer Firefox und Opera  */
	width: 662px; /* Padding wird hier dazugerechnet => gibt sonst Scrollbalken, allerdings noch 1pixel mehr nötig */
	/* das bg-gif ist 844 pixel breit (in der mitte 1 pixel mehr) */
	background: #ffffff url(images/bg_general_mozilla.gif);
	}



#content {
	position: relative;
	top: 0px;
}
	
.content_normal { /* Fuer IE */
	padding: 0px 0px 0px 0px;
	margin: 0;
	width: 407px;  /* fuer Firefox nicht 100% angeben */
	height: 220px;
	/* border-bottom: 1px dashed #f3eedd; */
	}

	
#footer {
	margin: 20px 0 0 0;
	padding: 10px 0 23px 0;
	clear: both;
	font: normal 11px Arial,Helvetica,Verdana,sana-serif;
	color: #333333;
	background: #6da767;
	background: #6da767 url(images/punktline_footer.gif) repeat-x bottom;
	width: 407px;
}
	#footer a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	}
	#footer a:hover, #footer a:focus,  #footer a.act {
	color: #ffffff;
	font-weight: bold;
	}
	
/************ HEADER ************/
#header {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 843px;
	height: 90px;
	background: #ffffff;
	border-top: 10px solid #ffffff;
}

#logo {
	position: absolute;
	left: 181px;
	top: 20px;
	width: 152px;
	height: 43px;
}

#header-image {
	position: absolute;
	left: 588px;
	top: 0px;
}

#Menu_neben {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 147px;
	height: 80px;
	background: #dee1e1;
}

/************ HEADER 2 ************/
#header2 {
	position: absolute;
	z-index: 5;
	left: 0;
	top: 90px;
	width: 588px;
	height: 40px;
	background: #dee1e1;
}



/************ LEFT ************/
#left {
   position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	background: #5b8871;
	width: 164px;
	height: 100%;
}

#Menu_main {
	margin: 158px 0 0px 0px;
}


#druckempfehlen {
	position: relative;
	left: 20px;
	top: 106px;
}
	#druckempfehlen a {
	font-size: 0.7em;
	color: #ffffff;
	letter-spacing: 1px;
	text-decoration: none;
	}
	#druckempfehlen a:hover, #druckempfehlen a:focus,  #druckempfehlen a.act {
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0px;
	}

/************ RIGHT ************/
#right {
   position: absolute;
	z-index: 0;
	top: 0;
	right: 0px;
	background: #dee1e1;
	width: 147px;
	height: 100%;
}

#right-image {
	border-top: 161px solid #ffffff;
	padding: 92px 0 0 17px;
	text-align: right;
	}
	
#right-text {
	padding: 20px 10px 0 17px;
	font-size: 0.9 em;
	}
	

	  

/************ NAVIGATIONS ************/
/* MENU_MAIN */
#Menu_main ul {
	font-size: 0.8em;
	margin: 0;
	padding: 0px 10px 0px 0;
    list-style: none;
	width: 164px;
	}
#Menu_main li {
	/* list-style: none; */
	/* display: inline; */
	/* float: left; */
	margin:  0;
	padding: 0px 0 9px 0px;
	}
	html>body #Menu_main li { /* Fuer Firefox und Opera  */
	
	}
  * html #Menu_main li { /* Fuer IE  */
  	}
#Menu_main li a, #Menu_main li span {
	/* float: left; */
	/* damit der BG-Balken überall gleiche Breite einnimmt: display: block; */
	display: block;
	text-decoration: none;
	padding: 0px 0 2px 21px;
	margin: 0;
	font-weight: bold;
	color: #ffffff;
	/* nicht mit BG-Farbe für Balken arbeiten, da sonst Probleme bei Subnavigation => großes BG Gif verwenden */
	background: url(images/nav_sign.gif) repeat-x top left;
	}
#Menu_main li a:hover, #Menu_main li a:focus, #Menu_main li.act a, #Menu_main li span {
	color: #5b8871;
	background: url(images/nav_sign_hi.gif) repeat-x top left;
	}
	/* Alle Abstände auf "0" setzen, damit Unterschiede in der Darstellung verschiedener Browser vermieden werden */
#Menu_main * {
	margin: 0;
	padding: 0;
	}
	
	
/* Level Nav2 */
#Menu_main ul li ul {
	font-size: 0.8em;
	margin: 0;
	padding: 10px 0px 0px 0;
    list-style: none;
	width: 119px;
	}
#Menu_main li li {
	/* list-style: none; */
	/* display: inline; */
	/* float: left; */
	font-size: 1.1em;
	margin:  0;
	padding: 0px 0 3px 0px;
	}
#Menu_main li li a, #Menu_main li li span {
	/* float: left; */
	/* damit der BG-Balken überall gleiche Breite einnimmt: display: block; */
	display: block;
	text-decoration: none;
	padding: 0px 0 2px 0px;
	margin: 0;
	font-weight: normal;
	color: #ffffff;
	/* clear.gif fuer Firefox und Opera nötig */
	background: url(images/clear.gif) repeat-x top left;
	letter-spacing: 1px;
	}	
#Menu_main li li a:hover, #Menu_main li li a:focus, #Menu_main li li span, #Menu_main li.act li a:hover, #Menu_main li.act li a:focus {
	font-weight: bold;
	color: #ffffff;
	/* clear.gif fuer Firefox und Opera nötig */
	background: url(images/clear.gif) repeat-x top left;
	letter-spacing: 0px;
	}
	
/* für Submenü: */
#Menu_main li.act li a {
	/* float: left; */
	/* damit der BG-Balken überall gleiche Breite einnimmt: display: block; */
	display: block;
	text-decoration: none;
	padding: 0px 0 2px 21px;
	margin: 0;
	font-weight: normal;
	color: #ffffff;
	/* clear.gif fuer Firefox und Opera nötig */
	background: url(images/clear.gif) repeat-x top left;
	letter-spacing: 1px;
	}
/* für aktiven Submenüpunkt: */
#Menu_main li.act li span {
	padding: 0px 0 2px 21px;
	font-weight: bold;
	color: #ffffff;
	/* clear.gif fuer Firefox und Opera nötig */
	background: url(images/clear.gif) repeat-x top left;
	letter-spacing: 0px;
	}


/* MENU_NEBEN */
#Menu_neben ul {
	font-size: 0.7em;
	margin: 0;
	padding: 11px 0px 0px 0;
    list-style: none;
	}

#Menu_neben li {
	/* list-style: none; */
	/* display: inline; */
	/* float: left; */
	margin:  0;
	padding: 0 0px 0 0px;
	}
	html>body #Menu_neben li { /* Fuer Firefox und Opera  */
	padding: 0px 0 4px 0px;
	}
  * html #Menu_neben li { /* Fuer IE  */
  	}

#Menu_neben li a, #Menu_neben li span {
	/* float: left; */
	/* display: block; */
	text-decoration: none;
	padding: 0px 0 4px 17px;
	margin: 0;
	font-weight: bold;
	color: #5b8871;
	}
	
#Menu_neben li a:hover, #Menu_neben li a:focus,  #Menu_neben li a.act, #Menu_neben li span {
	color: #565655;
	}

	/* Alle Abstände auf "0" setzen, damit Unterschiede in der Darstellung verschiedener Browser vermieden werden */
#Menu_neben * {
	margin: 0;
	padding: 0;
	}
	
/************ DIVERSES, LINKS etc. ************/
.tback, a.tback, a:link.tback, a:visited.tback, a:active.tback {
	font-size: 0.7em;
	font-weight: normal;
	color: #cf1017;
	text-decoration: none;
	}
a:hover.tback, a:focus.tback {
	text-decoration: underline;
}

.tred, a.tred, a:link.tred, a:visited.tred, a:active.tred {
	color: #cf1017;
	text-decoration: none;
	}
a:hover.tred, a:focus.tred {
	text-decoration: underline;
}