/* CSS Document */

/* ###################################################################### */
/* SEITENAUFBAU, grundelemente in layout & typo                           */
/* ###################################################################### */

BODY {
	background-color : #FFFFFF;
	padding-top: 16px;
	padding-bottom: 10px;
	topmargin: 0;
	leftmargin: 0;
	border: no;
}

P, UL, TD, UL, SPAN {
	font-family: "Akzidenz Grotesk", Frutiger, "Microsoft Sans Serif", Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

/* LINKS */

A {
	font-family: "Akzidenz Grotesk", Frutiger, "Microsoft Sans Serif", Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
	text-decoration: none;
}

A:Hover {
	color: #000000;
	text-decoration: none;
}



/* ###################################################################### */
/* KOPFZEILE: grafik-header mit links (sprachauswahl/impressum usw.)      */
/* ###################################################################### */

/* layout: über-header mit sprachlinks */
.header_1 {
	padding-right: 16px;
	color: #aaaaaa;
	font-size: 8pt;
	text-align: right;
	vertical-align: bottom;
}

/* layout: header mit sprachlinks2 */

.header_2 {
	height: 94px;
	padding-top: 6px;
	padding-right: 20px;
	color: #aaaaaa;






	font-size: 8pt;
	text-align: right;
	vertical-align: top;
}

/* top-links: sprachen */
.sprachlinks {
	color: #000000;
	font-weight: normal;
	font-size: 8pt;
	text-decoration: none;
}
/* das ist neu*/

.sprachlinks:Hover {
	color: #ff9900;
	font-weight: normal;
	font-size: 8pt;
	text-decoration: none;
}

.sprachlinks_active {
	color: #000000;
	font-weight: normal;
	font-size: 8pt;
	text-decoration: none;
}
/* Ende */
A.sprachlinks:Hover {
	color: #ff9900;
	font-size: 8pt;
	text-decoration: none;
}

/* top-links: disclaimer, agb, impressum */
.sprachlinks2 {
	color: #ffffff;
	font-weight: normal;
	font-size: 8pt;
	text-decoration: none;
}
A.sprachlinks2:Hover {
	color: #ff9900;
	font-size: 8pt;
	text-decoration: none;
}

/* link zurück zur startseite, links oben */
DIV.home_link {
	position: absolute;
	left: 0px;
	top: 52px;
	z-index: 3;
	width: 182px;
	height: 94px;
	/* background-color: #00FF00;  <-- zum Positionieren */
}




/* ###################################################################### */
/* MENÜLEISTE und alle elemente davon                                     */
/* ###################################################################### */


.menuitem A {
	font-family: "Akzidenz Grotesk", Frutiger, "Microsoft Sans Serif", Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.menuitem A:Hover {
	color: #FF9900;
	text-decoration: none;
}

.menuitem_active A {
	font-family: "Akzidenz Grotesk", Frutiger, "Microsoft Sans Serif", Tahoma, Verdana, Helvetica, sans-serif;
	color: #000000;
        font-size: 8pt
	font-weight: bold;
	text-decoration: none;
}


.menuitem2_activesection A, .menuitem3_activesection A, .menuitem2_active A, .menuitem3_active A{
	 font-family: "Akzidenz Grotesk", Frutiger, "Microsoft Sans Serif", Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

.menuitem_active A:Hover, .menuitem2_activesection A:Hover, .menuitem3_activesection A:Hover, .menuitem2_active A:Hover, .menuitem3_active A:Hover {
	color: #FF9900;
	text-decoration: none;
}


/* layout: container-TD für menüleisten-tabelle */
.menu {
	width: 180px;
	background-color: #ffffff;
	padding-bottom: 20px;
	vertical-align: top;
}

/* menüpunkt 1. ordnung, inaktiv */
.menuitem {
	width: 170px;
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-size: 8pt;
	border-left: solid #002288 8px;
}

/* menüpunkt 1. ordnung, aktiv */
.menuitem_active {
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-size: 8pt;
	border-left: solid #FF9900 8px;
}

/* menüpunkt 1. ordnung, unterpunkt des aktiven kapitels */
.menuitem_activesection {
	width: 170px;
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	font-size: 8pt;
	border-left: solid #FFEEBB 8px;
}

/* menüpunkt 2. ordnung, inaktiv */
.menuitem2 {
	height: 20px;
	padding-left: 23px;
	padding-right: 10px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	font-size: 8pt;
	border-left: solid #002288 8px;
}

/* menüpunkt 2. ordnung, aktiv */
.menuitem2_active {
	height: 20px;
	padding-left: 23px;
	padding-right: 10px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	font-size: 8pt;
	border-left: solid #FF9900 8px;
}

/* menüpunkt 2. ordnung, unterpunkt des aktiven kapitels */
.menuitem2_activesection {
	height: 20px;
	padding-left: 23px;
	padding-right: 10px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	font-size: 8pt;
	border-left: solid #FFEEBB 8px;
}

/* menüpunkt 3. ordnung, inaktiv */
.menuitem3 {
	height: 20px;
	padding-left: 36px;
	padding-right: 10px;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: normal;
	text-align: left;
	font-size: 8pt;
	border-left: solid black 8px;
}

/* menüpunkt 3. ordnung, aktiv */
.menuitem3_active {
	height: 20px;
	padding-left: 36px;
	padding-right: 10px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	font-size: 8pt;
	border-left: solid #FF9900 8px;
}

/* menüpunkt 3. ordnung, unterpunkt des aktiven kapitels */
.menuitem3_activesection {
	height: 20px;
	padding-left: 36px;
	padding-right: 10px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	font-size: 8pt;
	border-left: solid #FFEEBB 8px;
}

/* layout: menu: 1px abstandhalter in menüleiste */
.leerpixel {
	background-color: #FFFFFF;
	height: 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* layout: weisser abstandhalter in menüleiste -- zwischen einzelnen "blöcken" */
.teiler {
	height: 6px;
	background-color: #ffffff;
}

/* LINK 1. hierarchie */
.item {
	color: #000000;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
}
A.item:Hover {
	color: #FF9900;
	font-size: 8pt;
	text-decoration: none;
}

/* LINK 2. hierarchie */
.item2 {
	color: #000000;
	font-weight: normal;
	font-size: 8pt;
	text-decoration: none;
}
A.item2:Hover {
	color: #FF9900;
	font-size: 8pt;
	text-decoration: none;
}


/* ###################################################################### */
/* CONTENT-kasten (alles, was rechts neben der menüleiste steht)          */
/* ###################################################################### */

.content {
	background-color: #FFFFFF;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 50px;
	vertical-align: top;
}



/* ###################################################################### */
/* TYPO für grundelemente der seiten                                      */
/* ###################################################################### */


/* Seiten-Titel */
.title {
	font-size: 16pt;
	font-weight: bold;
	color: #002288;
}

/* Fette Textstellen */
.fett {
	font-weight: bold;
	}
.fett2 {
    font-weight: bold;
	color:#000066;

}
/* Kleingedrucktes */
.smallprint {
	font-size: 8pt;
	font-weight: normal;
}


/* ###################################################################### */
/* KÄSTEN, tabellen usw.                                                  */
/* ###################################################################### */

/* layout: silberner kasten für merksätze, hervorgehobenes u.ä. */
.kasten2 {
	background-color: #EEEEEE;
	width: 885px;
        padding-top: 5px;
	padding-bottom: 7px;
}

/* layout neutrale überschrift */
.kasten3 {
	background-color: #EEEEEE;
	width: 900px;
	height: 20px;
	padding: 5px;
	font-weight: bold;
}

/* layout: tabelle mit padding, weiss */
.kasten2_weiss {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 7px;
}

/* layout: tabelle mit padding, blau */
.kasten_blau {
	background-color: #e6e8f4;
	width: 590px;
	height: 20px;
	padding: 5px;
	font-weight: bold;
}

/* layout: tabelle breiter mit padding, blau */
.kasten_blau2 {
	background-color: #e6e8f4;
	width: 900px;
	height: 20px;
	padding: 5px;
	font-weight: bold;
}

/* layout: tabelle mit padding, orange */
.kasten_orange {
	background-color: #fff3cd;
	width: 590px;
	height: 20px;
	padding: 5px;
	font-weight: bold;
}

/* layout: tabelle breiter mit padding, orange */
.kasten_orange2 {
	background-color: #fff3cd;
	width: 900px;
	height: 20px;
	padding: 5px;
	font-weight: bold;
}

/* layout: tabelle breiter mit padding, orange */
.kasten_orange4 {
	background-color: #fff3cd;
	width: 690px;
	height: 40px;
	padding: 5px;
	font-weight: bold;
}

/* layout: tabelle breiter und höher mit padding, orange */
.kasten_orange3 {
	background-color: #fff3cd;
	width: 690px;
	height: 40px;
	padding: 5px;
}

/* layout: tabelle mit pfeilen --> 10gruende.html */
.pfeil-tabelle {
	vertical-align: top;
	background-color: #FFFFFFF;
	padding-top: 5px;
	padding-bottom: 6px;
}

/* layout: tabellenzelle für "pfeil"-grafik, silber, 8 pixel rand oben */
.pfeil-feld-8 {
	background-color: #EEEEEE;
	padding-top: 3px;
}

/* layout: tabellenzelle für "pfeil"-grafik, weiss, 5 pixel rand oben */
.pfeil-feld-weiss-5 {
	background-color: #FFFFFF;
	padding-top: 5px;
}

/* layout: tabellenzelle für "pfeil"-grafik, weiss, 8 pixel rand oben */
.pfeil-feld-weiss-8 {
	background-color: #FFFFFF;
	padding-top: 8px;
}

.nopadding {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



/* ###################################################################### */
/* FORMULARE mit eingabefeldern                                           */
/* ###################################################################### */

/* typo: input-felder */
.input {
	font-family: "Akzidenz Grotesk", Frutiger, "Microsoft Sans Serif", Tahoma, Verdana, Helvetica, sans-serif;
	color: black;
	font-size: 9pt;
	font-weight: normal;
}





/* ###################################################################### */
/* FUSSZEILE mit kontext-links                                            */
/* ###################################################################### */

/* layout: silberner kasten für fußzeile bzw. graue tabellenzellen */
.graue_zelle {
	background-color: #fbfbfb;
}

/* layout: entsprechendes in weiss für tabellen usw. */
.weisse_zelle {
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

/* layout: entsprechendes in gelb für tabellen usw. */
.gelbe_zelle {
	background-color: #fffaea;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

/* layout: entsprechendes in blau für tabellen usw. */
.blaue_zelle {
	background-color: #f4f6fd;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

/* fußzeile: links */
A.footer {
	color: #FF9900;
	background-color: #EEEEEE;
	font-size: 7pt;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
}
A.footer:Hover {
	color: #000000;
	text-decoration: none;
}

/* fußzeile: padding */
.footer {
	background-color: #EEEEEE;
	padding-top: 3px;
	padding-bottom: 3px;
}




/* ###################################################################### */
/* TEMPORÄRE stylesheets für entwicklung                                  */
/* ###################################################################### */

/* häßliche gelb-rote Auszeichnung von fehlenden Inhalten */
.missing {
	color: #FF0000;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #FFFF00;
}

/* schöner grauer text für "under construction" */
.construction {
	color: #999999;