/* *** clearfix *** */ 

html, body {
margin:0;
padding: 0;
}

body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 83%;
text-align:left;
background-image:url(../images/hbody.gif);	
}

/*** ---- Container der Inhalte ---- ***/
#main { 
 width:761px;  
} 
 
#header{
 position:relative;
 height:241px;
 padding: 0;
 background-color:#FFFFFF; 
 width:761px;
}

/*** ---- Navi-Oben im Banner ---- ***/
#headnav {
	position:relative; /**/
	width: 751px;
	margin: 0;
	padding: 0 0 4px 10px;
	background-color: #FFFFFF;
	clear: both;
	height: 27px;
}
#headnav-leiste {
float:left;
margin:0;
padding:10px 0 5px 0;
width: 500px;
height: 16px;
}
#headsearch {
float:right;
margin:0;
padding:6px 0 2px 0;
width: 240px;
}

#headlogos {
margin: 0;
padding:0 0 0 10px;
width:750px;
float:left;
border-right:1px solid #31619C;
}

#header-banner {
margin: 0;
padding:0;
width:750px;
height: 156px;
border-top:1px solid #31619C;
}


#header-log0 {
height: 54px;
width: 116px;
margin: 0;
padding:0;
background-color: #00214B;
float:left;
}

#header-log1 {
height: 54px;
width: 634px;
margin: 0;
padding:0;
background-color: #00214B;
float:left;
}

/*** ---- mainBlock ---- ***/
#mainBlock {
width:761px; 
position:relative;
margin: 5px 0 0 0;
padding: 0;
/* background-color:#FFFFFF; */
}
 
/*** ---- Navi links ---- ***/
#leftcol {
width:176px; 
float:left; 
position:relative;
margin: 0;
padding: 0 4px 10px 10px; /*  */
color:#000000;
overflow:hidden;
background-color:#FFFFFF; 
}
 
#twocols{
 width:571px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
width:170px; 
float:right; 
position:relative; 
margin:13px 0 0 0;
padding:0;
overflow:hidden;
white-space:normal;
background-color: #F7F7F7;
}

/*** grauer Balken im Teaser rechts  - ***/
#rechtsbox-head {
	margin: 0px;
	/* padding: 5px 0px 5px 6px; */
	padding: 0px 0px 1px 6px;
	border-width: 1px 1px 1px 0;
	border-style:solid;
	border-color:#31619C;
	background-color:#C3C8CD;
	height:17px;
	color: #000000;
}

#teaser4gruen {
	margin: 0px;
	padding: 32px 0 0 0;
}

/* Obere kleine rechte Textbox, grau, blauumrandet, Anfang */
#teaser {
	margin: 0px;
	padding: 6px 4px 6px 6px;
	background-color:#EFEFEF;
	border-width: 1px 1px 0 0;
	border-style:solid;
	border-color:#31619C;
	color: #000084;
	overflow:hidden;
}

/* rechte Bildbox */
#teaserBild, #teaserBild2, #teaserBild3 {
	margin: 0;
	padding: 0;
	background-color:#CECFCE;
	border-width: 0 1px 0 0;
	border-style:solid;
	border-color:#31619C;
}

/* Untere rechte Textbox, grau, blauumrandet */
#teaserBU, #teaserBU1, #teaserBU2, #teaserBU3 {
	margin: 0;
	padding: 6px 4px 6px 6px;
	background-color:#C3C8CD;
	border-width: 1px 1px 1px 0;
	border-style:solid;
	border-color:#31619C;
	overflow:hidden;
}

 
#maincol, #maincol-gb {
float: left; 
display:inline; 
position: relative; 
width:401px;
padding:0;
margin:13px 0 10px 0;
background-color: #ffffff;
background-image:url(../images/hconthead2.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}
#maincol-gb {width:571px; background-color: #ffffff;}

#centerHeadline, #centerHeadline-gb {
margin: 0 0 18px 0;
padding: 0px 0px 0px 11px;
background-color:transparent;
border-top: 1px solid #31619C;
font-weight: bold;
text-align: left;
vertical-align:middle;
color: #FFFFFF;
height:17px;
overflow:hidden;
white-space:nowrap;
}
#centerHeadline-gb {
width:560px;
height:19px;
background-color:#31619C;
}

/* Bereich für den Lauftext */
#content {
  margin:0;
  padding: 12px 11px 15px 11px;
  border: 1px solid #31619C;
  /* min-height:630px; */
min-height:500px;
  background-color:transparent;
  color:#000000;
}
 
#footer{
background-color:#FFFFFF; 
margin:0;
padding: 10px 0 10px 50px;
text-align:left;
border-top: 1px solid #C3C8CD;	
border-bottom: 16px solid #C3C8CD;
clear:both;
} 
 

 
/* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/*** Start Artikel-Boxen *************************/
#content .artikel-box {
padding-bottom:15px;
margin-bottom:25px;
border-bottom:1px solid #f4f4f4;
}

/***  Formular-Box
*************************************************/

#presseFormular {
  margin: 0;
  padding: 6px 10px 0px 10px;
  border: 1px solid #D0DFED;
}

#headsearch form {
	margin:0;
	padding:0;
}

.form_kont, .form_upload {
  margin: 0;
  padding: 6px 5px 0px 5px;
}
.form_kont label, .form_upload label {
float: left;
width: 100px;
display: block;
padding: 2px 5px 0 0;
margin-top: 2px;
}
.form_upload label {
float: none;
width: 360px;
padding-bottom: 2px;
}

.presform, .form_kont_ip, .form-ip-load {
border: 1px solid #2172B5;
margin-bottom: 12px;
padding-left:2px;
background-color: #F4F4F4;
width: 260px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
}
.form_kont_ip {width: 230px;}

.form-ip-load {width: 335px;}

.presform-geschlecht {
margin-bottom: 12px;
background-color: #F4F4F4;
width: 130px;
font-size: 100%;
}

.presform-abstand {
vertical-align: middle;
border: 1px solid #2172B5;
margin-bottom: 15px;
background-color: #F4F4F4;
padding: 2px 0 0 2px;
width: 260px;
}

.form-radio { 
width: 15px !important;
border: 0 solid #fff;
margin: 2px 0 0 0;
padding: 2px 0 0 2px;
background-color: #fff;
}

.button {
	color: #ffffff;
	text-align: center;
	background-color: #31619C;
	padding: 2px 0 0 0;
	margin: 0 0 10px 0;
	width: 260px;
}

label:hover {
text-decoration: underline;
cursor: pointer;
}
input:focus, textarea:focus {
border: 1px solid #31619C;
padding-left:2px;
background-color: #F4F7FA;
}


/***  Suchen --- 
***********************************/
#ergebnisliste {
margin:0 0 5px 0;
}
#gefunden, #eingeben {
margin:5px 0 5px 0;
}

#suchergebnis {
border-width: 1px 1px 0 1px;
border-style:solid;
border-color:#E1E1E1;
padding:6px 3px 4px 3px;
}
.back-for {
margin:4px 0 6px 0;
text-align:center;
}
.suchbutton, .suchbutton-top {
	color: #ffffff;
	text-align: center;
	background-color: #31619C;
	padding:0;
	margin:0;
	width:80px;
}
.suchbutton-top {
/* float:left; */
font-size: 90%;
width:70px;
}
.suchinput, .suchinput-top {
font-size: 100%;
border: 1px solid #2172B5;
margin: 0;
padding-left:2px;
background-color: #F4F4F4;
width: 260px;
}
.suchinput-top {
width: 160px;
}

 
/**** Presse-Liste,  ****/
.presse-datum {
margin: 15px 0 5px 0!important;
}
.presseRot{
margin-bottom: 1px;
color:#CC0000;
}
.abstand-u {
margin-bottom: 4px;
padding:1px 1px 1px 4px;
display: block;
background-color: #F4F4F4;
}
#presseKurzmeldung {
border-width: 0 1px 1px 1px;
border-style:solid;
border-color:#E1E1E1;
padding:2px 3px 5px 3px;
}

/* --- Uebersichtseite - Sitemap --- */

.abstand-uebersicht {
margin-bottom: 4px;
padding:1px 1px 1px 4px;
display: block;
font-weight: bold;
background-color: #F4F4F4;
}

#uebersichtEinzeln {
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#E1E1E1;
padding:0 3px 5px 3px;
}

#uebersichtEinzeln ul {
margin:	0 0 1px 3px;
padding: 0;
list-style: square outside;
}

#uebersichtEinzeln li {
	margin:	0;
	padding: 0;
}

		
/* --- Abstandshalter z.B. im footer --- */
.fo-nav {
padding: 0 0 0 5px;
}
.fo-leer {
background-color: #FFF;
padding: 0 0 0 15px;
}
.fo-leer2 {
background-color: #FFF;
padding: 0 0 0 190px;
}
.fo-leer3 {
background-color: #FFF;
padding: 0 0 0 135px;
}
.linie {
width: 100%;
color: #E1E1E1;
height: 1px;
}

/*** label nicht anzeigen ***/
.sx, .invis { display: none; }

.z-antiFloat {
	clear: both;
	visibility: hidden;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}

.z-blindThis, .z-sprungblind {
	position: absolute;
	left: -999px;
	top: -999px;
	width: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline;
}


/* Überschriften, Textauszeichnungen
*************************************************/
h1, h2, h3, h4 , h5, h6, p {
	font-size: 98%;
	margin: 0px;
}

/* Kopfzeile Anfang - */
.head {
	color: #666666;
	text-align: left;
	vertical-align:middle;	
}

/*** Listen-Einzug ***/

#content ul {
margin:	4px 0 4px 3px;
padding: 0 0 0 1em;
list-style: square outside;
}

ul {
margin:	4px 0 0 0;
padding: 0 0 0 1em;
list-style: square outside;
}
ul ul {
	margin:	4px 0 0 0;
	padding: 0 0 0 1.3em;
	list-style: square outside;
}

ol {
margin:	4px 0 4px 0;
padding: 0 0 0 1em;
list-style: decimal outside;
}
ol ol {
	margin:	4px 0 4px 0;
	padding: 0 0 0 1.3em;
	list-style: decimal outside;
}

#content ol {
margin:	4px 0 4px 11px;
padding: 0 0 0 1em;
list-style: decimal outside;
}

li {
	margin:	0;
	padding: 0 0 .3em 0;
}
li li {
	margin:	0;
	padding: 0 0 .3em 0;
}

/*** Schrifteigenschaften ***/
.schriftFett {
font-weight: bold;
}

.schriftFettBlau {
font-weight: bold;
color: #31619C;
}

.schriftKlein {
font-size: .75em;
}

.schriftNormal{
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
}

.schriftCursiv{
	font-style: italic;
	color: #000000;
}

.schriftNormal-Fett{
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}

.schriftGruen {
	color: #33CC33;
}
.schriftRot {
	color: #CC0000;
}
.schriftViolet {
	color: #CC00FF;
}

/* Bild und Unterschrift zentieren - */
.schriftBlock-Zentrieren {
font-style:italic;
width:350px;
display:block;
}
.schriftBlock-Zentrieren img {
text-align:center;
margin:3px 0;
}


/*** Tabellen-Formate ***/

caption {padding: 5px 0 5px 0;}

.HintergrundGrau { background-color:#F7F7F7;}
.HintergrundHellblau { background-color:#DEEBF7;}

.TB-HintergrundBlau { 
background-color:#DEEBF7;
font-size: 10pt;
}
.TB-HintergrundGrau { 
background-color:#F8F8F8;
font-size: 8pt;
}
.TB-HintergrundHellblau { 
background-color:#F1F8FF;
font-size: 8pt;
}


.BannerLinien {
	background-image:  url("../images/linien_2g.gif");	
	background-color:#F7F7F7;		
}

/* Agenda 21 Organigramm */
.text_small{
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

.text_organigramm{
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}

/* Allgemeiner Link Anfang */

a, a:link {
color: #2172B5;
text-decoration: underline;	
}
a:visited {
color: #003366;
text-decoration: underline;	
}
a:hover, a:active, a:focus  {
color: #000084;
text-decoration: none;	
}

/*** Sprachauszeichnungen
*************************************************/

span:lang(en), span:lang(fr) {
background-color: #EFFFF1;
}

abbr[title], acronym[title] {
border-bottom: 1px dashed #666666;
cursor: help
}

abbr, acronym	{
background-color: #EFF3FF;
}

/** extra **/
.Bild-Zentrieren {
text-align:center;
}
