/*******************************************************************************

	Project		:	anglermap 2.0
        Copyright	:	anglermap.de

*******************************************************************************/

/* ### BODY #################################################################### */


body {
    background: #eff2f4;
    font-family: 'Open Sans', sans-serif;
    color:#103d47;
    font-size:14px;
    background-image: url('./../../grafik/schuppen-20x48.jpg');
    background-repeat: repeat;
    background-attachment:fixed;
}

@media screen and (min-width:800px){
#hgb_fisch1 {
    font-family: 'Open Sans', sans-serif;
    color:#103d47;
    font-size:14px;
    background-image: url('./../../grafik/rotfeder-500-hgb.png'), url('./../../grafik/rotfeder-500-hgb.png');
    background-repeat: no-repeat, no-repeat;
    background-position: 40px 100px, bottom right 50px;
    background-size: 250px;
    background-attachment: fixed;
}
}

/* Formate Hinweis zu COOKIES #############*/
.cc_container .cc_btn {
background-color: #AFBEC1 !important; /* Farbe des Buttons */
color: #103d47 !important; /* Textfarbe des Buttons */
}
.cc_container {
background: #eff2f4 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #103d47 !important; /* Schriftfarbe des gesamten Bereichs */
font-size: 110% !important;
margin-bottom: 55px !important;
}
.cc_container a {
color: #777a4d !important; /* Textlink-Farbe "Mehr Infos" */
}


/* allgemeine Formate #############*/
.schriftart {
    font-family: 'Open Sans', sans-serif;  
}

.copy_zeile_1 {
    font-size: 80%;
    font-style: italic;
}

a { color: #777a4d; text-decoration: none; }
a:hover { color: #103d47; text-decoration: underline; }

p {
    margin-top: 5px;
    margin-bottom: 5px;
}

.hg1 {
   background: #eff2f4; 
}
/* Hintergrund Werbung */

.test-anz-ban {
    font-size: 80%;
    font-style: italic;
    color: blue;
    text-align: center;
}
/* Hintergrund anglermap (#eff2f4)) */
.hga {
    background: #eff2f4;
}
/* Hintergrund Banner ban1 und ban2 (#F5FFFA)) */
.hgf {
    background: #eff2f4;
}
/* Hintergrund Banner mobil (yellow)) */
.hgfmob {
    background: #eff2f4;
}
/* Hintergrund Banner sky1 und sky2 (#FFFFE0)) */
.hgfsky {
    background: #eff2f4;
}
/* Hintergrund weiss */
.hgw {
    background: #eff2f4;
}
/* Hintergrund Infotexte (Gelbton)) */
.hgi {
    background: #fafad2;
}

.bord1  {
    border: #E6E6E6 1px solid;
    margin-bottom: 2px;
        }
        
.bord2  {
        border: #AFBEC1 1px double;
        }
.bg2 {
    background: #E4E9EA;

    }
.bg3 {
    background: #E4E9EA;
    font-size: 98%;
    font-style: italic;
    }     

/* Formatierung Anzeigen und Banner ######################################### */        
.st_block_zmd {
    background: #AFBEC1;
    color: #103d47;
    border-bottom: #103d47 1px solid;
    margin-bottom: 10px;
}
.hg_zmda {
/*    background: #fafad2;*/
    background: white;
    padding: 10px;
}
.hg_zmdu {
/*    background: #eff2f4;*/
/*    background: #fafad2;*/
    background: white;
    padding: 10px;
}
.bord_zmd {
    border-bottom: 1px solid #AFBEC1;
    padding-top: 5px;
    margin-bottom: 10px;
}

/* Formatierung Aff Werbemittel ######################################### */ 
.aff_btn_abc {
    background:#777a4d;
    color: #fff;
    width: 40px;
    height: 40px;
    padding: 2px;
    margin-right: 3px;
    margin-bottom: 3px;
    border: #103d47 1px solid;
}

.aff_btn_abc:hover,
.aff_btn_abc:focus
{
    background: #103d47;
    border-color: #103d47;
    color: #fff;
}

.bord_farbe {
    border: #AFBEC1 1px double;
    margin-top: 20px;
}
.kzw {
    padding-left: 2px;
    padding-right: 3px;
}

.kzwb {
    border: #AFBEC1 1px solid;
    padding-left: 1px;
    padding-right: 3px;
}

.awli   /* Banner im Text (links)) */
	{
	float:left;
	margin-top: 0px;
	margin-bottom:5px;
	margin-right:10px;
	}	

.awre   /* Banner im Text (rechts)) */
	{
	float:right;
	margin-top: 0px;
	margin-bottom:5px;
	margin-left:10px;
	}
        
.awb    /* doppelter Rahmen Produktabbildungen */
        {
	border-style:double;
	border-width:3px;
	border-color:#103d47;           
        }
        
.awta /* Textschriftzug Anzeige */
	{
        font-size: 70%;    
	font-style:normal; 
	color:grey;
	letter-spacing:2px;
	}   
.awtb /* Textschriftzug Anzeige */
	{
        font-size: 70%;    
	font-style:normal; 
	color:#103d47;
	}
.awtu /* Ueberschrift Werbebanner */
	{
        font-size: 130%;   
	font-style: normal;
        font-weight: bold;
	color:#777a4d;
	}
.awtusky /* Ueberschrift Werbebanner Skyscaper */
	{
        font-size: 90%;    
	font-style: normal;
        font-weight: bold;
	color:#777a4d;
	}        
.awtsky /* Kurztext Werbebanner Skyscraper */
	{
        font-size: 80%;    
	font-style: normal;
	color:#103d47;
	}


    
/* Formatierung Button ###################################################### */    
    
.btn_big {
    background: #103d47;
    padding: 10px;
    color: #fff;
    font-weight: bold;
}
.btn_big:hover, .btn_big:focus { background: #777a4d; color: #fff; }

.btn_meldung {
    background: #AFBEC1;
    padding: 10px;
    color: #103d47;
    font-weight: bold;
    border: #103d47 solid 1px;
}
.btn_meldung:hover,
.btn_meldung:focus
{ background: #103d47; color: #fff; }

.btn_imp {
    background: #AFBEC1;
    padding: 3px 8px;
    color: #103d47;
    border: #103d47 solid 1px;
}
.btn_imp:hover,
.btn_imp:focus
{ background: #103d47; color: #fff; }

.btn_info_kl {
    background: #103d47;
    color: #fff;
    font-weight: normal;
    padding: 1px 2px;
}
.btn_info_kl:hover,
.btn_info_kl:focus {
    background: #777a4d;
    color: #fff;
}

/* Formatierung Headerbereich mit h1 und h2 Box ############################# */    

.amap_hgbus {
    overflow:hidden; float:left; margin:0px; padding:0px; width:100%; height:250px;  position:relative;
    background-image: url('./../../grafik/anglermap_menue_banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position:top center;
    margin-top: 6px;
}


#header_box {
    background:rgba(255,255,255,0.1); 
    margin-top: 160px;
    width: auto; 
    height: auto; 
    display:inline-block; 
    position:relative; 
    padding:10px; 
    box-sizing:border-box; 
    line-height:0px; 
    border-radius:10px;
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
}

.h1_header { font-size: 140%; font-weight: bold; color: #fff; }
.h1_header_kl { font-size: 130%; font-weight: bold; color: #fff; }
.h2_header { font-size: 110%; font-weight: normal; color: #fff; }

@media screen and (max-width:970px){
.amap_hgbus { height:200px; }
#header_box { margin-top: 110px;}    
.h1_header { font-size: 140%; font-weight: bold; color: #fff; }
.h1_header_kl { font-size: 130%; font-weight: bold; color: #fff; }
.h2_header { font-size: 110%; font-weight: normal; color: #fff; }
}


@media screen and (max-width:750px){
.amap_hgbus { height:100px; }
#header_box { margin-top: 20px;}    
.h1_header { font-size: 120%; font-weight: bold; color: #fff; }
.h1_header_kl { font-size: 110%; font-weight: bold; color: #fff; }
.h2_header { font-size: 90%; font-weight: normal; color: #fff; }
}

.h3_header { font-size: 130%; font-weight: bold; }

.bkr {
    font-size: 75%;
     }
.bkrpf {
         color: #777a4d;
     }

/*@media screen and (max-width:1000px){
    .amap_hgbus { height:200px; }
    #header_box { margin-top: 110px;}
}

@media screen and (max-width:800px){
    .amap_hgbus { height:100px; }
    #header_box { margin-top: 20px;}
}*/


/* Formatierung Adsense Werbung ############################################# */

@media screen and (max-width:991px) {
  .adssky {display: none !important;}  
}

@media screen and (min-width:992px) {
  .adsmim {display: none !important;}  
}


.top {
    padding-bottom: 10px;
}
    
.slid {
    margin-bottom: 1px;
    background: #E6F8E0;
    }

/* Tabellen ohne Rahmen */    
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
} 

/* TEASER Portaluebersichten (Button gross / klein und Textverweis)#############*/
.btn_teaser_gr {
    background: #AFBEC1;
    color: #103d47;
    font-weight: bold;
    min-width: 130px;
    padding: 8px;
    margin-top: 5px;
}
.btn_teaser_kl {
    background: #AFBEC1;
    color: #103d47;
    font-weight: bold;
    min-width: 130px;
    padding: 2px; 
    margin-top: 5px;    
}
.btn_teaser_gr:hover, .btn_teaser_kl:hover,
.btn_teaser_gr:focus, .btn_teaser_kl:focus {
    background: #103d47;
    color: #fff;
}
.txt_teaser_kl {
    color: #777a4d;
    padding-left:3px;
    font-size: 95%;
    font-family: 'Open Sans', sans-serif;
}
.txt_teaser_kl:hover,.txt_teaser_kl:focus {
    color: #103d47;    
}

/* ACORDION Formate ############################################################*/

/* Standardformat */
.ac_bgr {
    background: #eff2f4;
    color: #103d47;
    font-weight: normal;
    font-size: 90%;
    font-family: 'Open Sans', sans-serif;
}
.ac_bgr:focus,
.ac_bgr:hover {
    background: #103d47;
    color: #fff;
}
.ac_con {
    font-style: normal;
    font-size: 85%;
    font-family: 'Open Sans', sans-serif;
    margin-left: 10px;
}

/* Format für die Landkreis- und Bundeslandseiten */
.lkbl_ac_bgr {
    background: #AFBEC1;
    font-weight: bold;
    font-size: 100%;
    color: #103d47;
}
.lkbl_ac_con {
    font-style: normal;
    font-size: 95%;
    margin-left: 10px;
    
}
.lkbl_ac_bgr:focus,
.lkbl_ac_bgr:hover {
    background: #E4E9EA;
    font-weight: bold;
}

/* Filter in der Trefferliste */
.filter_ac_bgr {
    background: #E4E9EA;
    color: #103d47;
    font-weight: normal;
    font-size: 100%;
    font-family: 'Open Sans', sans-serif;
}
.filter_ac_bgr:focus,
.filter_ac_bgr:hover {
    background: #AFBEC1;
    color: #103d47;
}
.filter_ac_con {
    font-style: normal;
    font-size: 90%;
    font-family: 'Open Sans', sans-serif;
    margin-left: 10px;
}

/* Fischbestand linke Fischliste */
.fp_ac_bgr {
    background: #eff2f4;
    color: #103d47;
    font-weight: normal;
    font-size: 90%;
    font-family: 'Open Sans', sans-serif;
}
.fp_ac_bgr:focus,
.fp_ac_bgr:hover {
    background: #AFBEC1;
    color: #103d47;
}
/* Fischlexikon Bilder aehnliche Arten */
.fl_pic_vergleich {
    float: left;
    margin: 8px;
}

/* Fischlexikon linke Fischliste */
.lex_ac_bgr {
    background: #103d47;
    color: #fff;
    font-weight: normal;
    font-size: 90%;
    font-family: 'Open Sans', sans-serif;
}
.lex_ac_bgr:focus,
.lex_ac_bgr:hover {
    background: #AFBEC1;
    color: #103d47;
}
.lex_ac_bgr_xs {
    background: #AFBEC1;
    color: #103d47;
    font-weight: normal;
    font-size: 90%;
    font-family: 'Open Sans', sans-serif;
    border: #103d47 solid 1px;
}
.lex_ac_bgr_xs:focus,
.lex_ac_bgr_xs:hover {
    background: #103d47;
    color: #fff;
}
.lex_ac_con {
    font-style: normal;
    font-size: 90%;
    font-family: 'Open Sans', sans-serif;
    margin-left: 10px;
}

/* Fischlexikon Arten in der Bildergalerie */
.fp_fa_ac_bgr {
    background: #eff2f4;
    color: #103d47;
    font-weight: normal;
    font-size: 90%;
    font-family: 'Open Sans', sans-serif;
}
.fp_fa_ac_bgr:focus,
.fp_fa_ac_bgr:hover {
    background: #AFBEC1;
    color: #fff;
}

/* Fischportal Reproduktion */
.repro_ac_bgr {
    background: #eff2f4;
 }
.repro_ac_con {
    font-style: normal;
    font-size: 85%;
    margin-top: 8px;
}
.repro_ac_bgr:focus,
.repro_ac_bgr:hover {
    background: #AFBEC1;
}

/* Fischportal Daten und Fakten */
.df_ac_bgr {
    background: #E4E9EA;
    font-weight: bold;
    font-size: 90%;
}
.df_ac_con {
    font-style: normal;
    font-size: 85%;
    margin-left: 10px;
    
}
.df_ac_bgr:focus,
.df_ac_bgr:hover {
    background: #AFBEC1;
    font-weight: bold;
}

/* Fischportal oekologische Gilden */
.gilde_ac_bgr {
    background: #eff2f4;
    font-weight: normal;
    font-size: 100%;
    font-family: "Arial", Helvetica;
    color: #000;
    border: 0px;
}
.gilde_ac_con {
    font-size: 90%;
    font-family: "Arial", Helvetica; 
}
.gilde_ac_bgr:focus,
.gilde_ac_bgr:hover {
    background: #AFBEC1;
    font-weight: normal;
}

/* Fischportal Gesetze */
.ges_ac_bgr {
    background: #eff2f4;
    font-size: 90%
 }
.ges_ac_con {
    font-style: normal;
    font-size: 85%;
    margin-top: 8px;
}
.ges_ac_bgr:focus,
.repro_ac_bgr:hover {
    background: #AFBEC1;
}

.gwp_ac_bgr {
    background: #eff2f4;
    color: #103d47;
    font-weight: normal;
    font-size: 90%;
    font-family: 'Open Sans', sans-serif;
}
.gwp_ac_bgr:focus,
.gwp_ac_bgr:hover {
    background: #AFBEC1;
    color: #fff;
}

/* Meldungen Gewaesser und Fischbestand */
.meld_ac_bgr {
    background: #E4E9EA;
    font-weight: normal;
    font-size: 100%;
    color: #103d47;
    border: #103d47 1px solid;

}
.meld_ac_con {
    font-style: normal;
    font-size: 90%;
    margin-left: 0px;
}
.meld_ac_bgr:focus,
.meld_ac_bgr:hover {
    background: #AFBEC1;
    font-weight: normal;
}

/* ### FAQ ######## */
.faq_ac_bgr {
    background: #E4E9EA;
    font-weight: normal;
    font-size: 90%;
    color: #103d47;
}
.faq_ac_con {
    font-style: italic;
    font-size: 85%;
    margin-left: 10px;
}
.faq_ac_bgr:focus,
.faq_ac_bgr:hover {
    background: #AFBEC1;
    font-weight: normal;
}

/* ### Quellen ######## */
.que_ac_bgr {
    background: #E4E9EA;
    font-weight: bold;
    font-size: 90%;
}
.que_ac_con {
    font-style: italic;
    font-size: 85%;
    margin-left: 10px;
    
}
.que_ac_bgr:focus,
.que_ac_bgr:hover {
    background: #AFBEC1;
    font-weight: bold;
}

/* MENUEBUTTON fuer Tablet und Smartphoneanzeige */
.btn_menue_md { background: #103d47; color: #fff; }
.btn_menue_md:hover { background: #777a4d; color: #fff;}

.btn_menue_xs { background: #103d47; color: #fff; }
.btn_menue_xs:hover { background: #777a4d; color: #fff;}



/* SRahmen der einzelnen TEASER (alt: #E6E6E6) #########################*/
.bord_teaser  {
        border: #E6E6E6 1px solid;
        margin-top: 1px;
        margin-bottom: 2px;
        }
    
    
/* Accordion, erweitert inneren Contentbereich auf fast die gesamte Breite*/    
.ui-accordion .ui-accordion-content {
    padding:5px;
}

.popover-title {
    font-size: 95%;
    color: navy;
}

.popover-content {
    font-size: 90%;
}

.ueb {
    display: inline;
}

/* Suchfelder autocomplete #########################*/


    
/* Scroll TO TOP*/
#toTop-right {
 display:none;
 text-decoration:none;
 position:fixed;
 bottom: 150px;
 right:20px;
 outline:none;
}

#toTop-left {
 display:none;
 text-decoration:none;
 position:fixed;
 bottom:60px;
 left:20px;
 outline:none;
}
#toTop-center {
 display:none;
 text-decoration:none;
 position:fixed;
 bottom:60px;
 left:50%;
 margin-left:-20px; /*Feintuning je nach Inhalt */
 outline:none;
}

/* ### Srungmarken manuell ##################################################### */

.menue_top {
    color: #103d47;
}
.menue_top:hover,
.menue_top:focus {
    opacity: 0.7;
}
/* ### Formatierung AUTOCOMPLETE #################################### */

/* ### STARTSEITE ## */

.searchlabel {
    color: #337ab7;
}
.searchappendix {
    color: darkgray;            
}
.ui-autocomplete-category {
    font-weight: bold;
    padding: .1em .3em .2em 0;
  }

.ui-autocomplete { 
    position: absolute;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    cursor: pointer; 
}   

/* workarounds */
html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu {
    list-style:none;
    padding: 5px;
    margin: 0;
    display:block;
    float: left;
    font-size: 90%;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.2;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}  
  
/* ### Formatierung Staedtelisten ############################################# */  
  
.gm_stadtmap {
    height: 500px;
    margin-top: 5px;
    border-style: double;
    border-width: 5px;
    border-color: lightgrey;
    }
    
.stadt_symb {
    background: rgba(255,255,255,0.9); 
    height: auto; 
    display:inline-block; 

    padding:5px; 
    box-sizing:border-box; 
    line-height:0px; 
    border-radius:10px;
    -moz-border-radius:10px; 
    -webkit-border-radius:10px;     
    font-size: 95%;
    margin: 5px 0px;
}    

.abs_stadt {
    margin: 2px 0px;
}
.link_nw {
    color: #dc143c;
    font-size: 90%;
}
/* ### Trennbloecke, z.B. mit Linie unten (lu) ##################### */
.st_block_lu {
    background: #AFBEC1;
    color: #103d47;
    border-bottom: #103d47 1px solid;
}
.st_block_lo {
    margin-top: 10px;
    background: #AFBEC1;
    color: #103d47;
    border-top: #103d47 1px solid;
}
.st_border {
    border-bottom: #AFBEC1 1px solid;
}
.btn_st_sp {
    background: #777a4d;
    color: #fff;
}
.btn_st_sp:hover,
.btn_st_sp:focus {
    background: #103d47;
    color: #fff;
}
.btn_st_gr {
    background: #103d47;
    color: #fff;
    font-size: 90%;
}
.btn_st_kl {
    background: #103d47;
    color: #fff;
    font-size: 110%;
}
.btn_st_gr:hover, .btn_st_gr:focus,
.btn_st_kl:hover, .btn_st_kl:focus {
    background:#777a4d;
    color: #fff;
}

/* ### Accordion Liste und Karte (Testseite) ##################### */
.st_ac_bgr {
    background: #E4E9EA;
    font-weight: bold;
    font-size: 100%;
}
.st_ac_con {
    font-style: normal;
    font-size: 90%;
    padding-left: 10px;
    
}
.st_ac_bgr:focus,
.st_ac_bgr:hover {
    background: #AFBEC1;
    font-weight: bold;
}

  

/* ### Formatierung der Popups in den GoogleMaps-Karten ######################## */  

.pop_map {
    font-family: "Arial", Helvetica;
    font-size: 100%;
    line-height: 1.8;
    color: #333333;
}
    
/* ### Formatierung der Pfadzeile ############################################## */    


.hl1 {
         font-weight: bold;
     } 
     
.chk_li {
         padding-left: 20px;
     }
     
.ib1{
    min-height: 180px;
    margin-top:1px;
    margin-bottom:1px;
    padding-top: 3px;
}

.ib2{
    min-height: 180px;
    margin-top:1px;
    margin-bottom:1px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.ib3 {
    border: grey 1px solid;
    margin-top: 1px;
    margin-bottom:1px;
    padding: 10px 15px 5px 15px; 
}

.ib3li {
    border: grey 1px solid;
    margin-top: 1px;
    margin-bottom:1px;
}

.ib3re {
    border: grey 1px solid;
    margin-top: 1px;
    margin-bottom:1px;
}


/* ### Trefferliste############################################################# */ 
.trf_nav_tab {
    background: #dff0d8;
    font-family: Arial;
}

.nav-tabs {
    background: #AFBEC1;
    color: #103d47;

}
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    color: #103d47;
    background: #AFBEC1;
    border: #103d47 1px solid;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #fff;
    background: #103d47;
    border: #103d47 1px solid;

}

.erg_treffer {
    background: #E4E9EA;
    padding: 5px 10px;
}
.btn_treffer {
    background: #AFBEC1;
    color: #103d47;
    padding: 5px 10px;
}
.btn_treffer:hover,
.btn_treffer:focus {
    background: #103d47;
    color: #fff;    
}

.chk_filter {
    font-weight: normal;
    font-size: 100%
}

.trf_symb {
    min-width: 50px;
    border: #103d47 3px double;
}

/* ### Fusszeile ############################################################### */ 
.foot {
    background: #800000;
    border-top: grey 1px solid;
    border-bottom: grey 1px solid;
    font-size: 90%;
    margin-top: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* ### Formatierung Button Suchportal ######################## */
.btn_was {
    width: 55px;
}

.btn_wo {
    width: 55px;
}
.btn_amap {
    background: #9FD6A2;
    color: #800000;
}



/* ### Formatierung Hinweistexte (z.B. Kontaktformular) ######################## */
.kontext {
    background: #F6D8CE;
}

.erfolg {
    padding: 20px 10px 20px;
}

/* Formatierung Kontaktformulare ############################################ */
.ban_pos {
    width: 250px;
}
.btn_ban_pos {
    color: black;
    text-decoration: underline;    
}



/* ### Formatierung Gewaesserhmeldung ######################## */
.gm_map {
    height: 350px;
    margin-top: 5px;
    border-style: double;
    border-width: 5px;
    border-color: lightgrey;
    }
    
/* ### verborgene Felder Gewaessermeldung ### */
.chk_sea {
    display: none;    }

/* ### verborgene Felder Fischmeldung ### */
.chk_fsh {
    display: none;
    } 
    
/* ### verborgene Felder Gewaesserbeschreibung ### */
.chk_beschr {
    display: none;
    }
/* ### verborgene Felder allg. Nachricht ### */
.chk_news {
    display: none;
    }
/* ### verborgene Felder Vereinsmeldung ### */
.chk_ver {
    display: none;
    }
/* ### verborgene Felder Fischereimeldung ### */
.chk_fb {
    display: none;
    }    
/* ### verborgene Felder Haendlermeldung ### */
.chk_han {
    display: none;
    }
/* ### verborgene Felder Bildersendung ### */
.chk_bild {
    display: none;
    }
.chk_anz_urlaub {
    display: none;
    }
.chk_anz_aktion {
    display: none;
    }
.chk_bv_meldung {
    display: none;
    }
.chk_ag_meldung {
    display: none;
    }

/* ### Formatierung Button der Fischmeldung ### */

.btn_fa {
    width: 100px;
    height: 30px;
    padding: 0px;
    text-align: left;
}
.btn_fm {
    height: 30px;
    padding: 0px;
    font-style: normal;
}

/* ### Spaltenkopf Fischart ### */
.btn_chk {
    width: 44%;
    height: 30px;
    padding: 5px;
    text-align: left;
    border: grey 1px dashed;
}
/* ### Spaltenkoepf ub bis es ### */
.btn_chk0 {
    height: 30px;
    padding: 0px;
    font-style: normal;
    text-align: center;
    border: grey 1px dashed;
}
.btn_chk1 {
    height: 30px;
    padding: 0px;
    font-style: normal;
    text-align: center;
    border: grey 1px dashed;
}
.btn_chk2, .btn_chk3, .btn_chk4,.btn_chk5 {
    height: 30px;
    padding: 0px;
    font-style: normal;
    text-align: center;
}
/* ### Spalte Fischart ### */
.fm_chk {
    width: 40%;
    font-size: 95%;
        border: grey 1px dashed;
}
/* ### Spalten Radiobutton unbekannt bis eher Selten ### */
.fm_chk0 {
    text-align:center;

    border: grey 1px dashed;
}
.fm_chk1 {
    text-align:center;
    background: #F9F5BF;
    border: grey 1px dashed;
}
.fm_chk2 {
    text-align:center;
    background: #5E8675;
    border: grey 1px dashed;
}
.fm_chk3 {
    text-align:center;
    background: #8DCAB0;
    border: grey 1px dashed;
}
.fm_chk4 {
    text-align:center;
    background: #B3DBCA;
    border: grey 1px dashed;
}
.fm_chk5 {
    text-align:center;
    background: #D9EDE4;
    border: grey 1px dashed;
}

.fm_fsh {
    width: 150px;
    padding-left: 10px;
}


.btn_anz_buchen {
    background: #777a4d;
    color: #fff;
    font-weight: normal;
    margin: 5px;
}
.btn_anz_buchen:hover,
.btn_anz_buchen:focus {
    background: #103d47;
    color: #fff;    
}


/* ### Formatierung Inputfelder, z.B. (Suche) auf Startseite ################### */ 

.ip_well_amap {
    background: #E4E9EA;
}

.ip_lupe {
    background: #103d47;
    color: #fff;
}
.ip_lupe:hover,
.ip_lupe:focus {
    background: #777a4d;
    color: #fff;    
}

/* ### Formatierungen Gewaesserportal ########################################## */
.gwp_teaser {
    background: #BDB297;
    font-size: 100%;
    font-weight: bold;
    color: #800000;
}

.gwp_teaser_kl {
    background: #E6F8E0;
    font-size: 90%;
    font-style: normal;
    color: #800000;
    word-spacing: -6px;
}

.gwp_steck_bgr {
    background: #E0F2F7; 
}

.steck_teiler {
    background: #E4E9EA;
    border-bottom: #103d47 1px solid;
    color: #103d47;
    font-weight: bold;
}

.gwp_steck_bild {
    max-width: 100px;
}

.gal_rahmen {
	max-width:100px; 
	border-style:double;
	border-width:4px;
	border-color:#808080;
        margin: 1px;
	}
.gal_rahmen_med {
	max-width:250px; 
	border-style:double;
	border-width:4px;
	border-color:#808080;
        margin: 1px;
	}        
        
.gal_partner {
	width:100px;
        height: 75px;
	border-style:double;
	border-width:4px;
	border-color:#808080;
        margin: 1px;
	} 
.gal_partner_fg {
	width:100px;
        height: 50px;
        background: #eff2f4;
	border-style:double;
	border-width:4px;
	border-color:#808080;
        margin: 1px;
	}        
        
        
/* ### Formatierungen Steckbriefe ########################################## */        
/* ### Meldebutton klein im Steckbrief ##### */        
.btn_meld_steck {
    background:#103d47;
    color: #fff;
    padding: 2px 10px;
}
.btn_meld_steck:hover,
.btn_meld_steck:focus {
    background: #777a4d;
    color: #fff;
}

.hinweis {
    background: #E4E9EA;
}

/* ### Formatierungen Gewaesserlisten ##### */        
.gal_rahmen_listen {
	width:120px;
        height: 90px;
	border-style:double;
	border-width:4px;
	border-color:#808080;
        margin: 1px;
	}
      
 
.gp_btn_liste_md {
    width: 140px;
    background: #103d47;
    color: #fff;
    }
    
.gp_btn_liste_xs {
    width: 100px;
    background: #103d47;
    color: #fff;    
    }
.gp_btn_liste_md:hover, .gp_btn_liste_md:focus,
.gp_btn_liste_xs:hover, .gp_btn_liste_xs:focus {
    background: #777a4d;
    color: #fff;    
}

/* ### GoogleMaps Karten klein und gross ###################################### */        
        
.gst_map_kl {
    height: 200px;
    margin-top: 5px;    
    border-style: double;
    border-width: 5px;
    border-color: lightgrey;
    }
    
.gst_map_gr {
    height: 550px;
    margin-top: 5px;
    border-style: double;
    border-width: 5px;
    border-color: lightgrey;
    }

/* ### Bildergalerie Gewaesser ##### */

.gwp_btn_abc {
    background:#777a4d;
    color: #fff;
    width: 24px;
    padding: 2px;
    margin-right: 3px;
    margin-bottom: 3px;
    border: #103d47 1px solid;
}

.gwp_btn_abc:hover,
.gwp_btn_abc:focus
{
    background: #103d47;
    border-color: #103d47;
    color: #fff;
}
.gwp_b_hb {
    width: 4em;
    height: 3em;
}


/* ### Formatierungen Fischportal ############################################## */
.fip_teaser {
    background: #97BF99;
    font-size: 100%;
    font-weight: bold;
    color: navy;
}

.fip_teaser_kl {
    background: #E6F8E0;
    color: navy;
    word-spacing: 0px;
}

.fip_txt_teaser_kl {
    font-family: "Arial", Helvetica;
    font-size: 110%;
    color: navy;
    padding-left: 5px;

}



/* ### Fischbestand ##### */


/* ### Fischlexikon ############################################################ */

/* ### Bilder im Text des Fischlexikons ##### */
.bild_breit_lex
	{
	margin-top:8px;
	margin-bottom:8px;
	}
	
.bild_links_lex
	{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
        max-width: 300px;
	}	

.bild_rechts_lex
	{
	float:right;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
        max-width: 300px;
	}
        
/* ### Bilder auf der Bildseite ##### */        
.gal_rahmen_lex {
	width:104px;
        height: 78px;
	border-style:double;
	border-width:4px;
	border-color:#808080;
        margin: 1px;
	}
        
        
/* ### Spalten Uebersicht Fischarten ##### */ 
.lex_sp1 {
        width: 60%;    
        }

.lex_sp2 {
        width: 40%;    
        }
/* ### Beispielbilder in der linken Spalte ##### */        
.gal_rahmen_lex_3er {
	width:120px;
        height: 90px;
	border-style:double;
	border-width:4px;
	border-color:#808080;
        margin: 1px;
	}
/* ### Spalten Kurzbeschreibung ##### */        
.lex_sp1_kb {
        width: 30%;    
        }

.lex_sp2_kb {
        width: 70%;    
        }
        
/* ### Spalten Merkmale ##### */        
.lex_sp1_mm {
        width: 40%;    
        }

.lex_sp2_mm {
        width: 60%;    
        }
     
.lex_btn_abc {
        background:#103d47;
        color: #fff;
        width: 70px;
        padding: 0px;
        border: #103d47 1px solid;            
        }
    
.lex_btn_abc:hover,
.lex_btn_abc:focus
    {
        background: #777a4d;
        border-color: #103d47;
        color: #fff;
        }
        
.lex_fa {
    letter-spacing: 0.2em;        
        }

/* ### Beschreibungsseiten ##### */ 
/* regelt Hoehe des Headers */
.lex_menue_head {
    padding-top: 5px;
    padding-bottom: 5px;
}
/* regelt Farbe und Abstand des Headers */
.lex_well_amap {
    background: #AFBEC1;
    color: #103d47;
    margin-top: 5px;
    margin-bottom: 5px;
}

  #accordion_lex .ui-accordion-content {
    max-height: 1000px;
}

.lexfa_ac_bgr {
    background: #E6F8E0;
    font-weight: bold;
    font-size: 90%;
    font-family: "Arial", Helvetica;
}

.lexfa_xs_ac_bgr {
    background: yellow;
    font-weight: bold;
    font-size: 90%;
    font-family: "Arial", Helvetica;
}

.lexfa_ac_con {
    font-style: normal;
    font-size: 90%;
    font-family: "Arial", Helvetica; 
}

.lex_fisch_btn {
    background: #E4E9EA;
    color: #103d47;
    width: 90%;
    padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: left;
    margin-right: 1px;
    margin-bottom: 2px;
    border: #103d47 1px solid;
}

.lex_fisch_btn:hover,
.lex_fisch_btn:focus
{
    background: #103d47;
    border-color: #000;
    color: #fff;
}

/* ### Button Beschreibungsmenues ##### */     
.lex_menue_btn {
    background:#103d47;
    color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 125px;
    margin-right: 1px;
    margin-bottom: 2px;
    border: #103d47 1px solid;
}

.lex_menue_btn:hover,
.lex_menue_btn:focus
{
    background: #AFBEC1;
    border-color: #103d47;
    color: #103d47;
}

.lex_menue_btn0 {
    background:#E4E9EA;
    color: grey;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 125px;
    margin-right: 1px;
    margin-bottom: 2px;
    border: #103d47 1px solid;
}

.lex_menue_btn0:hover,
.lex_menue_btn0:focus
{
    background: #AFBEC1;
    border-color: #103d47;
    color: grey;
}

.lex_menue_btn_xs {
    background:#103d47;
    font-size: 90%;
    color: #fff;
    width: 105px;
    padding: 1px;
    margin-right: 0px;
    margin-bottom: 2px;
    border: #103d47 1px solid;
}

.lex_menue_btn_xs:hover,
.lex_menue_btn_xs:focus
{
    background: #AFBEC1;
    border-color: #103d47;
    color: #103d47;
}

.lex_menue_btn_xs0 {
    background:#E4E9EA;
    font-size: 90%;
    color: grey;
    width: 105px;
    padding: 1px;
    margin-right: 0px;
    margin-bottom: 2px;
    border: #103d47 1px solid;
}

.lex_menue_btn_xs0:hover,
.lex_menue_btn_xs0:focus
{
    background: #AFBEC1;
    border-color: #103d47;
    color: grey;
}

/* ### Bilder im Text des Fischlexikons ##### */
.lex_br3 {
   border: #AFBEC1 3px double; 
}

.lex_br3a {
   border: #AFBEC1 2px dashed; 
}  

.lex_br6 {
   border: #AFBEC1 3px double; 
}

.lex_br6a {
   border: #AFBEC1 2px dashed; 
}  
        
        
/* ### Fischbestand Laenderauswahl ##### */
.fb_ausw { background: #eff2f4; font-weight: normal; color:#103d47; background-image: url('./../../grafik/marker_30x30.png'); 
          background-repeat: no-repeat; background-size:20px 20px; background-position: center left; padding-left: 30px;}

.fp_gew_symb {
    background: rgba(255,255,255,0.9); 
    height: auto; 
    display:inline-block; 

    padding:5px; 
    box-sizing:border-box; 
    line-height:0px; 
    border-radius:10px;
    -moz-border-radius:10px; 
    -webkit-border-radius:10px;     
    font-size: 95%;
    margin: 5px 0px;
}

/* ### Fischbestand Fischliste ##### */

  #accordion_fb2 .ui-accordion-content {
    max-height: 547px;
}

.fili_btn {
    background:#E4E9EA;
    width: 200px;
    color: #103d47;
    margin-bottom: 1px;
    border: #F2F2F2 1px solid;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}

.fili_btn:hover,
.fili_btn:focus
{
    background: #AFBEC1;
    border-color: #103d47;
    color: #103d47;
}
.fili_icon{ color: #103d47;}

/* ### Karte Verbreitung ##### */
.fb_map_gr {
    height: 645px;
    margin-top: 5px;
    border-style: double;
    border-width: 5px;
    border-color: lightgrey;
    }


/* ### Bildergalerie Fische ##### */

.fip_b_btn {
    background:#103d47;
    color: #fff;
    width: 160px;
    margin-right: 3px;
    margin-bottom: 3px;
    border: #103d47 1px solid;
}

.fip_b_btn:hover,
.fip_b_btn:focus
{
    background: #AFBEC1;
    border-color: #103d47;
    color: #103d47;
}


.fip_b_hb {
    width: 4em;
    height: 3em;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #eff2f4;
    color: #103d47;
    width: 100%;
}

/*.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
}*/

.sac_bord {
    border: 0px;
    background: #E6F8E0;
}

/* ### Daten und Fakten ##### */

.gilden_btn {
    background:#D4F4CA;
    color: navy;
    width: 103px;
    text-align: center;
    padding-left: 7px;
    margin-bottom: 3px;
    border: navy 1px solid;
}

.gilden_btn:hover,
.gilden_btn:focus
{
    background: #97BF99;
    border-color: #800000;
    color: #800000;
}

/* ### Reproduktion ######## */
.btn_repro {
    background: #103d47;
    color: #fff;
    width: 200px;
    margin: 3px;
}
.btn_repro:hover,
.btn_repro:focus {
    background: #777a4d;
    color: #fff;    
}

.repro1_sp1 {
    width: 25%;
}

.repro1_sp2 {
    width: 30%;
}

.repro1_sp3 {
    width: 27%;
}

.repro1_sp4 {
    width: 18%;
}

.repro2_sp1 {
    width: 35%;
}

.repro2_sp2 {
    width: 25%;
}

.repro2_sp3 {
    width: 20%;
}

.repro2_sp4 {
    width: 20%;
}



/* ### Fischrechner ######## */

.well_amap {
    background: #E4E9EA;
}

.fr_eing {
    width: 100px;
}

.fr_ausg {
    width:150px;
    border: none;
    font-size: 90%
}

fr_ausw {
    min-width: 180px;
}

.fr_btn {
    background: #AFBEC1;
    color: #103d47;
    width: 130px;
}
.fr_btn:hover,
.fr_btn:focus {
    background: #103d47;
    color: #fff;    
}

/* ### Glossar ##### */

.gl_btn_abc {
    background:#777a4d;
    color: #fff;
    width: 22px;
    padding: 2px;
    margin-bottom: 2px;
    border: #103d47 1px solid;
}

.gl_btn_abc:hover,
.gl_btn_abc:focus
    {
        background: #103d47;
        border-color: #103d47;
        color: #fff;
}

.glaz_pos {
    font-size: 110%;
    color: navy;
    font-weight: bold;
}

.glsm_pos {
    width: 80%;
}

/* ### Fisch des Jahres ######## */
.fdj_ac_bgr {
    background: #eff2f4;
    font-weight: normal;
    font-size: 100%;
    color: #103d47;
    border-width: 1px;

}

.fdj_ac_con {
    font-size: 90%;
    vertical-align: middle;
    border-color: #D8D8D8;
    border-style: solid;
    border-width: 1px;
}

.fdj_ac_bgr:focus,
.fdj_ac_bgr:hover {
    background: #777a4d;
    color: #fff;
}

.fdj_txt_link {
    font-size: 100%;
    color: #777a4d;
    margin: 0;
}

/* ### Formatierungen Ueber uns ################################################ */

/* ### Team # */

.team_sp1 {
    width:30%;
}
.team_list {
    list-style-type: circle;
}

.team1 {text-align: left; margin: 10px 0px; width: 100%; height: 324px; background-image: url("./../../images/amap/vk-gm-sw-1.jpg"); border: #AFBEC1 4px double; background-repeat: no-repeat;}
.team1:hover {background-image: url("./../../images/amap/vk-gm-1.jpg");}
.team1_txt {padding: 5px 10px;}

.team_vk_1 {text-align: center; margin: 10px 0px; width: 100%; height: 225px; background-image: url("./../../images/amap/vk-sw-1.jpg"); border: #AFBEC1 4px double; background-repeat: no-repeat;}
.team_vk_1:hover {background-image: url("./../../images/amap/vk-1.jpg");}
.team_vk_1_txt {margin-top: 5px; padding: 3px 10px; background: rgba(255,255,255,0.8);}

.team_vk_2 {text-align: right; margin: 10px 0px; width: 100%; height: 225px; background-image: url("./../../images/amap/vk-sw-2.jpg"); border: #AFBEC1 4px double; background-repeat: no-repeat;}
.team_vk_2:hover {background-image: url("./../../images/amap/vk-2.jpg");}
.team_vk_2_txt {padding: 3px 10px; background: rgba(255,255,255,0.8);}

.team_gm_1 {text-align: center; margin: 10px 0px; width: 100%; height: 225px; background-image: url("./../../images/amap/gm-sw-1.jpg"); border: #AFBEC1 4px double; background-repeat: no-repeat;}
.team_gm_1:hover {background-image: url("./../../images/amap/gm-1.jpg");}
.team_gm_1_txt {padding: 3px 10px; }

.team_gm_2 {text-align: center; margin: 10px 0px; width: 100%; height: 225px; background-image: url("./../../images/amap/gm-sw-2.jpg"); border: #AFBEC1 4px double; background-repeat: no-repeat;}
.team_gm_2:hover {background-image: url("./../../images/amap/gm-2.jpg");}
.team_gm_2_txt {margin-top: 5px; padding: 3px 10px; background: rgba(255,255,255,0.7);}

.team_gm_3 {text-align: center; margin: 10px 0px; width: 100%; height: 225px; background-image: url("./../../images/amap/gm-sw-3.jpg"); border: #AFBEC1 4px double; background-repeat: no-repeat;}
.team_gm_3:hover {background-image: url("./../../images/amap/gm-3.jpg");}
.team_gm_3_txt {margin-top: 5px; padding: 3px 10px; background: rgba(255,255,255,0.7);}

/* ### Formatierungen Infos #################################################### */

/* ### Aktuelles ######## */
.akt_ac_bgr {
    background: #E6F8E0;
    font-weight: bold;
    font-family: "Arial", Helvetica; 
}

.akt_ac_con {
    font-style: normal;
    font-size: 90%;
    font-family: "Arial", Helvetica;
    margin-left: 10px;
}

.akt_ac_bgr:focus,
.akt_ac_bgr:hover {
    background: #97BF99;
    font-weight: bold;
}

.akt_pic_copy {
    margin-top: 2px;
    font-size:80%;
    font-style: italic;
}
.akt_pic_copy_sm {
    line-height: 10%;
    font-size:80%;
    font-style: italic;
}


/* ### Abkuerzungen ######## */
.abk1 {
    font-weight:normal;
    width: 15%;
}

.abk2 {
    font-weight:normal;
}

/* ### Links ######## */
.links_btn {
    background:#103d47;
    color: #fff;
    font-size: 95%;
    padding: 5px 1px;
    width: 155px;
    margin-right: 2px;
    margin-bottom: 2px;
    border: #103d47 1px solid;
}

.links_btn:hover,
.links_btn:focus
{
    background: #AFBEC1;
    border-color: #103d47;
    color: #103d47;
}

.links_block_lu {
    background: #AFBEC1;
    color: #103d47;
    height:40px;
    padding-left:5px;
    padding-top: 15px;
    border-bottom: #103d47 1px solid;
}

.links_abst {
    padding-top: 5px;
    padding-bottom: 5px;
}
/* ### Listen Button PLZ ######## */
.liste_btn_plz {
        background:#AFBEC1;
        color: #103d47;
        width: 110px;
        margin: 3px;
        border: #103d47 1px solid;            
        }
    
.liste_btn_plz:hover,
.liste_btn_plz:focus
{
    background: #103d47;
    border-color: #103d47;
    color: #fff;
    }
.liste_btn_plz_xs { 
    width: 47px;
    background: #AFBEC1;
    color: #103d47;
    margin: 3px;
    }
.liste_btn_plz_xs:hover,
.liste_btn_plz_xs:focus {
    background: #103d47;
    color: #fff;    
    }
/* ### Listen Button weitere Listen (Tablet und Smartphone) ######## */   
.liste_btn_md {
    background: #AFBEC1;
    color: #103d47;
    width: 140px;
    border: #103d47 1px solid;
}
.liste_btn_xs {
    background: #AFBEC1;
    color: #103d47;
    width: 120px;
    padding:3px;
    border: #103d47 1px solid;
}
.liste_btn_md:hover, .liste_btn_md:focus,
.liste_btn_xs:hover, .liste_btn_xs:focus {
    background: #103d47;
    color: #fff;    
}

/* ### Listen Anzeigetext Treffer ######## */
.liste_well_anz {
        background: #E4E9EA;
        text-align: center;
        }
/* ### anglermap Schriften ##################################################### */ 
.amap
	{
	font-style:italic; 
	color:#800000;
	letter-spacing:1px;
	}
.amap1
	{
	color:#800000;
	letter-spacing:1px;
	}
 
/* ### Formatierungen Werbeanzeigen ############################################ */ 
.anz_werb /* Textschriftzug Anzeige */
	{
        font-size: 70%;    
	font-style:normal; 
	color:grey;
	letter-spacing:2px;
        padding-top: 2px;
        padding-bottom: 2px;
	}
.text_anz_werb /* Textschriftzug Anzeige im Fischlexion */
	{
	font-style:italic; 
	color:grey;
	letter-spacing:1px;
        text-align: center;
        font-size: 80%;
	}        
        
        
/* ### Hauptnavigation oben #################################################### */        
/* ### Hintergrundfarbe der fixierten Navbar ## */
.navbar-default {
	background: #eff2f4;
	box-shadow:none;	
}

.main_logo {
    height: 27px;
}

.share_icon {
    height: 20px;
}

/* ### Schriftfarbe Hauptlinks, mai_nav2 Farbe im Dropdown unten unter Links ### */
.main_nav {
    color: #103d47;
        }

/* ### Navigation Fusszeile #################################################### */
.amap_nav2 {
    background: #E4E9EA;
        }
        

        
/* ### Hauptmen� oben mit Mouse-over ########################################### */        

ul.nav li.dropdown:hover ul.dropdown-menu {
    display:block;
    margin-top:0px;

}
 

/* ### Bilder innerhalb von Texten ############################################# */ 
.bild_breit
	{
	margin-top:8px;
	margin-bottom:8px;
	}
	
.bild_links
	{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	}	

.bild_rechts
	{
	float:right;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	}
.map_bgr {
        background-image: url(./../../grafik/mapdeu.gif);
        background-repeat: no-repeat;
        background-position: center;
        min-height: 240px;
        }
        
.text00 { font-size:150%; line-height:150%; }
.text01 { font-size:140%; line-height:150%; }
.text02 { font-size:130%; line-height:140%; }
.text02t { font-size:120%; line-height:140%; }
.text03 { font-size:100%; line-height:120%; }
.text04 { font-size:90%; line-height:100%; }
.text05 { font-size:80%; line-height:100%;}
.textbkr { font-size:80%; line-height:100%;}

        
h1 { font-size:140%; font-weight:bold; margin:0px;  }
h2 { font-size:130%; font-weight:bold; margin:0px; }
h3 { font-size:120%; font-weight:bold; margin:0px; }
h4 { font-size:110%; font-weight:bold; margin:0px; }

ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}
ol.c {list-style-type: upper-roman;}
ol.d {list-style-type: lower-alpha;}

.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
.left { text-align:left; }
.center{ text-align:center; }
.right{ text-align:right; }

.lito { text-align:left; vertical-align:top; }
.limi { text-align:left; vertical-align:middle; }
.libo { text-align:left; vertical-align:bottom; }

.mito { text-align:center; vertical-align:top; }
.mimi { text-align:center; vertical-align:middle; }
.mibo { text-align:center; vertical-align:bottom; }

.reto { text-align:right; vertical-align:top; }
.remi { text-align:right; vertical-align:middle; }
.rebo { text-align:right; vertical-align:bottom; }

.wi20 {width: 20px; margin: 3px;}
.wi30 {width: 30px; margin: 3px;}
.wi40 {width: 40px; margin: 3px;}
.wi50 {width: 50px; margin: 3px;}
.wi60 {width: 60px; margin: 3px;}
.wi70 {width: 70px; margin: 3px;}
.wi80 {width: 80px; margin: 3px;}
.wi90 {width: 90px; margin: 3px;}
.wi100 {width: 100px; margin: 3px;}
.wi120 {width: 120px; margin: 3px;}
.wi140 {width: 140px; margin: 3px;}
.wi150 {width: 150px; margin: 3px;}
.wi160 {width: 160px; margin: 3px;}
.wi170 {width: 170px; margin: 3px;}
.wi200 {width: 200px; margin: 3px;}
.wi250 {width: 250px; margin: 3px;}

/*Abstandsformate linker und rechter Abstand ###################################*/
.li1 {padding-left:1px; }
.li2 {padding-left:2px; }
.li3 {padding-left:3px; }
.li4 {padding-left:4px; }
.li5 {padding-left:5px; }
.li10 {padding-left:10px; }
.li15 {padding-left:15px; }

.li20 {padding-left:20px; }
.li25 {padding-left:25px; }
.li30 {padding-left:30px; }
.li40 {padding-left:40px; }
.li200 {padding-left:200px; }
.li230 {padding-left:230px; }
.li280 {padding-left:280px; }
.re1 {padding-right:1px; }
.re2 {padding-right:2px; }
.re5 {padding-right:5px; }
.re10 {padding-right:10px; }
.re20 {padding-right:20px; }
.re30 {padding-right:30px; }
.re200 {padding-right:200px; }
.re230 {padding-right:230px; }
.re280 {padding-right:280px; }


/*Abstandsformate oberer und unterer Abstand ###################################*/
.ob2 {padding-top:2px; }
.ob3 {padding-top:3px; }
.ob5 {padding-top:5px; }
.ob6 {padding-top:6px; }
.ob7 {padding-top:7px; }
.ob8 {padding-top:8px; }
.ob10 {padding-top:10px; }
.ob15 {padding-top:15px; }
.ob20 {padding-top:20px; }
.un2 {padding-bottom:2px; }
.un3 {padding-bottom:3px; }
.un5 {padding-bottom:5px; }
.un8 {padding-bottom:8px; }
.un10 {padding-bottom:10px; }
.un15 {padding-bottom:15px; }
.un20 {padding-bottom:20px; }
.un30 {padding-bottom:30px; }
.un40 {padding-bottom:40px; }
.un50 {padding-bottom:50px; }
.un-nav {padding-bottom:48px; }

/*horizontale Trennlinien ##################################*/
.linie_h1 {
 margin-top:10px;
 margin-bottom:5px;
 height:1px;
 width:100%;
 border-top:1px solid #AFBEC1;
}


.bord_w1 {
    border-bottom: 1px solid #AFBEC1;
}
.bord_w2 {
    border-bottom: 1px solid #103d47;
}
.bord_w1a {
    border-top: 1px solid #AFBEC1;
}

/*Format f�r allgemeine Verweise (im Text oder in der Fu�zeile)  zu weiteren internen Seiten*/	
a.intern_navi { color:#777a4d; text-decoration:none; margin:0px;  }
a:link.intern_navi {color:#777a4d; }
a:visited.intern_navi {color:#777a4d; }
a:hover.intern_navi {color:#103d47; text-decoration:underline; }
a:active.intern_navi {color:#103d47; }

/*Format f�r Verweise auf interne Menüs (mit Standardfarben)*/	
a.intern_menue { color:#337ab7; text-decoration:none; margin:0px;  }
a:link.intern_menue {color:#337ab7; }
a:visited.intern_menue {color:#337ab7; }
a:hover.intern_menue {color:#23527c; text-decoration:underline; }
a:active.intern_menue {color:#23527c; }

/*Format f�r allgemeine Verweise (im zu weiteren internen Seiten*/	
a.intern_verw { color:#000; text-decoration:underline; margin:0px;  }
a:link.intern_verw {color:#000; }
a:visited.intern_verw {color:#000; }
a:hover.intern_verw {color:blue; text-decoration:none; }
a:active.intern_verw {color:blue; }

/*Format f�r allgemeine Verweise (im Brotkrumenpfad)  zu weiteren internen Seiten*/	
a.intern_bkr { color:#777a4d; text-decoration:none; margin:0px;  }
a:link.intern_bkr {color:#777a4d; }
a:visited.intern_bkr {color:#777a4d; }
a:hover.intern_bkr {color:#103d47; text-decoration:none; }
a:active.intern_bkr {color:#103d47; }

/*Format f�r interne Verweise in Popups der Karten*/	
a.intern_pop { color:#777a4d; text-decoration:none; margin:0px;  }
a:link.intern_pop {color:#777a4d; }
a:visited.intern_pop {color:#777a4d; }
a:hover.intern_pop {color:#103d47; text-decoration:underline; }
a:active.intern_pop {color:#103d47; }

/*Format f�r Verweise auf externe Seiten*/	
a.extern { color:#000; text-decoration:underline; margin:0px;  }
a:link.extern {color:#000; }
a:visited.extern {color:#000; }
a:hover.extern {color:grey; text-decoration:none; }
a:active.extern {color:blue; }

/*Format fuer den Link unter Bildern*/
a.bildlinklb { color:#fff; text-decoration:none; margin:0px;  }
a:link.bildlinklb {color:#fff; }
a:visited.bildlinklb {color:#fff; }
a:hover.bildlinklb {color:#fff; text-decoration:underline; }
a:active.bildlinklb {color:#fff; }

/*Format fuer die Hauptnavigation*/
a.main_nav2 { color:#103d47; text-decoration:none; margin:0px;  }
a:link.main_nav2 {color:#103d47; }
a:visited.main_nav2 {color:#103d47; }
a:hover.main_nav2 {color:#103d47; text-decoration:underline; }
a:active.main_nav2 {color:#103d47; }

.soc_med {
    padding: 5px;
    background: #ffd700;
    text-align: center;
}

/* Laufschrift*/
	.laufs {
		max-width: 100vw;
		white-space: nowrap;
		overflow: hidden;
	}

	.laufs span {
		display: inline-block;
		padding-left: 100%;
                color: #103d47;
		animation: laufs 12s linear infinite;
	}

	/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
	.laufs span:hover {
		animation-play-state: paused 
	}

	/* Make it move */
	@keyframes laufs {
		0%   { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}