* {
	margin: 0;
	padding: 0;
}

html {
	height: 101%; /* Scrollbar immer anzeigen, auch im IE8 */
	/*margin-bottom: 1px;*/ 
	/* alternativ die Scrollbar des Hauptfensters ganz ausschalten: */
	/*overflow-x: hidden;*/ 
	/*overflow-y: hidden;*/  
}

body {
	margin:0;
	padding:0;
	min-width:1000px;
	background-color: #E8E8E8; /*dunkelgrau, auch background der leftnav*/
	/*height: 100%;*/ 
	/*margin-bottom: 1px;*/ 
}

h1 {
	color: #4B82FF; 
	font-family: Verdana; 
	font-size:16px; 
}

/* nur für IE weil IE6 min-width nicht versteht --> */
* html #page_container {
    width: expression((documentElement.clientWidth <1000) ? "1000px" : "100%" )
}

#head_container {
	height: 75px;
	background-color: #4B82FF; /*hellblau*/
}

#head_rightpart {
	float:right;
}

#head_leftpart {	

}

#head_leftpart img{	
	border-style:none;
}

#head_line {
	height:1px;
	background-color: #E8E8E8; /*dunkelgrau, auch background der leftnav*/ 
	/* #FF7F00; orange*/
}

#column_container{
	height: 100%; /* für IE6 */
}

#left_column {
	position:relative; /* um die Logos unten absolute positionieren zu können */	
	float: left;
	width: 200px;
}

#leftnav_login {
	position: absolute;
	width: 150px;
	top: 385px;  /* absolut von oben positioniert damit die Logos beim Expandieren in der leftnav nicht in der Höhe wandern */
	font-family: Verdana; 
	font-size:11px; 
	line-height:1.5em;
	color:#0A0A90; /*Text dunkelblau*/
}

#leftnav_logodiv {
	position: absolute;
	left:19px;
	top: 430px; /* absolut von oben positioniert damit die Logos beim Expandieren in der leftnav nicht in der Höhe wandern */
	z-index: 0;
}

.leftnav_logo{
	float: left;
}

.leftnav_logo img {
	border-style:none;
}

#mid_column {
	margin-left: 200px;
}

/* alles was sich in der mittleren Spalte befindet ("Content") */
#mid_column_inner { /* "globales Clear" aufheben bzw. neuen BTC erzeugen; Alternative: overflow (mit Nebenwirkungen) */
	float: left;
	width: 100%;
	background-color: #F1EFEF; /*hellgrau, fast weiß*/
}

#mid_column_inner_static {
	/* width: 800px;  wenn die volle Breite genutzt werden soll, weglassen und ggf. mit margin-right rechten Rand erzeugen */
}

#mid_column_inner .intro {
	width: 760px;
	font-family: Verdana; 
	font-size:13px; 
	line-height:1.5em;
	color:#0A0A90; /*Text dunkelblau*/
	margin-top: 0px; /*wichtig für FF, sonst verschiebt sich der Text durch das Imagewrap nach unten!*/
	margin-left:40px; 
	margin-bottom: 10px;
	padding-top: 10px;
}

/* Icon im Introtext der Sitzungstermine optimieren */ 
#mid_column_inner .intro img {
	margin-bottom: -2px;
}

#mid_column_inner .greybox {
	width: 699px;
	background-color: #E6E6E6; /*dunkelgrau, "graue Kästen"*/
	background-image:url('../images/layout/greybox_backgr.gif');
	background-repeat:no-repeat;
	margin-top: 10px;
	margin-left: 40px;
	font-family: Verdana; 
	font-size:13px; 
	color: #0;
	padding-top: 10px;
	padding-left: 36px;
	padding-right: 25px;
	padding-bottom: 10px;	
}

       /* IE CSS Hack wegen Verschiebung im Content-Bereich unter IE6 ("IE 3px-Bug") */

       * html left_column { 
            margin-right: -3px; 
       } 

	/* derzeit nicht benötigt, ist gibt keine rechte Spalte */
       * html #right { 
            margin-left: -3px; 
       } 
  
       * html #mid_column { 
            margin-left: 197px;
            display:inline-block; 
       } 

       /* Ende IE CSS Hack */

#mid_column_inner .greybox ul {
	list-style:none; 
}

#mid_column_inner .greybox ul li {
	background:url('../images/icons/pfeilul.gif') no-repeat left 6px; 
	padding-top: 4px; /* Abstand zwischen den Textblöcken erzeugen */
	padding-bottom: 4px; /* Abstand zwischen den Textblöcken erzeugen */
	padding-left:16px;
}

#mid_column_inner .infobox {
	width: 699px;
	background-color: #E6E6E6; /*dunkelgrau, "graue Kästen"*/
	background-image:url('../images/layout/infobox_backgr.png');
	background-repeat:no-repeat;
	margin-top: 10px;
	margin-left: 40px;
	font-family: Verdana; 
	font-size:13px; 
	color: #0;
	padding-top: 10px;
	padding-left: 36px;
	padding-right: 25px;
	padding-bottom: 10px;	
}

       /* IE CSS Hack wegen Verschiebung im Content-Bereich unter IE6 ("IE 3px-Bug") */

       * html left_column { 
            margin-right: -3px; 
       } 

	/* derzeit nicht benötigt, ist gibt keine rechte Spalte */
       * html #right { 
            margin-left: -3px; 
       } 
  
       * html #mid_column { 
            margin-left: 197px;
            display:inline-block; 
       } 

       /* Ende IE CSS Hack */

#mid_column_inner .infobox ul {
	list-style:none; 
}

#mid_column_inner .infobox ul li {
	background:url('../images/icons/pfeilul.gif') no-repeat left 6px; 
	padding-top: 4px; /* Abstand zwischen den Textblöcken erzeugen */
	padding-bottom: 4px; /* Abstand zwischen den Textblöcken erzeugen */
	padding-left:16px;
}

#mid_column_inner .nobackground {
	width: 699px;
	margin-top: 10px;
	margin-left: 40px;
	font-family: Verdana; 
	font-size:13px; 
	color: #0;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
}

#mid_column_inner .nobackground ul {
	list-style:none; 
}

#mid_column_inner .nobackground ul li {
	background:url('../images/icons/pfeilul.gif') no-repeat left 6px; 
	padding-top: 4px; /* Abstand zwischen den Textblöcken erzeugen */
	padding-bottom: 4px; /* Abstand zwischen den Textblöcken erzeugen */
	padding-left:16px;
}

/* alles Links im mittleren Bereich */
#mid_column_inner a { 
	text-decoration: none;
	color:#190AFF; /*hellblauer Text bei hover*/
}

#mid_column_inner a:hover { 
	text-decoration: none;
	color:#8780FF; /*dunkelblauer Text bei hover*/
}

.greylineShort {
	width: 800px;
	height: 4px;
	background-color: #E6E6E6; /*dunkelgrau, wie "graue Kästen"*/
}

.greylineLong {
	width: 90%;
	height: 4px;
	background-color: #E6E6E6; /*dunkelgrau, wie "graue Kästen"*/
}

.greylineDAM {
	width: 90%;
	height: 4px;
	background-color: #E6E6E6; /*dunkelgrau, wie "graue Kästen"*/
}

#topicon {
	margin-left: 40px;
}

#topicon img {
	border-style:none;
	margin-top: 4px;
	margin-bottom: 4px;
}

.copyright {
	float: left;
	font-family: Verdana; 
	font-size:10px; 
	color:#000000; /*schwarz*/
	margin-top: 4px;
	margin-left:18px; 
	margin-right: 40px;
	padding-bottom: 10px;
}
	
.footline {
	float: left;
	font-family: Verdana; 
	font-size:10px; 
	color:#000000; /*schwarz*/
	margin-top: 4px;
	margin-left:18px; 
	padding-bottom: 10px;
}

.footline img {
	margin-bottom: -5px;
	margin-right: 2px;
	border-style:none;
	/* margin-left: -5px; */
}

.clearme {
	clear: both;
}

/* Fußbereich ganz unten */
#footer {
	clear: both;
	height: 25px;
}

/* Shortcutleiste oben */
#topnav_container {
	background-image:url('../images/layout/topnav_backgr.png');
	width: 100%;
	height: auto;
}

#topnav_container ul {
	padding-right:16px; /* 3px; bei Erstentwurf mit Haltestellendach */
	text-align: right;
	margin:0;
	list-style-type: none;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	line-height: 139%;
}

#topnav_container ul li {
	display: inline; /* zuständig für die horiz. Anordnung der Listenpunkte bzw. Menüpunkte! */	
	color: #ff0000;  /* das sind nur die Listenpunkte (rot) */
	margin:0;
	padding:0;
}

#topnav_container a, a.navi_oben {
	text-decoration: none;
	color:#666666; /* Text dunkelgrau */
	padding:0px;
}

#topnav_container a:hover { /*, div#topnav_container ul a:active, div#topnav_container a.topnav_hover, div#topnav_container a.topnav_active { */
	background-image:url('../images/layout/topnavlink_backgr.png');
	color:#666666; /* Text dunkelgrau */
}

#topnav_container .topnav_current {
	color:#ff0000; /* rot */
}

/* Linke Navigation */

#leftnav {
	margin-left: 38px;
}

#leftnav ul {
	font-family: Verdana; 
	font-size: 12px;
       margin-top: 0px;
}

#leftnav ul li {
	list-style:none;
	padding-top: 5px;
	padding-bottom: 5px;
}

       /* IE CSS Hack wegen unterschiedlicher Abstände in den unterschiedlichen IE-Versionen  */
 
	/* IE6 */
	* html #leftnav ul li {
		list-style:none;
		padding-top: 4px;
		padding-bottom: 0px;
	}

	/* IE7 */
	html* #leftnav ul li {
		list-style:none;
		padding-top: 4px;
		padding-bottom: 0px;
	}

       /* Ende IE CSS Hack */

#leftnav img {
	margin-bottom: -1px;
	margin-right: 1px;
}

/* die in TS definierten Links und Sublinks */

#leftnav .leftnav_link {
}

#leftnav .leftnav_link_active {
}

#leftnav .leftnav_link_actifsub {
}

#leftnav .leftnav_sub_link {
	font-size: 11px;
	margin-left: 24px;
}

#leftnav .leftnav_sub_active {
	color:#ff0000; /*rot*/
	font-size: 11px;
	margin-left: 24px;
}

#leftnav a { 
	text-decoration: none;
	color:#190AFF;
}

#leftnav a:hover { 
	background-color: #F3F3F3; /*hellgrauer Balken bei hover*/
	color:#190AFF; /*hellblauer Text bei hover*/
}
/* gestrichelte Linie entfernen für alle Elemente (BlurLink ist in Typo3 ausgeschaltet!) */
a:active, a { 
	outline:none; 
}
 
:focus { 
	-moz-outline-style: none; 
}
 
:-moz-any-link:focus {
	outline: none;
}cus {
	outline: none;
}

/* ergänzende Formatierungen zu RTE-Klassen */
/* die Tabellen müssen im RTE (manuell) in ein divnormtable gepackt werden, 

/* die Klasse, in die Tabellen über die "Rahmen"-Funktion (dort: "Tabellenposition") eingewickelt werden müssen für exakte Positionierung */
/* und vor allem, damit die Tabellenbreite exakt an die Breite der grauen Trennlinie angepasst wird (90%) */

.contenttable{
	margin-top: 6px;  
	margin-left: 36px;
}

.damtable1{
	margin-top: 6px;  
	margin-left: 36px;
}

.damsearch{
	margin-top: 10px;
	margin-left: 40px;
	font-family: Verdana;
	font-size: 13px;
}

.damsearch label{
	padding-right: 10px;
}

.damsearch input{
	width: 201px;
}

.damsearch select{
	width: 205px;
}

.damsearch input#submit{
	margin-left: -1px;
	width: 99px;
}

.cattreewrap {	
	margin-top: 2px;
	margin-left: 36px;
	height: auto;
}

.damtable1 h1{
	margin-left: 4px;
	color: #4B82FF; 
	font-family: Verdana; 
	font-size:16px; 
}

.damtable1 .tx-damfrontend-pi1 {
	margin-top: 5px;
	margin-left: 0px;
	font-family: Verdana; 
	font-size:13px; 
	color:#000000; /*schwarz*/
}

.tx-damfrontend-pi1 .msg {
	margin-left: 5px;
}

.infotext1 {	
	margin-top: 2px;
	margin-left: 36px;
	height: auto;
}

/* Hinweis auf fehlende Rechte (Protokolle-Seite, ggf. derzeit nicht verwendet) ist in tbl gepackt um exakt das selbe Rahmenverhalten wie die tbl oben zu erzielen */

table.infotbl td {
	background-image:url('../images/layout/keys_backgr.png');
	background-repeat:no-repeat;
	font-family: Verdana; 
	font-size:13px; 
	color:#000000; /*schwarz*/
	background-color: #E5E5E5;
}

table.infotbl td h1 {
	padding-top: 10px;
	padding-left: 35px;
	padding-right: 10px;
}

table.infotbl td p {
	padding-left: 35px;
	padding-right: 10px;
	padding-bottom: 15px;
}

/* die Plugins */

.tx-felogin-pi1 {
	width: 550px;
	height: 240px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 40px;
	font-family: Verdana; 
	font-size:13px; 
	color: #0;
}

.tx-felogin-pi1 input {
	width: 200px;
}

.tx-felogin-pi1 #submit {
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
}

/* DAM-Fileliste */

table.filelist {
	font-family: Verdana; 
	font-size:13px; 
	color:#000000; /*schwarz*/
}

table.filelist th {
	background-color:#AEC7FF;
	height: 30px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}

table.filelist td {
	padding-left: 5px; 
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

table.filelist img {
	display: block;
	margin: auto;
	border-style:none;
}

table.filelist tr.odd {
	background-color:#E5E5E5;
	height: 40px;
}

table.filelist tr.even {
	background-color:#FAFAFA;
	height: 40px;
}

table.filelist tr.sortheader {
	background-color:#FAFAFA;
	font-size: 10px;
	height: 30px;
}

/* Suche auf der Site */

.tx-indexedsearch {
	width: 550px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 40px;
	font-family: Verdana; 
	font-size:13px; 
	color: #0;
}

.tx-indexedsearch #searchword {
	width: 300px;
}

.tx-indexedsearch #submit {
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: -1px;
	/* width: auto; */
}

.tx-indexedsearch-rules h2 {
	color: #4B82FF; 
	font-family: Verdana; 
	font-size:13px; 
}

/* FE-User-Registrierung */

.tx-srfeuserregister-pi1 {
	height: 600px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 40px;
	font-family: Verdana; 
	font-size:13px; 
	color: #0;
}

*+html .tx-srfeuserregister-pi1 dd, .tx-srfeuserregister-pi1 dt { /* nur für IE7 */
	padding-bottom:0;
}

.tx-srfeuserregister-pi1 p {
	width: 740px;
}

.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-submit {
	padding-left: 5px;
	width: auto;
} 

.tx-srfeuserregister-pi1 #submit {
	width: auto;
	padding-left: 5px;
}

/* Terminabstimmung */

.mailformular {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 36px;
	font-family: Verdana; 
	font-size:13px; 
	color: #0;
}

.mailformular label {
	padding-right: 15px;
}

#mailformName {
	width: 250px;
} 

#mailformBemerkungen {
	width: 250px;
} 

/* Glossar */

.tx-sgglossary-pi1 {
	width: 700px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 40px;
	font-family: Verdana; 
	font-size:13px; 
	color: #0;
}

.tx-sgglossary-pi1 #submit {
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
}