/*
 ALLGEMEINE STYLES
 (Vor den speziellen Menü-Styles definieren)
*/

body { 
	margin: 0px; padding: 0px; border-width: 0px; top: 0px; left: 0px;
	background-color: #DFE9F9; background-image: url(images/bg.gif);
}
.hpadding {
	color: black; font-weight: bold; font-size: 13px; line-height: 13px; font-family: Tahoma, Arial, Helvetica; 
	margin: 10px 13px 13px 0px; padding: 2px 10px 0px 13px;
}
.textpadding {
	color: #000; font-size: 13px; line-height: 15px; font-family: Tahoma, Arial, Helvetica;
	margin: 0px; padding: 2px 10px 0px 15px;
}
a {
	color: navy; font-weight: bold; font-size: 12px; font-family: Tahoma, Arial, Helvetica; text-decoration: none;
}
a:hover {
	color: #6666FF;
}
h1 {
	color: #483d8b; font-size: 12px; line-height: 12px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular;
}
h2 {
	color: #fff; font-size: 11px; line-height: 11px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular;
}
h3 {
	color: black; font-size: 11px; line-height: 11px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular;
}
h4 {
	color: #fff; font-style: normal; font-weight: lighter; font-size: 10px; line-height: 12px;
	font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular;
}
.navigation {
	color: #1b05a4; font-weight: bold; font-size: 13px; line-height: 20px;
	font-family: Tahoma, Arial, Helvetica; background-color: transparent;
	margin-top: 2px; margin-bottom: 2px; margin-left: 2px; padding: 2px 10px 0px 2px;
}
.element {
	color: black; font-size: 16pt; line-height: 10pt; font-family: Tahoma, Arial, Helvetica; margin: 8pt 10pt;
}
.element1 {
	color: black; font-weight: bold; font-size: 15px; line-height: 15px; font-family: Tahoma, Arial, Helvetica, Geneva; margin: 15px;
}
.kursivpadding {
	color: black; font-weight: bold; font-size: 13px; line-height: 15px;
	font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline; padding: 2px 10px 0px 15px;
}
.kursiv {
	color: black; font-style: italic; font-weight: bold; font-size: 13px; line-height: 15px;
	font-family: Tahoma, Arial, Helvetica, Geneva; margin: 14px 14px 14px 0px; padding: 2px 0px 10px 15px;
}
.small { 
	color: black; font-size: 9px; line-height: 10px; font-family: Tahoma, Arial, Helvetica; margin: 0px; padding: 0px;
}
.element2 { 
	color: #930; font-weight: bolder; font-size: 15px; line-height: 15px; font-family: Tahoma, Arial, Helvetica, Geneva; margin: 15px;
}
.textpadding1 { 
	font-size: 12px; line-height: 12px; font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	margin-left: 2px; padding-top: 2px; padding-right: 10px;
}

/*
 ROLLOVER-MENÜ CSS
 Copyright (c) 2007, ALLESO oHG Germany
 --------------------------------------------------
 Kernstück des Rollover-Menüs ist das Stylesheet.
 Es muss immer im Head eingebunden werden.
 Nicht näher erklärte Angaben des Stylesheets sollten so gelassen werden!
*/

div#Menuleiste {
	position: absolute; margin: 0; padding: 0; border-style: none; border-width: 0px; background-color: transparent;
	width: 840px; height: 30px; overflow: visible;		/* U M B R U C H  A U S :  Gesamtgröße des Menüs angeben und overflow: visible (damit auch die Unterpunkte angezeigt werden) */
	/* z-index: 15; */					/* EBENE, wenn erforderlich hier per z-index über alles Andere legen */
	left: 166px; top: 126px; 				/* HIER DIE POSITION DES MENÜS EINSTELLEN: */
}
div#Menuleiste div {
	clear: left;
}
ul#Buttons {
	margin: 0; padding: 0;
	text-align: center; 					/* ALIGN DER BESCHRIFTUNG: left, center, right */
}
ul#Buttons li {
	margin-top: 0; margin-bottom: 0; margin-left: 0; padding: 0; list-style: none; float: left; position: relative;
	margin-right: 0px; 					/* ABSTAND DER BUTTONS IN DER HORIZONTALEN LEISTE */
}
ul#Buttons li ul {
	margin: 0; padding: 0; position: absolute; display: none;
	top: 30px; 						/* VERTIKALER VERSATZ DES SUBMENÜS: Normalerweise die Höhe der Hauptmenü-Buttons */
	left: 0px; 						/* HORIZONTALER VERSATZ DES SUBMENÜS: Normalerweise 0 */
}
ul#Buttons li:hover ul {
	display: block;
}
ul#Buttons li ul li {
	margin: 0; float: none; display: block;
}
* html ul#Buttons li, * html ul#Buttons li ul li {
	margin-bottom: -1px; margin-top: -1px;			/* PIXEL-KORREKTUR IE (hier muss man manchmal ausprobieren) */
}
ul#Buttons li a {
	display: block; border-style: none; border-width: 0px; margin: 0; padding: 0; vertical-align: middle; text-decoration: none;
	font: bold 14px Arial,Helvetica,sans-serif; 		/* SCHRIFTART DER HAUPTMENÜ-BUTTONS */
	width: 120px; 						/* BREITE DER HAUPTMENÜ-BUTTONS */
	height: 30px; 						/* HÖHE DER HAUPTMENÜ-BUTTONS */
	line-height: 30px; 					/* HÖHE DER HAUPTMENÜ-ZEILE (normalerweise wie Button-Höhe) */
	color: #26335F; 					/* SCHRIFTFARBE DER HAUPTMENÜ-BUTTONS */
	background-color: transparent; 				/* HINTERGRUNDFARBE DER HAUPTMENÜ-BUTTONS */
	background-image: url(images/button/btnbigbg.gif); 	/* HINTERGRUND-IMAGES DER HAUPTMENÜ-BUTTONS - NORMAL */
}
ul#Buttons li a:focus, ul#Buttons li a:hover {
	color: #000000; 					/* SCHRIFTFARBE DER HAUPTMENÜ-BUTTONS - HOVER */
	/* background-color: transparent; */			/* HINTERGRUNDFARBE DER HAUPTMENÜ-BUTTONS - HOVER (nur erforderlich wenn ohne Image) */
	background-image: url(images/button/btnbigmo.gif); 	/* HINTERGRUND-IMAGES DER HAUPTMENÜ-BUTTONS - HOVER */
}
ul#Buttons li ul li a {
	display: block; border-style: none; border-width: 0px; margin: 0; padding: 0; vertical-align: middle; text-decoration: none;
	font: bold 13px Arial,Helvetica,sans-serif; 		/* SCHRIFTART DER SUBMENÜ-BUTTONS */
	width: 120px; 						/* BREITE DER SUBMENÜ-BUTTONS */
	height: 30px; 						/* HÖHE DER SUBMENÜ-BUTTONS */
	line-height: 30px; 					/* HÖHE DER SUBMENÜ-ZEILE (normalerweise wie Button-Höhe) */
	color: #26335F; 					/* SCHRIFTFARBE DER SUBMENÜ-BUTTONS */
	background-color: transparent;				/* HINTERGRUNDFARBE DER SUBMENÜ-BUTTONS - NORMAL */
	background-image: url(images/button/btnsmlbg.gif); 	/* HINTERGRUND-IMAGES DER SUBMENÜ-BUTTONS - NORMAL */
}
ul#Buttons li ul li a:focus, ul#Buttons li ul li a:hover {
	color: #000000; 					/* SCHRIFTFARBE DER SUBMENÜ-BUTTONS - HOVER */
	/* background-color: transparent; */			/* HINTERGRUNDFARBE DER SUBMENÜ-BUTTONS - HOVER (nur erforderlich wenn ohne Image) */
	background-image: url(images/button/btnsmlmo.gif); 	/* HINTERGRUND-IMAGES DER SUBMENÜ-BUTTONS - HOVER */
}
ul#Buttons li img {
	border-style: none; border-width: 0px; margin: 0px; padding: 0px;
	width: 120px; 						/* BREITE DER HAUPTMENÜ-BUTTONS (nochmal) */
	height: 28px; 						/* HÖHE DER HAUPTMENÜ-BUTTONS (nochmal) !!! 2px kleiner wegen IE-Fehler, ausprobieren !!! */
}
ul#Buttons li ul li img {
	border-style: none; border-width: 0px; margin: 0px; padding: 0px;
	width: 120px; 						/* BREITE DER SUBMENÜ-BUTTONS (nochmal) */
	height: 30px; 						/* HÖHE DER SUBMENÜ-BUTTONS (nochmal) */
}

/*
 N E U !
 LINKES MENÜ CSS
 --------------------------------------------------
 Stylesheet für die Menü-Buttons links.
 Nicht näher erklärte Angaben des Stylesheets sollten so gelassen werden!
*/

div#Menulinks a {
	display: block; border-style: none; border-width: 0; margin: 0; padding: 0; vertical-align: middle; text-align: center; text-decoration: none;
	font: bold 14px Arial,Helvetica,sans-serif; 		/* SCHRIFTART DER MENÜ-BUTTONS */
	width: 120px; 						/* BREITE DER MENÜ-BUTTONS */
	height: 30px; 						/* HÖHE DER MENÜ-BUTTONS */
	line-height: 30px; 					/* HÖHE DER MENÜ-ZEILE (normalerweise wie Button-Höhe) */
	color: #26335F; 					/* SCHRIFTFARBE DER HAUPTMENÜ-BUTTONS */
	background-color: transparent; 				/* HINTERGRUNDFARBE DER HAUPTMENÜ-BUTTONS */
	background-image: url(images/button/buta_links.gif); 	/* HINTERGRUND-IMAGES DER HAUPTMENÜ-BUTTONS - NORMAL */
}
div#Menulinks a:focus, div#Menulinks a:hover {
	color: #000000; 					/* SCHRIFTFARBE DER MENÜ-BUTTONS - HOVER */
	/* background-color: transparent; */			/* HINTERGRUNDFARBE DER MENÜ-BUTTONS - HOVER (nur erforderlich wenn ohne Image) */
	background-image: url(images/button/but_links.gif); 	/* HINTERGRUND-IMAGES DER MENÜ-BUTTONS - HOVER */
}
div#Menulinks a:active {
	color: #000000; 					/* SCHRIFTFARBE DER MENÜ-BUTTONS - AKTIVIERT */
	/* background-color: transparent; */			/* HINTERGRUNDFARBE DER HMENÜ-BUTTONS - AKTIVIERT (nur erforderlich wenn ohne Image) */
	background-image: url(images/button/buta_links.gif);	/* HINTERGRUND-IMAGES DER MENÜ-BUTTONS - AKTIVIERT (wenn gewünscht) */
}
div#Menulinks a img {
	border-style: none; border-width: 0px; margin: 0px; padding: 0px;
	width: 120px; 						/* BREITE DER MENÜ-BUTTON-IMAGES BEI BESCHRIFTUNG ALS GIF */
	height: 28px; 						/* HÖHE DER MENÜ-BUTTON-IMAGES !!! 2px kleiner wegen IE-Fehler, ausprobieren !!! */
}
div#Menulinks a.rot {						/* Besondere Buttons als Class definieren */
	background-image: url(images/button/btnrotbg.gif);	/* hier z.B. ein roter Button */
}

