@charset "utf-8";

.box1 {
	background-color: #eee;
	line-height:42px;
	}
  
.container_1_1{
	float:left;
	display: block;
	height:45px;
	margin-top:20px;
	}
	
.container_1_2,.container_1_3, .container_2_3,.container_1_4,.container_3_4{
	float:left;
	display: block;
	/* height:45px; */
	margin-top:20px;
	margin-right:2%;
	}


.container_1_1 {
	width: 100%;
	}

.container_1_2 {
	width: 48%;
	}

.container_1_3 {
	width: 31.9%;
	}
	

.container_2_3 {
	width: 66%;
	}

.container_1_4 {
	width: 23.5%;
	}

.container_3_4 {
	width: 74%;
	}


.c_50.innen.aussen {
    width: 43%;
}

.c_10.innen.aussen, .c_20.innen.aussen, .c_25.innen.aussen, .c_33.innen.aussen, .c_50.innen.aussen, .c_66.innen.aussen, .c_75.innen.aussen, .c_100.innen.aussen {
    padding: 2%!important;
    }
.baustein_1.top.plus:before, .top.plus:before {
    content: '';
    margin-top: 4px!important;
    }
@media only screen and (max-width: 799px) {

.container_1_1,.container_1_2, .container_1_3,.container_2_3,.container_1_4,.container_3_4{
	width: 90%;
	margin-right:0;
	margin-left:5%;
	float: left;
	}
	c_10.innen.aussen, .c_20.innen.aussen, .c_25.innen.aussen, .c_33.innen.aussen, .c_50.innen.aussen, .c_66.innen.aussen, .c_75.innen.aussen, .c_100.innen.aussen {
    padding: 1%!important; 
	}
	}

@charset "utf-8";

nav{
	width: 1070px;
	height:auto;
	padding-left: 2.8%;
	z-index: 2222;
	float: left;
	clear: none;
	display: block;
	}
img.menue{
    width: 11px;
    height: 11px;
    float: none;
    margin-left: -12px;
}
.open, .close {
	visibility:hidden;
	display:none;
	height:0px;
	}


#inh {
	width: 100%;
	position:relative;
	float: left;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	}

#inh ul li {
	clear: none;
	list-style-type: none;
	list-style-image: none;
	float:left;
	overflow-y: hidden;
	margin-left: 0;
	overflow-x:hidden;
	height: 67px;
	padding-right: 2%;
	padding-left: 2%;
	}

#inh ul li.down1{
	padding-right: 2%!important;
	display:block;
	width: 145px;
	}
	
#inh ul li.down2{
	padding-right: 2%!important;
	width: 82px;
	display:block;
	}
	
#inh ul li.down3{
	padding-right: 2%!important;
	width: 127px;
	display:block;
	}	
	
#inh  li:hover, #inh  li div:hover{
	overflow:visible;
	color:#73B8EF;
	}

#inh ul li a, #inh ul li div{
	color: white;
	display: block;
	height: 70px;
	line-height: 74px;
	font-size: 95%;
	margin-top: 0;
	text-decoration: none;
	}

#inh ul li a.current {
	 color: #73B8EF; 
	}
	
#inh ul li a:hover{
	text-shadow: none;
	color: #73B8EF;
	}
	
#inh ul li:hover{
	border-bottom:3px #73B8EF solid;
	color: #134A88;
	}
#inh ul ul li a:hover{
	text-shadow: none;
	color:  #73B8EF;
	}
	
#inh img {
    margin-bottom: 0;
   }

#inh ul li ul{
	width: auto;
	z-index:333;
	float:left;
	height: auto;
	background-color: white;
	margin-left: -22px;
	}

#inh ul ul li {
	width: 100%;
	height: 35px;
	padding: 2px 0 0px 0;
	font-size: 100%;
	clear: both;
	border-bottom: 1px #eee solid;
	min-width: 170px;
	}

.down2 li a{
	min-width: 190px;
	}

#inh ul ul li a{
	border-bottom:0px #eee solid;
	padding: 4px 22px;
	text-transform: none;
	font-size: 90%;
	float: left;
	font-weight: bold;
	width: 80%;
	height: 25px;
	line-height: 25px;
	text-align: left;
	text-shadow: none;
	color: #0f5099;
	}
	
#inh ul li li:hover{
	border-bottom:1px #73B8EF solid;
	}
	
/* ====== Pfeile im Menü ======= */
li div.down11{
	background-image:url(../pics/down.png);
	background-repeat:no-repeat;
	background-position: 133px 31px;
	background-size: 11px;
	}
	
li div.down21{
	background-image:url(../pics/down.png);
	background-repeat:no-repeat;
	background-position: 70px 31px;
	background-size: 11px;
	}
	
li div.down31{
	background-image:url(../pics/down.png);
	background-repeat:no-repeat;
	background-position: 115px 31px;
	background-size: 11px;
	}

li div.down11:hover, li div.down21:hover, li div.down31:hover{
	background-image:url(../pics/down_blau.png)
	}

.handy_logo {
   display:none
}



/* ======== Umbruchstelle  (Tabletgröße) ====== */
@media only screen and (max-width: 1545px) {

#inh ul li ul{
	margin-left: 0;
	}

img.logo{
	position:absolute;
	top:0;
	}
	
.header{
	position:relative;
	}

	
.open,  .close {
	visibility: visible;
	position:absolute;
	display: block;
	float:right;
	right: 3.4%;
	top: 4px;
	margin-top: 10px;
	width: 30px;
	height: 25px;
	}
	
.open img, .close img{
	width: 35px;
	height: 30px;
	}
	
.close{
	margin-top: 20px;
	}
	
.handy_logo img.logo {
    left: 0;
    margin-left: 4%;
	}
	
#inh, :not(:target) #inh {
	width: 100%;
	top: -1480px;
	position:absolute;
	left:0;
	z-index:300;
	margin-top: -9px;
	text-align: center;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	}

#inh:target {
	top: 0;
	width: 100%;
	margin-left: 0;
	left: 0;
	padding-top: 12px;
	background-color: white;
	height: auto;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	}
	
#inh ul li.down1,#inh ul li.down1:hover, #inh ul li.down2, #inh ul li.down2:hover,#inh ul li.down3,#inh ul li.down3:hover{
	width: 96%;
	border-bottom: none;
	}
	
#inh ul{
	overflow:visible;
	}
	
#inh ul li ul{
	width: 100%;
	background-color: transparent;
	}
	
#inh ul li{
	width: 96%;
	border-bottom: 1px #111 solid;
	float:left;
	background-color: #333;
	text-align: left;
	list-style-type: none;
	list-style-image: none;
	float:left;
	clear: both;
	font-size: 100%;
	height: auto;
	text-align: left;
	margin-left: 0;
	overflow:visible;
	left: 0;
	}

#inh ul li ul li{
	width: 30%;
	margin-bottom: 0;
	clear: none;
	margin-right: 1%;
	margin-left: 2%;
	height: 45px;
	background-color: rgba(0, 0, 0, 0.71);
	border-bottom: 1px #444 solid;
	}
#inh ul li:hover{
	border-bottom:1px #73B8EF solid;
	}
#inh ul li ul li:hover{
	border-bottom:1px #73B8EF solid;
	}
#inh ul li a{
	height: 45px;
	line-height: 45px;
	text-align:left;
	padding-left: 2%;
	width: 96%;
	}
	
#inh ul li li a{
	line-height: 38px;
	text-align:left;
	text-transform: uppercase;
	color:white;
	font-weight: 100;
	border-bottom: none;
	}
.handy_logo{
	margin-top: 65px;
	display:block;
	}
	
nav img.logo {
    margin-top: 20px;
	}
	
/* === Position Pfeile Menü ======= */
li div.down11{
	background-position: 145px 17px;
	margin-left: 2%;
	height: 49px!important;
	line-height: 49px!important;
	}	
	
li div.down21{
	background-position: 80px 19px;
	margin-left: 2%;
	height: 49px!important;
	line-height: 49px!important;
	}
	
li div.down31{
	background-position: 125px 19px;
	margin-left: 2%;
	height: 49px!important;
	line-height: 49px!important;
	}
}

@media only screen and (max-width: 1020px) {
li div.down31{
	height: 49px!important;
	line-height: 49px!important;
	}
#content p, p,#footer{color:#000!important;font-weight:400;} 

}

@media only screen and (max-width: 850px) {
img.logo{left: 6%;}
}

@media only screen and (max-width: 839px) {
#inh ul li ul li{
	width: 47%;
	}
}

@media only screen and (max-width: 550px) {
#inh ul li ul li{
	width: 96%;
	}

}
* {
	margin: 0;
	padding: 0;
}

body {
	color: #000;
	font-family:"Lucida Grande","Lucida Sans Unicode", "Lucida", "Lucida Sans", "Lucida Sans Unicode Standard","Lucida Sans Console Standard","Lucida Sans",Helvetica, Arial,  sans-serif;
	background-color: #FFF;
	float: left;
	width: 100%!important;
	}

/* ========= Vereinbarungen  nutzbarer Klassen======== */
.clear{
	clear:both
}
.box2{padding:2%;
	border:1px solid #ccc;
}
.container_1_2.box2 {
    min-height: 640px;
}
.presse_links{
	width: 37%;
	padding: 2px 24px 0 0;
	float: left;
	}
	
.presse_rechts{
	width: 60%;
	float: left;
	display: block;
	}
	
hr.presse{
	width:100%;
	margin-top: 40px;
	margin-bottom: 50px;
	}
	
.haelfte{
	width: 49%;
	}
.drittel{
	width: 32%;
	}
.viertel{
	width:24%
	}

.lightblue{
	color: #cee1fa;
	}
.yellow{
	color:#ebee3b;
	}

.white{
	color: white;
	}
	
.gray{
	color:#ccc
	}
	
.black{
	color:black
	}
	
.blue{
	color: #134A88;
	}

.right{
	float:right;
	}
	
.left{
	float:left
	}
.textright{
	text-align:right
	}

.textcenter{
	text-align:center
	}


sup {
    font-size: 68%;
	}	
	
.box1 {
	background-color: #eee;
	line-height:42px
	}
  
.container_1_1{
	float:left;
	display: block;
	height:45px;
	margin-top:20px;
	}
	
.container_1_2,.container_1_3, .container_2_3,.container_1_4,.container_3_4{
	float:left;
	display: block;
	margin-top:20px;
	margin-right:2%;
	}


.container_1_1 {
	width: 98%;
	}

.container_1_2 {
	width: 43%;
	}

.container_1_3 {
	width: 31.3%;
	}
	

.container_2_3 {
	width: 64.7%;
	}

.container_1_4 {
	width: 23%;
	}

.container_3_4 {
	width: 73%;
	}	
	

img {
	border: 0;
	padding: 0;
	max-width: 100%;
	}
	
.dummy img, #header_pic img {
    width: 100%;
	}
	
img.logo {
    left: 4%;
	}
	
.header_logo{
	width: 17.3%;
	float: left;
	}
	
div#gmap_canvas {
    max-width: 100%;
    z-index: 0;
	}
	
.dummy {
    width: 100%;
    float: left;
    position: relative;
}
.header {
	height: 70px;
	display: block;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999999;
	background-color: rgba(0,0,0,0.7);
	}
	
 img.logo{
	 margin-top: 14px;
	 height: 40px;
	 float: right;
	 margin-left: 1%;
	 }
	 
nav img{
	margin-top: 5px;
	height: 25px;
	float:right;
	margin-right: 6%;
	}
	
.slogan{
	position:absolute;
	bottom: 35px;
	width: 100%;
	}
	
.slogan .mitte{
	font-size: 280%;
	font-weight: bold;  /* ====== Slogan fett (bold) nicht fett (100)======= */
	}
	
.mitte{
	width: 68%;
	margin-left: 14%;
	padding-left: 3%;
	padding-top: 60px;
	}

.kopf_nav a{
   color: white;
   line-height:40px
	}

#header_pic img {
    width: 100%!important;
    z-index: -2222;
    left: 0;
	}

div#header_pic {
    position: fixed;
    z-index: -3333;
    top: 0;
    left: 0;
    width: 100%!important;
    float: left;
	}

.dummy,#header_pic{
	margin-top: 0;
	top:0;
	left:0;
	margin-left:0;
	margin-top: 70px;
	}


.img-wrapper {
	background: url("pics/outline-shadow.jpg") no-repeat bottom right;
	clear: right;
	float: left;
	position: relative;
}


.img-wrapper img {
	margin: -5px 5px 5px -5px;
	padding: 2px;
	border: 1px solid #DADADA;
	background-color: white;
	display: block;
	position: relative;
}


/* ---------- Content -----------*/


#content {
	color: black;
	background-color: rgba(256,256,256,0.9);
	float: left;
	width: 100%;
	font-size: 100%; 									
	min-height: 600px;
}

#content h1 {
    font-size: 1.6em;
    margin-bottom: 14px;
    color: #0f5099;
    clear: both;
}

#content h2 {
	font-size: 1.4em;
	margin-bottom: 34px;
	color: #555;
	clear: both;
}

#content h2 a {
	text-decoration: none;
	color: #777
}

#content h2 a:hover {
	color: #0f5099;
	text-decoration: underline;
}

#content h3 {
	font-size: 1.2em;
	margin-bottom: 14px;
	color: #555;
	line-height: 28px;
}

#content p {
	line-height: 1.8em;
	margin-bottom: 15px;
	font-size: 100%; 							
	color: #555;
}



#footer img, a.up img{
	box-shadow:none;border-radius:0
	}

#content p a {
	text-decoration: none;
	color:#0f5099;
}

#content p a:hover {
	color: #0f5099;
	text-decoration: underline;
}

#content ul {
	/* margin-right: 33px; */
	line-height: 1.5em;
	clear: both;
}

#content li {
	list-style-type: square;
	margin-bottom: 8px;
	color: #555;
	padding-left: 10px;
	margin-left: 30px;
}

#content li a {
	text-decoration: none;
	color: #0f5099;
}

#content li a:hover {
	color: #0f5099;
	text-decoration: underline;
}

#content #systemtable {
	width: auto;
}


#content #systemtable td {
	vertical-align: top;
	width: auto;
	padding: 7px;
}

#content hr {
	width: 100%; 
	border: none;
	border-top: 1px solid #D2D2D2;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px;
   }
   

/* ---------- Font Size Chooser -----------*/

#sizer {
	color: #777;
	background: #FFF;
	padding: 10px 0;
	width: 179px;
	text-align: center;
	position: absolute;
	bottom: 250px;
	left: 15px;
}

#sizer a {
	color: #777;
	border: 1px solid #777;
	padding: 4px;
	line-height: 20px;
	cursor: pointer;
}

#sizer a:hover, #sizer a.active {
	background: #777;
	color: #FFF;
	text-decoration: none;
}

#content #sizer a.active {
	cursor: default;
}

#sizer a#small {
	font-size: 10px;
}

#sizer a#medium {
	font-size: 13px;
}

#sizer a#large {
	font-size: 15px;
}

.up{
	float:right;
	margin-bottom:20px;
	margin-right: 2%;
	clear: both;
	}
	
#contentstart {
	height: 400px;
	background-color: #00105A;
	font-size: 22px;
	border-top: 5px solid #A3A3A3;
	border-bottom: 5px solid #A3A3A3;
}


#contentstart h1 {
	font-size: 25px;
	color: white;
}


#contentstart h2 {
	font-size: 17px;
	color: white;
	font-style: italic;
	position: absolute;
	top: 490px;
	right: 95px;
	text-decoration: none;
}

#contentstart h2 a {
	text-decoration: none;
	color: white;
}


#contentstart h2 a:hover {
	color: #A3A3A3;
}


#footerstart {
	border-top: 1px solid #7F7E7E;
	background-color: white;
	color: black;
	font-size: 12px;
	text-align: center;
	padding-top: 25px;
}

#footerstart a {
	text-decoration: none;
	color: black;
}


#footerstart a:hover {
	color: #00105A;
}

html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd	{
	font-size: 95%;
}

img.logo{
	left: 3%;
	}

.container_1_3.footer_1{
	text-align:left
	}
	
.container_1_3.footer_2{
	text-align:center;
	font-weight: bold;
	}
	
.container_1_3.footer_3{
	text-align:right
	}
	
.container_1_1.footer_4{
	text-align:center;
	font-size:85%
	}
	
.container_1_3.footer_1 img{
	width:70%
	}
	
#footer .mitte{
	padding-top: 10px;
	}

#footer{
	width: 100%;
	font-size: 90%;
	padding-top: 14px;
	color: grey;
	border-top: 1px solid #D2D2D2;
	float:left;
	color: #666;
	background-color: #EEE;
	min-height: 432px;
}


#footer a {
	text-decoration: none;
	color: #666;
	line-height: 18px;
}


#footer a:hover {
	color: #00105A;
}

hr {
    float: left;
    width: 100%;
    margin-top: 20px;
	}

embed#plugin{
	max-width:100%
	}
	
.up img {
    box-shadow: none!important;
}
input[type="submit"]{
	width:180px;
	border:1px #ccc solid;
	 min-width: 160px;
    height: 40px;
    line-height: 40px;
    font-size: 90%;
    border:1px solid #ccc;
    margin-top:12px;
    border-radius:3px;
    margin-right:4%;
    clear:both;
    background-color:#0f5099;
    color:white
}
	
input[type="submit"]:hover{
 	background-color:#73B8EF;
	}	
@media only screen and (max-width: 1455px) {
	#footer{
	min-height: 460px;
	}
}
@media only screen and (max-width: 1200px) {

.presse_links{
	width: 100%;
	}
.container_1_2.box2 {
    min-height: 600px;
}
.presse_rechts{
	width: 100%;

	}
	}
	@media only screen and (max-width: 1534px) {
.mitte{
	width: 78%;
	margin-left: 9%;
}
}
@media only screen and (max-width: 950px) {
	#footer{
	min-height: 492px;
	}
.c_50.innen.aussen, .c_25.innen.aussen, .c_33.innen.aussen, .c_66.innen.aussen, .c_75.innen.aussen {
    width: 95%!important;
    }
}
		
@media only screen and (max-width: 850px) {
.slogan .mitte {
    width: 90%;
    font-size: 190%;
    margin-left: 5%;
  }
 
div#header_pic {
	width: 100%!important;
	right:0;
	overflow: hidden;
	}
	
.haelfte{
	width: 100%;
	}

.mitte {
    width: 88%;
    margin-left: 3%;
    padding-top: 5px;
 }

.slogan {
    bottom:15px;
    margin-left: -2%;
	}
	
#content h1{
	font-size:140%;
	margin-bottom:2px
	}
#content h2{
	font-size:120%;
	margin-bottom: 4px;
	}	
#content h3{
	font-size:120%;
	margin-top: 2px;
	float: left;
	width: 100%;
	}

img.logo{
	margin-left:0;left: 6%;
	}
	
}


@media only screen and (max-width: 800px) {

.container_1_3.footer_1{text-align:left}
.container_1_3.footer_2{text-align:left;}
.container_1_3.footer_3{text-align:left}
.container_1_1.footer_4{text-align:left;}

.container_1_3.footer_1 img{
	width:100%;
	max-width: 270px;
	}
	
#footer{
	min-height: 980px;
	}	

#footer a{
	line-height:24px
	}
.container_1_1,.container_1_2, .container_1_3,.container_2_3,.container_1_4,.container_3_4{
	width: 95%;
	margin-right:0;
	float: left;
	}
	
.right{
	float:left;
	}

.textright{
	text-align:left
	}

.textcenter{
	text-align:left
	}
}



@media only screen and (max-width: 450px) {
table, tr, td {
    display: block;
	}
.slogan .mitte {
    font-size: 160%;
	}
.slogan{display:none}
}


/* ======= Fuer grosse Monitore ======= */
@media only screen and (min-width: 1650px) {
 .mitte {
    width: 1010px;
    margin: 0 19.8%;
	}

.header_logo{
	width:19%;
	margin-left: 0;
	}
}

@media only screen and (min-width: 2140px) {
.mitte {
    margin: 0 24.8%;
	}
	
.header_logo{
	width:24%;
	margin-left: 0;
	}
	
.slogan .mitte {
    float: left;
	}
	
.inner {
	width: 1500px;
	float:none;
	margin:0 auto;
	}
	
img.logo{
	margin-left:3%
	}
}