/* CSS-Datei für aqua-Template von CMBasic (ab Ver. 1.5)
Allg. Hintergrundfarben: Site: #fff, #7DBCFF, Navigation: #8DB9D4, #d0dce7
*/
html {	height: 100%;
		margin-bottom: 1px;	/*Scrollbar immer da bei Gecko Browsern	*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		FONT-SIZE: 0.9em;
		line-height:1.2em;
}

/* Gesamtschrift und Gesamtrand festlegen */
body {
	margin: 0;
	padding: 0;
	widht: 100%;
	height: 100%;
	background-image:url(body_bg.gif);
	/*background: #fff#DADADA url(farbverlauf.gif);*/
	background-repeat: repeat-x;  
background-color:/*#4d87c7;*/#eee;

}
/* mother-container, contains logo, navi, content and footer */
#mother	{
	text-align: left;
	margin: auto;
	position: relative; /* EB | Basis für Newskasten-Positionierung */
	width: 885px; /*800 px*/
	margin: 10px auto;
	font-size: 0.9em;
	background-color:#FFF;
	color:#333;
	/*border: 1px solid #000;*/
	background-image:url(mother_bg.gif); 
}
/* Container mit dem Logo */

#logo
{
  background-image:url(logo_bg.jpg);
  background-repeat:no-repeat;
}


/* Header */
#head {
  width: 885px;
  height: 30px;
  margin: 0 auto;
  color: silver;
}
#head a {
  color:#666;
}
/* Suchformular */
#searchform {
  float: right;
  width: 190px;
   padding-top: 3px;
}
#searchform fieldset {
  border: none;
}
#searchform #searchfield {
  width: 120px;
  padding: 1px 5px;
	background-color:#FFFFFF;
  border: 1px silver solid;
   color:#666;
}
#searchform #searchbutton {
  width: 20px;
	background-color:#FFFFFF;
  border: 1px silver solid;
  color:#666;
}
#searchfield {
	color:#666;
	margin-left:5px;
	margin-bottom:2px;}
#logo h1, #logo h2 {
  float: left;
  margin: 0;
  padding: 0;
  border:none;
}
#logo h1 {
  font-size: 2.5em;
  padding: 10px 10px 0px 20px;
  line-height:0.7em;
}
#logo h2 {
  font-size: 1.2em;
  letter-spacing:2px;
  padding: 20px 0 0 0;
  font-style: italic;
  text-indent:330px;
  color:#fff;
  font-weight:bold;
}
#logo p {
  clear: left;
  margin: 0;
  padding: 0 0 0 20px;
  line-height: normal;
  font-size: 1.2em;
  font-weight: bold;
  color:#000;/*#C2C5B1;  */
  text-indent:575px;
}
#logo a {
  text-decoration: none;
  color:#acd4ff;border:none;
  }
#logo h1 a img{
  text-decoration: none;
 border:none;
  
}


#logo p a {
  text-decoration: none;
  color:#fff;border:none;  font-size: 1em;
  letter-spacing:-1px;

  }


#navi{
	float: left;
	width: 170px;
	padding: 5px 5px 5px 12px;
}
/*	listomatic	*/
#navi { /*margin-left: 30px; */}
#navi ul {margin: 0;font-weight:bold;padding: 0;list-style-type: none;font-family: verdana, arial, Helvetica, sans-serif;font-size:10px;color:#FFF;}
#navi ul ul	{margin: 0;font-weight:bold;padding: 0;list-style-type: none;font-family: verdana, arial, Helvetica, sans-serif;font-size:10px;color:#fff;}/*nicht Original*/
#navi li { margin: 0 0 1px 0; /*leer lassen für hintergrundlinien*/}
#navi li	 { margin: 0 0 1px 0; /*leer lassen für hintergrundlinien*/}
#navi a{display: block;padding: 5px 10px;width: 150px;color: #135dac/*#666*/;background-color:#8DB9D4;/*#B3D0E2*/;text-decoration: none;}
#navi a:hover{color:  #135dac/*#666*/;background-color: #d0dce7;text-decoration: none;}
#navi ul .obermenuhigh         { color: #666; font-weight: bold; background-color: #dfeeff; border-bottom: 1px solid #c0c0c0; text-decoration: none; height: 20px; padding: 6px 0 0 /*30*/10px; display: block; }	
#navi ul ul .submenuhigh         { display: block;padding: 5px 5px 5px 30px;width: 135px;color:#666;text-decoration: none;background-color:#dfeeff;}	
#navi ul ul li { margin: 0 0 1px 0; font-weight:normal;}
#navi ul ul a{display: block;padding: 5px 5px 5px 30px;width: 135px;color:#666;text-decoration: none;background-color: #d0dce7;}
#navi ul ul a:hover{color: #666;background-color: #d0dce7;text-decoration: none;}
/* Navigationspfad */
#path {
   font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  padding-bottom: 3px;
   padding-top: 3px;
   color:#333;
}
#path a{ color:#000;}
#content
{
width: 660px;
float: left;
margin-left: 20px;
margin-top:0px;
display: inline;
padding: 5px;
}
#footer {
	width: 100%;
	color: black;
	background-color: #fff;	 
	clear: both;
	color:#ccc;
	text-align:center;
	font-size:1em;
	text-indent: 10px;height:30px;
		background:url(pathway-bg.gif) repeat-x bottom #FFF;
}
/* Stilregel für Plugins, z.B. feedback 
wichtig, um die gewünschte Hintergrundfarbe festlegen
zu können */
.center {text-align: center;}
.plugin input, textarea	{
	border-bottom:1px solid black;
	border-top:0;
	border-left:0;
	border-right:0;
	background-color:white;
}
.plugin	{
	font-size:0.8em;
	background-color:transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	 /*background-color: #F8F8F8;*/
  line-height: 1.3em;
}
plugin p, plugin p table,{
	font-size:1em;
	color:#FF0000;
	line-height:1.5em;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
plugin h1  {	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* Stilregel für Frontend-Einloggbereich, 
wichtig, um die gewünschte Hintergrundfarbe festlegen zu
können */
.login {
  background-color:white;
  font-size: 1em;
  line-height: 1.3em;
}
/* Listenstile für Menüeintrag im Navibereich topmenu */
#topmenu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  width: 100%;
  text-align: right;
  background:url(pathway-bg.gif) repeat-x bottom #FFF;
	height:auto;
	margin:0; 
	padding:0;
}
#topmenu ul {
  padding: 3px 9px 3px 3px;
  /*border-bottom: 1px solid silver; */
  margin-bottom: 0px;
}
#topmenu li {
  display: inline;
  }
#topmenu a {
  padding: 3px 1em;
  margin-right: 3px;
  border: 1px solid silver;
  text-decoration: none; 
  border-bottom: 0;
  color:#666;
}
#topmenu a:link {
  text-decoration: none;
}
#topmenu a:visited {
  color: black;
  text-decoration: none;
  width: 100%;
}

#topmenu a:hover {
  background-color: #DADADA;
  width: 100%;
  color: black;
}
#topmenu .obermenuhigh {
  padding: 3px 1em;
  margin-right: 3px;
  border: 1px solid silver;
  color: black;
  font-weight:bold;
  border-bottom: 0;
  background-color: #DADADA;
}
/* ENDE Listenstile für Menüeintrag im topmenu */
/* Überschrift 1 gestalten */
#content h1 {
  color:#135dac;
  font-size: 1.2em;
  letter-spacing:1px;
  line-height: 1.4;
  margin-top: 10px;
 /* background-image: url(verlauf.jpg);
  background-repeat: repeat-y;*/
  background-color:#FFF;
  padding: 4px;
	filter:alpha(opacity=60); /* IE */
	-moz-opacity: 0.6; /* FireFox/Mozilla */
	opacity: 0.6; /* Opera */
}
/* Überschrift 2 */
#content h2 {
  font-size: 1.1em;
  line-height: 1.4;
  background-image: url(rotkaro.gif);
  background-repeat: no-repeat;
  text-indent: 20px;
  background-position: left;
  padding-bottom: 1px;
  margin-bottom: 5px;
  /*border-top:1px solid #acd4ff; width: 70%;*/
    margin-top:30px;
}
/* Überschrift 3 */
#content h3 {
  font-size: 1em;
  line-height: 1.4;
  margin-bottom: 1px;
  padding-bottom: 5px;
}
/* Absatz und div */
p, div {
  padding-right: 0px; /*oRIGINAL 3XP*/
}
p {
  margin-top: 3px;
  margin-bottom: 5px;
}
/* Tag b zusätzlich einfärben */
b, strong {
 color: #666;
}
/* normaler Listenstil, beschränkt auf Inhaltsbereich */
#content ul {
  list-style-image: url(karo.gif);
  font-size: 1em;
  line-height: 1.5;
  margin-left: 0.7em;
  padding-left: 0.7em;
}
#content li {
  margin-bottom: 0.3em;
}
a	{ /*text-decoration: none;*/color:#666;}
a:link	{  /*text-decoration: none;*/color:#666;}
/* besuchte Hyperlinks */
a:visited {
  color: #666;}
/* Hovereffekt für Links */
a:hover {
  text-decoration: none;
}
/*	tabellen im Contentbereich formatieren	auch für Plugin Tabellen*/
table { width: 100%;
		border:0px; 
		border-collapse:collapse; 
		border-spacing:0;
		background-color:white; 
		font-size:0.9em;
		font-weight:normal;
}
table p{font-weight:normal;}


td p {font-weight:normal;}
td, th { border:0px; /*padding:5px;*/ text-align:left; }

/*	ungebunden Klassen	*/
/* Gestaltung des rechts ausgerichteten Info-Kastens mit gepunkteten Linien in einer Spalte */
.kasten {
  margin-top: 10px;
  font-size: 0.9em;
 float: right;  /* ORIG:*/
  /* position: absolute; EB Nimmt Kasten aus dem Content-Container heraus */
  right: 5px; /* EB Ausrichtung am Mother-Container vertikal rechts */  
  width: 130px;
  border-style: dotted;
  border-width: 2px;
  border-color: #dfeeff;
  padding: 3px;
  margin: 3px;
}  
.kasten h3 {
  margin-top: 0px;
 background-color:#acd4ff;
}
/* Beginn der neuen Infokasten mit gefüllten Linien */
.boxcover {
  font-size: 0.9em;
 float: right;  /* ORIG:*/
 /* position: absolute;  EB Nimmt Kasten aus dem Content-Container heraus */
  right: 5px; /* EB Ausrichtung am Mother-Container vertikal rechts */  
  width: 130px;
  border-style: none;
  border-width: 2px;
  border-color: #dfeeff;
  padding: 3px 0  3px  10px ;
  margin: 3px 0  3px  10px ;
}
.box {
  font-size: 0.9em;
  margin-top: 70px;
  padding-right: 0px;
  float: right;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color:#DADADA;
}

.box h3 {
 background-color:#acd4ff;
  color: #333;
  padding: 3px;
  margin-top: 0px;
  font-weight:bold;
}
.box div {
 padding: 3px;
}
/* Ende der neuen Newskasten-Formate */

/* Einführungsabsatz */
.lead, .lead p {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
  font-size:  1em;
  line-height: 1.5em;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
}
.lead img {
  padding: 5px;
}
/* grauer Rahmen mit Umrandung */
.rahmen {
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-size : 0.7em;
  width: 98%;
  background-color : #EEEEEE; 
  border-style : solid; 
  border-width : 1px; 
  border-color : #CD3326; 
  padding: 3px;
  margin-top: 10px;
  margin-bottom: 15px;
}
/* Rahmen mit gestrichelter Umrandung */
.tipp {
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-size : 1em; 
  width: 90%;
  border-style : dotted; 
  border-width : 1px; 
  border-color : gray; 
  padding : 3px;
  margin-top: 8px;
  margin-bottom: 10px; 
}
code, .code {
  font-family: 'Courier New', Courier, monospace;
  font-size: 1em;
  color: #000099;
}
/* Bildunterschrift */
.bu {
  margin-top: 0px;
  font-size: 0.75em;
  font-weight: bold;
}
.bildschatten_418 {
background: url(schatten_418.png) no-repeat bottom left;
 padding: 4px 7px 17px 7px;
}
/* noch testen----------------------------------------------------------------- */

/* Text hochstellen z.B. (R) */
sup {
	font-size:70%;
	line-height:0px;
  }
sub {
	font-size:60%;
	line-height:0px;
  }
 /* PDF-Links besonders markieren */
a [href$=".pdf"]{
color:#003366;
font-weight:bold;
}


/* /noch testen----------------------------------------------------------------- */
/* Linie interessant gestalten */
hr {
  border-style: solid;
  border-color:  #acd4ff;/*#003084;*/
  width: 85%;
  margin-left: 0px;
  text-align: left;
}
/* Links innerhalb von Absätzen mit kleinem Zeichen versehen */
#content p a {
/*  display: inline;
  padding-left: 15px;
  background-image: url(bluedot.gif);
  background-repeat: no-repeat;*/
}
#adresse {
 font-size: 0.8em;
 text-indent:5px;
 padding-left:0px;
 margin-left:0px;
 line-height:0.8em;
}
#adresse p a:link {
 text-decoration:underline;
 background-color:#acd4ff;
 padding-left:0;
}
/* Format für zuletzt geändert usw. */
.datum {
 font-size: 0.8em;
}
iframe, frameset, frameborder	{
	margin:0;
	color:transparent;
	background-color:transparent;
}
/* für abwechselnde zeilenfarbe*/
.tableLine
{
	font-family:			Verdana,Arial,sans-serif;
	font-style:				normal;
	font-size:				9px;
	BORDER-TOP: 		#A6A6A6 1px solid; 
	BORDER-LEFT: 		#A6A6A6 1px solid; 
	BORDER-BOTTOM: 	#A6A6A6 1px solid;
	BORDER-RIGHT: 	#A6A6A6 1px solid;
}
.row_0 {
	background-color:		#FFFFFF;
}
.row_1 {
	background-color:		#E1E8F1;
}
/*	anstelle sup tag ein Versuch mit einer Klasse	*/
.sup { font-size:0.8em; /*vertical-align:top;*/
vertical-align:super;
margin-top:0px;
padding-top:0px;
line-height:normal;
}
.link a{width:20px;height:20px;margin:0;padding:0;border:none;text-decoration:none;float:left;}
/*	Klasse für Zebraeffekt in Tabellen*/
.odd {
    background-color: #f0f0f0;
}
.zebra{text-indent:5px;}
.zebra table {margin-left:5px;}
.zitate {
	background: url(bg_zitate.gif) top left no-repeat;
	padding-top: 0.25em;
	/*text-indent: 40px;*/
	padding-left:45px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;	}
.zitate_verfasser {
	display: block;
	margin-bottom: 1em;
	text-align: left;
	font-weight:bold;
padding-left:45px;
	font-style: normal;
}
#content img {border:1px solid black;}
#content img a:link{ text-decoration:none; border:none;}
/*	Klassen für die Terminverwaltung	*/
div.i{}
div.i_bild{}
div.i_bild img{float:right;margin-left:10px;margin-top:5px;}
h2.i_titel{border-top: 1px solid #fff;}
h3.i_date	{margin-top:-0.5em;color:#666; font-style:italic;}
div.i_text{}
p.i_link{}
p.i_link a{}
div.admin_i{
		background:#ccc;
		color:#fff;
		font-size:0.8em;
		clear:both;}
h3.admin_h3{
		padding: 5px 15px;}
div.admindiv{
		padding: 5px 15px;}
div.admindiv textarea{
		width:500px;height:50px;
		background-color:#CCC;
}
#css_box {
		position:absolute; top:450px; left:450px;
		z-index:3;}
#css_box a {
		color:#fff;
		background:#33CC33;
		font:bold 16px verdana, sans-serif;
		text-decoration:none;
		display:block;
		padding:5px;
		border:1px solid black;}
#css_box a:hover {
		color:black;
		background:#ddd8b7;
		width:400px;}
#css_box a span {display:none;}
#css_box a:hover span {
		color:black;
		background:#fff;
		font:normal 16px courier, sans-serif;
		border:1px solid black;
		display:block;
		padding:10px;}
		
/*	Ab Firefox 2, Internet Explorer 7 und Opera 8.	Externe Links mit Icon kennzeichnen*/		
a[href^="http:"] {
background: transparent
url('extern.gif') 100% 50% no-repeat;
padding-right: 20px;
}


/*	Tool-Tipp mit css	*/
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}
	
	
	form.newsletter_formbody{}
form.newsletter_formbody *{margin-bottom: 2px;}
form.newsletter_formbody label.newsletter_label,
form.newsletter_formbody span.newsletter_label{display:block;width:70px;float:left;clear:left;}
form.newsletter_formbody input.newsletter_text{width:120px;}
form.newsletter_formbody select.newsletter_select{}
form.newsletter_formbody select.newsletter_select option{}
form.newsletter_formbody span.newsletter_descr{}
form.newsletter_formbody span.newsletter_lang_sel{float:left;clear:none;width:120px;}
form.newsletter_formbody span.newsletter_lang_sel label{}
form.newsletter_formbody span.newsletter_lang_sel input{}
form.newsletter_formbody span.newsletter_hinweis{clear:left;}
form.newsletter_formbody input.newsletter_submit{margin-left:70px;cursor:pointer;}
.newsletter_error{color:#800; font-weight:bold;}
form.newsletter_formbody .newsletter_line{clear: both;}
form.newsletter_formbody input{
border: 2px solid #ccc;
}
form.newsletter_formbody input.error,
form.newsletter_formbody span.error
{border: 2px solid #800;}

div.status
{
width:18px;
height:18px;
}
div.status1
{
background-color:green;
}
div.status2
{
background-color:blue;
}
div.status3
{
background-color:red;
}
div.status4
{
background-color:yellow;
}
.kein_druck	{
}
