/* ------ Allgemeine Designangaben -------------------------------------------------------------- */

* {	margin: 0; padding: 0}
	
.clearer{
	background: none; 
	clear: both; 
	height: 0; 
	font-size: 0; 
	line-height: 0; 
	padding: 0; 
	margin: 0; 
	border: 0; 
	}

.ende{
	clear: both; 
	height: 0em;
	}

html {
	width: 100%;
        height: 100.01%; 
}

body {
	width: 100%;
        height: 100%;
	font-family: Verdana, Arial, sans-serif;
	background: #bfccff  url(../design/background.jpg) repeat-y center top;
        text-align: center;
}

#rahmen {
	width: 60em;
	margin: 0 auto;
        text-align: left;
	min-height: 100%;
}

/* Kopfbereich ---------------------------------------------------------------------------------- */

.kopf { 
	margin: 0 1em; 
	background: #FBFCFE;
	height: 10em;
	}

/* .oben {	background: url(../design/top_leiste.jpg) top center no-repeat;	height: 2.5em;} */
/* .obeninnen {	padding: 1.4em 0 0 14em } */
/* .oben .obeninnen p {	color: #BFCCFF;	font-size: 70%;	}

/* Unterbereich in Kopfbereich */

.kopflinks{
	display: block;
	width: 30em;
	float: left;
	height: 10em;
	position: relative;
}

.infostreifen{
	position: absolute;
	bottom: .5em;
	left: 1em;
	width: 20em;
	height: 1.5em;	
}

.infostreifen img{
	border: 0;
	margin: 0  1em 0 0;
	float: left; 
}

.kopfbild{
	height: 10em;
	float: right;

}

.logo {
	padding: 2em 0 0 1.2em;
}

/*** Die Suche ***/

.suchen input.go{
	visibility: hidden;
	text-indent: -999em; 
	visibility: hidden; 
	height: 0; 
	position: absolute; 
	top: 0; 
	left: 0;
}

.suchen form{
	background: url(../design/suche.gif) left center no-repeat;
}

.suchen input.eingabe{
	width: 10em;
	background: none;
	border: 0;
	padding: .2em .7em .3em 2em;
	color: #999;
	font-size: .7em;
	border-bottom: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
}


/*********** ZEILE UNTERHALB DES BILDES *****************************************/

#zeile {
	background: url(../design/Zeile.gif) repeat-x top left;
	background: #01209F;
	height:2em;
	margin: 0 1em;
}

#zeile .innen{
	padding: .7em 1em .5em 1.2em;
	color: #c8d4dd;
}

#zeile .innen span.rechts2{
	display: block;
	font-size: .7em;
	margin: 0 .5em 0 0;
	float: right;
}

#zeile .innen span.datum{
	display: block;
	font-size: .7em;
	margin: 0 .5em 0 0;
	float: left;
}

#zeile .innen span a{
	color: #c8d4dd;
	font-weight: normal;
	text-decoration: none;
}

#zeile .innen span a:hover{
	color: #fff;
}



/* Kopfbereich ---------------------------------------------------------------------------------- */

#klickmenu{
	display: block;
	margin: 0 0 1em 0;
	}
	
#klickmenu .innen{
	font-size: .65em;
	color: #6b819a;
	padding: .5em 0 0 0;
	display: block;
	margin: 0 0 1em 0;
}

#klickmenu a{
	color: #6b819a;
	padding: 0;
	margin: 0;
	font-weight: normal;
	}
	
#klickmenu a:hover{
	color: #000;
	padding: 0;
	margin: 0;
	}


/* Navigation ----------------------------------------------------------------------------------------- */

#mantel{
	margin: 0 0 2em 0;
}


#links{
	float: left;
	padding: 2em 0 0 0;
	width: 16em;
}

#links .innen{
	margin: 0 0 0 1em;
}



#links ul{
	list-style-type: none;
}

#links a{
	text-decoration: none;
	display: block;
}

#links .level1,
#links .level2{
	display: block;
	
}

#links .level1 a{
	padding: .5em .5em .5em 1.5em;
	background: #e9ebf7;
	font-size: 75%;
	color: #001a80;
	border-bottom: #afbae5 1px solid;
	font-weight: normal;
}


#links .level1 a:hover{
	background: #f0f2fa url(../design/blau.gif) no-repeat .5em .8em;
	border-bottom: #8090CE 1px solid;
}

#links .level1 li.cur p{
	padding: .5em .5em .5em 1.5em;
	background: #fff  url(../design/rot.gif) no-repeat .5em .8em;
	font-size: 75%;
	color: #001a80;
	border-bottom: #8090CE 1px solid;
	font-weight: bold;
}


#links .level1 li.act a{
	background: #fff;
	font-weight: bold;
	color: #2e4399;
}

#links .level1 li.act a:hover{
	color: #0024b3;
	background: #fff url(../design/blau.gif) no-repeat .5em .8em;
	border-bottom: #8090CE 1px solid;
}

/* Level 2 ---- */

#links .level2 a{
	padding: .5em .5em .5em 2.5em;
	background: #e9ebf7 url(../design/hellblau.gif) no-repeat 1.5em .8em;
	font-size: 75%;
	color: #001a80;
	border-bottom: #afbae5 1px solid;
	font-weight: normal;
}

#links .level2 a:hover{
	color: #01209F;
	background: #fff url(../design/blau.gif) no-repeat 1.5em .8em;
}


#links .level2 li.cur p{
	padding: .5em .5em .5em 2.5em;
	font-size: 75%;
	color: #001a80;
	font-weight: bold;
	background: #fff  url(../design/rot.gif) no-repeat 1.5em .8em;
}

#links img{
	margin: 1.5em 0 0 0;
}


/* INHALTSBEREICH ------------------------------------------------------------------------------ */

#inhaltsrahmen {
	float: right;
	margin: 0 2em 0 0;
	display: block;
	width: 40em;
}

#inhalt{
	background: #fff;
	border: 1px solid #AFBAE5;
}

/* Inhalte ---- */

#inhalt p{
	font-size: 75%;
	margin: 0 0 .8em 0;
	padding: 0 .6em;
	line-height: 1.5em;
}

#inhalt li{
	font-size: 75%;
	line-height: 1.5em;
}

#inhalt ul{
	margin: 0 0 .8em 1.5em;
	list-style-type: square;
}

#inhalt .csc-header{
	background: url(../design/h1.gif) repeat-x top left;
	display: block;
	border-bottom: 1px solid #AFBAE5;
	margin: 0 0 1em 0;
}

#inhalt h3{
	padding: .4em;
	font-size: .80em;
	line-height: 1.4em;
}

#inhalt h4{
	padding: .5em .5em .25em .5em;
	margin: 0 0 .25em 0;
	font-size: .85em;
	border-bottom: 1px solid #ccc;
}

#inhalt h5{
	padding: 0 .6em .3em .6em;
	font-size: .85em;
	color: #8090CE;
}

#inhalt a{
	text-decoration: none;
	color: #06c;
}

#inhalt a:hover{
	color: #01209F;
}


/**************************** NEWS **************************************************/

.news-list-item{
	padding: 0; 
	border: 1px solid #DCE0DD;
}

.news-list-item p.news-list-date{
	padding: 0 0 0 .5em;
	}

.news-list-innen{
	padding:0 0 .5em 0;
	}
	
.news-list-item img{
	float: left;
	margin:0 1em 0 .5em;
	}

.news-list-item h4{
	background: url(../design/h1.gif) repeat-x top left;
	display: block;
	border-bottom: 1px solid #AFBAE5;
	margin: 0 0 1em 0;
}

.news-list-item h4 a{
	padding: .4em;
	font-size: .85em;
	line-height: 1.4em;
}
.news-list-item h4 a:hover{color: #00267F;}

.news-list-item p.news-list-morelink{text-align: right;}
.news-list-item p.news-list-morelink a{color: #627768; border-bottom: 1px dashed #627768}
.news-list-item p.news-list-morelink a:hover{color: #3C483F;}
.news-list-item .leer{ clear: left; height: .5em; line-height: .05em;}

/***************************** SINGLE ANSICHT ***********************************************************/

#inhalt .news-single-item{
	margin:0 0 .5em 0;
	}

#inhalt .news-single-item img{
	float: left;
	margin:0 1em 0 .5em;
	}

#inhalt .news-single-item a{
	color: #033A6D; 
	border-bottom: 0px dashed #fff;
	}
	
#inhalt .news-single-item a:hover{
	color: #000; 
	border-bottom: 1px dashed #627768:
	}

#inhalt .news-single-item .titel{display: block; margin: 0 0 1em 0; background: #f4f3f3; padding: .3em 0 0 0 ; border-bottom: 1px solid #4e5567;}
#inhalt .news-single-item .titel p.titel_single{width: 30em; font-weight: bold; float: left; margin: 0; font-size: .8em; padding: .1em 0 0 .3em;}

#inhalt .news-single-item p.news-single-backlink{clear: left; border-top: 1px dashed #627768; margin: .5em 0 0 .4em;}
#inhalt .news-single-item p.news-single-backlink a{font-weight: bold; border: 0px; line-height: 2em;}

#inhalt .news-single-img  img{ margin: 0 12px 20px .3em; float: left;}


#inhalt .news-single-item .titel p.news-single-timedata{
	float: left; 
	width: 18em; 
	display: block; 
	font-weight: normal; 
	font-size: .7em;
 }


/***************************** KARTE *************************************************************/

#inhalt .tx-lumogooglemaps-pi1 { margin: 1em 0 0 4em;}

/***************************** Indexsearch *******************************************************/

#inhalt .tx-indexedsearch table{ margin: 0 .5em;}

#inhalt .tx-indexedsearch table td{font-size: 80% !important;}

/***************************** BROWSERBOX *******************************************************/

#inhalt .design1 .news-list-browse{height: 1.2em; padding: .2em 0; background: #ECF0F4; border-top: 1px solid #D1DBE3; border-bottom: 1px solid #D1DBE3;}
#inhalt .design1 .news-list-browse p{float: left;}
#inhalt .design1 .news-list-browse p.anzeige{margin: 0 2em 0 0; padding: 0 2em 0 .4em; border-right: 1px solid #D1DBE3;}

#inhalt .design1 .news-list-browse span.seite a{color: black; padding: 0 .2em; border: 1px solid #DCE0DD; margin: 0 .2em; background: white}
#inhalt .design1 .news-list-browse span.seite a:hover{border: 1px solid #000; }

#inhalt .design1 .news-list-browse span.vor a{margin: 0 .2em;}
#inhalt .design1 .news-list-browse span.vor a:hover{border: 0px; color: #000; }



/* FUSS ----------------------------------------------------------------------------------------- */

.fuss{	
	margin: -1.5em auto 0 auto; 
	clear: both; 
	width: 60em; 
	text-align: left;
	}
	
.fuss .innen{ 
	height: 1.5em;
	padding: 0.3em 0 0 0;
	margin: 0 0 0 1.5em;  
	}

.fuss a{
	font-size: .7em;
	text-decoration: none;
	color: #3d5099;
}



/* EXTRA ----------------------------------------------------------------------------------------- */


span.invisible,
.tx-indexedsearch-whatis,
.here,
.invisible,
.versteckt,
.Suchtitel,
dfn,
#klickmenu dfn,
#info dfn,
.hauptpunkte dfn,
.csc-menu dfn {
	position: absolute;
	top:  -10000px;
	left: -10000px;
	width:  0;
	height: 0;
	overflow: hidden;
	display:  inline;
	line-height: normal;
}
