a.maillink:link, a.maillink:visited{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:104493;
	text-decoration:none;
}

a.maillink:hover, a.maillink:active  {
	color:104493;
	text-decoration:underline;
	
}
#utilitynav{
    float:right;
    margin-top:30px;
    margin-right:40px;

}
.hg_intro{
    background-image:url('images/bg_intro.jpg');
}
.hg_content{
    background-image:url('images/bg.jpg');
}
.teaser_rel{
position: relative; padding-top:0%; width:100%;
}

.teaser_katwarn{
min-height:600px; background-image: url(../images/cms/katwarn/teaser_katwarn.jpg); background-repeat: no-repeat; background-size:100% auto; padding-top:10%;
}
.teaser_katretter{
min-height:600px; background-image: url(../images/cms/katwarn/teaser_katretter.jpg); background-repeat: no-repeat; background-size:100% auto; padding-top:10%; align:right;
}
.teasertext_blau{
position:absolute; top:0; left:0; padding: 2.5%; margin-top:10%; padding-left:5%; color: #ffffff; background-color:#1e4696; opacity: 0.8; width:50%; height:auto;}

.teasertext_blau_kat{
position:absolute; top:0; left:0; padding: 2.5%; margin-top:10%; padding-left:5%; color: #ffffff; background-color:#1e4696; opacity: 0.8; width:42%; height:auto;}
.teasertext_grau{
position:absolute; top:0; right:0; padding:2.5%; margin-top:10%;  padding-left:5%; color: #ffffff; background-color:#747474; opacity: 0.8; width:45%; height:auto; }
.teasertext_rot{
position:absolute; top:0; left:0; padding:2.5%; margin-top:10%;  padding-left:5%; color: #ffffff; background-color:#cc021b; opacity: 0.8; width:45%; height:auto; }
.teasertext_rot_kat{
position:absolute; top:0; right:0;  padding: 2.5%; margin-top:10%; padding-left:5%; color: #ffffff; background-color:#cc021b; opacity: 0.8;
width:42%; height:auto; }
DIV.right { float: right; }
.downloadtab{background-color:#747474; color:#ffffff; width: 32%;}
.box_drittel_links{
    float:left;
    width:32%;
    min-height:400px;

}
.icon_container_links{
    float:left;
    width:39%;
    margin-right:1%;
    height:275px;
}
.icon_container_mitte{
    float:left;
    width:39%;
    margin-right:1%;
    height:275px;
}
.icon_container_rechts{
    float:left;
    width:19%;
    height:275px;
}
.box_fuenftel_links{
    float:left;
    width:19%;
    height:275px;
}
.icon_rechts{
    float:right;
    width:100%;
}

.box_blau{
    background-color:#1F4695;
    color:#ffffff;
    height:100%;
}
.box_hellblau{
    background-color:#e8edf3;
    color:#4f5259;
}
.box_hellgrau{
    background-color:#e3e3e3;

}
.box_mittelblau{
    background-color:#d2d9eb;
    color:#4f5259;
}
.box_drittel_mitte{
    float:left;
    width:32%;
    margin-left:2%;
    min-height:400px;

}
.box_drittel_links_service{
    float:left;
    width:32%;
    min-height:470px;

}
.box_drittel_mitte_service{
    float:left;
    width:32%;
    margin-left:2%;
    min-height:470px;
   
}
.box_drittel_rechts_service{
    float:right;
    width:32%;
    min-height:470px;
}
.box_fuenftel_mitte{
    float:left;
    width:19%;
    margin-left:1%;
    height:275px;
   
}
.box_grau{
     background-color:#7A7A7A;
     color:#ffffff;
     height:100%;
}
.box_drittel_rechts{
    float:right;
    width:32%;
    min-height:400px;
}
.container_drittel_links{
    
}
.box_fuenftel_rechts{
    float:right;
    width:19%;
    height:275px;
}
.box_rot{
    background-color:#CC021A;
    color:#ffffff;
    height:100%;
}
.titel_top{
margin-top: 40%;
}

.headertext{
padding: 2%; color: #ffffff;  padding-top: 30%;}
.li_klein{
font-size:16px;}


body{
}
.trigger {
	cursor:pointer;
	margin-bottom:0px;
	padding:15px;
	padding-top:6px;
	padding-left:25px;
	width:100%;
	color:#114594;
	font-size:24px;
	font-weight:normal;
	font-family: 'open_sansbold';
	border-top: 1px solid #114594;
	background-image:url(../images/pfeil_runter.png);
	background-repeat:no-repeat;
}
.mini{font-size:12px;}
.trigger_active {
	font-weight:normal;
	background-image:url(../images/pfeil_rauf.png);
	background-repeat:no-repeat;
}
.toggle_container {
	padding:15px;
	padding-left:25px;
	width:100%;

}
.res_blatt {
	width:1436px;
	margin:0px auto;

}
.res_kopf{
    width:1436px;
    height:130px;
    left: 50%;
    margin-left: -718px;
    background-color:#FFFFFF;
    position:fixed;
    top:0px;
    z-index:10000;

}
.content_absolute{
    position:absolute;
    width:1436px;
    height:130px;
    left: 50%;
    margin-left: -718px;
    padding-left:151px;
    bottom:130px;
}
.clearboth {clear:both;}
.abstand_kopf{
    height:131px;
}

.contentpart{
    position:relative;
    width:100%;

    
}

.content_relative_transparent{
    padding: 50px 100px 50px 100px;
    background: rgba(255,255,255,0.8);
}
.content_relative_grau{
    padding: 0px 220px 50px 220px;
    background-color:#c6c6c6;
}
.content_relative_transparent_intro{
    padding: 50px 220px 50px 220px;
    background: rgba(17,69,147,0.33);
}
.content_relative{
    padding: 50px 150px 0px 150px;
}
.content_relative_breit{
    padding: 50px 0px 0px 0px;
}
.ueberschrift_bereich{
    font-family: open_sansbold, Helvetica, sans-serif;
    font-size:55px;
    color:#FFFFFF;
}
.ueberschrift_bereich_regular{
    font-family: open_sansregular, Helvetica, sans-serif;
    font-size:55px;
    color:#FFFFFF;

}
.bildtext_hell{
    font-family: open_sansregular, Helvetica, sans-serif;
    font-size:16px;
    color:#FFFFFF;
}
.resimg{
    width:100%;
    
}
#logo{
    margin-left:151px;
    float:left;
    width:205px;
    
}
.zweidrittelrechts{
    float:right;
    width:66%;
    
}
.eindrittellinks{
    float:left;
    width:30%;
    
}
.eindrittel{
    float:left;
    width:30%;
}
.haelfte_links{
    float:left;
    width:49%;
}
.haelfte_rechts{
    float:right;
    width:49%;
}
.haelfte_links_fix{
    float:left;
    width:49%;
}
.haelfte_rechts_fix{
    float:right;
    width:49%;
}

.content_zentriert{
    padding:10px;
    text-align:center;
}
.headmega {
	font-family: open_sansbold, Helvetica, sans-serif;
	FONT-SIZE:30px;
	COLOR:#104493;
}
.headmedium {
	font-family: open_sansregular, Helvetica, sans-serif;
	FONT-SIZE:24px;
	COLOR:#ffffff;
}
.headmega_regular {
	font-family: open_sansregular, Helvetica, sans-serif;
	FONT-SIZE:30px;
	COLOR:#104493;
}
.headsub {
	font-family: open_sans_light, Helvetica, sans-serif;
	FONT-SIZE:20px;
	padding-bottom:45px;
	padding-top:0px;

}
.headsub_blau {
	font-family: open_sansbold, Helvetica, sans-serif;
	FONT-SIZE:20px;
	COLOR:#104493;

}
.bilduntertitel{
    font-family: open_sansbold, Helvetica, sans-serif;
    FONT-SIZE:20px;
    COLOR:#104493;
    padding-top:30px;
}
.footerbereich{
    background-color:#C7C7C7;
    width:100%;
    min-height:123px;
    border:1px solid #C7C7C7;
}
.footertext{
    color:#7A7A7A;
    font-size: 14px;
}
.footerinner{
    margin: 20px 150px 20px 150px;
}
#zentriert {
  display:flex;
  align-items: center;
  justify-content: center;
}
.bereich_bildlink{
    float:left;
    background-image:url('../images/bg_bildlink.gif');
    background-repeat:repeat-x;
    vertical-align:middle;
    padding:5px;
    height:65px;
    width:27%;

    margin:15px;
    text-align:center;
}
.bereich_bildlink_grau{
    float:left;
    background-image:url('../images/bg_bildlink_grau.gif');
    height:61px;
    padding: 10px 20px 10px 10px;
    margin:20px;
    margin-left:0px;
    text-align:center;
}
.bildlinkgruppe{

    
}
a.bildlink{
    color:#FFFFFF;
    font-size:16px;
}
a.bildlink_grau{
    color:#004f9e;
    font-size:16px;
}
.vishidden{
    visibility:hidden;
}
#topnav{
    position:absolute;
    float:left;
    margin-left:380px;
    margin-top:94px;
    z-index:10000;
}
.navdiv{
    visibility:hidden;
    position:absolute;
    margin-left:0px;
    margin-top:21px;
    padding:20px;
    background-color:#ffffff;
    width:180px;
}
.navdiv td{ 
	
	padding-top:6px;
}
.navdiv a{ 
    text-decoration:none;
    color:#666666;
    font-weight:normal;
    font-family: open_sansregular, Helvetica, sans-serif;
}

#mobileNav{
    position:absolute;
    top:90px;
    left:0px;
    width:100%;
    display:none;
}

.mobileNavEntry{
    background-color:#CCCCCC;
    height:30px;
    border-bottom:1px solid #FFFFFF;
    text-align:center;
    padding:10px;
}
.mobileNavEntry a{
    color:#FFFFFF;
}
.mobileSubNavEntry{
    background-color:#FFFFFF;
    height:28px;
    border-right:1px solid #CCCCCC;
    text-align:center;
    padding:8px;
}
.mobileSubNavEntry a{
    color:#004E9F;
}
#mobileNavIcon{
    float:right;
    margin-top:30px;
    margin-right:20px;
    display:none;
}
.abstand_intro_oben{
    height:580px;
}
.abstand_intro_unten{
    height:170px;
}


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

    .ueberschrift_bereich{
	font-size:44px;
    }
    .headertext{
	padding-top: 15%;}
    .titel_top{
	margin-top: 30%;
    }
    .res_blatt {
	width:92%;
    }
    .res_kopf{
	width:92%;
	margin-left:-46%;
    }
    .content_absolute{
	width:92%;
	margin-left:-46%;
    }
    .bereich_bildlink{

	width:27%;
    }
     .bereich_bildlink_grau{

    }
    .abstand_intro_oben{
	height:400px;
    }
    .abstand_intro_unten{
	height:200px;
    }
     .teasertext_rot_kat{margin-top:0%;}
     .teasertext_blau_kat{margin-top:0%;}
}
@media only screen and (max-width: 1200px) {
.teaser_rel{
padding:0%; margin:0%;
}

.teaser_katwarn{
min-height:400px; padding-top:0%;
}
.teaser_katretter{
min-height:400px; padding-top:0%;
}

    .eindrittel{
	width:50%;
    }
    body{
	font-size:18px;
    }
    .headertext{
	padding-top: 15%;}
    .teasertext_blau{position:relative; width:auto; margin-top:0%;}
 .teasertext_blau_kat{position:relative; width:auto; margin-top:0%;}
    .teasertext_grau{position:relative; width:auto; margin-top:0%;}
    .teasertext_rot{position:relative; width:auto; margin-top:0%;}
 .teasertext_rot_kat{position:relative; width:auto; margin-top:0%;}
    .headmedium {
	FONT-SIZE:20px;
    }
    .res_blatt {
	width:100%;
    }
    .res_kopf{
	width:100%;
	margin-left:-50%;
    }
    .content_absolute{
	width:100%;
	margin-left:-50%;
	padding-left:90px;
	bottom: 20px;
    }
    #logo{
	margin-left:90px;
    }
    #topnav{
	margin-left:300px;
    }

    .content_relative{
	padding: 50px 70px 50px 70px;
    }
    .content_relative_transparent{
	padding: 50px 70px 50px 70px;
    }
    .content_relative_grau{
	padding: 0px 100px 50px 100px;
    }
    .content_relative_transparent_intro{
	padding: 50px 100px 50px 100px;
    }
    .footerinner{
	margin: 20px 100px 20px 100px;
    }
    .bildlinkgruppe{
	text-align: center;
    }
    .bereich_bildlink{
	margin:10px;
    }
    .bereich_bildlink_grau{
	margin:10px;
	margin-left:0px;
    }
    .abstand_intro_oben{
	height:180px;
    }
    .abstand_intro_unten{
	height:180px;
    }
}

/*----Tablet Quer u kleine Laptops----*/
@media only screen and (max-width: 1050px) {
    .box_drittel_links{
	width:50%;
	margin-left:25%;
	margin-bottom:20px;
	height:auto;
    }
    .box_drittel_links_service{
	width:100%;
	margin-bottom:20px;
	height:auto;
    }
    .box_drittel_mitte_service{
	width:100%;
	margin-left:0px;
	margin-bottom:20px;
	height:auto;
    }
    .box_drittel_rechts_service{
	float:left;
	width:100%;
	height:auto;
    }
    .box_drittel_mitte{
	width:50%;
	margin-left:25%;
	margin-bottom:20px;
	height:auto;
    }

    .box_drittel_rechts{
	float:left;
	width:50%;
	margin-left:25%;
	height:auto;
    }
    .box_fuenftel_links{
	width:50%;
	margin-left:25%;
	margin-bottom:20px;
	height:auto;
    }
    .box_fuenftel_mitte{
	width:50%;
	margin-left:25%;
	margin-bottom:20px;
	height:auto;
    }
    .box_fuenftel_rechts{
	float:left;
	width:50%;
	margin-left:25%;
	height:auto;
    }

    #logo{
	width:141px;
    }
    .res_kopf{
	height:90px;
    }

    .abstand_kopf{
	height:90px;
    }
    .headmedium {
	FONT-SIZE:18px;
    }

    #mobileNavIcon{
	display:block;
    }
    #utilitynav{
	display:none;
    }
    #topnav{
	display:none;
    }
    .navdiv{
	visibility:hidden;
    }
    #subnav4{
	display:none;
    }
    .ueberschrift_bereich{
	font-size:26px;
    }
        .ueberschrift_bereich_regular{
	font-size:26px;
    }
    .abstand_intro_oben{
	height:100px;
    }
    .abstand_intro_unten{
	height:100px;
    }


}

/*----Tablet Hochformat----*/
@media only screen and (max-width: 768px) {

    .box_drittel_links{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:20px;
    }
    .box_drittel_mitte{
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:20px;
    }
    .box_drittel_rechts{
	
	float:left;
	width:100%;
	margin-left:0%;
	margin-right:0%;
    }
    .headmega{
	font-size:20px;
    }
    .headsub{
	font-size:18px;
	padding-bottom:35px;
    }
    .trigger {
      font-size:18px;
    }
    body{
	background-position:0px 100px;
	font-size:15px;
    }
    .headertext{
	padding-top: 5%;}
    .res_blatt {
	width:100%;
    }
    .res_kopf{
	width:100%;
	margin-left:-50%;
    }
    .content_absolute{
	width:90%;
	margin-left:-50%;
	padding-left:30px;
	bottom:-20px;
	position:relative;
    }
    .ueberschrift_bereich{
	color:#1B489B
    }
    .ueberschrift_bereich_regular{
	color:#1B489B
    }
    .content_relative{
	padding: 50px 30px 50px 30px;
    }
    .content_relative_transparent{
	padding: 50px 30px 50px 30px;
    }
    .content_relative_grau{
	padding: 0px 30px 50px 30px;
    }
    .content_relative_transparent_intro{
	padding: 50px 30px 50px 30px;
    }
    .footerinner{
	margin: 20px 30px 20px 30px;
    }
    #logo{
	margin-left:30px;
    }
    #topnav{
	margin-left:190px;
    }
    .navdiv{
	margin-left:190px;

    }
    .bildlinkgruppe{
	margin-left:0px;
    }
    .bereich_bildlink{
	margin:10px;
	margin-left:0px;
    }
     .bereich_bildlink_grau{
	margin:10px;
	margin-left:0px;
    }
    #zentriert {
               display:inherit;
    }
    .bereich_bildlink{
	width:100%;
	margin:4px;
    }
    .bereich_bildlink_grau{
	width:100%;
	margin:4px;
	margin-left:0px;
    }
    .eindrittel{
	width:100%;
    }
    .eindrittellinks{
	width:100%;
    }
    .zweidrittelrechts{
	width:100%;
	float:left;
    }
    .haelfte_links{
	width:100%;
    }
    .haelfte_rechts{
	width:100%;
	float:left;
	margin-top:5%;
    }
    .icon_container_links{
	width:100%;
    }
    .icon_container_mitte{
	margin-top:2%;
	width:100%;
    }
    .icon_container_rechts{
	margin-top:2%;
	width:100%;
    }
    .icon_rechts{
	width:49%;
	
    }

.downloadtab{width:100%;}

    .bildtext_hell{
	font-size:16px;
    }
        .teasertext{
	width:98%;}


}

/*----Smartphones----*/
@media only screen and (max-width: 580px) {
    .titel_top{
	margin-top: 10%;
    }
     .headertext{
padding-top: 1%;}
    .bereich_bildlink{
	height:50px;
    }
    .bereich_bildlink_grau{
	height:50px;
    }
    .box_fuenftel_links{
	width:75%;
	margin-left:10%;
	margin-bottom:20px;
	height:auto;
    }
    .box_fuenftel_mitte{
	width:75%;
	margin-left:10%;
	margin-bottom:20px;
	height:auto;
    }
    .box_fuenftel_rechts{
	float:left;
	width:75%;
	margin-left:10%;
	height:auto;
    }
}

/*----Smartphones----*/
@media only screen and (max-width: 300px) {

}