/* CSS Document */
		/**********************************************\
		#  Header- Bereich                             #
		\**********************************************/

/*Hintergrundgrafik im Header-Bereich*/
#header {
	position:absolute; 
	top: 0px;  
	left: 0px;
	width: 100%;
	height: 136px;
	background-color:#FF9A00;

	}

/*Positionierung des Logos im Header; liegt auf dem div "header"*/
#logo {
	position:absolute; 
	top: 16px;  
	left: 0px;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

/*GUT im Header; liegt auf dem div "header"*/
#image {
	position:absolute; 
	top: 16px;  
	left: 178px;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}


/*GUT im Header; liegt auf dem div "header"*/
#3k {
	position:absolute; 
	top: 16px;  
	left: 572px;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
	
	
		
		/**********************************************\
		#  Menue- Bereich                              #
		\**********************************************/	
	
/*Positionierung des Hauptmenues*/
#menue {
	position:absolute; 
	top: 144px;  
	left: 0px;
	width: 750px;
	height: auto;
	}	

/*Hauptmenü; liegt auf dem div "menue*/
#hauptmenue {
	color: #000;
	font: 500 100% arial, helvetica, sans-serif;
	font-weight: bold;
	position:relative; 
	top: 0px;  
	left: 224px;
	height: 40px;
	overflow: show;
	margin: 4px 0 0 4px;
	padding: 0 0 0 0;
	}
	
#hauptmenue span {display: none;}

#hauptmenue a span {
	display: inline; 
	text-decoration: none;
	}

#hauptmenue a {
	color: #fff;
	text-align: left; 
	font: 500 75%/19px arial, helvetica, sans-serif;
	font-weight: normal;
	padding: 0 5px 0 5px;
	margin: 0 0 0 0;
	border-width: 0; 
	text-decoration: none;
	}
	
#hauptmenue a:hover, #links a:focus {	
	color: #D1DCE1; 
	}

#hauptmenue a:active  { 
	color: #D1DCE1; 
	}

/*Aktiver Zustand für Hauptmenue*/
#hauptmenue .aktiv {
	color: #D1DCE1;
	text-align: left; 
	font: 500 75%/19px arial, helvetica, sans-serif;
	font-weight: normal;
	padding: 0 5px 0 5px;
	margin: 0 0 0 0;
	border-width: 0; 
	text-decoration: none;
	}
	
#hauptmenue .aktiv:hover, #links .aktiv:focus {	
	color: #D1DCE1; 
	}

#hauptmenue .aktiv:active  { 
	color: #D1DCE1; 
	}
	
/*Farbe; liegt auf dem div "menue" (hier werden die Farben für die Folgeseiten definiert)*/
#farbe {
	font: 700 81%/19px arial, helvetica, sans-serif;
	color:#FFF;
	position:absolute; 
	top: 0px;  
	left: 0px;
	width: 176px;
	height: 26px;
	background-color: #1B4E68;
	margin: 0 0 0 0;
	padding: 3px 0 0 10px;
	}
	
#farbe1 {
	font: 700 81%/19px arial, helvetica, sans-serif;
	color:#FFF;
	position:absolute; 
	top: 0px;  
	left: 0px;
	width: 176px;
	height: 26px;
	background-color: #FF9900;
	margin: 0 0 0 0;
	padding: 3px 0 0 10px;
	}
	
#farbe2 {
	font: 700 81%/19px arial, helvetica, sans-serif;
	color:#FFF;
	position:absolute; 
	top: 0px;  
	left: 0px;
	width: 176px;
	height: 26px;
	background-color: #624D77;
	margin: 0 0 0 0;
	padding: 3px 0 0 10px;
	}
	
#farbe3 {
	font: 700 81%/19px arial, helvetica, sans-serif;
	color:#FFF;
	position:absolute; 
	top: 0px;  
	left: 0px;
	width: 176px;
	height: 26px;
	background-color: #006666;
	margin: 0 0 0 0;
	padding: 3px 0 0 10px;
	}
	
#farbe4 {
	font: 700 81%/19px arial, helvetica, sans-serif;
	color:#FFF;
	position:absolute; 
	top: 0px;  
	left: 0px;
	width: 176px;
	height: 26px;
	background-color: #009900;
	margin: 0 0 0 0;
	padding: 3px 0 0 10px;
	}
	
#farbe5 {
	font: 700 81%/19px arial, helvetica, sans-serif;
	color:#FFF;
	position:absolute; 
	top: 0px;  
	left: 0px;
	width: 176px;
	height: 26px;
	background-color: #990099;
	margin: 0 0 0 0;
	padding: 3px 0 0 10px;
	}
	
#farbe6 {
	font: 700 81%/19px arial, helvetica, sans-serif;
	color:#FFF;
	position:absolute; 
	top: 0px;  
	left: 0px;
	width: 176px;
	height: 26px;
	background-color: #CC0000;
	margin: 0 0 0 0;
	padding: 3px 0 0 10px;
	}




		/**********************************************\
		#  Untermenue- Bereich                         #
		\**********************************************/	
	
/*Positionierung der Untermenuepunkte*/
#umenue {
	color: #fff;
	position:absolute; 
	top: 170px;  
	left: 0px;
	width: 176px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	}
	
#menuepunkte {
	position:relative; 
	top: 0px;  
	left: 0px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 6px 0 6px 6px;
	border-bottom:1px dashed #1B4E68;
	}
	

		/**********************************************\
		#  Content- Bereich                            #
		\**********************************************/
	
/*Content- Bereich*/
#content {
	color: #000;
	font: 500 75%/19px, arial, helvetica, sans-serif;
	position:absolute; 
	top: 181px;  
	left: 195px; 
	width: 579px; 
	padding-top:10px; 
	padding-left:0px;
	padding-right:10px;
	margin: 0 0 50px 0;
	}
	table {color: #000;
	font: 500 100%/19px, arial, helvetica, sans-serif;
}
	
	
#inhalte {
	position:relative; 
	top: 0px;  
	left: 0px; 
	width: 579px; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
#anschrift {
	position:relative; 
	top: 0px;  
	left: 0px; 
	width: 200px; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
#emails {
	position:relative; 
	top: -95px;  
	left: 250px; 
	width: 500px; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
#impressum1 {
	position:relative; 
	top: 0px;  
	left: 0px; 
	width: 300px; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
#impressum2 {
	position:relative; 
	top: -152px;  
	left: 330px; 
	width: 500px; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#anleser {
	position:relative; 
	width: 376px; 
	}

#hinweis {
	font: 500 100%/19px, arial, helvetica, sans-serif;
	position:relative; 
	border-bottom:1px dashed #1B4E68;
	border-right:1px dashed #FFF;
	margin: 0 0 0 0;
	}
	
#veranstaltungen {
	font: 500 100%/19px, arial, helvetica, sans-serif;
	position:relative; 
	border-bottom:1px dashed #1B4E68;
	border-right:1px dashed #FFF;
	margin: 0 0 0 0;
	background-color:#ffffff;
	}
	
#publikationen {
	font: 500 100%/19px, arial, helvetica, sans-serif;
	position:relative; 
	border-bottom:1px dashed #1B4E68;
	border-right:1px dashed #FFF;
	margin:0 0 0 0;
	}
	
#presse {
	font: 500 97%/19px, arial, helvetica, sans-serif;
	position:relative; 
	margin: 0 0 0 0;
	}
	
#projekte {
	font: 500 100%/19px, arial, helvetica, sans-serif;
	position:relative; 
	margin: 0 0 0 0;
	}
	
#medienecho {
	font: 500 100%/19px, arial, helvetica, sans-serif;
	position:relative; 
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
	}	
	
#content a {
	color: #E67300; 
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-width: 0; 
	text-decoration: none;
	}
	
#content a:hover, #links a:focus {	
	color: ##E67300;
	text-decoration : none; 
	}

#content a:active  { 
	color: ##E67300; 
	text-decoration : none;
	}

/*Roter Text im Content- Bereich*/
.textrot {
	color: #E1000E
	}

/*Blauer Text im Content- Bereich*/
.textblau {
	color: #1B4E68
	}
	
/*Gruener Text im Content- Bereich*/
.textgruen {
	font: 700;
	color: #009900;
	}

td.tabelle
	{
	color: #000000;
	font: 500 75%/19px, arial, helvetica, sans-serif;
	}

input
	{
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	BACKGROUND-COLOR: #ffffff;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	}

textarea
	{
	width: 300px;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	BACKGROUND-COLOR: #ffffff;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	}

.InputButton
	{
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Geneva, Helvetica, sans-serif;
	background-color: #E9E9E9;
	}


/*h1 auf dem div content: Hauptüberschrift der Inhaltsseiten*/	
#content h1 {
	font: 700 120%/19px arial, helvetica, sans-serif;
	letter-spacing: 1px;
	color:#1B4E68;
	margin: 0 0 0 0;
	}


/*h2 auf dem div content: Unterüberschrift der Inhaltsseiten*/	
#content h2 {
	font: 700 120%/19px arial, helvetica, sans-serif;
	letter-spacing: 3px;
	color:#FF9900;
	margin: 0 0 0 0;
	}
	
	
/*h3 auf dem div content: Überschrift im Text*/
#content h3 {
	font: 700 120%/19px arial, helvetica, sans-serif;
	letter-spacing: 3px;
	color:#999;
	margin: 0 0 0 0;
	}

/*h4 auf dem div content: Überschrift im Text*/
#content h4 {
	font: 700 120%/19px arial, helvetica, sans-serif;
	letter-spacing: 3px;
	color:#006666;
	margin: 0 0 0 0;
	}
	
/*h5 auf dem div content: Überschrift im Text*/
#content h5 {
	font: 700 120%/19px arial, helvetica, sans-serif;
	letter-spacing: 3px;
	color:#009900;
	margin: 0 0 0 0;
	}
	
/*h6 auf dem div content: Überschrift im Text*/
#content h6 {
	font: 700 120%/19px arial, helvetica, sans-serif;
	letter-spacing: 3px;
	color:#990099;
	margin: 0 0 0 0;
	}
	
/*h7 auf dem div content: Überschrift im Text*/
.h7 {
	font: 700 120%/19px arial, helvetica, sans-serif;
	letter-spacing: 3px;
	color:#CC0000;
	margin: 0 0 0 0;
	}


/*datum auf dem div content: Datum*/
.datum {
	font: 500 85%/19px arial, helvetica, sans-serif;
	color:#000000;
	margin: 0 0 0 0;
	}	

/*Aufzählung im Inahlt*/
#content ul {
	
	padding: 0 0 0 0;
	color:#000000;
	background:transparent;
	}
	

/*Aufzählung im Inahlt*/
#content li {
	color:#000000;
	background:transparent;
	font: 500 100%/19px arial, helvetica, sans-serif;
	padding: 5px 0 5px 0;
	}




		/**********************************************\
		#  Footer                                      #
		\**********************************************/	
	
#footer {
	position:relative; 
	width: 579px;
	border-top:1px dashed #1B4E68;
	border-right:1px dashed #FFF;
	margin: 30px 0 30px 0;
	padding: 0 0 0 0;
	}
	
	#ftr {
 height:25px;
 background:#6C7AA1;
 color: #fff;
 border:solid #fff;
 border-width:1px 0 0 0;
 margin:0;
 }

#content .footermenue {
	color: #1B4E68; 
	padding: 0 0 0 0;
	margin: 0 5px 0 5px;
	border-width: 0; 
	text-decoration: underline;
	}
	
#content .footermenue:hover, #links .footermenue:focus {	
	color: #1B4E68;
	text-decoration : none; 
	}

#content .footermenue:active  { 
	color: #1B4E68; 
	text-decoration : underline;
	}




		/**********************************************\
		#  Allgemeine Angaben                          #
		\**********************************************/	
	

/*Links allgemein, wenn keine class angegeben wird*/

	a.navi:link {
	color: #E67300;
	text-decoration: none;
}
a.navi:hover {
	text-decoration: underline;
}
a.navi:visited {
	color: #EE8A60;
	text-decoration: none;
}


body,td,th {
	color: #000000;
}


body {
	background-color: #FFFFFF;
	margin:0px;
	font-family: arial,helvetica,sans-serif;
	SCROLLBAR-FACE-COLOR: #EEEEEE; /*Scrollbalken, wenn scrolling aktiv*/
    SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
    SCROLLBAR-SHADOW-COLOR: #1B4E68; /*Pfeile, wenn scrolling inaktiv*/
    SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
    SCROLLBAR-ARROW-COLOR: #1B4E68; /*Pfeile, wenn scrolling aktiv*/
    SCROLLBAR-TRACK-COLOR: #FFFFFF;
    SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF
}

		
.imagestext {
	padding-left:5px;
	padding-right:30px;
	font: 500 100%/19px arial, helvetica, sans-serif;
	margin: 6px 0 0 0;
	float:left;
}

.images {
	float:left;
	margin: 10px 0 0 0;
}


/*unsichtbarer link zum Überspringen der Navigation*/
.jump{display:none;}


li p {
	font-size:100%;
	}
	
#nn4{display:none;}
	

.unsichtbar {display: none;}





/* Presentation Stylesheet */ 

h1, h2, h3, p {
 margin:0;
 padding:10 10 10	0px;
 }
h1 {font-size:12px}


h4 {
 margin:0; 
 padding: 5px 0;
 }
 
		
	.ulmenue {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	font: 500 81%/19px, arial, helvetica, sans-serif;


	
	}
	
	.ulmenue li a {
	color: white;
	width: 160px;
	padding-left: 8px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	border-bottom: 1px dashed #999999;
		height: 25px;
	}
		.ulmenue li a:visited { 
		color: white;
	text-decoration: none;
	}
	.ulmenue li a:hover { 
	color: #6C7AA1;
	text-decoration: none;
	}
	.ulmenue li a:active { 
	color: #6C7AA1;
	text-decoration: none;
	}
	
/*		
#umenuepunkte {
	position:relative; 
	top: 6px;  
	left: 0px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	}
	
#umenue span {display: none;}

#umenue a span {
	display: inline; 
	text-decoration: none;
	}

#umenue a {
	color: #000;
	font: 500 81%/19px, arial, helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-width: 0; 
	text-decoration: none;
	}
	
#umenue a:hover, #links a:focus {	
	color: #1B4E68; 
	}

#umenue a:active  { 
	color: #1B4E68; 
	}
	
#umenue .umenueaktiv {
	color: #1B4E68;
	text-align: left; 
	font: 500 81%/19px, arial, helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-width: 0; 
	text-decoration: none;
	}
	
#umenue .umenueaktiv:hover, #links .umenueaktiv:focus {	
	color: #1B4E68; 
	}

#umenue .umenueaktiv:active  { 
	color: #1B4E68; 
	}
	

*/

	
		
	
	
	
	
	
	
	
	
	a.navi:link {
	color: #E67300;
	text-decoration: none;
}
a.navi:hover {
	text-decoration: underline;
}
a.navi:visited {
	color: #EE8A60;
	text-decoration: none;
}

.current{
	display:block;
	border-bottom: 1px dashed #999999;
 width: 160px;
	color: #6C7AA1;
	padding-left: 8px;
	padding-right: 8px;
	height: 25px;
	display:block;
	border-bottom: 1px dashed #999999;


}

.online{position:absolute;
margin-top: 300px;
}

