/* ------------------------------------------
   Kalibrierung und allgemeine Styles
   ------------------------------------------
   d. h. die Einstellungen der verschiedenen 
   Browser werden zurückgesetzt
 ------------------------------------------ */
* {padding:0;margin: 0;}   

/* Default Abstand setzten */
h2, p, ul, ol {
	margin-bottom: 1em;
	}



p {
	margin-top: 		0px; 
	margin-bottom: 		1em; 
	line-height: 		140%; 
	text-align: 		left;
	font-size: 			small
}


/* Unterliste soll enger zusammenrücken */
ul ul {
        margin-bottom: 0;
  }

/* Liste leicht einrücken */
li {
	   margin-left: 1em;  
  }
  
ul ul li  {
	font-size: xx-small;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

   

/* Pseudo-Klassen festlegen */
/* Links */
/* ***** */
a:link {
	font-weight: normal;
	background: none transparent scroll repeat 0% 0%;
	color: #c30;
	text-decoration: none;
}

a:visited {
	font-weight: normal;
	background: none transparent scroll repeat 0% 0%;
	color: #c30;
	text-decoration: none;
}

/* Für die Menüs/Navigation  */
/* ************************* */
a:hover {
	font-weight: bold; 
	background: none transparent scroll repeat 0% 0%; 
	color: #999; 
	text-decoration: underline
}

a:active {
	font-weight: bold; 
	background: none transparent scroll repeat 0% 0%; 
	color: #526968; text-decoration: none
}





/* Element definition: Grauer Rahmen um alles */
body {
	/* #ddd => Hellgrau *//* Zeichensatz #333 => schwarz */
	font: medium Verdana, Tahoma, Arial, Helvetica, sans-serif;
	border: 0px;
	padding: 0 0 25px 0;
	background: #F5F5F5 left top;
	color: #333;
	text-align: center;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
/* ****************************************************** */
/* Definition von ID-Selektoren                           */
/* d. h. es kann im Gegensatz zu einem Klassen-Selektor   */
/* nur ein Element pro Seite formatiert werde kann.       */
/* #section                                               */
/* #menu                                                  */
/* #one                                                   */
/* ****************************************************** */


 h1 {
	margin: 0 0 2px 0;
	font-weight: normal;
	font-size: medium;
	font-family: Avenir, "Gill Sans", Myriad, Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	letter-spacing: 1px;
	text-align: left; /* Aussenabstand */;
}

 h2 {
	margin-top: 25px; 
	font-weight: normal; 
	margin-bottom: 2px; 
	font-family: Avenir, "Gill Sans", Myriad, Arial, "Bitstream Vera Sans", Helvetica, sans-serif; 
	letter-spacing: 1px
}


 h3 {
	margin-top: 25px; 
	font-weight: normal; 
	margin-bottom: 2px; 
	font-family: Avenir, "Gill Sans", Myriad, Arial, "Bitstream Vera Sans", Helvetica, sans-serif; 
	letter-spacing: 1px;
	font-size: medium;	
}
 

h3.byline {
	padding-right: 0px; 
	padding-left: 0px; 
	font-size: 12px; 
	padding-bottom: 0px; 
	margin: 7px 0px; 
	text-transform: uppercase; 
	padding-top: 0px
}



 h4 {
	margin-top: 25px; 
	font-weight: normal; 
	margin-bottom: 2px; 
	font-family: Avenir, "Gill Sans", Myriad, Arial, "Bitstream Vera Sans", Helvetica, sans-serif; 
	letter-spacing: 1px;
	font-size: small
}


h4.addtlbyline {
	padding-right: 0px; padding-left: 0px; font-size: 12px; padding-bottom: 0px; margin: 7px 0px; text-transform: uppercase; padding-top: 0px
}

h4.pubdate {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	font-size: 11px;
	background: none transparent scroll repeat 0% 0%;
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	color: #666;
	padding-top: 0px;
}


h5 {
	margin-top: 25px; 
	font-weight: normal; 
	margin-bottom: 2px; 
	font-family: Avenir, "Gill Sans", Myriad, Arial, "Bitstream Vera Sans", Helvetica, sans-serif; 
	letter-spacing: 1px;
	font-size: x-small;
}


 h6 {
	padding-right: 		0px; 
	padding-left: 		0px; 
	margin-top: 25px; 
	margin-bottom: 2px; 
	font-weight: 		normal; 
	font-size: 			xx-small; 
	background: 		none transparent scroll repeat 0% 0%; 
	padding-bottom: 	0px; 
	margin: 			0px 0px 25px; 
	text-transform: 	uppercase; 
	color: 				#333; 
	padding-top: 		0px; 
	font-family: 		avenir, "Lucida Grande", verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif
	letter-spacing: 	1px
}



.hide 
{
	OVERFLOW: hidden; 
	width: 0px; 
	position: absolute; 
	height: 0px
}


/* Abschnitt 2 enthält die waagerechte Menüleiste 
   und den Haupttext */


#kopfzeile
{
	text-align: left;
	width: 100%;
	height: 91px;
	background: #ccc;
/* Rahmen */	border-top: #DDEEFF 0px soli d;
	border-bottom: #ccc 15px soli d;
	padding: 0px 0px 10px 0px;
}



/* **********************************
    Erstes Titelbild in der zweiten Zeile
    klein, ganz li nks
   ********************************** */ 
#kopfzeile_bild_links {
	/*text-float: 		left; */
	border-top:			0px;
	border-left:		0px;
    border-bottom:		0px;
	border-right:		#ccc 10px soli d; ;
 	
	padding:			0px; 
	float:				left; /* Wichtig! */
	background: 		#fff; 
 	color: 				#333; 
    /* Ränder */
    /* Innenabstand */
	margin: 			0px; 
	 width:				140px; 
}

#kopfzeile_bild_links img {
	width:				140px;/* Breite! */
	height:				71px;	
    /*Aussenabstand */
	margin:				0px;
	/* Ränder */
	border:			0px ;
    /* Innenabstand */ 
	padding:			0px; 
}

/* **********************************
    Zweites Titelbild in der zweiten Zeile
    klein, ganz li nks
   ********************************** */ 
#kopfzeile_bild_rechts {
	/*text-float: 		right; */
	border:				0px ;
	padding:			0px; 
	float:				right; /* Wichtig! */
	background: 		#fff; 
 
	color: 				#333; 

    /* Ränder */
    /* Innenabstand */
	margin: 			0px; 
}

#kopfzeile_bild_rechts img {
	height:				71px;	
    width:				629px;          /*wrapper779px - bild21_150px;*/


    /*Aussenabstand */
	margin:				0px;
	/* Ränder */
	border: 			0px;   
    /* Innenabstand */ 
	padding:			0px; 
}



img {
	display: 			block; 

	border-left-width: 	0px; 
	border-right-width: 0px;
	border-top-width: 	0px; 
	border-bottom-width:0px; 
}




/* *************************
   Haupttext
   ************************* */

p.bodytext{
	font-size: small;
	font: small Verdana, Tahoma, Arial, Helvetica, sans-serif;
}


#maincontent {
	/*	text-float: 				right; *//* Wichtig: Grundausrichtung auf dem Blatt */
	font: normal normal normal small/normal Verdana, Tahoma, Arial, Helvetica, sans-serif;
	width: 570px; /* Wichtige Grundeinstellung */;
	float: right; /* 
 Achtung: height Angabe verträgt sich nicht mit FireFoX.
          Die Höhe verändert sich nicht auch wenn mehr Text
          vorhanden ist als hineinpasst. Der Text wir
          dann aus dem Rahmen herausgeschrieben.
          Beim IE ist height sozusagen eine Mindestgröße.
  
/*   height:				550px;				*/ /* Innenabstand (= padding) */;
	padding-top: 0x;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px; /* ??? */;
	margin: 0px;
/* Rand */	border-left: #ccc 0px solid;
	border-right: #ccc 0px solid;
	border-top: #ccc 0px solid;
	border-bottom: #ccc 0px solid;
	margin-top: 25px;
}

#maincontent ol {
	padding-left: 10px; /*	margin: 			0.5em 0px 0.5em 10px;*/;
	margin: 0px;
}


/* Für das Einrücken der gesamten li stenelemente in der 
   ersten Ebene */
   
#maincontent ul {
	padding-left: 		10px; 
    margin: 			0px;     /*Alt:   0.5em 0px 0.5em 0px;*/
}

/*
Mit li st-style-position: können Sie das Einrückungsverhalten kontrolli eren. Erlaubt ist eine der folgenden Angaben.
inside = eingerückt.
outside = ausgerückt (Voreinstellung). 
*/


#maincontent li  {
	list-style: 	disc inside; 
    line-height: 	1.2;
    text-align: 	left;

    /* Aussenabstand */
	margin-bottom: 	10px; 
	margin-left: 	5px; 
	
	/* Innenabstand */
	padding-left: 	5px; 
	
	font-size:      small;
}

#maincontent li.level2 {
	list-style: circle inside;
	font-size: xx-small;

    /* Aussenabstand */
	margin-left: 25px;
}

#maincontent li.level2 {
	list-style: circle inside;
	font-size: xx-small;

    /* Aussenabstand */
	margin-left: 25px;
}

#maincontent ul li  {
	list-style: disc inside;
	margin-top: 10px;
	vertical-align: top;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: x-small;
}


#maincontent img.dottline_top_bild
{
  width:  585; 
  height: 14;
}

/*
#maincontent ul.inlinelist {
    /* Innenabstand */
/*	padding:		0px; 
	margin: 		0px; 
}
*/


/*
#maincontent .inlinelist li  {
	border-top-width: 0px; 
	padding-right: 5px; 
	display: inline; 
	padding-left: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	border-right-width: 0px
}*/



#maincontent dl {
	margin-top: 0px; 
	line-height: 1.4em; 
	padding-top: 0px
}
#maincontent dd {
	padding-left: 	5px; 
	margin-bottom: 	5px; 
	margin-left: 	5px
}



#maincontent p.letzte_aenderung
{  text-align:     right;  
   font-size:		7pt;
}   




#maincontent p.dottline_top_bild
{  text-align:     left;  
   margin: 			0px; 
   padding-top: 		0px;
}   

#maincontent p.dottline_top_text
{  text-align:      right;  
   font-size:		7pt;
   margin: 			0px; 
   padding-top: 	0px;
}   



#maincontent td.grau
{
   background-color:  #f0f0f0;  
	font-size: small
}

#maincontent p {
	font: x-small Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

/* TYPO3 Klassen */

#maincontent .contenttable{
	font-size: small
}

#maincontent p.bodytext{
	font: x-small Verdana, Tahoma, Arial, Helvetica, sans-serif;
}



#pagebody {
	border-top-width: 0px;
	clear: both;
	padding-right: 0px;
	padding-left: 0px;
	border-left-width: 0px;
	background: none transparent scroll repeat 0% 0%;
	border-bottom-width: 0px;
	padding-bottom: 0px;
	margin: 0px;
	height: 100%;
	color: #444;
	padding-top: 0px;
	text-align: left;
	border-right-width: 0px;
	font-size: small;
}

#pagebody  h1 {
	padding: 25px 0 0 0;
	font-size: medium;
}

#pagebody  h2 {
    padding: 20px 0 0 0;
	font-size: medium;
}



th {
	font-weight: bold
}


#subnav {
	border-top-width: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	padding-bottom: 0px;
	margin: 25px 0px 0px 0px;
	padding-top: 0px;
	width: 130px;
	height: 700px;
	float: left;
}



#subnav dl {
	padding-right: 		0px; 
	padding-left: 		0px; 
	padding-bottom: 	0px; 
	margin: 			0px; 
	padding-top: 		0px;
}

#subnav dt {
	font-weight: 		normal; 
	font-size: 			small; 
}

#subnav dd {	
	padding-right: 		0px; 
	padding-left: 		0px; 
	padding-bottom: 	0px; 
	margin: 			0px 0px 0px; 
	padding-top: 		0px;
}


#subnav ul {
	border-top-width: 	0px; 
	clear: 				left; 
	padding-right: 		0px; 
	padding-left: 		0px; 
	border-left-width: 	0px; 
	border-bottom-width: 0px; 
	padding-bottom: 	0px; 
	margin: 			0px; 
	padding-top: 		0px; 
	list-style-type: 	none; 
	text-align: 		left; 
	border-right-width: 0px;

}
#subnav ul li  
{
	/* nur Definition */
	
}

#subnav ul li.level2 
{
  /* nur Definition */
}

#subnav ul li  a {
	padding-right: 0px; /* Aussenabstand */;
	margin: 0px 0px 0px 0px;
/* Rahmen */	border-left: #ccc 0px soli d;
	border-right: #ccc 0px soli d;
	border-bottom: #ccc 0px soli d;
	border-top: #ccc 0px soli d; /* Innenabstand */;
	padding-left: 0px;
	display: block; /* Interresant ausprobieren */;
	font-weight: normal;
	font-size: xx-small;
	background: #fff;
	padding-bottom: 0px;
	width: 130px; /* Breite der Tastenfelder für die senkrechte Menübar */;
	color: #526968;
	line-height: 2em;
	padding-top: 0px;
	letter-spacing: 1px;
	height: 2em;
	text-align: left;
	text-decoration: none;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}


#subnav ul li.aktiv a {
    color:				blue;
    background: 		#ccc; 
}

#subnav ul li.abstand_oben a
{
    /* Bewirkt den vertikalen Abstand 
       zwischen den beiden Naviagations-Leisten 
       Abschnitten */
	padding-top: 		40px; 
}

#subnav ul li  a:hover {
	background: 		#ccc; 
	color: 				#000;
}
/*
a:active= aktiver link:
*/
#subnav a:active {
	background: 		#c60; 
	color: 				#fff 
}


#subnav ul li.level2 a {
	font-size: xx-small;
	background: #fff;
	width: 120px; /* Breite der Tastenfelder für die senkrechte Menübar */;
	color: #0000FF;
    /* Aussenabstand */
	margin: 0px 0px 0px 10px;
}



#subnav ul li.level2aktiv a {
	width: 120px; /* Breite der Tastenfelder für die senkrechte Menübar */;
	color: blue;
	background: #ccc; 
	font-size: xx-small;
	color: #0000FF;
	font-weight: bold ;
    /* Aussenabstand */
	margin: 0px 0px 0px 10px;
}



#footer {
	background: 		#eee; 
	font-size: 			x-small; 
	color: 				#666; 
	clear: 				both; 
	text-align: 		left; 

    /* Rahmen */
	border-top: 		#ccc 1px soli d; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 	0px; 

	/* Innenabstand */
	padding-top: 		5px; 
	padding-right: 		5px; 
	padding-bottom: 	5px; 
	padding-left: 		5px; 

}


#footer p {
	/* Aussenabstand */
	margin: 0px 0px;
/* Innenabstand */	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: x-small;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}






/* Weisser mittlerer Rahmen, in dem die eigentliche Homepage erstellt wird */
#wrapper {
	width: 779px;
	background: #fff;
/* Hintergrund des eigentli chen Homepage Bereiches */ /* Ränder */	border-left : #bbb 1px soli d;
	border-right: #bbb 1px soli d;
	border-top: #bbb 5px soli d;
	border-bottom: #bbb 1px soli d;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 1px auto;
	color: #333;
}