/* Typselektoren */
body {
	background-color: #f2f2f2;
	
			font-family:  Arial, 'Open Sans', 'Free Sans', sans-serif !important;
			font-size: 12px;
			font-weight: normal;
			text-decoration: none;

	/* border-top: #f90 8px solid; 
			Verdana, Helvetica,  */
	}

p {
	margin:10px;
	color: #141817;
	font-family:  Arial, sans-serif !important;
	}
/* generell */
		* ul,ol { list-style:none; }
		* li { display: inline; }
		* h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
		 a img,:link img,:visited img { 		text-decoration: none; border:none }
	/*	* :hover {border: green 1px solid;}
		* :hover div {border: red 1px solid;}
	*/
/* IDs*/
	#container {	
		position:relative;
		background-color: #ffffff;
		width: 960px;
		height: 100%;
		margin:auto;
		/*box-shadow: #141817 2px 2px 10px; */
	border: #f90 0px solid; 
	z-index:1; 
		}

	#kopf {
		position:absolute;
		background-color: #ffffff;
		width: 960px;
		height: 160px;
		/* margin:auto; */
		padding:0px 0px;
	z-index:2; 
		
		 border: #0f0 0px solid; 
		}

	#kopf2 {
		position:absolute;
		background-color: #ffffff;
		width: 960px;
		height: 120px;
		/* margin:auto; */
		padding:0px 0px;
	z-index:2; 
		
		 border: #0f0 0px solid; 
		}


	#bauch {
		position:absolute;
		top:160px; left:0px;
		width:960px;
		background-color: #fff;
		/* HÃ–HENEINSTELLUNG Hintergrund Seite */
		 min-height: 620px; 
		margin:auto;
		padding:0px 0px;
		border: orange 0px solid;
		}

	#bauch2 {
		position:absolute;
		top:120px; left:0px; 
		width:960px;
		background-color: #fff;
		/* HÃ–HENEINSTELLUNG Hintergrund Seite */
		 min-height: 520px; 
		margin:auto;
		padding:0px 0px;
		border: orange 0px solid;
		background-color: #fff;
		}

	#inhalt {
	margin-left: 150px;
	margin-right: 193px;
	/*text-align: justify; */
	 /*	position:absolute;
		top:5px; left:150px; 
		width:600px; */
		border: orange 0px solid;
		background-color: #fff;
		}


/* IDs Kopf */
		#logo { position:absolute; top:0px; left:0px;background-color: white; z-index:111;
				border: #036 1px solid; 				 }  
		#hd-0strich {position:absolute; top:0px; left:1px; width:960px; height:8px;
				  z-index:1; background-color:#036;  color:#fff;
					text-align:right;	text-decoration: none; padding-bottom: 5px;
					}
		#hd-0strich a {
					color:#fff; font-size:10px; 
					list-style: none;
					font-weight: bold;
					text-decoration: none;
					padding-bottom: 0px;
					}

		#hd1 { position:absolute; top:26px; left:36px; width:36px; height:36px;
				  z-index:111; background-color:white;
				border: red 0px solid;  }
		#hd2 { position:absolute;  top:5px; left:150px; width:360px; height:109px;
				   }
		#hd2a { position:absolute;  top:5px; left:153px; 
				   }
		#hd3 { position:absolute; top:55px; left:520px; width:280px; height:30px;
				  z-index:111;   }

		 #hdR { position:absolute; top:25px; left:320px; 
				  z-index:109; background-color: transparent;
				 }  
		 #hdN { position:absolute; top:65px; left:420px; 
				  z-index:109; background-color: transparent;
				 }  
		 #hd4a { position:absolute; top:1px; left:510px; width:280px; height:15px;
				  z-index:109; background-color: transparent;
				border: red 0px solid;  }  
		#hd5 { position:absolute; top:25px; left:810px; width:66px; height:66px;
				  z-index:111;   }
		#hd6 {position:absolute; top:25px; left:890px; width:66px; height:66px;
				  z-index:111; 
					}
		#hd-strich {position:absolute; top:115px; left:152px; width:810px; height:8px;
				  z-index:1; background-color:#037;  
					text-align:right;	text-decoration: none; padding-bottom: 5px;
					}
		#hd-strich a {
					color:#fff; font-size:10px; 
					list-style: none;
					font-weight: bold;
					text-decoration: none;
					padding-bottom: 0px;
					}
		/* z-index:111; background-color:green; border: red 1px solid; */

/* IDs  Fixmenu */
		#fix1 { position:fixed; top:45px; left:430px; width:150px; height:150px; background-color:#afa; }

/* IDs  Kopfmenu */
		#kopf-menu {
				position:absolute; top:110px; left:525px;
				height:20px; 
				width: 435px; 
				background:rgb(204, 214, 224); 
				float:right; 
		}

		#kopf-menu ul {
			list-style-type: none;
			margin-top: -13px;
			padding: 0px 16px;
		}
		#kopf-menu a {
			text-decoration: none;
			letter-spacing: 1px;
			padding: 13px 15px;
			color: #565919;
			display: block;
		}
		#kopf-menu a:hover, #kopf-menu a:focus, #kopf-menu a:active {
			color: #000;
		}
		#kopf-menu .top > li {
		 float: left;
		 position: relative;
		}
		* html #kopf-menu .top li {
		 float: left;
		 position: relative;
		}
		#kopf-menu ul.sub {
			position: absolute; 
			left: -9999em;
			top: -9999em;
			display: block;
			background-color: #eee;
			width: 10em;
			padding-top: 1px;
		}
		#kopf-menu li:hover ul.sub {
			margin-top: -11px;
			left: auto;
			top: auto;
		z-index: 355 !important;
		}
		#kopf-menu .sub a {
			padding: 1px;
}

/**/
/* IDs  2. Kopfmenu */
		#nav2 {
			position:absolute;
			top:130px; 
			/* left 110 statt 150 wegen Rechtsverschiebung der ul#nav...*/
			left:113px;
			width:620px;
			margin:0 auto;
			margin-top:0px;
			padding:0px;
			/* border: red 1px solid; */
		}

		ul#nav2igation {
			margin:0px auto;
			position:relative;
			float:left;
			border-left:1px solid #fff;
			border-right:1px solid #fff;
			border-bottom:1px solid #fff;
			color: #fff;
			text-decoration: none;

		}

		ul#nav2igation li {
			display:inline;
			font-weight:normal;
			margin:0;
			padding:0;
			float:left;
			position:relative;
			border-top:1px solid #fff;
			border-bottom:1px solid #fff;
			color: #fff;
			text-decoration: none;

		}

		ul#nav2igation li a {
			/* 1. Wert bestimmt HÃ¶he Menueleiste  */
			padding:2px 25px;
			color:#fff; /* #616161; */
			/* text-shadow:1px 1px 0px #fff; */
			text-decoration:none;
			display:inline-block; 
			border-top:1px solid #fff;
			border-right:1px solid #fff;
			/*border-left:1px solid #C2C2C2;
			border-bottom:1px solid #fff;*/
			background: #037;   /* #f5f5f5; */
		/*
			-webkit-transition:color 0.2s linear, background 0.2s linear;	
			-moz-transition:color 0.2s linear, background 0.2s linear;	
			-o-transition:color 0.2s linear, background 0.2s linear;	
			transition:color 0.2s linear, background 0.2s linear;	*/
		}

		ul#nav2igation li a:hover {
			background:  #037; 
			color:#fff; /* #616161; */
			
		}

		ul#nav2igation li:hover > a {
			background: #037; /*#fff; */
		}

		/* Drop-Down Navigation */
		ul#nav2igation li:hover > ul
		{
			visibility:visible;
			opacity:1;
		}

		ul#nav2igation ul, ul#nav2igation ul li ul {
			list-style: none;
				margin: 0;
				padding: 0;    
			visibility:hidden;
				position: absolute;
				z-index: 99999;
			width:180px;
			background: #037 ; /* #f8f8f8; */
		/*	box-shadow:1px 1px 3px #ccc;
			opacity:0;
			-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
			-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
			-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
			transition:opacity 0.2s linear, visibility 0.2s linear; 	*/
		}

		ul#nav2igation ul {
				/* 1. Wert bestimmt Abstand zu Menueleiste */
				top: 20px;
				left: 1px;
		}

		ul#nav2igation ul li ul {
				top: 0;
				left: 181px;
		}

		ul#nav2igation ul li {
			clear:both;
			width:100%;
			border:0 none;
			border-top:1px solid #c9c9c9;
		}

		ul#nav2igation ul li a {
			background:none;
			/* 1. Wert bestimmt HÃ¶he Menueunterblock, 2. Zeilnrndabstd. */
			padding:3px 15px;
			color:#fff /* #616161; */
			/* text-shadow:1px 1px 0px #fff; */
			text-decoration:none;
			display:inline-block;
			border:0 none;
			float:left;
			clear:both;
			width:150px;
		}

		ul#nav2igation li a.first {
			border-left: 0 none;
		}

		ul#nav2igation li a.last {
			border-right: 0 none;
		}


/* Navispalte links */
			#navigation {
				background-color: #e5ebf2;
				width: 145px;
				height: 400px;
				float:left;
				margin-top:30px;
				padding:  20px 5px 20px 0px;
			font-weight: normal;
			text-decoration: none;
				}

#links {
	background-color: #e5ebf2;
	width: 150px;
	min-height: 400px;
	float:left;
	padding-top:0px;
	padding-bottom:20px;
	}

/*  Flyout Menu  */
				#vertikmenu {
					padding: 0px;
					margin: 0;
					border: 0;
					vertical-align: top;
			font-weight: normal;
			text-decoration: none;
				}
				#vertikmenu ul,
				li {
					list-style: none;
					margin: 0;
					padding: 2px;
					line-height: 16px;
				}
				#vertikmenu ul {
					position: relative;
					z-index: 597;
					float: left;

				}
				#vertikmenu ul li {
					float: left;
					min-height: 1px;
					
				}
				#vertikmenu ul li.hover,
				#vertikmenu ul li:hover {
					position: relative;
					z-index: 599;
					cursor: default;
				}
				#vertikmenu ul ul {
					visibility: hidden;
					position: absolute;
					top: 100%;
					left: 0;
					z-index: 598;
					width: 350px;
				}
				#vertikmenu ul ul li {
					float: none;
		background-color: #f6fcf3; /*e5ebf2*/ ;
				}
				#vertikmenu ul li:hover > ul {
					visibility: visible;
				}
				#vertikmenu ul ul {
					top: 0;
					left: 100%;
				}
				#vertikmenu ul li {
					float: none;
		background-color: #f6fcf3;
				}
				/* Custom */
				#vertikmenu {
					width: 145px;
				/*	width: 100%; */
				}
				#vertikmenu span,
				#vertikmenu a {
					display: inline-block;
					text-decoration: none;
				}
				#vertikmenu:after,
				#vertikmenu ul:after {
				/* nach dem Block z.B. zur deko */
					content: '';
					display: block;
					clear: both;
				}
				#vertikmenu > ul > li:first-child {
				}
				#vertikmenu > ul > li:last-child {
				 	border-bottom: 2px solid white;

				}
				#vertikmenu > ul > li ul ul {
				}
				#vertikmenu > ul > li ul ul li:first-child {
				}
				#vertikmenu > ul > li ul ul li:last-child {
				}
				#vertikmenu ul{
					/* Menugruppe/Listenblock gesamt*/
					width: 145px;
				/*	width: 100%; */
				}
				#vertikmenu li {
				/*Menuepkt, aber nur HÃ¶he letzter Zeile*/
				/*	width: 145px; */
				width: 100%; 
				}
				#vertikmenu li {
					/*link, aber nur HÃ¶he letzter Zeile*/
				 	border-bottom: 2px solid white;
				}
				#vertikmenu li:last-child {
					/*letztes kind stÃ¤ndig*/
					border-bottom: 0px solid red;
			}
				#vertikmenu li:hover {
					/* gehooverte Links und Kinder */
					background: #f6f6f6;
				}
				#vertikmenu a {
					/* alle Links!!*/
					color: #666666;
					line-height: 100%;
					padding: 0px 0px 0px 0px; 
					/* padding: 5px 15px 5px 15px; */
					width: 100%; 
				}

				#vertikmenu ul ul {
				/* Untermenuegruppe gesamt*/				
				width: 285px;
				/*	width: 100%; */
				background-color: #e5ebf2;
				}
				#vertikmenu ul ul li {
				/* nur  Untermenuespunkte*/
					/*	  background: #f6f6f6; */
				background-color: #e5ebf2;
				}
				#vertikmenu ul ul li:hover {
				/* nur die jeweils gehooverten Untermenuepunkte*/
					background: #dddddd;
					color: #666666;
				}
				#vertikmenu ul ul li:hover a {
				/*  Untermenu gehoovert mit Link + unteruntermenupunkte */
					color: #037;
				padding-left: 2px;
				padding-bottom: 2px;
			}
				#vertikmenu ul ul li ul li {
					background: #e5ebf2;
				}
				#vertikmenu ul ul li ul li:hover {
					background: #e5ebf2;
					color: #037;
				}
				#vertikmenu .has-sub {
					position: relative;
				}
				#vertikmenu .has-sub:after,
				#vertikmenu .has-sub > ul > .has-sub:hover:after {
					content: '';
					display: block;
					width: 1px;
					height: 19px;
					position: absolute;
					right: 1px;
					top: 50%;
					margin-top: 5px;
				}
				#vertikmenu .has-sub > ul > .has-sub:after,
				#vertikmenu .has-sub:hover:after {
				}




/* Menue links */

		/* Base Styles */
		#cssvmenu,
		#cssvmenu ul,
		#cssvmenu li,
		#cssvmenu a {
			margin: 0;
			padding: 0;
			border: 0;
			list-style: none;
			font-weight: normal;
			text-decoration: none;
			line-height: 1;
			font-family:  Arial, 'Open Sans', 'Free Sans', sans-serif !important;
			font-size: 12px;
			position: relative;
			color: #037;
		}
		#cssvmenu a {
			line-height: 1.3;
		}
		#cssvmenu {
			width: 145px;
			background: #e5ebf2;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			padding: 2px;
			-moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.6);
			-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.6);
			box-shadow: 0 0 0px rgba(0, 0, 0, 0.6);
		}
		#cssvmenu > ul > li {
			margin: 0 0 2px 0;
		background-color: #f6fcf3;
		}
		#cssvmenu > ul > li:last-child {
			margin: 0;
		}
		#cssvmenu > ul > li > a {
			font-size: 12px;
			display: block;
			color: #037;
			text-shadow: 0 0px 0px #000;
			background: #565656;
			background: -moz-linear-gradient(#003366 0%, #cccccc 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656),
					 color-stop(100%, #323232));
			background: -webkit-linear-gradient(#565656 0%, #323232 100%);
			background: linear-gradient(#003366 0%, #cccccc 100%);
			background: linear-gradient(#003366 0%, #cccccc 100%);
			background: #e5ebf2;

			border-bottom: 1px solid #e0e0e0;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
		#cssvmenu > ul > li > a > span {
			display: block;
			border-bottom: 0px solid #666666;
			top: auto;			
			padding: 6px 10px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			font-weight: normal;
		}

		#cssvmenu > ul > li > a:hover {
			text-decoration: none;
			color: #79980d;
		}
		#cssvmenu > ul > li.active {
			border-bottom: none;
		}
		#cssvmenu > ul > li.active a:hover {
			color: #79980d;
		}
		#cssvmenu > ul > li.active > a {
			background: -moz-linear-gradient(#7d816a 0%, #676b58 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d816a),
				 color-stop(100%, #676b58));
			background: -webkit-linear-gradient(#7d816a 0%, #676b58 100%);
			background: linear-gradient(#003366 0%, #cccccc 100%);
			background: #e5ebf2;
			color: #037;
			text-shadow: 0 0px 0px #000;
			border-bottom: 0px solid #e0e0e0;
		}
		#cssvmenu > ul > li.active > a span {
			border: 0px solid #7d816a;
			
		}
		#cssvmenu > ul > li.has-sub > a span {
			background: url(pics/icon_plus.png) 98% center no-repeat;
		}
		#cssvmenu > ul > li.has-sub.active > a span {
			background: url(pics/icon_minus.png) 98% center no-repeat;
		}
		/* Sub menu */
		#cssvmenu ul ul {
			padding: 1px 1px;
			display: none;
			background-color: #f6fcf3;		}
		#cssvmenu ul ul li {
			padding: 0px 0 0 0px ;
			border-bottom: 0px solid #666666;
			background-color: #f6fcf3;
		}
		#cssvmenu ul ul a {
			display: block;
			color: #595959;
			font-size: 12px;
			font-weight: normal;
			padding: 5px 12px;
			border-top: 1px solid #ccc;
			background-color: #f6fcf3;	
		}
		#cssvmenu ul ul a:hover {
			color: #79980d;
		}

/* rechte Spalte */
#rechts {
	/*background-color: #fdfdfd;
	background-color: #e5ebf2;
	background: #565656;*/
	width: 203px;
	min-height: 400px;
	float:right;
	padding-top:10px;
	padding-bottom:20px;
	}
/* Menue rechts */

		/* Base Styles */
		#cssvmenu2,
		#cssvmenu2 ul,
		#cssvmenu2 li,
		#cssvmenu2 a {
			margin: 0;
			padding: 0;
			border: 0;
			list-style: none;
			font-weight: normal;
			text-decoration: none;
			line-height: 1;
			font-family:  Arial, 'Open Sans', 'Free Sans', sans-serif !important;
			font-size: 12px;
			position: relative;
			color: #037;
		}
		#cssvmenu2 a {
			line-height: 1.3;
		}
		#cssvmenu2 {
			width: 200px;
			background: #fff;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			padding: 2px;
			-moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.6);
			-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.6);
			box-shadow: 0 0 0px rgba(0, 0, 0, 0.6);
		}
		#cssvmenu2 > ul > li {
			margin: 0 0 2px 0;
		}
		#cssvmenu2 > ul > li:last-child {
			margin: 0;
		}
		#cssvmenu2 > ul > li > a {
			font-size: 12px;
			display: block;
			color: #037;
			text-shadow: 0 0px 0px #000;
			background: #565656;
			background: #fff;
			/*background: -moz-linear-gradient(#003366 0%, #cccccc 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656),
					 color-stop(100%, #323232));
			background: -webkit-linear-gradient(#565656 0%, #323232 100%);
			background: linear-gradient(#003366 0%, #cccccc 100%);
			background: linear-gradient(#003366 0%, #cccccc 100%);
			background: #f0f0f0;*/
			border-bottom: 1px solid #e0e0e0;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
		#cssvmenu2 > ul > li > a > span {
			display: block;
			border-bottom: 0px solid #666666;
			padding: 6px 10px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
			font-weight: normal;
		}
		#cssvmenu2 > ul > li > a:hover {
			text-decoration: none;
			color: #79980d;
		}
		#cssvmenu2 > ul > li.active {
			border-bottom: none;
		}
		#cssvmenu2 > ul > li.active > a {
			background: #e0e0e0;
			background: -moz-linear-gradient(#7d816a 0%, #676b58 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d816a),
				 color-stop(100%, #676b58));
			background: -webkit-linear-gradient(#7d816a 0%, #676b58 100%);
			background: linear-gradient(#003366 0%, #cccccc 100%);
			background: #e0e0e0;
			color: #037;
			text-shadow: 0 0px 0px #000;
			border-bottom: 0px solid #676b58;
		}
		#cssvmenu2 > ul > li.active > a span {
			border: 0px solid #7d816a;
		}
		#cssvmenu2 > ul > li.has-sub > a span {
			background: url(pics/icon_plus.png) 98% center no-repeat;
		}
		#cssvmenu2 > ul > li.has-sub.active > a span {
			background: url(pics/icon_minus.png) 98% center no-repeat;
		}
		/* Sub menu */
		#cssvmenu2 ul ul {
			padding: 1px 1px;
			display: none;
	background-color: #f6fcf3;	
		}
		#cssvmenu2 ul ul li {
			padding: 0px 0 0 0px ;
			border-bottom: 0px solid #666666;
	background-color: #f6fcf3;	

		}
		#cssvmenu2 ul ul a {
			display: block;
			color: #595959;
			
			font-size: 12px;
			font-weight: normal;
			background-color: #f6fcf3;	
			padding: 5px 1px;
			border-top: 1px solid #ccc;
		}
		#cssvmenu2 ul ul a:hover {
			color: #79980d;
		}

/* statisches Menu, Inhaltsverzeichnis */

#menustarr {
	float: right;
	margin-left:615px;
	width: 195px;
	margin-top: 1px;
	position: fixed;
	font-size: 11px;
	text-decoration: none;
	border: 0px solid #79980d;
}
#menustarr a {
			color: #037;
			list-style: none;
			font-weight: normal;
			text-decoration: none;
}

/*  Inhaltsbereich */

.documentDescription {
font-weight: bold;
}
h2, h3, h4, h5, h6 {

font-weight: bold;
font-size: 14px;
line-height: 125%;
margin-top: 1.5em;
margin-bottom: 0.5em;
page-break-inside: avoid;
page-break-after: avoid;
color: #037;
}
h1, h2 {
letter-spacing: -0.05em;
page-break-inside: avoid;
page-break-after: avoid;

}
h1 {
font-weight: bold;
font-size: 19.8333px;
font-weight: 400;
margin-top: 1.5em;
margin-bottom: 0.5em;
page-break-inside: avoid;
page-break-after: avoid;
color: #037;
}

/*Bildformate*/
.vkImg {
	 margin-right: 10px; margin-bottom: 15px; margin-left: 10px;
}
.vkImgR {
	float:right; margin-right: 10px; margin-bottom: 15px; margin-left: 10px;
}


/* .vkImgR :hover {
  padding-top: 1px;
  border-left: 1px solid #6d6e98;
  border-right: 1px solid #6d6e98;
  border-bottom: 1px solid #6d6e98;
  margin-bottom: 10px;
	border: 1px solid #000000;
	position: absolute;
	display: block;
	left: 50px;
	top: 60px;
	width:500px; 	
}
*/

.vkImgL {
	float:left; margin-right: 10px; margin-bottom: 15px; margin-left: 10px;
}

.BildUschr {
	max-width:230px; font-size:11px; color: #666; font-weight: normal;
}

#inhalt  li {
	list-style: square;
	display: list-item;
	margin: 10px;
	padding: 2px;
	line-height: 16px;
}

	#inhalt a ,:link a,:visited a { text-decoration: none; border:none; color: #037; font-weight:bold;}

/* info div */

	#info {
	margin-left: 155px;
	margin-right: 200px;
	/*text-align: justify; */
	 /*	position:absolute;
		top:5px; left:150px; 
		width:600px; */
		border: orange 0px solid;
		background-color: #fff;
	font-family:  Arial, 'Open Sans', 'Free Sans', sans-serif !important;
			font-size: 12px;
			font-weight: normal;
			text-decoration: none;
		}
	#info a ,:link a,:visited a { text-decoration: none; border:none;	color: #141817;
 font-weight:normal;}

		#info  a:hover {
			text-decoration: none;
			color: #79980d;
		}
#info p {
	padding-left: 0.8em; 
text-indent: -0.8em;
}
#infotopic { text-decoration: none;	color: #037;
 font-weight:bold;margin-right:5px;}

