/* ====================================================================
Stand: Okt 2009
Datei: index.css
Datum: 04.10.2009
Autor: Jörg Paßmann

Aufbau: 1. Kalibrierung und allgemeine Styles
        2. Styles für Layoutbereiche
		3. Sonstige Styles
		
Farbwahl: 1. Dunkelgrün: 283420
          2. Mittelgrün: 314100
		  3. Hellgrün:   a2b008
		  4. Grau 393837
		  5. Hintergrund 283420
		  6. Grün normal 336600
==================================================================== */
/* Import externer CSS-Dateien 
==================================================================== */
@import url(rte.css);

/* ====================================================================
   1. Kalibrierung und allgemeine Styles
 ==================================================================== */
 * { padding: 0; margin: 0; }
body {
	color			: white; /* Schriftfarbe */
	background      : #283420 url('../img/header_back.gif') repeat-x top;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: small;
	}

#logo {
/*	color			: white;
	background-color: white;*/
	margin          : 10px;
	float           : left; 
	}

#seitenrand {
	margin: 0 auto;
	width: 800px;
	background: url('../img/schatten.png') repeat-y;
	position: relative;
	z-index: 10;
}
#toprand {
	margin: 10px auto;
	margin-bottom:0;
	width: 800px;
	height: 10px;
	background: url('../img/schattenoben.png') ;
	position: relative;
	z-index: 10;
	}
#bottomrand {
	margin: 0 auto;
	width: 800px;
	height: 10px;
	background: url('../img/schattenunten.png') ;
	position: relative;
	z-index: 10;
	}
address {
	text-align:center;
	font-size:80%;
	font-style:normal;
	letter-spacing:2px;
	line-height:1.5em;
	}

/*Link-Steuerung*/
a {
		text-decoration: underline;
		color: #336600;
		}
a:hover {
		text-decoration: underline;
		color:	#314100;
		}
a:link {
	
	}
a:visited: {
		text-decoration: underline;
		color: #283420;
		}
		
/*Link-Steuerung ENDE*/	

.skiplink {
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height:0px;
	overflow: hidden;
	display: inline;
	}
	
/* Abstand nach unten */
h2, p, ul, ol { margin-bottom: 1em; }

/* Verschachtelte Listen ohne Abstand */
ul ul {margin-bottom: 0; }

/* Abstand von links */
li { margin-left: 1em; }	
/* ====================================================================
   2. Styles für Layoutbereiche
 ==================================================================== */
#wrapper {
	color: black;
	background      : url('../img/content_back.gif') repeat-y ;
	width: 780px;
	margin: 0 auto;
	}

#kopfbereich {
	color: #ffffff;
	background: white;
	margin: 0 auto;
	height: 275px;
	}
.topphoto {
	margin: 0;
	float: left;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #cccccc;
	width: 780px;
	height: 245px;
	background-color: #cccccc;
	}
#sitename {
	padding: 10px;
	color:   #ffffff;
	}

#sitename h1{
	 font-size: 175%; 
	 }
#sitename h2{
	 font-size: 130%; 
	 color: #ffffff;
	 }

#topnav {
	margin: 0;
	padding: 10px;
	float: right;
	color: black;
	height: 20px;
	}
#topnav ul{
	color: black;
	list-style: none;
	}
#topnav li{
	display:inline;
	}	
#topnav a{
	color: #000000;
	font-size: 70%;
	font-family: "Lucida Grande", "Lucida Sans Regular", "Lucida Sans Unicode", Calibri, "Trebuchet MS", Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	margin: 16px 0 0 0;
	padding-left: 13px !important;
	padding-right: 10px;
	background: url('../img/trennlinie.gif') no-repeat 0 3px;
}
#topnav a:link {
	text-decoration:none;
	border-bottom: 0;
	}

/* HAUPTNAVIGATION */
#navibereich {
	margin-left: 0;
	padding: 0;
	background-color: #283420;
  	width            : 780px;
	height:             42px;
}
#navibereich li {
	 margin: 0;
	 }
.mainlevel {
  margin: 0;
  font-weight: bold;
  width            : 100%;
  background       : #283420;
}
.mainlevel ul {
  font-family      : Verdana, sans-serif;
  text-align:center;
  padding          : 0;
  margin           : 0px;
  color            : #cccccc;
  float            : left;
  width            : 100%;
}
.mainlevel ul li {
  display          : inline;
}
.mainlevel ul li a {
  padding          : 4px 15px 4px 10px;
  float            : left;
  height           : 22px !important;
  height           : 24px;
}

.mainlevel a:link,  .mainlevel a:visited {
  color            : #ffffff;
  background       : #283420;
  text-decoration  : none;
  border-bottom    : none;
  border-right     : 1px solid #ffffff;
}
.mainlevel ul li a:hover {
	color: #283420;
	background-color: #cccccc;
        border-bottom    : none;
}

.mainlevel li#mainlevelactive a {
        color            : white;
        background       : #a2b008;
        border-bottom    : none;
}
/* HAUPTNAVIGATION ENDE*/

/*SUBMENÜ */
.bM {
	margin: 0;
	width: 195px;
	padding: 3px 0 0 0; 
    font-family:  "Lucida Grande", "Lucida Sans Regular", "Lucida Sans Unicode", Calibri, "Trebuchet MS", Helvetica, Verdana, sans-serif;
	border-bottom-width: 0;
	}
.bM ul {
	color: white;
	font-weight:bold;
	list-style-type: none;
	text-decoration: none;
}
.bM ul li {
	color: white;
	list-style-type: none;
	text-decoration: none;
}
.bM ul li a{
	background: #314100;
	font-family:  "Lucida Grande", "Lucida Sans Regular", "Lucida Sans Unicode", Calibri, "Trebuchet MS", Helvetica, Verdana, sans-serif;
	color: white;
	display:block;
	padding: 5px 0;
	padding-left: 10px;
	text-decoration:none;	
	border-bottom    : 1px solid #ffffff;
}

.bM ul li a:hover {
  color            : white;
  background       : #a2b008;
  border-bottom    : 1px solid #ffffff;
}
.bM ul li.bM a:active {
  color            : white;
  background       : #314100;
  border-bottom    : 1px solid #ffffff;
}
.bM ul li.bM a:hover{
	background: #314100;
}

/*Menüfarbe_Sublevel_Normalzustand*/
.bM ul li.bM_NO a{
	background:  #6e7421;
	color: white;
}
/*Menüfarbe_Hover*/
.bM ul li.bM_NO a:hover{
	background: #a2b008;
}

/*Menüfarbe Sublevel2_Normalzustand  */
.bM ul li.bM2_NO a{
	background: #c2cdb7 url('../img/navi-pfeil.gif') 10px 50% no-repeat;
	padding-left: 25px;
	color:	#283420;
	text-transform:none;
	font-size: 90%;
}
.bM ul li.bM2_NO a:hover{
	color: white;
	background:  #a2b008;
}
.bM ul li.bM2_ACT a {
    background: #314100 url('../img/navi-pfeil_ACT.gif') 10px 50% no-repeat;
	padding-left: 25px;
	color:	white;
	text-transform:none;
	font-size: 90%;
}

/*SUBMENÜ ENDE */


/* HAUPTNAVIGATION ENDE*/

/*#content {
	background      : url('../img/content_back.gif') repeat-y ;
	}*/

#column_left {
	margin: 0;
	padding: 0;
	float:left;
	width:200px; 
	color: #000000;
	background-color: white;
	font-size: 90%;
	}	
#content_left {
	float:left;
	width:167px; 
	color: black;
	font-size: 90%;
	margin: 5px;
	padding: 10px;
	}	
#content_left h1, h2{
	color: #cccccc;
	font-size: 140%;
	font-weight:bold; 
	padding-bottom: 5px;
	}	
#textbereich {
	margin-left: 200px;
	*margin: 0 auto;
	padding: 20px;	
	border: #FFFFFF 5px solid;
	text-align: justify;
	}
#textbereich h1{
	 font-size: 150%; 
	 padding-bottom: 5px;
	 color: #393837;
	 	 }
#textbereich h2{
	 font-size: 140%; 
	 color:#393837; 	
	 }
#textbereich h3{
	 font-size: 120%; 
	 color: #314100;
	 }
#textbereich h4{
	 font-size: 110%; 
	 color:	#314100;
	 border-bottom: 1px solid #333333; 
	 }
#textbereich h5{
	 font-size: 110%; 
	 color: #00FF00;
	 }

	/*Link-Steuerung Textbereich*/

	/*Aussehen der Links im Text*/

	/*Link-Steuerung ENDE*/


#footer {
	clear:        both;
	margin:         0 ;
	padding:        0 ;
    width      : 780px;
	background-color: #a2b008;
	border-top: 1px solid #cccccc;
 	}
.footer {
	margin: 0 10px 0 10px;
	padding: 10px 20px 20px 20px;
	color: black;
	text-align:center;
	}
.footer a {
	color: black;
	}	
.jp {
	font-size: 10px;
	color: #666666;
	}
.jp a:link, .jp a:hover, .jp a:focus, .jp a:active, .jp a:visited {
	color: #666666;
	text-decoration:none;
	border: 0;
	}	
#bottom {
	clear			: both;
	height			: 20px;
	width			: 780px;
	margin			: 0 auto;
	}
  
/* ====================================================================
   3. Sonstige Styles
 ==================================================================== */
.clear {
	clear:both;
	}
a.download {
  background: url('../img/download_link.png') left 50% no-repeat;
  padding-left: 14px;
}
.csc-textpic a, .csc-textpic-center a, .csc-textpic-above a, .csc-textpic-caption-c a{
  border-bottom: 0;
  }

.csc-textpic-clear {
  clear : both;
  margin-bottom : 20px;
}
.imgtext-table {
 
}
a.download {
  background: url('../img/download_link.png') left 50% no-repeat;
  padding-left: 14px;
}
.tx-thmailformplus-pi1 {
  clear : both;
  height: 650px;
  background-color:#CCCCCC;
 
 }
/* Such Regeln ausblenden */
.tx-indexedsearch-rules {
  display : none;
}

.csc-caption {
  color            : #283420;
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  line-height      : 15px;
  }
/* ##################### RTE ##################### */
/* Auszeichnungen */
cite, blockquote { 
  font-style:italic; 
  }
  
blockquote { 
  margin: 0 0 0.5em 0;
  padding: 0 1.4em 0 1em; 
  border-left: 3px solid #1a4c76;
  }
  
strong,b { 
  font-weight: bold; 
  }
  
em,i { 
  font-style:italic; 
  }
  
pre, code { 
  font-family: monospace; 
  font-size: 1.1em; 
  }
  
pre, tt, code {
  font-family:"Courier New", Courier, monospace;
  }
  	
acronym, abbr {
  letter-spacing: .07em;
  border-bottom: .1em dashed #c00;
  cursor: help;
  }
  
sup, sub {
  font-size:0.85em;
  }
  
sup {
  vertical-align:20%;
  }
  
sub {
  vertical-align:-20%;
  }

/* Formatierungen im RTE */
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { 
  text-align: left; 
  }
  
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { 
  text-align: center; 
  }
  
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { 
  text-align: right; 
  }

p.csc-frame-indent,h1.csc-frame-indent,h2.csc-frame-indent,h3.csc-frame-indent,h4.csc-frame-indent {
  padding-left:1.5em;
  }
  
p.csc-frame-frame1,h1.csc-frame-frame1,h2.csc-frame-frame1,h3.csc-frame-frame1,h4.csc-frame-frame1 {
  border: 1px solid #999; 
  padding: 0.5em;
  margin:1em 0;
  }

p.kleinertext, div.kleinertext {
  font-size:0.8em; 
  line-height: 1.2em;
  }
  
p.grossertext, div.grossertext {
  font-size:1.4em; 
  line-height: 1.4em;
  }
	
div.zitatbox, p.zitatbox {
  border: 1px solid #999999;
  background-color: #cccccc;
  font-style: italic;
  }

span.serifen {
  font-family: georgia, times, "times new roman", serif;
  font-size:1.1em;
  }
  
span.starkebetonung {
  color:#aa0000;
  }
  
span.betonung {
  color: #1a4c76;
  }
  
span.hellgrau {
  color:#aaaaaa;
  }
  
span.dunkelgrau {
  color:#666666;
  }

/* Tabellen  */


/* Layoutvariante 1 */

table.contenttable 
{
border:1px solid #999;
}

.contenttable thead th { 
  text-align:left;
  color: #999999; 
  font: normal 14px Tahoma, Verdana,sans-serif;
  font-weight: bold;
  }

.contenttable td {
  border:1px solid #999;
  padding:0.3em;
  }

.contenttable tr {
  margin: 0;
  padding: 0;
  }

/* Layoutvariante 2 mit Linien */

table.contenttable2 {
  border-top:1px solid #999;
  }

.contenttable2 td {
  border-bottom:1px solid #999;
  padding:0.3em;
  }
  
.contenttable2 th {
  background:#efefef;
  border-bottom:1px solid #999;
  padding:0.3em;
  }

/* Layoutvariante 3 */

table.contenttable3 {
  border-top: 1px solid #999;
  }

thead th { 
  text-align:left;color: #007d7d; 
  font: normal 14px Tahoma,Arial,sans-serif;
  font-weight: bold;
  }

.contenttable3 td, .contenttable3 th {
  padding:0.3em;
  border-bottom: 2px solid #fff;
  }

.contenttable3 th {
  text-align:left;color: #007d7d; 
  font: normal 14px Tahoma, Verdana,sans-serif;
  font-weight: bold;
  }

.contenttable3 .tr-odd td {
  background: #f8f8f8;
  }

.contenttable3 .tr-even td {
  background: #eeeeee;
  }

.contenttable3 .tr-last td {
  border-bottom: 1px solid #999;
  }

table.layout {
  border:none;margin:0; 
  border-spacing:0;
  border-collapse:collapse;
  }

table.layout th, table.layout td {
  padding:0em;
  }

table.layout caption {
  display:none;
  }


/* Rahmen */
.csc-frame-invisible {
  display:none;
  }

.csc-frame-indent {
  padding-left:1.5em;
  }

.csc-frame-indent3366 {
  padding-left:33%;
  }

.csc-frame-indent6633 {
  padding-right:33%;
  }

.csc-frame-frame1 {
  border: 1px solid #666; 
  padding: 0.5em;
  margin:1em 0;
  overflow:hidden;
  }

/* Menü-Sitemap links */

.csc-header {
	color: #283420;
	}
.csc-menu {
list-style: none;
}
.internal-link{
    color: #336600;
	text-decoration: underline;
  }
.internal-link:visited: {
		text-decoration: underline;
		color: #283420;
		}
/*a1_teasermenu */
.tx-a1teasermenu-pi1 {
 width: 530px;
 }
 /*a1_teasermenu */
.teaser{
 border:1px solid #a2b008;
 margin: 0;
  background-color:#f2ecdb;
}
.teaser-img img{
 border: none;
 float: left; 
 }
.teaser-link a {
 border: none;
 text-decoration:none;
 }
.teaser-link {
 text-decoration:none;
 padding: 5px;
 text-align:left;
 margin-left: 110px;
 }
.teaser-abstract {
	
	}

/* ##################### Links extern ##################### */
#herchenquiz {
background-color:#cecece;
}

#wetterinfo {
clear:inherit;
border: 1px solid a2b008;
padding: 5px 0 0 5px;
height: 200px;
background-color:#cecece;
}
/* ====================================================================
   ENDE DES STYLESHEETS
 ==================================================================== */