
		/**********************************************\
		#  Zentrale Stylesheet-Angaben                 #
		#                                              #
		#  Projekt: www.oswald-metzger.de              #
		#  by INDECA GmbH | © 2004                     #
		#                                              #
		#  Chronologische Reihenfolge der              #
		#  einzelnen Positionen.                       #
		#                                              #
		\**********************************************/

body
{
    font-size:1em;
}

		/**********************************************\
		#  Header- Bereich                             #
		\**********************************************/

/*Hintergrundgrafik im Header-Bereich*/
#header {
	position:absolute; 
	top: 0px;  
	left: 0px;
	width: 100%;
	height: 171px;
	background-color: #1B4E68;
	background-image:url(../images/main/bg_header.gif);
	background-repeat: no-repeat;
	}

/*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;
	}

/*Bild von Oswald Metzger im Header; liegt auf dem div "header"*/
#image 
	{
	position:absolute; 
	top: 16px;  
	left: 177px;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

/*Klar. Kritisch. Kosequent. im Header; liegt auf dem div "header"*/
#flashani
	{
	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: #fff;
	font-size: 1em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	position:relative; 
	top: 4px;  
	left: 186px;
	height: 40px;
	overflow: show;
	margin: 0px 0 0 0px;
	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-size:1em;
	font-family: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-size:1em;
	font-family: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_text
	{
	font-size:1.0em;
	font-family: arial, helvetica, sans-serif;
	color:#FFFFFF;
	position:absolute;
	top: 3px;
	left:10px;
	}

#farbe {
	font-size:1.0em;
	font-family: 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: 0px 0 0 0px;
	}
	
#farbe1 {
	font-size:1.0em;
	font-family: 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: 0px 0 0 00px;
	}
	
#farbe2 {
	font-size:1.0em;
	font-family: arial, helvetica, sans-serif;
	color:#FFF;
	position:absolute; 
	top: 0px;  
	left: 0px;
	width: 176px;
	height: 26px;
	background-color: #999999;
	margin: 0 0 0 0;
	padding: 0px 0 0 0px;
	}
	
#farbe3 {
	font-size:1.0em;
	font-family: 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: 0px 0 0 0px;
	}
	
#farbe4 {
	font-size:1.0em;
	font-family: 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: 0px 0 0 0px;
	}
	
#farbe5 {
	font-size:1.0em;
	font-family: 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: 0px 0 0 0px;
	}
	
#farbe6 {
	font-size:1.0em;
	font-family: 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: 0px 0 0 0px;
	}




		/**********************************************\
		#  Kalender                                    #
		\**********************************************/	

/*Anzeige des Kalenders*/	
#kalender {
	display:block;
	position: absolute;
	top: 187px;
	left: 595px;
	width: 180px;
	height: auto;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#FFF;
	}

/* Kalenderfunktion */
A.kalender:LINK  {
	color: #E1000E;
	text-align: center; 
	font-size:1.0em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
 	text-decoration : underline;
	padding: 0 0 0 0;
 }
 
 A.kalender:ACTIVE  {
 	color: #E1000E;
	text-align: center; 
	font-size:1.0em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
 	text-decoration : none;
	padding: 0 0 0 0;
}
 
 A.kalender:VISITED  {
 	color: #E1000E;
	text-align: center; 
	font-size:1.0em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
 	text-decoration : underline;
	padding: 0 0 0 0;
 }
 
 A.kalender:HOVER  {
 	color: #E1000E;
	text-align: center; 
	font-size:1.0em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
 	text-decoration : none;
	padding: 0 0 0 0;
 }


/*Tabelle für Kalender; liegt auf dem div "kalender"*/

.tablehead {
	color: #1B4E68;
	text-align: center; 
	font-size:0.75em;
	font-family: arial, helvetica, sans-serif;
	width:30px;
	font-weight: bolder;
	letter-spacing:1px;										
	padding:4px;
	}
			
.tablebody{
	color: #1B4E68;
	text-align: center; 
	font-size:0.75em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	border-left:1px solid #8DA6B3;
	border-right:1px solid #8DA6B3;
	border-top:1px solid #8DA6B3;
	padding:4px;				
	}
			
.tablebody2{
	color: #1B4E68;
	text-align: center; 
	font-size:0.75em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: center; 		
	border-right:1px solid #8DA6B3;
	border-top:1px solid #8DA6B3;
	padding:4px;				
	}

.tablebody3{	
	color: #1B4E68;
	text-align: center; 
	font-size:0.75em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: center; 					
	border-left:1px solid #8DA6B3;
	border-right:1px solid #8DA6B3;
	border-bottom:1px solid #8DA6B3;
	border-top:1px solid #8DA6B3;
	padding:4px;				
	}

.tablebody4{
	color: #1B4E68;
	text-align: center; 
	font-size:0.75em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: center; 		
	border-right:1px solid #8DA6B3;
	border-bottom:1px solid #8DA6B3;
	border-top:1px solid #8DA6B3;
	padding:4px;				
	}

.tablefooter {
	color: #1B4E68;
	text-align: right; 
	font-size:1.0em;
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;	
	margin: 0 0 0 0;							
	padding:8px;
	}




		/**********************************************\
		#  Untermenue- Bereich                         #
		\**********************************************/	
	
/*Positionierung der Untermenuepunkte*/
#umenue {
	color: #fff;
	position:absolute; 
	top: 223px;  
	left: 0px;
	width: 176px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	border-top:1px dashed #1B4E68;
	}
	
#menuepunkte {
	position:relative; 
	top: 0px;  
	left: 0px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 6px 0 6px 10px;
	border-bottom:1px dashed #1B4E68;
	}
	
#menuepunkte2 {
	position:relative; 
	top: 6px;  
	left: 0px;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 6px 0 6px 10px;
	border-bottom:1px dashed #1B4E68;
	border-top:1px dashed #1B4E68;
	}
	
#menuepunkte3 {
	position:relative; 
	top: 6px;  
	left: 0px;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 6px 0 6px 10px;
	border-top:1px dashed #1B4E68;
	}
	
#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-size:1.0em;
	font-family: 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-size:1.0em;
	font-family: 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; 
	}
	



		/**********************************************\
		#  Content- Bereich                            #
		\**********************************************/
	
/*Content- Bereich*/
#content {
	color: #000;
	font-family: 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;
	}
	
#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: -190px;  
	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%*/1.0625em, 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%*/1.0625em, arial, helvetica, sans-serif;
	position:relative; 
	border-bottom:1px dashed #1B4E68;
	border-right:1px dashed #FFF;
	padding: 0 0 20 0;
	margin: 0 0 0 0;
	background-color:#ffffff;
	}
	
#publikationen {
	font: /*500 100%*/1.0625em, arial, helvetica, sans-serif;
	position:relative; 
	border-bottom:1px dashed #1B4E68;
	border-right:1px dashed #FFF;
	padding: 0 0 20 0;
	margin:0 0 0 0;
	}
	
#presse {
	font: /*500 97%*/1.0625em, arial, helvetica, sans-serif;
	position:relative; 
	padding: 0 0 20 0;
	margin: 0 0 0 0;
	}
	
#projekte {
	font: /*500 100%*/1.0625em, arial, helvetica, sans-serif;
	position:relative; 
	margin: 0 0 0 0;
	}
	
#medienecho {
	font: /*500 100%*/1.0625em, arial, helvetica, sans-serif;
	position:relative; 
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
	}	
	
#content a {
	color: #1B4E68; 
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-width: 0; 
	text-decoration: underline;
	font-size:1.0em;
	}
	
#content a:hover, #links a:focus {	
	color: #1B4E68;
	text-decoration : none;
	font-size:1.0em; 
	}

#content a:active  { 
	color: #1B4E68; 
	text-decoration : underline;
	font-size:1.0em;
	}

/*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-size:0.75em;
	font-family: arial, helvetica, sans-serif;
	}

td
	{
	color: #000000;
	font-size:0.75em;
	font-family: 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: 0.75em;
	}

textarea
	{
	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: 0.75em;
	}

.InputButton
	{
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	FONT-SIZE: 0.75em;
	FONT-FAMILY: Arial, Geneva, Helvetica, sans-serif;
	background-color: #E9E9E9;
	}


/*h1 auf dem div content: Hauptüberschrift der Inhaltsseiten*/	
h1 {
	font: /*700 120%*/1.25em arial, helvetica, sans-serif;
	letter-spacing: 3px;
	color:#1B4E68;
	margin: 0 0 0 0;
	}


/*h2 auf dem div content: Unterüberschrift der Inhaltsseiten*/	
h2 {
	font: /*700 120%*/1.25em arial, helvetica, sans-serif;
	letter-spacing: 3px;
	color:#FF9900;
	margin: 0 0 0 0;
	}
	
	
/*h3 auf dem div content: Überschrift im Text*/
h3 {
	font: /*700 120%*/1.25em arial, helvetica, sans-serif;
	letter-spacing: 3px;
	color:#999;
	margin: 0 0 0 0;
	}

/*h4 auf dem div content: Überschrift im Text*/
h4 {
	font: /*700 120%*/1.25em arial, helvetica, sans-serif;
	letter-spacing: 3px;
	color:#006666;
	margin: 0 0 0 0;
	}
	
/*h5 auf dem div content: Überschrift im Text*/
h5 {
	font: /*700 120%*/1.25em arial, helvetica, sans-serif;
	letter-spacing: 3px;
	color:#009900;
	margin: 0 0 0 0;
	}
	
/*h6 auf dem div content: Überschrift im Text*/
h6 {
	font: /*700 120%*/1.25em 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%*/1.25em arial, helvetica, sans-serif;
	letter-spacing: 3px;
	color:#CC0000;
	margin: 0 0 0 0;
	}


/*datum auf dem div content: Datum*/
.datum {
	font: /*500 85%*/0.8125em 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%*/1.0625em 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: 50px 0 30px 0;
	padding: 0 0 0 0;
	font-size:1em;
	}
	
#content .footermenue {
	color: #1B4E68; 
	padding: 0 0 0 0;
	margin: 0 5px 0 5px;
	border-width: 0; 
	text-decoration: underline;
	font-size:1em;
	}
	
#content .footermenue:hover, #links .footermenue:focus {	
	color: #1B4E68;
	text-decoration : none;
	font-size:1em; 
	}

#content .footermenue:active  { 
	color: #1B4E68; 
	text-decoration : underline;
	font-size:1em;
	}




		/**********************************************\
		#  Allgemeine Angaben                          #
		\**********************************************/	
	

/*Links allgemein, wenn keine class angegeben wird*/
a:link {
	color: #000;
	font-size:1.0em;
}
a:visited {
	color: #000;
	font-size:1.0em;
}
a:hover {
	color: #000;
	font-size:1.0em;
}
a:active {
	color: #000;
	font-size:1.0em;
}


body,td,th {
	color: #000000;
}


body {
	background-color: #FFFFFF;
	margin:0px;
	font-size: 0.75em;
	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
}


/*Buchtitel; liegt auf dem div "umenue" (hier kann für die Folgeseiten die Farbe verändert werden)*/
#buchtitel {
	color: #000;
	font-size:0.9em;
	font-family: arial, helvetica, sans-serif;
	position:absolute; 
	top: 171px;  
	left: 0px;
	width: 176px;
	height: 257px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
#buchtitel a {
	color: #1B4E68; 
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-width: 0; 
	text-decoration: underline;
	}
	
#buchtitel a:hover, #links a:focus {	
	color: #1B4E68;
	text-decoration : none; 
	}

#buchtitel a:active  { 
	color: #1B4E68; 
	text-decoration : underline;
	}
	
/*Buecher im Bereich Publikationen*/
#buecher {
	position:relative; 
	width:579px;  
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
	
.imagestext {
	padding-left:5px;
	padding-right:30px;
	font: /*500 100%*/1.0625em 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;}

















	

		

	












	


	
