* { /* fixes differnt default margins in the browsers */
	padding: 0;
	margin: 0;
	border: 0;
}
html, body { /* activates vertical scrolling especially on FF */
	min-height: 100%;
	padding-bottom: 1px;
	background-color:#E6EBED;
}
p {
	margin: 10px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:18px;
}
body,
input,
textarea{ /* since we mostly use only one font per project just define it global
              some browsers need input and textarea to be defined extra!
              as if it would not be covered by body {} */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	position:relative;
}

input,
textarea { /* due to useability we always need this padding and because we defined padding:0 before */
	padding-left:2px;
}

img { /* to be sure no browser displays an image border since we don't use border="0" on img */
 border:0;
}

/* the values for ul, ol are exemplary but you'll see interpretation differences
   especially on positioning the list symbol/number accross browsers */
ul {	
	margin-left:0px;
	padding-bottom:10px;
	list-style-type:none;
}
ul li {
	padding-left:0px;
	margin:0;
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-decoration:none;
	font-weight:normal;
}

ol {
	margin-left:27px;
	list-style-position:outside;
	padding-bottom:10px;
}

ol li {
	list-style-type:decimal;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:2.0em;
	color:#009EE0;
	margin-left:40px;
	font-weight:normal;
	clear:left;
}
#right h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#009EE0;
	margin-left:0px;
}
html>/**/body  h1 {
	margin-top:23px;
	font-weight:normal;
	margin-bottom:6px;
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	line-height:18px;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#5A5A5A;
	font-size:2.4em;
	margin-left:43px; /* was not equal to left-margin of p */
	margin-top:30px;
	font-weight:normal;
}

h4  { /* not always required */

}

h5 { /* not always required */

}

#main{
	width:986px;
	margin-left:auto;
	margin-right:auto;
	background-color:#E6EBED;
}
* html #main{
	width:1045px;
	margin-left:auto;
	margin-right:auto;
	background-color:#E6EBED;
}
#logo{
	height:112px;
	float:left;
	padding-top:20px;
	padding-left:32px;
}
#header{
	width:450px;
	height:134px;
	float:left;
	padding-left:100px;
}
#header p,
#header_right {
	color:#5A5A5A;
	margin-left:43px;
	margin-top:10px;
	line-height:17px;
	font-size:1.2em;
}
#header_right a{color:#000;}
#header_right{
	width:225px;
	height:49px;
	float:left;
	margin:0px;
	margin-top:85px;
	margin-left:78px;
}
#navim{
	width:222px;
	height:599px;
	background-color:#E6EBED;
	float:left;
	padding-top:45px;
	font-size: 1.3em;
	z-index:800;
}
* html #navim{
	margin-right:-1px;
}
#navi ul{
	list-style-type:none;
	text-align:left;
	font-size:0.9em;
	margin:0;
	color:#999;
	padding: 2px 0;
	float: left;
}
#navi li a,
#navi li a:link,
#navi li a:visited,
#navi li span{
	width:180px;
	padding:3px 0px 5px 25px;
	display:block;
	text-decoration:none;
	color:#666;
	border-bottom:1px solid #E6EBED;
	border-top:1px solid #E6EBED;
	border-left:1px solid #E6EBED;
}
#navi li.active a,
#navi li.active a:link,
#navi li.active a:visited,
#navi li span{
	font-weight:bold;
}
#navi li a:hover,
#navi li a:focus{
	color:#009DE0 !important;
	font-weight:bold;
	outline:none;
}
#navi li {
	padding:0px;
	margin:0px;
	float:left;
}
#navi li span{
	background-color:#FFFFFF;
        border-bottom:1px solid #B7BBBC;
        border-top:1px solid #B7BBBC;
        border-left:1px solid #B7BBBC;
        position:relative;
	color:#009DE0;
	padding:3px 2px 5px 25px;
	width:195px;
	font-weight:bold;
}
* html #navi li span {
	padding-left:28px;
}
#navi ul li.active span {
	background-image:url(../img/nbg.gif);
	background-position:23px center; 
	font-weight:normal;
	background-repeat:no-repeat;
	margin-top:-2px;
}
* html #navi ul li.active span {
	margin-left:1px;
	border-right:1px solid #FFFFFF;
}
#navi ul li a,
#navi ul li a:link,
#navi ul li a:visited,
#navi ul li span{
	padding:4px 0 5px 42px;
	margin-top: -2px;
	float:left;
	width:180px;
	font-weight:normal !important;
}
#navi ul li a:active,
#navi ul li a:focus,
#navi ul li a:hover,
#navi li.active ul li.active a:link, /* added those 2 for possible current in not existing 3rd level */
#navi li.active ul li.active a:visited {
	color:#0095ef;
	text-decoration:none;
}
#navi .active ul li a:link,
#navi .active ul li a:visited{
	color:#666;
}
#main_content{
	width:760px;
	background-color:#FFFFFF;
	float:left;
	border:1px solid #CCCCCC;
	padding-bottom:10px;
}
* html #main_content{
	height:600px;
	z-index:600;
}
#content_header{
	width:calc(100% - 40px);
	height:74px;
	border-bottom:4px solid #e6ebee;
	margin:0 40px;
}
#content_header h1{margin-left:0; clear:both;}
#content_header img{
	margin-left:43px;
	margin-top:0px;
}
#main_content #content_header ul{
	margin-bottom: 0;
	padding-top: 0;
	float:right;
	margin-right:30px;
}
#content_header li {
	float:left;
	list-style:none;
	padding:14px 8px 10px;
	font-size: 1.2em;
}
#content_header li a,
#content_header li a:visited,
#content_header li a:link,
#content_header li a:active {
	color:#5A5A5A;
	text-decoration:underline;
}
#content_header li span{
	color:#009EE0;
	text-decoration:none;
}
#content_header li a:hover{
	color:#009EE0;
	text-decoration:underline;
}
#content{
	width:416px;
	margin-left:68px;
	font-size:1.2em;
	line-height:24px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	min-height:500px;
}
#content_two_1{
	width:300px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	color:#5A5A5A;
	line-height:24px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	min-height:500px;
	padding:5px;
	margin-left:68px
}
* html #content_two_1{
	margin-left:34px
}
* html #content_two_2{
	margin-left:60px;
}
#content_two_2{
	width:300px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	color:#5A5A5A;
	line-height:24px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	min-height:500px;
	padding:5px;
	margin-left:40px;
	margin-right:10px;
}
* html #content{
	width:440px;
	margin-left:34px;
	font-size:1.2em;
	color:#5A5A5A;
	line-height:24px;
	padding-top:10px;
	float:left;
}

#main_content ul{
	padding-top:10px;
	list-style-image:url(bullit.gif);
	margin-left:15px;
	margin-bottom:2px;
}
#content ol{
	margin-left:19px;
}
#content li{
	padding-left:0px;
	line-height:18px;
	color:#000000;
}
#main_content a:link,
#main_content a:visited{ 
	color:#009EE0;
	text-decoration:underline;
}
#content a:hover{
	color:#009EE0;
	text-decoration:none;
}
#right {
	width:196px;
	background-color:#E6EBED;
	float:left;
	margin-left:42px;
	margin-top:20px;
	padding-top:12px;
	padding-left:24px;
	padding-right:6px;
	padding-bottom:16px;
	margin-bottom:20px;
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 1.2em;
	font-family:Georgia,"Times New Roman",Times,serif;
	color: #5A5A5A;
	
}
html>/**/body #right{
	padding-top:2px;
	padding-bottom:12px;
	margin-bottom:6px;
}
* html #right{
	margin-left:20px;
	padding-top:10px;
	padding-bottom:16px;
	margin-bottom:20px;
	margin-right:0px;
	padding-right:0px;
}
#right p{
	margin-top:20px;
	margin-bottom:15px;
}
#right div.spic {
	margin-left: -24px;
	margin-right: -6px;
	margin-bottom: -16px; 
	background: no-repeat top left;
}
.red{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#FF0000;
}
.blue{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#009EE0;
}
.green{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#38AD09;
}
.big {
	font-size: 1.6em;
	line-height:20px;
}
#footer{
	width:760px;
	height:74px;
	background-color:#FFFFFF;
	clear:both;
	padding-top:5px;
}

/*------------ Form ------------*/
.frm {
	/* standard form */
	margin-top:20px;
	float:left;
}
.frm fieldset legend {
	padding:10px 0 5px 0;
	font-weight:bold;
}
* .frm fieldset legend {
	margin-left:-6px;
}
.frm input,
.frm textarea,
.frm select {	
	border:1px solid #048BE0;
	padding:2px;
	float:left;
	margin-bottom:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
}
.frm input {
	width:236px;	
	height:15px;
}
.frm checkbox {
	width:90px;	
	height:15px;
}
.frm textarea {	
	width:236px;
	height:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin-bottom:3px;
	margin-top:0px;
}
html>/**/body .frm textarea {	
	width:236px;
	height:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin-bottom:3px;
	margin-top:0px;
}
html:first-child.frm textarea {	
	width:236px;
	height:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	margin-bottom:3px;
	margin-top:12px;
}
.frm label {	
	width:140px;
	display:block;
	float:left;
	color:#5A5A5A;
}
.frm input.missing,
.frm textarea.missing {
	background-color:#FFFFFF;
	border:2px solid #048BE0;
}
.frm select {	
	padding:2px;	
	border:1px solid #084695;
}
.frm select option {
	padding-right:10px; /* hinders FF to have the arrow above the text */
}
.frm p {	
	clear:both;
	margin-bottom:0px !important; /* the !important is required, otherwise IE overrides it */
	margin-top:0px !important;	
}

.frm p.fsbmt input {
	margin-left:137px;
	#margin-left:130px;
	margin-top:5px;
	width:auto;	
	height:auto;
	border:none;
	background:none;
	padding:0px;
	text-decoration: underline;
}
.frm p.fsbmt input.fsbmt_ovr {
	text-decoration:none;
}
.frm p label.radio {
	width:auto;
	margin-right:15px;
	margin-left:4px;
	color:#87878A;
	padding-top:2px;
}
html>/**/body .frm p label.radio {
	width:auto;
	margin-right:15px;
	margin-left:4px;
	color:#87878A;
	padding-top:0px;
}
html:first-child .frm p label.radio {
	width:auto;
	margin-right:15px;
	margin-left:4px;
	color:#87878A;
	padding-top:4px;
}
.frm p input.radio, 
.frm p.radio input,
.frm p input.checkbox,
.frm p.checkbox input {
	width:auto;
	height:20px;
	border:none;
	color:#87878A;
}
.frm p span.radio,
.frm p.radio span {
	display:block;
	float:left;
	width:120px;
	color:#87878A;
}
.frm p label.checkboxRight {
	padding-left:5px;
	width:auto;
}
.error_msg {
	background:#fff4d9;
	font-style:italic;
}
.frm p label.checkbox_long{
	width:250px;
	display:block;
	float:left;
	color:#5A5A5A;
	padding-left:5px;
}
/*------------ Contact page Elements ------------*/
.con_div{
	width:500px;
	padding:1px;
}
.condiv{
	width:450px;
}
.frmp{
	width:250px;
	margin-left:5px;
}
/*------------ Redaxo Elements ------------*/
div.cnt-blck { /* textile is putting it's output in such blocks */
	clear:both;
}
div.image p { /* picture description text */
	font-size:1.1em; /*define some small font size */ 
	float:none;
}
.fl-left { /* can be added as class on image divs for left alignment */
	float: left;
	margin: 3px 20px 0 0;
	width:35%;
}
.fl-right { /* can be added as class on image divs for right alignment */
	float: right;
	margin: 3px 0 0 20px;
}
.txt-algn-left {
	text-align:left;
}
.txt-algn-rght {
	text-align:right;
}
.txt-algn-cntr { /* can be added as class on image divs for centered images */
	text-align:center;
}
.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}
.hidden {
       display:none;
}
.download {/* can be added on an tag with text link */
	background-image:url(icon_pdf.png) left top no-repeat;
	padding:0 0 4px 22px;
}
#content.wide{
	width:auto;
	margin-right:68px;
}
* html #content.wide{
	width:683px;
	margin-right:5px;
}


.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

#content img{max-width: 100%;}


.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media screen and (max-width: 1006px){
	#main{width:calc(100% - 20px); margin:0 10px;}
	#content_header{width:calc(100% - 80px); height: auto;}
	#navim{display: none;}
	#main_content{width:calc(100% - 2px);}
	#content{margin-left:40px; margin-right:30px; width:calc(100% - 60px);}
	#logo{width:90px; height: auto;}
	#logo img{width:100%; height: auto; display: block;}
	#header{width:calc(70% - 122px); height: auto; padding-left:0;}
	#header_right{width:30%; height: auto; float:right; margin-left:0;}
	#main_content #content_header ul{margin-right:0px;}	
}
@media screen and (max-width: 830px){
	#header{width:calc(100% - 122px); float:right;}
	#header_right{display: none;}
	#main_content{margin-top:20px;}
}
@media screen and (max-width: 700px){
	.frm input{width:calc(100% - 6px);}
	.frm textarea{width:calc(100% - 6px) !important;}
	.checkboxen label{display: none;}
}
@media screen and (max-width: 600px){
	#header h3{font-size: 16px;}
}
@media screen and (max-width: 480px){
	#logo{width:50px;}
	#header{width:calc(100% - 90px); }
	#header h3{margin-left: 10px; margin-top: 15px;}
	#header p{margin-left: 10px;}
}



/* Navigation Mobil */
#menumobil{display:none !important;}
.mean-container .mean-bar{background:#009ee1; float:none; min-height: 57px;}
.mean-container .mean-nav ul li a{background: #009ee1;}
.mean-container .mean-nav ul li a:hover{background: #5a5a72;}
.mean-container a.meanmenu-reveal{padding: 3px 7px 7px 7px; margin: 5px 10px 0 0; height: auto; width:34px;}
.mean-container .mean-nav ul li a.mean-expand{background:#009ee1; height:40px; width:40px;}
.mean-container .mean-nav ul li li a{opacity: 1;}
.mobile_nav_text{
	color:#fff;
	font-size:12px;
    position: absolute;
    right: 16px;
    top: 35px;
	text-transform: uppercase;
}
.mean-container .mean-nav ul li a{font-size:20px; text-transform: none;}
.mobil_tel{position: absolute; top:18px; left:10px; color:#fff; font-size:18px;}
.mobil_tel a{color:#fff; }
/* ENDE Navigation Mobil */