/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}


html,body { margin:0px; padding:0; font-family:'Roboto', sans-serif; font-size:14px; color:#393939;
	 line-height:1.3 }
img { border:0 }
textarea  { font-family:'Roboto', arial; font-size:14px; }
a:link, a:visited { color:#2284CB }

/*
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }
*/
header { }
#logo { position:absolute;top:0;left:0;padding-left:23px; padding-right:36px; padding-top:27px; padding-bottom:18px; z-index:1; background-color:white }
#suchfeld { margin-left:260px;height:91px; background-color:#2284CB; }
#suchfeld input[type=text] { padding:10px; border-radius:10px; border:none; width:35%;float:left;margin-top:25px;margin-left:20px }
#suchfeld input[type=image] { float:left;margin-top:13px;margin-left:14px }

#bearbeiten_button { position:absolute;top:0;right:85px; width:29.8%; /*background-color:#2284CB;*/ border-left:1px solid white; height:91px;
	 color:white; font-size:16px; 
	 }
#bearbeiten_button { min-width:360px }
#bearbeiten_button b { display:block; float:left; margin-left:40px;margin-right:20px;margin-top:37px; }
#bearbeiten_button_img { cursor:pointer; vertical-align:middle; padding-top:25px; padding-bottom:25px;}

#zugang_profiler { position:absolute;top:0;right:0; width:85px; background-color:#2284CB; border-left:1px solid white; height:91px; font-size:16px; }
#zugang_profiler a { display:block; float:left; padding-left:15px;padding-right:10px;padding-top:26px; color:white; text-decoration:none; height:65px; }

h1 { color:#2284CB; font-size:24px; }

#popup_startseite,
#popup_startseite2 {
	border:1px solid #ABABAB;
	padding:40px;
	margin-left:20%;
	margin-right:20%;
	padding-bottom:20px;
	background-color:rgba(255,255,255,0.9);
	position:absolute;
	top:80px;
	left:0;
	font-size:16px;
	z-index:10
}

@media all and (min-width: 1650px) {
#popup_startseite,
#popup_startseite2 {
	margin-left:-400px;
	left:50%;
	width:800px;
}
}

#menu_oben { position:absolute; top:19px; right:63px; color:white; font-size:18px; z-index:25 }
#menu_oben a { color:white; text-decoration:none;   }
#mobil_menu_button { display: block; position:fixed;top:0;right:0  }
#mobil_menu_button img { width:64px; height:auto; border:0; display:block }

#mobil_menu { position:absolute; 
    display:none; 
    z-index:10;
     top:60px; 
     right:0; 
     padding-top:0px; 
     margin:0; 
     background-color:white ;
     border:2px solid #009FE3
}
#mobil_menu ul { margin:0; padding:0}
#mobil_menu li { margin:0; padding:0; list-style-type: none;}
#mobil_menu a { 
    display:block;
    padding:10px; font-size:16px; color:#009FE3; font-weight:bold;
    padding-left:20px; padding-right:20px;
	/*background-image:url(img/mobil_menu_linkicon.gif);
    background-size:20px 20px;	
    background-repeat:no-repeat;
    background-position:top right;*/
    text-decoration:none;
	}


#mobil_menu_button { z-index:16 }

#content_startseite { text-align:center; margin-right: 240px; margin-top: -40px;  margin-bottom: -40px; }

/* footer 80%: */
footer { position:relative}
#footer_logo1 { margin-left:30px;vertical-align:top;}
#footer_logo1 img { width:186px;height:112px; }  /*112*/
#footer_logo2 { margin-left:0px;vertical-align:top; } /*34*/
#footer_logo2 img { width:138px;height:112px }
#footer_logo3 { margin-left:0px;vertical-align:top; }
#footer_logo3 img { width:140px;height:112px }

footer { background-color:white; color:#454545; }

footer hr { border:0; border-top:1px solid #eee; margin:30px; margin-top:10px; margin-bottom:8px }

footer a:link, footer a:visited { color:#454545; text-decoration:none }
footer a:active, footer a:hover { text-decoration:underline }

#footer_logos {  }

#footer_links { position:absolute; right:0; margin-top: 10px; margin-right:30px; }
#footer_links a { padding-left:10px; padding-right:10px }
#footer_links a:last-child { padding-right:0 }

#footer_copyright { position:absolute; right:30px; bottom:14px; text-align:right}

/* ende footer 80%: */

/* FOOTER 100%:
footer {}
#footer_logo1 { margin-left:37px; }
#footer_logo1 img { width:112px;height:112px }
#footer_logo2 { margin-left:68px; }
#footer_logo2 img { width:112px;height:112px }
#footer_logo3 { margin-left:102px; }
#footer_logo3 img { width:112px;height:112px }

footer { background-color:white; color:#454545; }

footer hr { border-top:8px solid #2284CB; margin:47px; margin-top:10px; margin-bottom:10px }

footer a:link, footer a:visited { color:#454545; text-decoration:none }
footer a:active, footer a:hover { text-decoration:underline }
#footer_links { float:right; margin-top: 10px; margin-right:43px; margin-top:10px }
#footer_links a { padding-left:10px; padding-right:10px }
#footer_links a:last-child { padding-right:0 }
footer p { text-align: right; margin-top: -2.5em; margin-right:47px; }
*/

#popup_startseite a.button_blau { display:inline-block;width:150px;text-align:center }
a.button_blau { padding:17px; background-color:#2284CB }
a.button_blau:link, a.button_blau:visited { color:white; text-decoration:none }
a.button_dblau { padding:17px; background-color:#14387f }
a.button_dblau:link, a.button_dblau:visited { color:white; text-decoration:none }
.popup_close_div { text-align:right; margin-right:-50px; margin-top:-50px }
.popup_close_div a:link, .popup_close_div a:visited { color:#393939; text-decoration:none }
.popup_close_div img { vertical-align:middle }
#karte_info_div { position:absolute; display:none; border:2px solid white; border-radius:5px; padding:10px; color:white ; background-color:#727176;
	 pointer-events: none;}

.startseite_imagemap { position:relative; display:inline-block }
#map {
  height: 730px;
  position: relative;
  width: 100%;
}

.popup { position:absolute; max-width:1010px; padding:11px; border:1px solid #E8E8E8; border-radius:5px;  z-index:11;
  left:100px;top:80px; background-color:white;
	box-shadow: 0 0 3px rgba(0,0,0,0.4);
	display:none;
}
.popup .popup_close { position:absolute;top:5px;right:12px; text-decoration:none; color:#808080}
.popup .popup_close img { vertical-align:middle }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.lauftext_breit {
	margin-left:260px; margin-top:50px; margin-right:20px; min-height:200px; margin-bottom:50px;
	max-width:600px;
	min-height:300px
}

.bereich_marker { position:absolute; border:2px solid red; /*cursor:pointer*/ }
#videopopup_bereiche { position:absolute; top:0; left:0 }
#bereich_mouseover { position:absolute;  padding:11px;  border:1px solid #E8E8E8; border-radius:5px;  z-index:11;
  left:100px;top:80px; background-color:white;
	box-shadow: 0 0 3px rgba(0,0,0,0.4); display:none }

@media all and (min-width: 980px) {
.logo_80px {
padding:5px !important;
}
.logo_80px img { width:80px; height:auto }
}

#videopopup_img { margin-left:auto;margin-right:auto;width:600px; }
.videopopup_overlay_logo { background-image:url(/img/dvr_logo_standbild.png); background-repeat:no-repeat;
	 top:0;
	 left:74.83380%;
	 width:7.027%;
	 height:11.1%;
	 position:absolute;
	 background-size:100% auto;
	 background-position: 0px 0px;
	}

/*
#kartenausschnitt { float:right }
*/
.antwort_druckfeld { border:1px solid #ccc; padding:10px; min-height:100px }

.gsk_icons h5 {
    font-weight: normal;
    background-color: white;
    padding: 3px;
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    border: 1px solid black;
    font-size: 12px;
    display: none;
    position: absolute;
    width: 150px;
    z-index: 10;
    margin-left: -100px;
    margin-top: 40px;
}

#popup_unfallstelle_content { width:980px }
#popup_unfallstelle_linksoben { height:337px; width:379px; margin-right:1px; float:left; }
.font15px { font-size:15px }
.font16px { font-size:16px }
.blaufett {  color:#2284CB; font-weight:bold; }
.blau {  color:#2284CB; }
#popup_unfallstelle_linksoben h3 { font-size:16px; color:#2284CB; font-weight:bold;     margin-top: 30px;    margin-bottom: 5px; }
#popup_unfallstelle_video { height:337px; width:600px; float:left }
#popup_unfallstelle_unten {}
#popup_unfallstelle_buttons { padding-top:11px; padding-bottom:7px; text-align:right; clear:both }
.button_klein { padding-top:7px !important; padding-bottom:7px !important; }
#seiten_nr { text-align:right; font-size:12px; margin-right:10px }
#buttons_pdf_email { display:inline }

#div_textarea1 label { font-weight:bold; float:left; width:200px; }
.hinweistext_li { width:200px; font-weight:bold; float:left; display:block }
.hinweistext_re { width:calc(100% - 300px ); float:left; display:block; margin-bottom:1em }

@media all and (max-width: 979px) {
#popup_unfallstelle { border:0 !important; box-shadow:none !important; top:0;left:0;width:100%; padding:0; padding-bottom:95px }
#popup_unfallstelle_titel { padding-left:10px; padding-right:10px }
#popup_unfallstelle_content { width:auto }
#popup_unfallstelle_linksoben { width:auto; height:auto; float:none; padding-left:10px; padding-right:10px; padding-bottom:5px; }
#popup_unfallstelle_video { width:100%; height:56.25vw; float:none }
#popup_unfallstelle_buttons { padding-bottom:10px; padding-left:10px; padding-right:10px }
.gsk_tab_overflow { width:100%; overflow:auto; }
/*#kartenausschnitt { margin-left:-10px; margin-right:-10px }*/
#div_textarea1 { margin-left:10px }
#div_textarea1 label { float:none; display:block }
#div_textarea2 { margin-left:10px }
#div_textarea3 { margin-left:10px }
.usu_border { margin-left:10px; margin-right:10px}

.hinweistext_li { margin-left:10px; margin-right:10px; width:auto; float:none }
.hinweistext_re { margin-left:10px; margin-right:10px; width:auto; float:none }
.hinweistext_uu1 { margin-left:10px; margin-right:10px }
}

.blauer_kasten { 
margin-right:10px;
margin-top:7px;
padding:15px;
padding-bottom:7px;
background:url(img/kasten_ol.gif) top left no-repeat,
           url(img/kasten_or.gif) top right no-repeat,
           url(img/kasten_ul.gif) bottom left no-repeat,
           url(img/kasten_ur.gif) bottom right no-repeat;
}
#popup_unfallstelle_linksoben div.blauer_kasten h3 { margin-top:3px }
#popup_unfallstelle_linksoben div.blauer_kasten p:first-child { margin-top:5px }
.usu_border { border: 1px solid rgb(169,169,169); padding-left:5px; padding-right:5px }
.usu_border p { margin-top:10px; margin-bottom:10px }
.usu_border  { margin-top:4px }
#div_textarea1 { margin-top:4px }
ol.video_liste {     margin: 0;     padding: 0;     margin-left: 10px; margin-top:10px;     margin-right: -10px; }
.gsk_tab { width:100% }


.div_lspr p.lspr { font-size:1.3em;line-height:2.2em;margin-bottom:2.2em;}
.div_lspr ul.lspr, .div_lspr ol.lspr { font-size:1.3em;line-height:2.2em;margin-top:-30px;margin-bottom:2.2em;}
.div_lspr li a {line-height:1.8em;margin:0.8em 0 0.8em 0;}
img.lspr {float:right;width:170px;}
img.lspr80 {float:right;width:80px;}
img.lspr140 {float:right;width:140px;}
img.lspr300 {float:right;width:300px;margin-left:10px; clear:both}
img.lspr-full {float:right;width:600px;}

/* seminarprogramm.html */
#flyer {background: url(/bilder/deutschlandkarte_flyer.png) no-repeat;background-size:contain;background-position: 10% 1%;}
#inner {width:90%;position:relative;left:50px;}
#simr-logo-flyer {margin-top:20px;margin-left:35%;height:120px;background: url(/img/sicher-in-meiner-region_logo_trans.png) no-repeat;background-size:contain;}
#flyer p.subhead_blue { margin-left:65px; width:auto;padding:5px;padding-top:2px; padding-bottom:2px; background-color:#2284CB;color:white;display:inline-block;text-transform: uppercase;font-weight:bold;font-size:1.1em}
#flyer p.subhead_blue img { position:absolute; margin-left:-65px; margin-top:-5px; width:35px; height:auto }
/*#flyer .subhead_div img { position:relative; top:4px}*/
p.flyer_text {margin-left:65px;}
ul.flyer_li {margin-left:43px;list-style-type:square;list-color-type:}
li.flyer_li {color: #2284CB;}
li span {color: #000000;}
#flyer .text_blue {color:#2284CB;}

#flyer-icon-gluehbirne {float:left;margin-left:10px;height:15px;width:20px;background: url(img/icon-gluehbirne.png) no-repeat;background-size:cover}
#flyer-icon-gruppe {background: url(/img/icon-gruppe.png) no-repeat;}
#flyer-icon-pfeilkreis {background: url(/img/icon-pfeilkreis.png) no-repeat;}
#flyer-icon-sprechblase {background: url(/img/icon-sprechblase.png) no-repeat;}
@media (max-width:480px) {
#simr-logo-flyer {margin-top:20px;margin-left:30%;height:120px;background: url(/img/sicher-in-meiner-region_logo_trans.png) no-repeat;background-size:contain;}
p.subhead_blue {padding-left:2px;}
p.flyer_text {margin-left:2px;}
ul.flyer_li {margin-left:-15px;}
#inner {width:90%;position:relative;left:5px;}
}
/* */

#video_overlay1 { position:absolute; left:0; top:0; width:8.2291666666666666667%; height:auto; z-index:2; display:none; opacity:0; /*transition: all 0.3s;*/}
#video_overlay1.einblenden {  opacity:1; }
#video_overlay2 { position:absolute; right:0; top:0; width:24.5833333333333333333333%; height:auto; z-index:2; display:none; opacity:0; /*transition: all 0.3s;*/}
#video_overlay2.einblenden {  opacity:1; }
/* overlay3/overlay4 sind nur für die real-Videos Bayern */
#video_overlay3 { position:absolute; right:0; top:0; width:24.8%; height:auto; z-index:2; display:none; opacity:0; /*transition: all 0.3s;*/}
#video_overlay3.einblenden {  opacity:1; }
#video_overlay4 { position:absolute; left:0; width:100%; background-color:white; margin-top:6.5%; height:2.5%; z-index:2; display:none; opacity:0; /*transition: all 0.3s;*/}
#video_overlay4.einblenden {  opacity:1; }

@media (max-width:640px) {
	.mobil_kein_float { float:none !important; display: block; }
  img.lspr300 {float:none;width:300px;display:block}
  img.lspr-full {float:none;width:calc(100% - 20px);display:block}
}