/*
	Farbcodes:
		helles graublau: 	#B5B4CB
		dunkleres blau:		#0F077E
		grau:    			#373536
	
	Breite des Hauptbereichs:	700px;
		
Der Abstand im Body oben ist durch ein margin realisiert */

/*******************************************************************
*
*     globale Elementformatierungen
*
********************************************************************/
html {
	height: 100%;
	width: 100%;
}

body {
	font-size: 10pt;
	color: #373536;
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	height: 100%;
	background-color: #FFFFFF;
}
body a:link, 
body a:visited {
	text-decoration: none;
	color: #373536;
}

td {
	font-size: 10pt;
}


/* ----------------------------------------------------------------------------- Formularformatierungen */
input,
textarea {
	font-size: 8pt;
	background-color: white;
	border: 3px solid #B5B4CB;
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;	
}
legend, 
label {
	font-weight: bold;
	font-size: 10pt;
	font-style: italic;
	color: #0F077E;
}
.content input,
.content select,
.content label {
	float: left;
	margin-bottom: 8px;
}
.content label {
	width: 250px;
}

fieldset {
	border: thin solid #B5B4CB;
}
form br{
	clear: both;
}


/*------------------------------------------------------------------------------ Überschriftformatierungen */
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
h1 {
	font-size: 16pt;
	font-style: italic;
	color: #0F077E;
	padding-bottom: 20px;
}
h2 {
	font-size: 12pt;
}
h3{
	font-style: italic
}


/********************************************************
*
* FORMATIERUNG FÜR DEN SEITENKOPF
*
********************************************************/
/*--------------------------------------------------------------- Formatierung für Menüleiste und Leiste unter dem Titelbild */
.menuleiste, 
.leiste_unten {
	width: 100%;
	height: 25px;
	background-color: #373536;
}
/*------------------------------------------------------------------------------------------- graue Abschlussleiste des Seitenkopfs */
/* wird aus dem Textfluss herausgenommen */
.leiste_unten {
	clear: both;
	height: 5px;
	font-size: 1px;
}


/*------------------------------------------------------------------------ Formatierung des Inhaltsbereichs, in den das Titelbild eingefügt wird */
.headerbild {
	width: 700px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
/*------------------------------------------------------------------------- Klasse in die keder Metamenü - Eintrag gesetzt ist*/
/* Linkhover ist mit im globalen Modul geregelt */
.metaarea {
	position: absolute;
	top: 50px;
	left: 700px;
	font-size: 8pt;
	padding-left: 10px;
	padding-top: 10px;
	/*max-width: 240px;*/
	/*height:250px;*/
	/*max-height:250px;*/
}
.metaarea a:link, 
.metaarea a:visited  {
	color: #0F077E;
	
}

/***********************************************************
*
*
* FORMATIERUNG DES HAUPTINHALTS
*
*
***********************************************************/
/*------------------------------------------------------------------------------*INHALTSBEREICH */
/*Inhalt muss Links fliessen um Mehrspaltigkeit zu ermöglichen */
.content {
	font-size: 10pt;
	float: left;
	height: 100%;
	min-height: 100%;
}
/*---------------------------------- gemeinsame Formatierung der Inhaltsboxen im zweispaltigen Menü*/
.DIVcontentLeft, 
.DIVcontentRight {
	background-image: url(../Bilder/verlauf_content.jpg);
	background-repeat: repeat-x;
	padding: 15px;
	padding-bottom: 0px;
	margin: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px dotted #353736;
}
/* --------------------------------------------------- setze den linken Inhalt als fliessende  Box im Text */
.DIVcontentLeft {
	margin-top: 0px;
	float: left;
	width: 250px;
}

/*------------------------------------------------------------------------festlegen der Breite des Inhaltselements*/
.content, 
.headerbild {
	width: 700px;
}
/*------------------------------------------------------------------------ Mindestbreite für Inhaltsbereich festlegen */
.content_parent {
	width: 1000px;
	height: 100%;
	min-height: 100%
}
/*-------------------------------------------------------------------------- Formatierung der Links innerhab des Inhalts */
.content_link a:link,
.content_link a:visited {
 color: #0F077E;
 padding-left: 5px;
 padding-right: 5px;
 border-bottom: 1px dashed #0F077E;
}

/*-----------------------------------------------------------------------Formatierung des Textes im 2 - spaltigen Layout */
.starttext {
	background-color: #B5B4CB;
	font-weight: bold;
	line-height: 16pt;
}
/*------------------------------------------------------------------------Positionierung des Logos */
.logo {
	position: absolute;
	top: 6px;
	right: 0px;
	z-index: 0;
}
/*-------------------------------------------------------------------------Formatierung des Rootline Menüs */
/*Links mit Standardhover formatiert */
.rootline {
	font-size: 7pt;
	color: #B5B4CB;
	padding-bottom: 7px;
}


.pagenav {
	font-size: 8pt;
	color: #B5B4CB;
}

.pagenav a{
	font-size: 8pt;
	color: #B5B4CB;
}

/**************************************************************
*
* FORMATIERUNG FÜR 1 - SPALTIGES LAYOUT
*
* Es gibt nur rechts eine Randspalte mit Suchbox, Untermenü und optionalem Newsbereich
*
**************************************************************/

.contentEinSpaltig {
	padding:10px; 
	padding-top: 20px;
	border-right: 1px solid #B5B4CB;
	height: 100%;
}

/**************************************************************
*
* FORMATIERUNG FÜR 2 - SPALTIGES LAYOUT
*
*
* Die linke Spalte wird innerhalb des Content - Containers von der rechten Spalte umflossen
* die Trennlinie zwischen den Spalten wird durch die linke Spalte realisiert
**************************************************************/

/*------------------------------------------------------------------------- */

.kopfBereich_zweispaltig {
 padding: 20px; 
 background-color: #B5B4CB;
}
.spalte_links {
	padding: 10px;
	padding-bottom:0px;
	float: left;
	width: 45%;
	margin-left: 10px;
	margin-right: 10px;
	border-right: 1px solid #B5B4CB;
	height: 100%;
}
.spalte_rechts {
	padding: 10px;
	padding-bottom:0px;
	padding-left: 0px;
	height: 100%;
	border-right: 1px solid #B5B4CB;
}



/*****************************************************************
*
*  WEITERE INHALTSELEMENTE
*
*
******************************************************************/
/*------------------------------------------------------------------------- linke Spalte */
/* umhüllender Container für News, Panel und Randspalte */
.linksaussen {
	float:left;
	width: 250px;
	height: 100%;
	font-size: 8pt;
}
/*------------------------------------------------------------------------- Formatierung der blauen Fläche neben dem Hauptinhalt*/
.panel {
	background-color: #0F077E;
	color: white;
	padding: 5px;
	padding-left: 10pt;
}
.panel a:link, 
.panel a:visited {
	color: white;
}
.panel input {
	font-size: 8pt;
}

.printlink {
	padding-bottom: 10px;
	
}

/*------------------------------------------------------ Formatierung des Berichs der die Newsartikel beinhaltet */
.news {
	padding-left: 10px;
}
.rand {
	padding-left: 10px;
	padding-top: 15px;
	border-top: 1px solid #B5B4CB;
}
.adresse 
{
	color: #B5B4CB;
}

/*---------------------------------------	Formatieurng für das Menü, das direkt im Content steht und 
-----------------------------------------   als Inhaltselement eingefügt werden kann */
.contentmenu,
.contentmenu_act a:link,
.contentmenu_act a:visited {
	font-style: italic;
	font-weight: bold;
}
.contentmenu a:link,
.contentmenu a:visited {
	color: #0F077E;
}


.contenmenu_description {
	font-style: normal;
	font-weight: normal;
	font-size: 10pt;
	padding-left: 10pt;
}

/*
*
*
*
*  ------------------------------------------------------------------------------- BUS  - Standardhover*/
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
.news a:hover,
.rootline a:hover,
.metaarea a:hover,
.newsrelationen a:hover,
.contentmenu a:hover,
.contentmenu_act a:link,
.contentmenu_act a:visited ,
.news-catmenu-NO a:hover,
.suche_ergebnispfad a:hover,
.suche_header a:hover,
.content_link a:hover {
	color: #353736;
	background-color: #B5B4CB;
	border-bottom: 1px dashed #353736;
}
/************************************************************
*
*
*  LINKKLASSEN FÜR MENÜS U.S.W
*
*
*************************************************************/
/*---------------------------------------------------------------------- Formatierung für das Menü im Seitenkopf*/
.layermenu_level1 {
	text-transform: uppercase;
	letter-spacing: 2px;
	background-image: url(../Bilder/bg_trans.png);
	border-top: 0px solid white;
	font-size: 8pt;
	width: 200px;
	filter:Alpha(opacity=75);
}
/*--------------------------------------------------------- inaktiver  - Normalzustand mit transparentem Hintergrund */
.layermenu_level1 a:link, .layermenu_level1 a:visited {
    color: white;
	display: block;
	padding: 3px;
	filter:Alpha(opacity=100);
}
/* ------------------------------------------------------ aktiver Zustand mit grauem Hintergrund */
.layermenu_level1 a:hover {
	background-color: #B5B4CB;
	color: #353736;
}
/* ------------------------------------------------------------------- Formatierung des Submenüs im Panel */
/* wird als Block dargestellt */
.submenu_item a:link, 
.submenu_item a:visited, 
.submenu_item_act a:link, 
.submenu_item_act a:visited{
	display: block;
	width: 200px;
	border-bottom: 1px solid white;
	border-right: 8px solid white;
	padding-top: 5px;
	padding-bottom: 7px;
	margin-bottom: 5px;
	font-weight: bold;
}
/*-----------------------------------------------------------------------Formatierung der 3.Menüebene im blauen Panel */
.subsubmenu_item {
	padding-left: 10px;
}
.subsubmenu_item_act {
	padding-left: 5px;
}


/* ------------------------------------------------------ setze Schrift bei aktiv / hover auf grau */
.submenu_item a:hover,
.submenu_item_act a:link,
.submenu_item_act a:visited {
	color: #B5B4CB;
}
.submenu_item a:hover,
.submenu_item_act a:link,
.submenu_item_act a:visited {
	border-color: #B5B4CB;	
}

.subsubmenu_item a:link,
.subsubmenu_item a:visited {
	color: #B5B4CB;
}
.subsubmenu_item_act a:link,
.subsubmenu_item_act a:visited,
.subsubmenu_item a:hover {
	font-weight: bold;
	color: white;
}



/****************************************************************************************
*
*  Newsstyles
*
*****************************************************************************************/
.newsartikel {
	margin-bottom: 15px;
}
.newsrelationen {
	border: 1px solid #B5B4CB;
	clear: both;
	padding: 10px;
}
/*-----------------------------------------------Formatierung für Kategoriemenü*/
.news-catmenu-NO,
.news-catmenu-ACT
{
        color: #0F077E;		
		font-style: italic;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 15px;
		border-bottom: 1px solid #B5B4CB;
		border-right: 5px solid #B5B4CB;
		height: 30px;
}
.news-catmenu-ACT
{
	border-color: #373536;
}


/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- 

		helles graublau: 	#B5B4CB
		dunkleres blau:		#0F077E
		grau:    		#373536
*/
.news-amenu-container {
	margin-top:10px;
	padding:3px;
	#border:1px solid #373536;
	background-color:#fff;
}
.news-amenu-container LI {
	padding-bottom:1px;
        padding-left:5px;
}
.news-amenu-container UL {
	padding:3px;
	margin-top:5px;
	margin-left:0px;
	margin-bottom:0px;
	border:1px solid #373536;
	background-color:#B5B4CB;
	list-style-type: none;
}
.news-amenu-container H2 {
	color:#0F077E;
	padding:3px;
	border:1px solid #373536;
	background-color:#B5B4CB;
}
.news-amenu-item-year {
	font-weight: bold;
	border: 1px solid #fff;
	padding: 2px;
	background-color: #0F077E;
	color:#fff;
}
/****************************************************************************************
*
*   CSS für die Startseite
*
****************************************************************************************/
#startseite {
	font-size: 8pt;
	margin-top: 20px;
}
/* -------------------------------------------------------------- Formatierung der 3 Spalten auf der Startseite */
.dreispaltig_spalte_rechts, 
.dreispaltig_spalte_links, 
.dreispaltig_mitte {
	width: 33%;
	height: 300px;
}
.dreispaltig_rand {
	padding: 20px;
}
.dreispaltig_mitte {
	float: left;
}
.dreispaltig_spalte_links {
	border-right: 1px solid #B5B4CB;
	float: left; 
}
.dreispaltig_spalte_rechts {
	border-left: 1px solid #B5B4CB;
	float: right;
}


/* *****************************************
*
*
*   CSS für die Frontend - Benutzerregistrierung 
*
********************************************/
.tx-srfeuserregister-pi1-username {

}

.tx-srfeuserregister-pi1-error {
	font-weight: bold;
	color: red;
	border: 1px solid #FFAFAF;
	padding: 5px;
	background-color: #FFDFDF;
}

.formularfehler {
	font-weight: bold;
	color: red;
	border: 1px solid #FFAFAF;
	padding: 5px;
	background-color: #FFDFDF;
	margin: 5px;
}
/*******************************
*
* CSS für die Suchergebnisse
*
*
******************************/
.suche_ergebnis {
	margin-bottom: 60px;
}
.suche_header {
	font-weight: bold;
	font-size: 14pt;
	font-style: italic;
	border-bottom: 1px solid #B5B4CB; 
	border-right: 8px solid #B5B4CB; 
}

.suche_text {
	margin-left: 20px;
	
}
.suche_ergebnispfad {
	text-align: right;
	font-weight:bold;
}

.imgtext-table td {
	font-size:6px;
}