/* http://paletton.com/#uid=73F0u0krmySgYJFmgCDx5t9zDmA */
html, body {
	background-color:#dfddde; /*#83bd1b */
	overflow: auto;
	margin:0px;
 	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wrapper {
	background-color: #f8f8f8;
	width: 950px;
	/* margin: auto;  Div soll zentriert werden */
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	margin: 0px;	/*overflow: hidden !important;  FF Scroll-leiste */
	alignment-adjust:middle;
}

.rahmen {
	position: absolute;
	width:1210px;
	left: 5px;
	top: 4px;
	background-color: #fefefe;
	padding:5px;
}

@media only all and (max-device-width:1200px){
	.rahmen {
	position: absolute;
	width:1000px;
	left: 1px;
	top: 0px;
	background-color: #fefefe;
	padding:1px;
}
}

@media only all and (max-device-width:900px) {
	.rahmen {
	width:940px;
	}
}
.kopf {
	color: #000000;
	font-size: x-large;
	background-image: url(bilder/logo-hintergrund3.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	float:left; 
	width:1190px; 
	height: 100px;
	margin-left:5px; 
	margin-right:5px; 
	margin-top:10px
}
@media only all and (max-device-width:1200px){
	.kopf {
	font-size: x-large;
	background-image: url(bilder/logo-hintergrund3.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	float:left; 
	width:990px; }
}

@media only all and (max-device-width:900px) {
	.kopf {
	width:933px; }
}
.kopf-bild {
	float:right;
	width:170px;
	height:100px;
	margin-right:10px;
	vertical-align:middle;
	alignment-adjust:middle;
}
@media only all and (max-device-width:1200px){
	.kopf-bild {
		width:0px;
		}
}


.firmen-logo {
	float:left; 
	margin-left:6px; 
	margin-top:1px;
}
@media only all and (max-device-width:900px) {
	.firmen-logo {
	width:140;
	resize:both; }
}
.tabelle-navi {
	text-align: left;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #F0F0F0;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	width:190px;
	background-color:#275EB0;
	/*background: linear-gradient(to right, #011F3E, #275EB0, #275EB0, #275EB0, #275EB0, #275EB0, #275EB0, #275EB0,  #011F3E);*/
	left: 5px;
}
/* Verkleinerung Navi */
@media only all and (max-device-width:900px) {
	.tabelle-navi {
		width:142px;
		left: 1px;
		background:linear-gradient(to right, #1A4077,#275EB0,#275EB0,#275EB0,#275EB0,#275EB0,#275EB0,#275EB0,#1A4077);
	}
}
.tabelle-weis {
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
}
.tabelle-innen {
	border: .6em solid #FeFefe;

}
.tabelle-rand-abstand{
	border: 2px solid #333333;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.tabelle-links_partner {

	text-align: center;
	padding: 5px;
	margin: 0px;
}
.tabelle-links_news {
	background-color: #f8f8f8;
	text-align: center;
	padding: 5px;
	margin: 0px;
	overflow:hidden;
}
.tabelle-navi-rand {
	border: 2px solid #000000;
}

.tabelle-runde-ecken {
	border: medium solid #666;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	-ms-border-radius:10px;
	padding: 2px;
}
.round_corners { 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #CCCCCC;
	padding: 2px;
}

.iframe-trans-fix{
  background-color: #FFF; /*this gives a background color for browsers that can't do RGBA color, like internet explorer*/
    background-color: rgba(255,255,255,0.5);
}

/*-------------- DIV ------------------------ DIV ------------------------------------------------------------ DIV ---------------------------*/

/* Der Kern von Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	font-size: 1px;
	height: 1px;
	visibility: hidden;
}

/* IE-Patch für IE 7*/
*:first-child+html .clearfix { min-height: 0; }

/* IE-Patch für IE 6*/
* html .clearfix { height: 1%; }

.main {
	position:absolute;
	width:1200px; 
	left: 2px; 
	top: 2px;
	right: 2px;
	bottom: 2px;
	font-size:medium;
}
@media only all and (max-device-width:1200px){
	.main {
	position:absolute;
	width:1000px; 
	left: 1px; 
	top: 1px;
	right: 1px;
	bottom: 1px;
	font-size:medium;
}
}
/*-------------- info Fenster Startsseite ---------------------------*/
.info-fenster {
	width:80%;
}
@media only all and (max-device-width:900px){
	.info-fenster {
		width: 98%;

	}
}
.info-Fenster-innen-1 {
	width:260px; 
	margin-top:10px; 
	margin-bottom:5px; 
	margin-left:100px; 
	float:left
}
@media only all and (max-device-width:900px){
	.info-Fenster-innen-1 {
		width:350px; 
		margin-left:50px;
	}
}
/*-------------- 2 Spalten Design ---------------------------*/
.2spalten {
	width:384px; 
	margin: 0px auto; 
	float:left; 
	margin-bottom:5px;
}
.toggle-hg-2spalten {
	margin: 0px auto; 
	float:left; 
	width:48%; 
	background-color: #efeeee; 
	background: linear-gradient(to bottom, #efeeee 50%, #dfddde 100%); /* W3C */
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 5px 10px #666;
	-webkit-box-shadow: 0px 0px 5px 10px #666;
	box-shadow: 3px 3px 3px 0px #aaa;
	padding-right: 2px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}


.text_float_left {
	float:left
}
.text_float_right {
	float:right
}
.text_2_spalten-1 {
	float:left;
	width:49%;
	padding-right:2%;
	padding-bottom:2px
	
}
@media only all and (max-device-width:900px){
	.text_2_spalten-1 {
		width:100%;
		padding-right:0%;
	}
}
.text_2_spalten-1-30 {
	float:left;
	width:30%;
	padding-right:2%;
	padding-bottom:2px
	
}
@media only all and (max-device-width:900px){
	.text_2_spalten-1-30 {
		width:100%;
		padding-right:0%;
		padding-top:5px;
	}
}
.text_2_spalten-2 {
	float:left;
	width:49%;
	padding-bottom:2px
}
@media only all and (max-device-width:900px){
	.text_2_spalten-2 {
		width:100%;
		padding-bottom:4px;
	}
}
.runde_ecken-div {
	/*border-bottom-width:thin;
	border-color:#ddd;
	border-style: solid;
  	border-style: outset; */
	background-color: #ffe478; /*#dfddde; */
	background: linear-gradient(to bottom, #ffdb4e /* #e4e3e4*/  10%, #ffe478 /*#dfddde*/ 100%); /* W3C */
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 10px 20px #666;
	-webkit-box-shadow: 10px 10px 10px 20px #666;
	box-shadow: 5px 5px 5px 0px #aaa;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	min-width:200px;
}
.runde_ecken-div-rot{
	/*border-bottom-width:thin;
	border-color:#ddd;
	border-style: solid;
  	border-style: outset; */
	background-color: #FF0000; /*#dfddde; */
	background: linear-gradient(to bottom, #ffdb4e /* #e4e3e4*/  10%, #ffe478 /*#dfddde*/ 100%); /* W3C */
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 10px 20px #666;
	-webkit-box-shadow: 10px 10px 10px 20px #666;
	box-shadow: 5px 5px 5px 0px #aaa;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	min-width:200px;
}
.runde_ecken-div-grau {
	/*background-color: #dfddde; */
	background: linear-gradient(to bottom, #efeeee 10%, #dfddde 100%); /* W3C */
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 5px 10px #666;
	-webkit-box-shadow: 0px 0px 5px 10px #666;
	box-shadow: 3px 3px 3px 0px #aaa;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.runde_ecken-div-rot {
	/*background-color: #dfddde; */
	background: linear-gradient(to bottom, #ff2a00 10%, #ff552a 100%); /* W3C */
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 5px 10px #666;
	-webkit-box-shadow: 0px 0px 5px 10px #666;
	box-shadow: 3px 3px 3px 0px #aaa;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.toggle-hg {
	/*background-color: #dfddde; */
	background: linear-gradient(to bottom, #efeeee 10%, #dfddde 100%); /* W3C */
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 5px 10px #666;
	-webkit-box-shadow: 0px 0px 5px 10px #666;
	box-shadow: 3px 3px 3px 0px #aaa;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	min-width:200px;
}
.botton {
	/*background-color: #dfddde; */
	background: linear-gradient(to bottom, #cecccd 10%, #bdbbbc 100%); /* W3C */
	border-radius: 2px;
	-moz-box-shadow: 0px 0px 5px 10px #666;
	-webkit-box-shadow: 0px 0px 5px 10px #666;
	box-shadow: 3px 3px 3px 0px #aaa;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	min-width:20px;
	text-align: center;
	color: #000;
	text-decoration: none;

}
.botton_schraeg {
	/*background-color: #dfddde; */
	background: linear-gradient(135deg, #f8f8f8 18px, #bdbbbc 19px); /* W3C Farbe von text-hindergrund1  */ 
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 5px 10px #666;
	-webkit-box-shadow: 0px 0px 5px 10px #666;
	box-shadow: 3px 3px 3px 0px #aaa;
	padding-right: 5px;
	padding-left: 30px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	min-width:100px;
	height:20px;
	text-align: center;
	color: #000;
	text-decoration:none;
	font-size:100%;
}
.socialshareprivacy {
		line-height: 5px;
	}

@media only all and (max-device-width:900px){
	.socialshareprivacy {
		line-height: 5px;
	}
}

.div-breite-180-mob-360 {
	width:180px
}
@media only all and (max-device-width:900px){
	.div-breite-180-mob-360 {
	width:360px
	}
}
/*-------------- DIV ----------------------------------- DIV Ende -------------------------------------------------------- DIV ----------------- ende ----------*/

/*-------------- KlapText ------------------------------------------------------------------------------------------------- KlapText ---------------------------*/
ul#KlapText {
	margin: 0;
	padding: 0;
	text-align: center;
	alignment-adjust: middle;
  }

  ul#KlapText li {
	list-style: none;
	float: left;  /* ohne width - nach CSS 2.1 erlaubt */
	position: relative;
	padding: 0;
	margin-top: 0.3em;
	margin-right: 0.1em;
	margin-bottom: 0.3em;
	margin-left: 0.1em;
  }
  * html ul#KlapText li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#KlapText li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.4em;
  }

  ul#KlapText li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 1.6em; /* Abstand erster zweiter */
	left: -0.1em;
	display: none;  /* UnterKlapText ausblenden */
  }
  * html ul#KlapText li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#KlapText ul {  /* Workaround fuer den IE 7 */
    background-color:silver; padding-bottom:0.4em;
  }
  ul#KlapText li:hover ul {
	display: block;
	background:#555  /* UnterKlapText in modernen Browsern einblenden */;

	
  }
  ul#KlapText li ul li {
	float: none;
	display: block;
	margin-bottom: 0.2em;
  }

  ul#KlapText a, ul#KlapText span {
	display: block;
	width: 8.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
	padding: 0.2em 0.1em;
	text-decoration: none;
	font-weight: normal;
	border: 1px solid black;
	border-left-color: #999;
	border-top-color: #999;
	color: #FFF;
	background-color: #333;
  }
  * html ul#KlapText a, * html ul#KlapText span {
	width: 8.6em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
	w\idth: 8.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }
  ul#KlapText a:hover, ul#KlapText span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: silver;
  }
  ul#KlapText li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
  }
/*-------------- KlapText Ende ----------------------------------- KlapText --------------------------------------------------------- ende ------- */

/*-------------- feed ------------------------------------------------------------------------------------------------- feed ---------------------------*/
.feedEkList{width:188px; list-style:none outside none; padding:2px 0px; color:#3E3E3E;}
.feedEkList li{border-bottom:1px solid #D3CAD7; padding:2px;}
.feedEkList li:last-child{border-bottom:none;}
.itemTitle a{font-weight: normal; color:#1f1f1f !important; text-decoration:none }
.itemTitle a:hover{ text-decoration:underline }
.itemDate{font-size:11px;color:#AAAAAA;} 
/*-------------- feed Ende ----------------------------------- feed --------------------------------------------------------- ende ------- */

/*-
@media handheld
http://wiki.selfhtml.org/wiki/CSS/Media_Queries
http://www.guru-20.info/2011/01/04/ein-dynamisches-css-fur-verschiedene-monitorbreiten/

*/