/* ////////////////lokal settings ////////////////////////////*/
body {
	color: #333;	
}

a, a:link, a:active, a:visited, a:hover
{
	color: #185AAD;
}

#page nav
{
	display: none;
}

#header,.header
{
	background: #225FA0;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	padding: 10px 20px;
	border-bottom: 0px solid #DEE9F5;
	height: 1px;
}

#header a,.header a
{
	background-image:url(../bilder/navigation_stmuv.png);
	background-position:left;
}


/* inhalt */

/* Weltklimakonferenz */
#cop_klimawoche, #cop_regionalkonferenz, #cop_schottland, #cop_umweltpakt, #cop_umk, #cop_laudatosi, #cop_paris {background-color: #FFF; position: relative; left: 28em; top: -33em; width:23em; height:17em; border: 1px solid ; padding:5px;}
#cop_klimawoche p, #cop_regionalkonferenz p, #cop_schottland p, #cop_umweltpakt p, #cop_umk p, #cop_laudatosi p, #cop_paris p {background-color:#ffffff;}
/* Weltklimakonferenz */

.compact_home_long, .compact_home {
    background-color: #FFF;
    border-bottom: 2px solid #a7c8f0;
}

.compact_home_theme {
    /*background-color: #708FAB;*/
}

.compact_home_long .higru, .compact_home .higru{
	background-image: url('../bilder/inhalt/blog1.png');
}

.compact_home ul li, .compact_home_long ul li {
    list-style-type: none;
}


/* Ueberschriften */
h1, h2, h3, h4 { color: #1D52A0;; }

.compact_home_long h2, .compact_home h2{
    color: #225fa0;
}

/* /////inhalt_links ////////////////// aside /////////////////////*/

.compact_home_long a, .compact_home a {
    color:#185AAD;
}


/* inhalt  - viertel-boxen*/
.viertel {
	border-color: #E4E2E2 #CECCCC #CECCCC #E4E2E2;
	}

.viertel .rahmen{
    background-color: #ffffff;
    /*border-color: #E4E2E2 #CECCCC #CECCCC #E4E2E2;*/
}

.viertel h3 {
    color: #0D3A7D;
	/*text-decoration: underline;*/
}

.viertel ul {
	/*list-style-image: url('../bilder/inhalt/punkt_grau.gif');*/
}

.viertel ul li a {
    color: #185AAD;
}

/* viertelbox navi dunkel*/
#inhalt4 .viertel .infobox_navi, #inhalt_footer .viertel .infobox_navi {
    background-color: #225FA0;
}

.infobox_navi ul li a {
    color: #FFF;
}
.infobox_navi h3 a {
    color: #fff;
}

#seitenabschluss {
    margin: 0px 1em;
	padding:1em;
    text-align: center;
    border-top: 1px solid #808080;
}

#seitenabschluss a:link {
    color: #185AAD;
    text-decoration: none;
}

/* surfpfad + breadcrumb + suchfeld */

#surfpfad a{
    color: #626262;
}

#kopfsymbole #suche, #suche2 {
  border: solid #009ed6 1px;
  /*background-color:#DEE9F5;*/
}

#kopfsymbole #search_submit, #search_submit2 {
	background:url(../bilder/arrow_neu.png) no-repeat;
}
/* /////////////////umwelt ////////////////////////////////////////////////////*/

.bildunterschrift {
    font-size: 0.85em;
    margin-top: 0.7em;
}
@media all and (min-width:616px) { .w600 { width: 600px; height: auto; }}
@media screen and (max-width:615px) { .w600 { width: 100%; }}
@media all and (min-width:566px) { .w550 { width: 550px; height: auto; }}
@media screen and (max-width:565px) { .w550 { width: 100%; }}
@media all and (min-width:516px) { .w500 { width: 500px; height: auto; }}
@media screen and (max-width:515px) { .w500 { margin-left: -6px; width: 100%;}}
@media screen and (max-width:467px) { .w500 { margin-left: -16px; width: 107%; max-width: none; }}
@media all and (min-width:466px) { .w450 { width: 450px; height: auto;}}
@media screen and (max-width:465px) { .w450 { margin-left: -6px; width: 100%; }}
@media screen and (max-width:417px) { .w450 { margin-left: -16px; width: 107%; max-width: none; }}
@media all and (min-width:416px) { .w400 { width: 400px; }}
@media screen and (max-width:415px) { .w400 { margin-left: -6px; width: 100%; }}
@media screen and (max-width:367px) { .w400 { margin-left: -16px; width: 107%; max-width: none; }}
@media all and (min-width:416px) { .w180 { width: 180px; }}
@media screen and (max-width:415px) { .w180 { margin-left: -6px; width: 100%; }}
@media screen and (max-width:367px) { .w180 { margin-left: -16px; width: 107%; max-width: none; }}
.clear_all { clear:both; }

.compact_zweispaltig {
    width: 47%;
    float: left;
}
.compact, .compact_long {
/*border-color: #E4E2E2 #CECCCC #CECCCC #E4E2E2;
border-style: solid;
border-width: 1px 2px 2px 1px;*/
}
#content .compact h3 {
margin: 0 0 5px;
padding: 0 0 2px 2px;
}
.pm_home p {
    font-size: 0.95em;
    padding-top: 0;
    padding-bottom: 0;
}
.compact_presse_img {
    float: left;
    margin-right: 5px;
}
.compact_bilder {
    height: 120px;
    float: left;
    margin-top: 8px;
    margin-right: 9px;
}
/* Bayern-Karte */
.unten {
    position: relative;
    top: 5px;
    clear: both;
}
#bayernkarte660 {
height:660px;
width: 650px;
clear: both; 
background-color: white;
}
#bayernkarte660 p {position: relative; top: -1em; left: 2px;}

@media screen and (max-width:676px) {#bayernkarte660 { margin-left: -18px;}}
@media all and (max-width:651px) {
#bayernkarte660 {
   display: none;
}}

.hintergrund { background-image: url(/pic/karten/by/basis/bayern_hellblau.gif); background-repeat: no-repeat; visibility: visible; position: absolute; z-index: 1; left: 2px; top: 4px; width: 650px; height: 649px;}
#lkr_werte   img { left: 2px; top: 4px; position: absolute; z-index: 7000; visibility: visible; width: 650px; height: 649px }
#lkr_grenzen img { left: 2px; top: 4px; position: absolute; z-index: 6100; visibility: visible; width: 650px; height: 649px }
#lkr_namen   img { left: 2px; top: 4px; position: absolute; z-index: 6002; visibility: visible; width: 650px; height: 649px }
#staedte     img { left: 2px; top: 4px; position: absolute; z-index: 6003; visibility: visible; width: 650px; height: 649px }
#regbez      img { left: 2px; top: 4px; position: absolute; z-index: 6004; visibility: visible; width: 650px; height: 649px }
#legende     img { left: 2px; top: 4px; position: absolute; z-index: 6009; visibility: visible; width: 650px; height: 649px }
.lkrwert { font-size: 0.90em; font-weight: bold; left: 516px; top: 108px; position: absolute; z-index: 7001;}
.datwert { font-size: 0.82em; font-weight: bold; left: 511px; top: 160px; position: absolute; z-index: 7002;}


/* Content Tabellen */
#inhalt table, #inhalt100 table
{ border-collapse:collapse; margin-bottom: 20px; border: solid 1px #240b89; }
#inhalt table caption
{ padding-bottom: 5px; border-collapse:collapse; margin-bottom: 20px; }
#inhalt th, #inhalt100 th 
{ text-align: left; vertical-align: top; border: solid 1px #240b89; padding: 3px; color: #0045a9; background-color: #f3f3f3; }
#inhalt td, #inhalt100 td
{ border: 1px solid #a2a2a2; padding: 3px; text-align: left; vertical-align: top; }
#inhalt tr, #inhalt100 tr
{ border: solid 1px #240b89; }
#inhalt100 a { color:#185AAD; }
@media all and (max-width: 665px) { 
.tinytable {font-size: 0.93em; }
#inhalt100 {padding: 0;} 
}
@media all and (max-width: 630px) { .hinweis {display: none;} }
@media all and (max-width: 500px) { 
.tinytable {font-size: 0.91em;} 
#inhalt100 .tinytable {font-family: "Arial Narrow", "Helvetica Narrow", sans-serif; font-size-adjust: 0.47;}

}
.compact_text_img { text-align: left; position: relative; width: 80px; height: 80px; float: left; margin-right: 5px; margin-left: 0; border:solid 1px #e4e2e2; }
.compact_ueberschrift { 
color: #185aad; 
font-size: 0.95em; 
height: 30px;
padding: 5px; 
/*border-bottom: 2px solid #c6c6c6; */
}
/* ------------------ Veranstaltungen --------------------- */
.symbol_blau { color: white; font-size: 0.95em; font-weight: bold; background-color: blue; margin-right: 2px; margin-left: 1px; padding-right: 4px; padding-left: 4px; }
.symbol_gruen { color: white; font-size: 0.95em; font-weight: bold; background-color: #009933; margin-right: 2px; margin-left: 1px; padding-right: 4px; padding-left: 4px; }
.symbol_rot { color: white; font-size: 0.95em; font-weight: bold; background-color: red; margin-right: 2px; margin-left: 1px; padding-right: 6px; padding-left: 6px; }
.symbol_img { position: relative; top: 3px; margin-right: 2px; margin-left: 1px; max-width: none;}

/** ///// aside - akkordeon////////////////// */
#box_rechts_themen, #navi_mobile, #box_rechts_links {
    margin-bottom: 1.25em;
    background-color: #FFF;
	font-size:0.8em; 
    margin-top: 0.6em;
    padding-bottom: 0.1em;
    /*border: 1px solid #009ed6;*/
	width: 100%;
}

#box_rechts_themen h2, #box_rechts_links h2, #navi_mobile h2, #box_rechts_video h2 {
    color: #225FA0 !important;
    position: relative;
    height: 2em;
    margin: 0px;
    padding: 0.5em 0px 0px 0.5em;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #FFF;
    background-image: none;
    background-repeat: repeat-x;
    overflow: hidden;
    */border-width: 1px;*/
    border-style: solid;
    border-color: #009ed6;
}
#box_rechts_links h3, #box_rechts_links h4 { margin-left: 4px; }

#box_rechts_themen h3, #navi_mobile h3 {
    color: #225fa0 !important;
    background-color: #dee9f5;
    background-position: 0px -330px;
    /*margin-top: 0.2em;*/
    margin-bottom: 0.2em;
    /*border-bottom: 1px solid #EAE8E8;*/
	font-size: 1em;
}

#box_rechts_themen h3 a{
	display:block;
	height: 2em;
	padding: 0em 0px 0px 0.2em;
	margin-left: 5px;
    color: #225fa0;
    font-size: 1em;
	text-decoration:none;
	font-weight: normal;
}

#box_rechts_themen h3 a:hover{
	text-decoration:underline;
}

#box_rechts_themen div a{
    color: #185AAD;
    text-decoration: none;
}

#element_rechts1, #element_rechts2, #element_rechts3, #element_rechts4, #element_rechts5, #element_rechts6, #element_rechts7, #element_rechts8, #element_rechts9, #element_rechts10, #element_rechts11, #element_rechts12, #element_rechts13, #element_rechts14, #element_rechts15, #element_rechts16, #element_rechts17, #element_rechts18, #element_rechts19, #element_rechts20, #element_rechts91, #element_rechts92 {
    background-color: #fff;
	border-bottom:#009ed6 1px solid;
}

#box_rechts_links {
    margin-top: 2.5em;
}
#box_rechts_themen ul, #navi_mobile ul, #box_rechts_links ul {
    margin: 0px 0px 0px 0.8em;
    padding: 0.3em 0.3em 0.3em 0.9em;
}

#box_rechts_themen ul li, #navi_mobile ul li, #box_rechts_links ul li {
    line-height: 1.42em;
    list-style-image:url(../bilder/inhalt/punkt_grau.gif);
	margin-bottom:0.5em;
}
#box_rechts_links ul li a,#box_rechts_video a{
    color: #185AAD;
    text-decoration: none;
}
#box_rechts_video a:hover{
    color: #333;
    text-decoration: underline;
}

#box_rechts_video strong{
 font-weight:normal;
 padding-left:0.4em;
 font-size:0.9em;
}

#box_rechts_video {
    height: auto;
    margin: 3em 0;
    font-size: 0.8em;
    background-color: #FFF;
    border-left: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
}

#box_rechts_video ul, #box_rechts_video_gebaerdensprache ul {
    margin: 10px 0px 0px 0.8em;
    padding: 0.3em 0.3em 0.3em 0.9em;
}
#box_rechts_video ul li, #box_rechts_video_gebaerdensprache ul li {
    line-height: 1.42em;
    margin-left: 0.5em;
    padding-left: 10px;
    list-style-image:url(../../pic/video.png);
}
#box_rechts_links img {
    margin: 0px 0px 10px 8px;
}
.small{
	font-size:0.72em;
	padding:0.5em;
	margin-bottom:0.5em;
	}
.content_more_info {
    background-color: #E8EAEB;
    margin: 50px 0 20px;
    padding-left: 2px;
    border: 1px solid #616161;
}
.content_more_info h4 {
    font-size: 1.1em !important;
    font-weight: bold !important;
    margin: 0px;
    padding: 4px;
    color: #616161;
    background-color: #FFF;
    border-bottom: 1px solid #616161;
}
.content_more_info h5 {
    font-size: 1em !important;
    color: #034574;
    font-weight: normal;
    background-color: #FFF;
    margin: 0px;
    padding: 2px;
}


.content_more_info ul {
    list-style: none outside none;
    margin: 2px;
    padding: 0px;
}
.content_more_info ul li {
    margin:0.1em 0;
}

.content_more_info ul a{
color: #185AAD;
text-decoration: none;
}

.content_more_info ul a:hover{
color: #333;
}



/* ////////////////Desktop ab  ////////////////////////////*/
@media screen and (min-width:995px) 
{
	
	body { background:#dee9f5; }
	#wrapper{ background-color: #fff; }
	
	/*//////////////////////navigation////////////////////////////////////////*/
	#menu {
	width:100%;
	max-width:54.95em;
	background-color:#009ed6;
	position:relative;
	padding:0.1em;
	}
	
	
	/* startseite sumbalken */
	#subbalken {
	display:inherit;
	width:100%;
	max-width:54.95em;
	background-color: #dee9f5;
	border-top: 2px solid #FFF;
	line-height:1.3em;
	height:20px;
	padding:0.1em;
	}
	#menu > ul {
	margin-top: 0.3em; margin-left: 0.8em;margin-bottom: 0.3em;
	font-weight: bold;	
	font-size: 0.78em;
	}
	
	#menu ul li{display:inline-block}
	#menu ul > li > a{display:inline-block; text-decoration: none !important;}
	
	#menu ul li a:link,
	#menu ul li a:visited,
	#menu ul li a:active,
	#menu ul li a:focus 
	{
	color: #fff;
	font-size: 1.1em !important;
	margin-top: -0.3em;
	text-decoration: none !important;
	}
	
	#menu ul li a:hover,#menu ul li#navi_h_marker > a{
	 color: #225fa0;
	 background-color: #DEE9F5;
	 text-decoration: none;
	 }
	#menu ul li li a:hover,#menu ul li#subnavi_h_marker > a{
	 color: #225fa0;
	 background-color: #DEE9F5; 
	 text-decoration: none;
	 }
	 
	
	
	#menu > ul li {
	margin: 0.2em 1.3em 0;
	 }
	#menu > ul > li a{
	display:block;
	padding:0.3em 0.8em; 
	}
	a.mm-subopen{display:none !important;}
	
	/* startseiten-link auf desktop-ausblenden*/
	#menu > ul li.liausblenden{display:none;}
	
	
	/* ///////////submenue /////*/
	
	
	#menu ul ul{
	position:absolute;
	left:0;
	top:32px;
	background-color: #DEE9F5;
	border-top: 2px solid #FFF;
	line-height:1.3em;
	font-size: 0.85em;
	height:20px;
	}		
	#menu > ul ul li {
	margin: 0.2em 0.2em 0;
	 }		
	#menu ul ul.anzeige{
	z-index: 1020;
	left: -1000em;
	}
	
		
	#menu ul ul li{display:inline-block;padding:0.4em 0 0.2em;}
	
	#menu ul ul li { background-color: #dee9f5; }
	
	#menu ul ul li a:link, #menu ul ul li a:visited { color: #000; font-size: 1.3em;  padding: 0.2em 0.45em 0.2em;  border-style: none;font-weight:normal;}
	
	#menu ul ul li a:hover {
	 color: #000; 
	 background-color: #fff !important;
	 border-top: 1px none #787878 !important;
	 border-left: 1px none #787878 !important; 
	 border-right-color: #787878 !important;
	 border-right-width: 1px !important;
	 padding: 0.2em 0.45em 0.2em; 
	 border-right-style: none; 
		 }
	
	#menu ul ul li a:active, #menu ul ul li a:focus { 
	color: #000;
	padding: 0.1em 0.45em 0;
	 }
	
	/* Positionierung der untermenues /////*/
	#menu ul ul#nav_hs_1 {margin-left: 1em;}
	#menu ul ul#nav_hs_2 {padding-left: 7.8em;}
	#menu ul ul#nav_hs_3 {padding-left: 0.6em;}
	#menu ul ul#nav_hs_4 {padding-left: 20.0em;}
	#menu ul ul#nav_hs_5 {padding-left: 50em;}
	#menu ul ul#nav_hs_6 {padding-left: 1.1em; }
	
	
	/* ------------------------------------ Ende: Kopfbereich ------------------------------------ */
	
	
	/* ////////////navi-meta //////////////*/
	
	#navi_meta {
	width: 29em;
	}
	
	#navi_meta {
	   color: #000;
	   background-color: #ffffff;
	   /*background-image: url('../bilder/bg_metanav.gif');*/
	}
	
	#navi_meta ul li a {
	   color: #636363;
	}
	
		
	/* breadcrumb + suchfeld*/
	
	#surfpfad a:link, #surfpfad a:visited {
	   color: #626262;
	}

}
/* ende min 995 px */

/* ///////////////////////////////////Back to top button ///////////*/
#back-top {
	display:inherit;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index:999;
}
#back-top a {
	width: 60px;
	display: block;
	text-align: center;
	font: 0.5em/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 60px;
	height: 60px;
	display: block;
	margin-bottom: 7px;
	background-color:#225FA0;
	background: rgba(34,95,160,1) url(../bilder/up-arrow.png) no-repeat center center;
	
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: rgba(34,95,160,0.7);
}

/*----------- Linklisten ------------*/

.linkliste {margin-left: 5px; list-style-type: none;}
.liste_az ul {background-color: #f4f4f4; border: solid 1px #039;}
.liste_faq { text-align: left; margin-top: 0; margin-left: 0; padding:0 0 5px; list-style: none; }
.liste_faq li{ margin-top: 0; margin-bottom: 5px; margin-left: 0; padding-top: 0; padding-right: 0; padding-left: 0; }
.liste { text-align: left; margin-top: 0; margin-left: 0; padding:0; list-style: none; }
.liste_horizontal ul { margin-left: 3px; padding: 0; list-style-type: none; display: inline; }
.liste_horizontal ul li { margin-left: 5px; padding: 0; list-style-type: none; display: inline; }


/* Styles für Blog */

#box_rechts_stmug, #box_rechts_informationen, #box_rechts_portale, #box_rechts_karte, #box_rechts_video, #box_rechts_video_home, #box_rechts_video_gebaerdensprache, #box_rechts_hausspitze, #box_rechts_publikationen_aktuell, #box_rechts_publikationen_thema, #box_rechts_aufbruch_bayern  { margin-bottom: 1.25em; background-color: #fff; width: 22em; padding-bottom: 0.1em; border: solid 1px #d7d7d7; }
.box_rechts { font-size: 0.9em; margin-bottom: 1.25em; background-color: #fff; width: 100%; padding-bottom: 0.1em; border: solid 1px #d7d7d7; }
.h2_blau  { color: #225fa0 !important; position: relative; height: 2.2em; margin: 0; padding: 1em 0 0 0.7em !important; font-size: 0.9em !important; font-weight: bold; background-color: #fff; background-image: none; background-repeat: repeat-x; overflow: hidden; border-top: 1px solid #225fa0; border-right: 1px solid #225fa0; border-left: 1px solid #225fa0; border-bottom: 1px solid #225fa0;}
.box_rechts ul{ width: 90%; margin: 0 0 0 0.8em; padding: 0.3em 0.3em 0.3em 0.9em; }
.box_rechts ul li { font-size: 1em; line-height: 1.42em; list-style-image: url(../../style/layout/punkt_grau.gif); }


img {max-width: 100%; height: auto;}

.grusskarte {
    width: 12em;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #000;
}

/* Container für Kinderseiten */

#kinder_nav_links { background-image: url(../../service/kinderseiten/pic/kids1_tournatur.png); background-repeat: no-repeat; background-position: left 0; position: relative; top: 0; left: 0; width: 650px; height: 548px; float:left; }
#kinder_nav_links_tropfen { display:none; background-image: url(../../service/kinderseiten/pic/kids2_tropfen.png); background-repeat: no-repeat; background-position: left 0; position: relative; top: 0; left: 0; width: 650px; height: 548px; float:left; }

#kinder_rechts { background-image: url(../../service/kinderseiten/pic/kids_hintergrund.png); background-repeat: no-repeat; background-position: left top; width: 220px; height: 548px; float:left;}
.bild_kinderseiten  { float: left; margin-right: 5px; margin-bottom: 5px; border: solid 3px #f3882a; }

/* Schutzgebiete im BayernAtlas-iframe */
.legendenbilder { margin: 8px 5px 0 0; }
.hr_abstand {margin: 8px 0px 8px 0px;}
.ba_legende {list-style: none;}

/* Gebärdensprachevideos */
.gebaerdensprache_videos {margin: 20px 0px 10px 0px !important;}

@media all and (max-width:994px){
.mm-ismenu {
/*  background: #333333;*/
	background: #225FA0;
  color: rgba(255, 255, 255, 0.8); }
  }

/* Start Accordeon */
.aus {
    color: #444;
    text-shadow: 1px 1px 1px #fff;
    cursor: pointer;
}

.aus:before {
    content: '+';
    padding: 0 10px;
}

.aus:hover,
.aus:focus {
    color: #444;
    text-decoration: none;
}

.ein {
    color: #111;
}

.ein:before {
    content: '-';
    padding: 0 12px;
}

.accordion { background-color: #e8eaeb; background-image: none; background-repeat: repeat; background-position: 0 0; width: 100%; border-radius: 10px; border: solid 1px #555; padding: 5px; }
/* Ende Accordeon */
.bild_rechts-5 {
	float: right;
	margin-left: 5px;
	margin-top: -5px;
} 

.dachzeile {font-size:0.8em; }