/*
Merke:
1. Die Reihenfolge der 4 margin- oder padding-Werte: oben, rechts, unten, links
2. padding-Werte rechts und links immer von der gewünschten Spaltenbreite abziehen
   Für Höhen gilt das Entsprechende
3. dashed als Linienstil geht in manchen Browsern nicht
4. Netscape 7: wenn eine feste Hoehe angegeben wird, funktioniert kein overflow, wenn die
	Schrift vergroessert wird.
5. IE6: min-height wird nicht unterstützt (z.B. keine Hintergrundfarbe und kein Hintergrundbild mehr bei
	verschachtelten div-Tags
6. Mehrere Spalten: Auf der HTML-Seite muessen die Spalten von links nach rechts nacheinander geschrieben werden

*/

/*
Hierarchie der Abschnitte:

global2
	global
		header
			h_links
			h_mitte
			h_rechts
			u_header
		main
			seite_b (links)
			mitte
				o_leiste
				content
			seite_a (rechts)
				navbar
				menue1
			footer (footer muss in main eingeschachtelt sein, sonst kein
			        Hintergrundbild in main. So bei IE6 und NS7)
				f_links
				f_rechts
	content-border (rechter Rand)
*/


/*Allgemeine Angaben*/
body {
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial, Helvetica, Geneva, Sans-Serif;
	line-height: 120%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:10pt;
}

/*Achtung: Reihenfolge der naechsten 5 Zeilen nicht aendern, sonst funktionierts nicht richtig*/
a:link {color:#0066CC;text-decoration:none;border-bottom:1px dotted #ff6633;}
a:visited {color:#003399;text-decoration:none;border-bottom:1px dotted #ff6633;}
a:hover {color:#003399;text-decoration:none;border-bottom:1px solid #ff6633;}
a:active {color:#003399;text-decoration:none;border-bottom:1px solid #ff6633;}
a:focus {color:#003399;text-decoration:none;border-bottom:1px solid #ff6633;}

h1, h2, h3, h4, h5, h6 {
	line-height: 150%;
	margin:8px 0px 0px 0px;
	padding:0px 0px 4px 0px;
	color:#000000;
}

h1 {font-size:114%;font-weight:bold;}
h2 {font-size:110%;font-weight:normal;}
h3 {font-size:105%;font-weight:bold;}
h4 {font-size:100%;font-weight:normal;}
h5 {font-size:90%;font-weight:bold;letter-spacing:0.05em;}
h6 {font-size:80%;font-weight:bold;letter-spacing:2pt;}

p, td, ul, ol, li, blockquote, input, textarea, select {
	font-size:10pt;
}
ul {
	list-style-image:url(../pics/bullet01.gif);
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 12px;	
}

li {
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 0px;
}

p {
	margin:0px 0px 6px 0px;

}

em {
	font-style:italic;
}


form {
	margin:0px;
}

pre {
	font-family:monospace;
	margin:0px 0px 6px 0px;	
}

input, textarea, select {
	margin:0px 0px 0px 6px;	
}


/*************************************************/
/* 
IDs fuer Seitenaufteilung
*/


#global2 {
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 1014px;
}

#global {
	float:left;
	width: 876px;
	margin-left: 36px;	
	border: 1px solid #003399;	
}



/*Rand rechts, Nutzbreite 180px*/
#content-border {
	float:left;
	margin: 72px 0px 0px 0px;
	padding: 2px 18px 0px 18px;
	width:60px;
}

/* Header und Bestandteile:*/
#header{
	background-color:#FFFFFF;
	background-image:url(../pics/img_hg_logo.gif);
	background-repeat:no-repeat;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:68px;
	min-height:68px;
}

#h_links{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 108px;
}

#h_mitte{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 516px;
}

#h_rechts{
	float: right;
	width: 252px;	
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	vertical-align:middle;
}

/*
Wenn in der allgemeinen Definition 
für h1 steht: margin: apx bpx cpx dpx
dann muessen auch hier 4 Werte gesetzt werden,
nur "margin:0px; " funktioniert nicht
*/
#h_rechts h1 {
	margin:0px 0px 0px 0px;
	color:#003399;
}
#h_rechts h2 {
	margin:0px 0px 0px 0px;
	color:#003399;	
}


#u_header{
	clear: both;	
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #003399;
}


/* Fuer alles ausser Header und footer*/
#main {
	background-image:url(../pics/img_hg_links.gif);
	background-repeat:repeat-y;
}

/* Mittlere Spalte*/
#mitte {
	width:480px;
	float:left;
	margin: 0px 36px 36px 0px;
	padding: 0px 0px 0px 0px;
	color:#000000;
}

/*Das Pfadmenue*/
#o_leiste {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 36px 0px;
	font-size:70%;
}


/* Seitenspalte mit Menue und zubehoer:*/

#seite_a{
	float:right;
	margin: 0px 0px 0px 0px;
	padding: 0px 18px 0px 18px;
	width:216px;
}

/*Das Extramenue*/
#navbar{
	font-size:80%;
	/*font-weight:bold;*/
	text-align:right;
	text-transform:uppercase;
	height:36px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

#navbar_item_no{
	float:right;
	margin: 0px 0px 0px 12px;
}

#navbar_item_act{
	float:right;
	margin: 0px 0px 0px 12px;
	font-weight:bold;	
}


/*Das Hauptmenue*/
#menue1{
	font-size:90%;
	font-weight:bold;
}

#menue1_item1_no{
	/*text-align:center;*/
	background-color:#CFD9EC;
	background-image:url(../pics/img_hg_menue1.jpg);
	background-repeat:repeat-x;
	margin: 18px 0px 0px 0px;
	padding: 0px 0px 2px 3px;
}

#menue1_item1_act{
	/*text-align:center;*/
	background-color:#003399;
	background-image:url(../pics/img_hg_menue1a.jpg);
	background-repeat:repeat-x;
	margin: 18px 0px 0px 0px;
	padding: 0px 0px 2px 3px;
}

#menue1_item1_act a:link {color:#FFFFFF;}
#menue1_item1_act a:visited {color:#FFFFFF;}
#menue1_item1_act a:hover {color:#FFFFFF;}
#menue1_item1_act a:active {color:#FFFFFF;}
#menue1_item1_act a:focus {color:#FFFFFF;}


#menue1_item2_no{
	font-weight:normal;
	margin: 6px 0px 0px 18px;
	padding: 0px 0px 2px 3px;
}

#menue1_item2_act{
	font-weight:normal;
	background-color:#003399;
	background-image:url(../pics/img_hg_menue1a.jpg);
	margin: 6px 0px 0px 18px;
	padding: 0px 0px 2px 3px;
}

#menue1_item3_no{
	font-weight:normal;
	margin: 6px 0px 0px 36px;
	padding: 0px 0px 2px 3px;
}

#menue1_item3_act{
	font-weight:normal;
	background-color:#003399;
	background-image:url(../pics/img_hg_menue1a.jpg);
	margin: 6px 0px 0px 36px;
	padding: 0px 0px 2px 3px;
}




#menue1_item2_act a:link {color:#FFFFFF;}
#menue1_item2_act a:visited {color:#FFFFFF;}
#menue1_item2_act a:hover {color:#FFFFFF;}
#menue1_item2_act a:active {color:#FFFFFF;}
#menue1_item2_act a:focus {color:#FFFFFF;}


/* Seitenspalte ohne Menue */
#seite_b{
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 108px;
}



/******** footer und zubehoer ********/
#footer{
	background-color:#FFFFFF;
	clear: both;
	border-top: 1px solid #003399;
	font-size: 80%;
	/*width:756px;*/
	padding: 0px;
	/*Unterer Rand 1 Pixel, sonst wird in NS7 die untere Begrenzungslinie verschluckt*/
	margin:  0px 0px 1px 0px;
}

#f_links{
	float: left;
	padding: 4px;

}
#f_rechts{
	text-align: right;
	padding: 4px;
}


/************************************************************************************************/
/*Klassen die von css-styled content benutzt werden, 
zunaechst allgemeine Angaben, dann spezifisch fuer die unterschiedlichen Spalten
*/

/*Alle Klassen mit "csc-frame" sind fuer Inhaltselemente und
werden bei Auswahl aus der Klappliste "Rahmen" gesetzt*/
.csc-frame {
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
}

.csc-frame-invisible{
	border: 1px solid #CFD9EC;
}
.csc-frame-rulerBefore {
}
.csc-frame-rulerAfter {
}
.csc-frame-indent {
	margin: 0px 0px 0px 18px;
}
.csc-frame-indent3366 {
}
.csc-frame-indent6633 {
}
.csc-frame-frame1 {
	border: 1px solid #003399;
}
.csc-frame-frame2 {
	border: 1px solid #003399;
	background-color:#CFD9EC;
	font-weight:bold;

}


.csc-header {
}

.bodytext {
}

.imgtext-table {
}

.csc-caption {
	font-size:90%;
	font-style:italic;
}

.csc-bulletlist {
}

.csc-menu {
}

.csc-linkToTop {
	text-align:right;
	font-size:80%;
	font-weight:normal;
}

.csc-sitemap-level1 {
	padding: 0px 0px 0px 10px;
}
.csc-sitemap-level2 {
	font-size:90%;
	padding: 0px 0px 0px 20px;
}
.csc-sitemap-level3 {
	font-size:90%;
	padding: 0px 0px 0px 30px;
}
.csc-sitemap-level4 {
	font-size:90%;
	padding: 0px 0px 0px 40px;
}


.csc-menu-def p {
	padding: 0px 0px 4px 10px;
	text-indent:-10px;
}

.csc-menu-1 {
	padding: 0px 0px 0px 10px;
}

.csc-menu-2 {
	font-size:90%;
	padding: 0px 0px 0px 20px;
}

.csc-menu-3 {
	font-size:90%;
	padding: 0px 0px 0px 30px;
}

.csc-menu-4 {
	font-size:90%;
	padding: 0px 0px 0px 40px;
}

/***************************************************************************************/
/*Angaben fuer rechte Spalte*/

#content-right .csc-frame p{
	text-align:left;
	font-size:80%;
}
#content-right .csc-bulletlist li {
	font-size:80%;
}

#content-fix {
}
#content-fix a {color:#0066CC;text-decoration:none;border-bottom:0px dotted #ff6633;}
/************************************************************************************************/
/*Klassen die von newloginbox benutzt werden, 
zunaechst allgemeine Angaben, dann spezifisch fuer die unterschiedlichen Spalten

.tx-newloginbox-pi1 h3{
}

.tx-newloginbox-pi1 p{
}
*/

/***************************************************************************************/
/*Angaben fuer mittlere Spalte*/




/***************************************************************************************/
/*Angaben fuer linke Spalte*/


/***************************************************************************************/
/*Angaben fuer Aussenrand-Spalte*/





















/***************************************************************************************/
/*Angaben fuer rechte Spalte*/


/***************************************************************************************/
/*Angaben fuer mittlere Spalte*/


/***************************************************************************************/
/*Angaben fuer linke Spalte*/


/***************************************************************************************/
/*Angaben fuer Aussenrand-Spalte*/