body {
	/*width : 790px;*/ /* Breite des Body; eigentlich nur für NN6/Mozilla wichtig, damit die Bilder im #top nicht umbrechen, wenn Browserfenster zu klein */
	width : 100%;
	height: 100%;
	color: #000000;
}

body, td, h1, h2, h3, input, textarea, div, p, select {
	font-family: Verdana, Helvetica, sans-serif;	
	font-size : 11px;
	line-height: 15px;
	color: #000000;
}
.kloin{
	font-size : 9px;
}
.hintergrund{
	background: url('../gifs/hintergruende/1x1weiss.gif') repeat-y 203px 203px;
}

/* ------------------------------------------
	Positionen und Maße
------------------------------------------ */

#top {
/* --- #top ist der obere Bereich --- */
	position : relative;
	height : 150px;
	top: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.topbild1 {
/* --- #topbild ist das (dynamisch austauschbare) Bild oben im Topbereich --- */
}

.logo img {
}

#menu {
/* --- #menu ist das Hauptmenu (meistens links) --- */
	position: relative;
	margin-top: 50px;
	width: 203px;
	height: 100%;
}

#inhalt {
/* --- #inhalt ist der Bereich für die Seiteninhalt. (Wirkungsbereich der Templates) --- */
	position: relative;
	margin-top: 80px;
	margin-bottom: 50px;
	left: -15px;
	width: 523px;
}

#toolbar {
/* --- #toolbar ist die Toolbar-Navigation (meistens rechts) --- */
	position : absolute;
	top: 150px;
	width : 770px;
	height: 25px;
	background-color: #ffffff;
}

/* ------------------------------------------
	Standard-Links
	allgemeine Link-Eigenschaften.
	Spezielle Links (Menu, Toolbar) werden in eigenen Bereichen behandelt.
------------------------------------------ */

a {
	color: #000000; /* Allgemeine Textfarbe */
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

a img {
	border-width : 0px;
}

/* ------------------------------------------
	Überschriften
------------------------------------------ */

.miblflat{
	border-width : 0px;
	clear : both;
	float : none;
	background-color: #D6E0F5;
}

.miblbig{
	clear : both;
	float : none;
	height: 20px;
	background-color: #D6E0F5;
	text-align : center;
}

.mitte{
	clear : both;
	float : none;
	text-align : center;
}


h1 {
/* --- Überschrift erster ordnung --- */
	
	font-weight : bold; /* Schriftstärke : fett */
	text-align : left; 
	color: #000000;
	font-size : 1.5em;
	line-height: 2em;
}

h1.nibo {
/* --- Überschrift erster ordnung --- */
	
	font-weight : bold; /* Schriftstärke : fett */
	text-align : left; 
	color: #000000;
	font-size : 1.5em;
	line-height: 1.5em;
}


h2 {
	font-size : 1.3em;
	font-weight: bold;
	text-align : left;
	clear : both;
	float : none;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	clear : both;
	float : none;
	margin-bottom : 0.5em;
}

h2.step {
	font-size : 1.3em;
	font-weight: bold;
	text-align : left;
	clear : both;
	float : none;
	margin-bottom : 0.2em;
	margin-top : 0.8em;
}


h4 {
}


/* ------------------------------------------
	Top
------------------------------------------ */
#top {
/* --- #top ist der obere Bereich wo z.B. auch die dynamischen Grafiken drin sind --- */
	/*background: url(../gifs/hintergruende/top_htg.jpg) repeat-y;*/
	background-color: #FFFFFF;

}

.logo {
	position : absolute;
	top : 60px;
	left : 0px;
}	

.topbild1 {
/* --- erste dynamiscghe Grafik --- */
	position : absolute;
	top : 0px;
	left : 0px;
}

.topbild2 {
	margin-left : 2px;
}

/* ------------------------------------------
	Menu
------------------------------------------ */

#menu {
}

#menu a { 
/* --- Link innerhalb von #menu (also die "Menubuttons")--- */
	font-size : 11px;
	line-height : 1.4em;
	text-decoration : none; /* keine Unterstreichung */
	display : block; /* aus den Links werden Blockelemente. D.h. sie gehen von ganz links nach ganz rechts und danch kommt ein Umbruch. Also genauso wie ein <DIV> oder auch <P>. So spart man <BR>'s ein und kann ganz nebenbei noch das komplette Aussehen per CSS steuern. Z.B. könnten die Menu-Links auch nebeneinander stehen. Man müsste nur das "display : block" entfernen. */
	padding : 0.3em 0em 0.3em 1.5em;
	margin : 0px 0px 3px 0px;
}

#menu a:link {
}

#menu a:visited {
/* --- besuchter Link innerhalb von #menu --- */
}

#menu a:hover {
/* --- Hover-Effekt von Link innerhalb von #menu --- */
	text-decoration : underline;
}

#menu a:active {
}

#menu .po1, #menu .po2, #menu .po3, #menu .po4, #menu .po5 {
}

#menu .mc2, .pc2 {
	position: relative;
	background-image: url('../gifs/navigation/menu_icons/m_c2icon.gif');
	background-repeat: no-repeat
}


#menu .mc1, #menu .pc1, #menu .po1 {background-position : 0.3em 5px;}
#menu .mc2, #menu .pc2, #menu .po2 {background-position : 0.5em 5px;}
#menu .mc3, #menu .pc3, #menu .po3 {background-position : 1.8em 5px;}
#menu .mc4, #menu .pc4, #menu .po4 {background-position : 2.8em 5px;}
#menu .mc5, #menu .pc5, #menu .po5 {background-position : 3.8em 5px;}


#menu .mo1, #menu .mo2, #menu .mo3, #menu .mo4, #menu .mo5 {
}


#menu .mo1 {background-position : 0.3em 9px;}
#menu .mo2 {background-position : 0.8em 9px;}
#menu .mo3 {background-position : 1.8em 9px;}
#menu .mo4 {background-position : 2.8em 9px;}


#menu .mc1, #menu .mo1, #menu .pc1, #menu .po1 {
	position: relative;
	font-weight : bold;
	font-size : 11px;
}

#menu .mc2, #menu .mo2, #menu .pc2, #menu .po2 {
	position: relative;
	margin-left : 15px;
}

#menu .mo1, #menu .mo2, #menu .mo3, #menu .mo4{
	background-color : #FFFFFF;
}

#menu .mc2, #menu .mo2, #menu .pc2, #menu .po2 {
	padding-left : 1.5em;
	color : #000000;
}

#menu .mc3, #menu .mo3, #menu .pc3, #menu .po3 {
padding-left : 1.5em;
margin-left : 25px;
}
#menu .mc4, #menu .mo4, #menu .pc4, #menu .po4 {padding-left : 4em;}
#menu .mc5, #menu .mo5, #menu .pc5, #menu .po5 {padding-left : 5em;}

#menu .mo1, #menu .mo2, #menu .mo3, #menu .mo4, #menu .mo5 {
	font-weight : bold;
	background-color : #FFFFFF;
	color : #EF0000;
}

#menu .po1, #menu .po2, #menu .po3, #menu .po4, #menu .po5 {
	font-weight : bold;
	color : #EF0000;
	background-color : #FFFFFF;
}


.menu_gifbutton {
	margin-left:-17px;
}

/* ------------------------------------------
	Toolbar
------------------------------------------ */

#toolbar {
	text-align : left;
	padding-bottom : 0em;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#toolbar .tc0 {
/* --- tc1 Bereich in Toolbar, Die Überschriften wie z:b. "Service"  oder "Suchen & Finden" --- */
	float: left;
	padding-left: 20px;
	padding-top: 2px;
	font-size : 11px;
	font-weight : bold;
	color : #000000;
}

#toolbar .tc1 {
/* --- tc1 Bereich in Toolbar, Die Überschriften wie z:b. "Service"  oder "Suchen & Finden" --- */
	font-size : 10px;
	font-weight : bold;
	color : #000000;
	padding-top: 1px;
}


#toolbar .tc2, .clip {
/* --- Bereich mit Toolbar Navigation --- */
	float: right;
	right: 0px;
	padding-right: 10px;
	margin-top: -18px;
}

#toolbar .tc2 a, #toolbar .clip a {
/* --- Link innerhalb von Toolbar; die einzelnen Menupunkte --- */
	color : #000000;
	margin : 0em 0px 0.0em 0px;
	padding: 0px 3px 0px 3px;	
	text-decoration : none;
	line-height : 1em;
}

#toolbar .to2  {
/* -- ausgewählter Menüpunkt innerhalb der Toolbar --- */
	font-weight : bold;
}

#toolbar a:hover {
/* --- Hovereffekt von Link in der Toolbar --- */
	text-decoration : underline;
}

form {
	display : inline;
	margin-bottom : 0px;
}

#toolbar .sprache img {
	text-align : right;
}

.searchfeld {
/* --- Suche-Inputfeld innerhalb der Toolbar --- */
	margin-bottom : 5px; /* Abstand nach unten */
	font-size : 9px;
	width : 100px; /* Breite in Pixeln */
	height : 2em;			
	padding-left : 2px;
	border: 1px solid #999999;
}

.searchbutton {
/* --- Suche-Submit-Button innerhalb der Toolbar --- */
	margin : 0px 5px 5px 1px;
	padding-left : 2px;
	line-height : 10px;
	font-size : 9px;
	font-weight : bold;
	height : 2em;
	background-color: #ffffff;
	border: 1px solid #999999;
}

input, textarea, select {
	border-width : 1px;
}

#toolbar input {
	margin-left : 0.5em;
	margin-bottom : 1px;
}

.tnews {
/* --- Die Shortnews --- */
}

.tnews a{
/* --- Links innerhalb der Shortnews --- */
	text-decoration : underline; /* keine Unterstreichung */
}

.sprache {
	text-align : center;
	padding-bottom : 0.5em;
}

/* ------------------------------------------
	Bildvergrößerung
------------------------------------------ */

.bildvergr {
/* --- DIV um das vergrößerte Bild --- */
	margin-left : -5px; /* negativer Abstand nach links, damit es ein bisschen weiter links steht */
}

.bildvergrtext {
/* --- DIV um die Bildunterschrift des vergrößerten Bilds --- */
	margin : 5px 0px 0px -5px;
}


/* ------------------------------------------
Suche
------------------------------------------ */

#suche {
/* --- Suchtbereich --- */
	position: relative;
	width: 500px;
	left: 15px;
	top: -40px;
}

#suche h1{
	position: relative;
	top: 0px;
}

.suchtext{
/* --- Text: "Sie suchten nach ????" --- */
	color: #005CB5;
	background-color:#ffffff;
	text-decoration: none;
	border : 1px solid #000000;
	padding : 1px;
	margin-top: 20px;
}

.suchseite {
/* --- keine Ahnung, wo das eingesetzt wird --- */
	color: #555555;
	text-decoration: none;
	border-bottom : 1px dotted #CCCCCC;
	padding-bottom : 1px;
	margin-bottom : 3px;
}

.suchergebnis{
/* --- Text: "Anzahl der gefunden Seiten:", die einzelenen Suchergebnisse: "1. blabla", "2. blablo", ... --- */
	color: #005CB5;
	margin-bottom : 5px;
	margin-top : 5px;
	font-weight : bold;
}

.suchbeschreibung{
/* --- erster Teil der Suchergebniss-Kurzbeschreibung --- */
	color: #000000;
	margin-bottom : 5px;
	margin-top : 5px;
	font-weight : bold;	
}

.suchzusatz{
/* --- keine Ahnung was dat is --- */
	color: #555555;
	margin-bottom : 5px;
	margin-top : 5px;
	font-weight : normal;	
}

.suchrahmen{
/* --- Bereich um jedes Suchergebnis --- */
	border : 1px solid black;
	margin-top : 5px;
	background-color : #ffffff;
	padding : 3px;
}

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

#sitemap {
	margin-top : 0em;
}

/*
#sitemap a {
	display : block;
	font-size : 11px;
	height : 26px;
	line-height : 1.4em;
	color : #000000;
	text-decoration : none; 
}
*/

.sm1 {
	color: #FF0000;
	background-color : #FFFFFF;
	font-weight : bold;
	text-decoration: none;
	padding : 0px 5px 0px 2px;
	border : 1px solid #FFFFFF;
	margin : 10px 0px 10px 3px;
}

/*Wird verwendet in Sitemap*/
.sm2 {
	color : #000000;
	font-weight: bold;
	text-decoration: none;
	padding-left : 0em;
}

.sm3 {
	color : #000000;
	text-decoration: none;
	padding-left : 0em;
}

.sm4 {
	color : #FFFFFF;
	font-size: 0.9em;
	text-decoration: none;
	padding-left : 0em;
}

.sm5 {
	text-decoration: none;
	padding-left : 0em;
}

/* ------------------------------------------
	Listen
------------------------------------------ */

dl {
	line-height : 1.2em;
	padding : 0px;	
}

dt {
	background : #ebebeb url('../gifs/navigation/kl_dreieck_rechts.gif') no-repeat 11px 7px;
	padding-left:22px; font-weight:bold; padding-right:5px; padding-top:5px; padding-bottom:5px; background-color:#ebebeb
}

dd {
	background-color : #ebebeb;
	margin-left : 0em;
	margin-bottom : 1px;	
	padding : 5px;
	padding-left : 22px;	
	padding-top : 2px;
}

ul {
	margin-left : 0px;
	list-style: outside;
}

ul li {
	margin-left : 25px;
	margin-bottom: -5px;
	margin-top: -5px;
	padding-top : 5px;
	padding-bottom : 5px;
	/*padding-left : 22px;*/
	/*background : url(../gifs/navigation/kl_dreieck_rechts.gif) no-repeat 11px 9px;*/	
}

/* ------------------------------------------
	Standard Layout Block
------------------------------------------ */

.block, .news, #toolbar {
	/*background-color : #ebebeb;
	border : 2px outset #cccccc;*/
}

dl.block {
	background-color : #cccccc;
}

.block th {
	background-color : #cccccc;
	font-weight : bold;
	text-align : left;
	font-size : 0.7em;
	padding : 0.5em;	
	white-space: nowrap;
}

.block td {
	padding : 0.5em;
/*	border-bottom : 1px solid #ebebeb;*/
/*	border-bottom : 1px solid #cccccc;*/
}

iframe {
	background-color : #ebebeb;
	border : 2px outset #cccccc;
}


/* ------------------------------------------
	Sonstiges
------------------------------------------ */

.seitenpopup {
	border : 1px solid #000000;
	font-size : 10px;
	background-color : #FFFFCC;
	padding : 2px;
	font-weight : bold;
}

#inhalt .back{
/* --- "zurück"-Bereich z.B. bei von der Sitemap aus aufgerufenen Seiten --- */
	position: absolute;
	border : 1px solid #000000;
	left: 485px;
	top: -45px;
	width: 40px;
	z-index: 2000;
}

#inhalt .back a {
/* --- Link innerhalb von .back --- */
	color : #000000;
	padding : 2px;
	text-decoration : none; /* keine Unterstreichung */
}

.back a:hover{
/* --- Hover-Effekt vom Zurück-Linl --- */
	/*text-decoration : underline;*/
	background-color : #FFFFFF;
	color : #000000;
}


#bkknews table{
	border: 1px solid #ffffff;
}
#bkknews td{
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}