/*  =========================================================
PEGASUS New Media
Media	: Screen
Einsatz	: Rahmenlayout
Datum	: 25. Sebtember 2008
Autor	: Sabrina Bergmann, Thomas Seidel 
*/


BODY {	
	background-color: #F0F5D6;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family: "Verdana", "Trebuchet MS", "Tahoma", "Arial", sans-serif;
	color: #00000;
	font-size: 0.8em;
}


#container {
	
	width: 980px;
	height: 500px;
	height: auto !important;
	background-image: url(masterstyles_FILES/hg.jpg);
	background-repeat: repeat-y;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#dividerBrowserContainer {
	margin: 0px 0px 0px 0px;				
}

#dividerTopnaviHead {
	margin-bottom: 0px;
}

#dividerHeadContent {
	margin-bottom: 0px;
}

#dividerLeftCenter {
	margin: 0px;
}


#dividerContentFooter {
	/* hebt float-Eigenschaft der Contentspalten auf */
	float: none;

	margin: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px;
}

#dividerContainerBrowser {
	margin-bottom: 0px;	
}



p {	
	text-align: left;			
	line-height: 1.4em;			
	font-weight: normal;	

	padding: 0px 0px 0px 0px;

	margin-bottom: 0px;
}


h1 {	
	text-align: left;			/* Textausrichtung */
	font-size: 1.4em; 			/* Schriftgröße */
	color: #C9000C;				/* Schriftfarbe */
	font-weight: bold;			/* Schriftschnitt */
						/* Zeilenabstand */
	
	padding: 0px 0px 0px 0px;		
	margin-bottom: 0px;
}

h2 {
	text-align: left;
	font-size: 1.1em; 
	color: #C9000C;
	font-weight: bold;
	line-height: 1.35em;
	
	/* innere Abstände der Headline zum linken und rechten Rand der Box */
	padding : 0px 30px 0px 0px;		/* Werte: oben, rechts, unten, links */
	
	/* Abstand nach einer Headline h2 */
	margin-bottom: 5px;
}



#headerBox {
	width: 980px;
	height: 249px;
	border: none;
	background: transparent;
	overflow: hidden;
	padding: 0px;
}

#headerleft {
	display: inline;
	height: 249px;
	background-image: url(masterstyles_FILES/hg-header-01.jpg);
	width: 192px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float:left;
	border: none;
}

#headercenter {
	display: inline;
	height: 249px;
	background-image: url(masterstyles_FILES/hg-header-02.jpg);
	width: 517px;
	margin: 0px;
	padding: 0px;
	float:left;
	border: none;
}

#hc-bild {
	margin: 50px auto 5px auto;
	width: 480px;
	height: 180px;
	padding: 0px;
}

#headerright {
	display: inline;
	height: 249px;
	width: 271px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: none;
	float: left;
}



#schriftwahl {
	float: left;	
	display: inline;	
	
	margin: 80px 0px 0px 10px; 
	padding: 7px 14px 7px 14px;
	width: 120px:
	
	text-align: left;
	color: #D2222A;


}


#schriftwahl a {
	color: #C9000C;
	text-decoration: none;
	font-weight: bold;
}

#schriftwahl a:hover {
	
	font-weight: bold;
	color: #E5AA39;
	text-decoration: none;
	
}

#schriftwahl a.agross {

	font-size: 1.8em;

}

#schriftwahl a.amittel {

	font-size: 1.5em;

}

#schriftwahl a.aklein {

	font-size: 1.2em;

}


#contentBox {
	/*clear: left;*/
	width: 990px;
	height: auto;
	margin: 0px 0px 0px 0px;
	background-image: url(masterstyles_FILES/hg.jpg);	
	background-repeat: repeat-y;
	
	overflow: hidden;
	
	
}


#contentBox .column {
	padding-bottom: 20010px;  /* x = Höhe des längsten Inhalts + padding-bottom */
	margin-bottom: -20000px;  /* x = Höhe des längsten Inhalts */
	float: left;
	
	
}

#leftBox {

	width: 192px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	
	float: left;
}

.mainNavList {	

	font-size: 0.95em;		
	font-weight: normal;		
	list-style: none;
	text-align: left;
	padding: 1px;
	margin: 5px;

}

.mainNavList li a {

	display: block;
	color: #FFFFFF;	   
	text-decoration: none;
	padding: 8px 5px 8px 15px;
	
}

.mainNavList li a:hover {

	font-weight: bold;
}

.mainNavList .active {
	font-weight: bold;

}

.mainNavList li a.uk {
	display: block;
	color: #FFFFFF;	   
	
	text-decoration: none;
	margin: 0px 0px 0px 0px;

	padding: 5px 5px 5px 30px;

}

.mainNavList li a.uk:hover {

	display: block;
	color: #FFFFFF;	   
	font-weight: normal;	
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	background-image: url(masterstyles_FILES/hg-nav-active.jpg);
	background-repeat: no-repeat;
	
}
.mainNavList li a.ukactive, .mainNavList li a.ukactive:hover{

	display: block;
	color: #FFFFFF;	   
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	background-image: url(masterstyles_FILES/hg-nav-active.jpg);
	background-repeat: no-repeat;
	padding: 5px 5px 5px 30px;

}


.mainNavList li a.uuk {
	display: block;
	color: #FFFFFF;	   
	
	text-decoration: none;
	margin: 0px 0px 0px 0px;

	padding-left: 45px;
	padding: 2px 5px 2px 45px;

}

.mainNavList li a.uuk:hover {

	display: block;
	color: #C9000C;	   
	font-weight: normal;	
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	/*
	background-image: url(masterstyles_FILES/hg-nav-active.jpg);
	background-repeat: no-repeat;
	*/
	
}
.mainNavList li a.uukactive, .mainNavList li a.uukactive:hover{

	display: block;
	color: #C9000C;	   
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	/*
	background-image: url(masterstyles_FILES/hg-nav-active.jpg);
	background-repeat: no-repeat;
	*/
	padding: 2px 5px 2px 45px;

}

#centerBox {
	width: 517px;
	padding: 15px 0px 0px 0px;
	overflow: hidden;
	
	float: left;
}

#cbinnen {
	margin: 0px 35px 20px 35px;
}

#brotkrum {
	margin-bottom: 30px;
	color: #D2222A;
	font-size: 0.85em;
}


#brotkrum .active, #brotkrum .active:hover {
	color: #D2222A;
	text-decoration: underline;

}


#brotkrum a {
	display: inline;	
	margin: 0px 0px 0px 0px; 
	font-weight: regular;
	text-align: left;
	color: #D2222A;
	text-decoration: none;
	padding: 0px 0px 0px 0px; 
}

#brotkrum a:hover {
	text-decoration: underline;
	
}


#rightBox {
	width: 271px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	
	float: left;
	font-size: 0.95em;
	color: #D2222A;		
	font-weight: bold;		
	list-style: none;
	text-align: left;
}

#rightBox h2 {
	text-align: left;
	font-size: 1.01em; 
	color: #C9000C;
	font-weight: bold;
	line-height: 1.35em;
	
	/* innere Abstände der Headline zum linken und rechten Rand der Box */
	padding : 0px 30px 0px 0px;		/* Werte: oben, rechts, unten, links */
	
	/* Abstand nach einer Headline h2 */
	margin-left: 20px;
}



#quickklinksNavList {	
	font-size: 0.95em;		
	font-weight: normal;		
	text-align: left;
	margin-left: 20px;
	margin-top: 20px;
}

#quickklinksNavList a {
	background-image: url(masterstyles_FILES/hg-quicklinks.gif); 
	background-repeat: no-repeat;
	display: block;
	color: #FFFFFF;	   
	text-decoration: none;
	padding: 0px 0px 5px 20px;
	margin-bottom: 10px;
	
}

#quickklinksNavList .active {
	font-weight: bold;
	color: #D2222A;	
}

#quickklinksNavList a:hover {
	font-weight: bold;
	color: #D2222A;	
}


#footerBox {
	
	width: 980px;
	height: 40px;
	background-image: url(masterstyles_FILES/footer.jpg);
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
}




























































img {
	border-style: none;
	border-width: 0px;
}

table {
	width: 100%;
	line-height: 1.2em;
	text-align: left;
	border: 1px solid #9F9F9F;					/* Linienstärke, Linienstil, Farbe */
	border-collapse: collapse;
	empty-cells: hide;
	border-spacing: 5px;
	margin: 5px auto 25px auto !important;		/* Werte: oben, rechts, unten, links */
	margin: 5px auto 30px auto;					/* spezielle Werte für IE6 */
}

caption {
	font-size: 0.8em;		/* Schriftgröße */
	font-weight: bold;		/* weitere mögliche Formate: normal, bolder, lighter */
	line-height: 1.1em;		/* Zeilenhöhe */
	color: #004CA0;			/* Schriftfarbe */
	
	caption-side: top;
	
	padding-bottom: 6px;
	
	margin: 0px auto 0px auto;
}

th {
	font-size: 1.01em;
	color: #525151;
	text-align: center;
	
	border: 1px solid #9F9F9F;				/* Linienstärke, Linienstil, Farbe */
	
	background: #C9DCA6;
	
	padding: 5px 0px;						/* Werte: oben & unten, rechts & links */
	margin: 0px;
}

td {
	font-size: 0.99em;

	border: 1px solid #9F9F9F;
	
	background: #FFFDF1;
	
	padding: 8px 10px;
	margin: 0px;
}

td:hover {
	background: #f0f0f0;
}

tfoot {
	font-size: 0.9em;
	font-weight: bold;
	
	border: 2px solid #9F9F9F;
}


/* Container für ein Bild mit Untertitel in einem Text-Bild-Block */
.picWithTitle {
	/* bewirkt, dass Bild und Untertitel rechts neben dem Text positioniert werden */
	float: left;
	
	/* Breite = "Gesamtbreite mittige Spalte" - "Breite p.withPic" - "margin-Werte (links u. rechts) p.withPic" - "margin-Werte .picWithTitle"
		500px - 300px - 20px - 30px = 150px */
	width: 150px;
	margin-left: 30px;		/* linker Abstand zum Text */
	margin-top: 5px;		/* Abstand des Bildes nach oben - Korrekturwert, Text und Bild auf eine Höhe zu bringen */
}

/* leerer Absatz um sämtliche Formatierungen von einem Text-Bild-Block 
	zu löschen und den Abstand zum nachfolgenden Inhalt zu definieren */
.clear {
	width: auto;			/* Breite passt sich automatisch an die Umgebung an */
	height: 0.5em;			/* relative Höhe - kann natürlich durch fixen Wert ersetzt werden */
	
	clear: both;			/* hebt float-Eigenschaften auf */
	display: block;			/* erzwingt Zeilenumbruch nach dem DIV */
	
	padding: 0px;
	margin: 0px;
}


/* =======================================================

	3.	Contentbox
		3.2	Zentraler Contentbereich
			b.	Spezielle Absatz- und Headlineformatierungen

========================================================== */

/* Textormatierungen für einen Absatz mit Text und Bild auf gleicher Höhe */
.withPic {
	/* Breite des Textabschnittes */
	width: 300px;
	
	/* Textausrichtung */
	text-align: justify;

	/* Zeilenabstand */
	line-height: 1.4em;
	
	padding: 0px;
	margin: 0px 0px 0px 20px !important;
	margin: 0px 0px 0px 10px;	/* Korrektur des Box-Modells für IE6 - stets 10px weniger */
	
	float: left;
}

/* Schriftformatierungen für den Bilduntertitel eines Text-Bild-Absatzes */
.picTitle {
	width: 125px;
	
	font-size: 0.7em;			/* Schriftgröße */
	line-height: 1.3em;			/* Zeilenhöhe */
	text-align: center;			/* Textausrichtung */
	
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* =======================================================

	3.	Contentbox
		3.2	Zentraler Contentbereich
			c.	Spezielle Linkformatierungen

========================================================== */


/* =======================================================

	3.	Contentbox
		3.2	Zentraler Contentbereich
			d.	Spezielle Tabellen

========================================================== */


/* =======================================================

	3.	Contentbox
		3.2	Zentraler Contentbereich
			e.	Spezielle Listen

========================================================== */

/* allgemeine Eigenschaften der sortierten Liste */
#centerBox ol {
	margin: 0px 0px 0px 0px;
	
	/* Abstände der gesamten Liste zu den Rändern sowie zum folgenden Inhalt */
	padding: 0px 20px 5px 40px;
	
	list-style-type: decimal;
	
	/* bei der Verwendung von "outside" als Listenstilposition muss bei
		der Berechnung des linkes Seitenabstandes 20 Pixel addiert werden,
		damit die Liste genauso eingerückt wird wie der Inhalt */
	/* bei "inside" brauchen die 20 Extrapixel nicht berücksichtigt werden */
	list-style-position: outside;
}

/* spezielle Eigenschaften für die einzelnen Einträge der sortierten Liste */
#centerBox ol li {	
	/* Abstand rund um die einzelnen Listeneinträge */
	padding: 0px 20px 5px 5px;
}

/* allgemeine Eigenschaften der unsortierten Liste */
#centerBox ul {
	margin: 0px 0px 0px 0px;
	
	/* Abstände der gesamten Liste zu den Rändern sowie zum folgenden Inhalt */
	padding: 0px 20px 5px 35px;
	
	/* alternative grafische Werte: disc, circle square */
	list-style-type: disc;
	
	/* alternativ zu einem vorgegebenem Zeichen, können eigene Bilder verwendet werden */
	/* Grafiken werden im Allgemeinen nicht mittig vor den Eintrag gesetzt,
		sondern nach oben versetzt, daher sollten die Grafiken von vornherein
		mit etwas Abstand nach oben erstellt werden */
	list-style-image: url(../images/test_symbol_10x10.png) !important;
	
	/* bei Bildern/Grafiken mit Transparenzen sollte für den IE6 entweder
		- eine separate Grafik mit der Hintergrundfarbe angefertigt werden
		- oder generell auf den Einsatz von Transparenzen verzichtet werden */
	list-style-image: url(../images/test_symbol_10x10_ie6.png);
	
	/* Positionierung der Aufzählungszeichen; alternativ: inside */
	list-style-position: outside;
}

/* spezielle Eigenschaften für die einzelnen Einträge der unsortierten Liste */
#centerBox ul li {	
	/* Abständ rund um die einzelnen Listeneinträge */
	padding: 0px 20px 5px 5px;
}


/* =======================================================

	3.	Contentbox
		3.2	Zentraler Contentbereich
			f.	Spezielle Bildformatierungen

========================================================== */

/* Bildormatierungen für ein Bild über die gesamte centerBox-Breite */
img.voll {
	/* Breite des Bildes (ohne Abstände und Ränder) */
	/* eine Höhe für das Bild braucht nicht angegeben werden, sie wird
		entsprechend der Breite des Bildes skaliert */
	width: 460px;
	
	/* linksbündige Ausrichtung des Bildes */
	margin: 0px 20px 10px 20px;
}

/* Bildormatierungen für einen Absatz mit Text und Bild auf gleicher Höhe */
img.halb {
	/* Breite des Bildes (ohne Abstände und Ränder) */
	/* eine Höhe für das Bild braucht nicht angegeben werden, sie wird
		entsprechend der Breite des Bildes skaliert */
	width: 125px;
	
	/* Bildrahmen definieren */
	border: 1px solid #B1D5ED;			/* Linienstärke, Linienstil, Linienfarbe */
}


/* =======================================================

	3.	Contentbox
		3.2	Zentraler Contentbereich
			g.	Formulare

========================================================== */

/* für das gesamte Formular gültige Angaben */
#centerBox form {
	margin: 0px 20px 10px 20px;
}

/* Klasse für *-Angaben (um Pflichtfelder zu kennzeichnen) */
#centerBox .important {
	font-weight: bolder;
	font-size: 0.9em;
	color: #C80000;
}

/* Angaben, die nur für ein Fieldset gültig sind */
#centerBox fieldset {
	/* vordefinierte Rahmen werden gelöscht */
	border: none;
	/* für die obere und untere Kante eines Fieldsets wird eine 1px breite Linie definiert */
	border-top: 1px solid #C9DCA6;
	border-bottom: 1px solid #C9DCA6;
	
	/* Für den Abschluss eines Fieldsets kann alternativ zu "border-bottom" eine Grafik verwendet werden.
		Diese wird durch "left bottom" unten links ausgerichtet und in horizontaler (x)-Richtung 
		bis zum rechten Ende des Fieldsets wiederholt */
	/* background: url(../images/form_divider.gif) left bottom repeat-x; */
	
	/* Abstand der Eingaben zum unteren Rand des Fieldsets */
	padding-bottom: 10px;
	
	/* äußerer Abstand nach einem Fieldset */
	margin-bottom: 20px;
}

/* Formatierungen für die Zwischenüberschrift (Titel eines Fieldsets) */
#centerBox legend {
	font-weight: bold;
	color: #C9DCA6;
	
	/* Abstände nach einer Zwischenüberschrift */
	margin: 0px 0px 5px 0px;
}

/* Container für ein/e Eingabe/Eingabeset
	Eine solche Eingabe bestehen aus einem Label und dem zugehörigen Formularfeld */
#centerBox .inputSet {
	/* Abstände eines Eingabesets zum Rahmen des Fieldsets, in dem sich die Eingabe befindet */
	margin: 10px 20px 5px 10px;
	
	/* Darstellung als Block ohne jegliche float-Werte, damit nach jedem Eingabeset ein 
		Zeilenumbruch erfolgt und die nächsten Eingaben darunter platziert werden */
	display: block;
	
	/* hebt die Umfließen-Eigenschaft der Label-Inputfield-Kombination auf */
	float: none;
	clear: both;
}

/* Formatierungen für das Label einer Eingabe */
#centerBox label {
	/* float-Wert = left, damit das zugehörige Eingabefeld rechts daneben platziert wird */
	float: left;
	width: 120px;
	text-align: right;
	
	/* Abstände des Labels nach rechts und links */
	margin-right: 10px;
	margin-left: 10px;
}

/* allgemeine Klasse für Eingabefelder vom Typ input */
/* alternative Deklaration: #centerBox input[type=text], #centerBox textarea {} - wird jedoch vom IE6 ignoriert */
#centerBox .input {
	width: 200px;
	
	/* Höhe eines Eingabefeldes */
	/* height: 20px; */
	
	/* alternativ können auch nur die Abstände des eingetragenen Textes zum Rand des Feldes 
		angegeben werden - die Höhe wird automatisch auf Grund der Schriftgröße gewählt */
	/* font-size: 1.0em; */
	/* linke und rechte Padding-Werte müssen dann natürlich bei der Gesamtbreite (width) berücksichtigt werden
		Bsp. Gesamtbreite des Feldes: 200px + 10px + 10px = 220px */
	padding: 2px 10px 3px 10px;
		
	/* Möglichkeit, Hintergrundfarbe eines Eingabefeldes zu verändern */
	background: #E3F0CC;

	/* gleiches gilt natürlich auch für die Umrandungen */
	border: none;
	/* Rahmen für unten und links */
	border-left: 1px solid #C9DCA6;
	border-bottom: 1px solid #C9DCA6;
}

/* Containerklasse für eine Mehrfachauswahl (Checkbox oder Radiobutton)
	enthält: den input-Tag (type=radio od. checkbox) und ein span-Tag für den Text
	neben dem Radiobutton oder der Checkbox */
#centerBox .multipleChoice {
	margin-bottom: 4px;
}

/* spezielle Klassen für Radiobuttons und Checkboxen */
/* alternative Deklaration: #centerBox input[type=radio], input[type=checkbox] {} - wird jedoch vom IE6 ignoriert */
#centerBox .radio, #centerBox .checkbox {
	margin: 0px;	
	padding: 0px;
		
	/* float-Wert = left bewirkt, dass der nachfolgende Text neben den Radiobuttons und Checkboxen platziert wird */
	float: left;
}

/* Formatierungen für den Text neben Radiobuttons und Checkboxen */
#centerBox .radioText, #centerBox .checkboxText {
	/* 5px = Abstand zum nebenstehenden Eingabeelement (Radiobutton oder Checkbox) */
	margin-left: 5px;
}

/* Allgemeine Formatierungen des Drop-Down-Menüs */
#centerBox .select {
	width: 221px;
	background: #E3F0CC;
	
	/* Abstände der Menüpunkte zum umgebenden Rand des Menüs */
	padding: 5px 10px 3px 10px;
	margin: 0px 0px 0px 0px;

	/* Rahmen für ein Drop-Down-Feld */	
	border: none;
	border-left: 1px solid #C9DCA6;
	border-bottom: 1px solid #C9DCA6;
}

/* Formatierungen für die Elemente in einem Drop-Down-Menü */
#centerBox option {
	/* dokumentübergreifende Schriftfarbe muss extra angegeben werden, sonst
		wird die Schrift im Menü schwarz dargestellt */
	color: #787878;

	/* Abstände oben, rechts, unten und links rund um ein Element */
	padding: 3px 3px 3px 3px;
}

/* Container, der die Buttons enthält */
#centerBox .button {
	/* Positionierung der Buttons innerhalb des Containers */
	text-align: right;
}

/* nachfolgende Klassen ermöglichen es, Buttons in Beschriftung und Farbigkeit anzupassen */
/* normales Aussehen von Buttons mit primären Aktionen - wie beispielsweise: Senden oder Speichern */
#centerBox .primaryAction {
	color: #564b47;
	font-weight: bold;
	
	/* Rahmen- und Hintergrundformatierungen */
	border: 1px solid #C9DCA6;
	background: #fff;
	
	/* Bei der Verwendung von Hintergrundgrafiken müssen Höhe, Weite, Position und ggf. Abstände definiert werden.
		Andernfalls wird die Grafik nicht korrekt angezeigt. */
	/* background: url('') left top no-repeat; */
	/* width: 100px; */
	/* height: 20px; */
	/* padding: 0px; */
}

/* Aussehen von Buttons mit primären Aktionen bei Rollover mit der Maus */
#centerBox .primaryAction:hover, #centerBox .primaryAction:focus {
	background: #C9DCA6;
	border: 1px solid #C9DCA6;
} 

/* normales Aussehen von Buttons mit sekundären Aktionen - wie beispielsweise: Löschen oder Zurück */
#centerBox .secondaryAction {
	color: #c0c0c0;
	background: #fff;
	border: 1px solid #C9DCA6;
}

/* Aussehen von Buttons mit sekundären Aktionen bei Rollover mit der Maus */
#centerBox .secondaryAction:hover, #centerBox .secondaryAction:focus {
	color: #000000;
	border: 1px solid #C9DCA6;
}


#copyright {

text-align: right;
margin-top: 15px;
margin-bottom: 10px;
margin-right: 140px;
padding: 0px;
font-size: 0.7em;


}

#copyright a {
border: none;
color: #ecb244;

}