@font-face { font-family: re1; src: url(../../../../0_Technik/Fonts/calibri.ttf); }
@font-face { font-family: re2; src: url(../../../../0_Technik/Fonts/Candara.ttf); }

/*
@font-face { font-family: re1; src: url(../Fonts/calibri.ttf); }
@font-face { font-family: re2; src: url(../Fonts/Candara.ttf); }
*/

html {background-color: #eaeaea;}
#print {display:none;}
.box_umfrage {display:none;}
img {border: 0px;}

body {
         font-size: 100%;
         line-height: 1.4;
         margin: 0px;
         padding: 0px;
         color: #535353;
         font-family: Calibri, Candara, re2, re1, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

.body  {
         width: 1280px;
         margin: 0 auto;
         text-align: left;
         margin-bottom: 0px;
         margin-top: 0px;
         background-color: #ffffff;
}

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: 10000px;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 98%; 
  height: 10000px; 
}


h1 { font-size: 1.4em; color: #006400; margin: 0px 0px 15px 0px;}
h2 { font-size: 1.2em; color: #006400;}
h3 { font-size: 1.0em; color: #333333; text-decoration: underline;}
h4 { font-size: 14px; color: #333333;}

h1, h2, h3, h4 {
  clear: both;
}

p {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

/*
li {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}
*/

a { font-size: 1.0em; font-weight: normal;}
a:link, a:visited, a:active { color: #006400;; text-decoration: none;}
a:hover, a:focus, a:active { color: #006400; text-decoration: underline;}

a[name] {
  display: block;
}


#mainContent img {
   max-width: 100%;
}


/****** header ******/
#header {
         position: relative;
         float: left;
         padding-top: 30px;
}

.header_logo {
         float: left;
//         width: 300px; DS 03.02.2020 Reduzierung nach Einfügen Twitter Logo
	 width: 295px;
         margin: 0px 0px 0px 20px;
         padding: 0px 140px 0px 0px;
}

#menuicon i {
  	position: absolute;
         top: 0.2em;
         right: 0.2em;
}

#contacticon i {
  	position: absolute;
         top: 0.2em;
         right: 1.4em;
}

#header_right {
         position: relative;
         margin: 0px 0px 0px 0px;
}

#header_menu {
         position: relative;
         margin: 0px 0px 0px 0px;
         float: left;
}

/*
Erfolgt mit JavaScript...
@media screen and (max-width: 880px) {
	#header_menu, #barriere_menu {
    		display: none;
  	}
}
*/

@media screen and (max-width: 880px) {
#mainContent table, #mainContent td {
  width: auto !important;
}

#mainContent .db17 td, #mainContent .db17 table {
  width: 100% !important;
}

}


#header_menu ul {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

#header_menu ul li {
        float: left;
        display: inline;
        margin: 0px 10px 0px 0px;
}

#header_menu i {
	color: #000000;
}

a.header_menu {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
}

a.header_menu:link, a.header_menu:visited {
/*        color: #999999; 30.11.2020 mehr Kontrast*/
	color: #595959;
        text-decoration: none;
}

a.header_menu:hover,
a.header_menu:focus,
a.header_menu:active {
        color: #000000;
        text-decoration: none;
}


#search {
         float: right;
         margin: 0px 5px 0px 0px;
}

.suchen {
         margin-left: 0.2em;
}

input.search
{
  position: relative;
  width: 200px;
  height: 20px;
  background-color: #e3e3e3;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto auto;
  padding: 0px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #c4c4c4;
  border-right-color: #c4c4c4;
  border-bottom-color: #c4c4c4;
  border-left-color: #c4c4c4;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  color: #999999;
  font-size: 0.9em;
}



@media screen and (max-width: 880px) {
   #search {
     padding: 2% 0%;
     width: 80%;
   }
   input.search {
     width: 70%;
     height: 30px;
     margin-left: 5%; 
   }
   .suchen {
     height: 34px;
     width: 20%;
   }
   #BreadCrumb {
     /*margin-bottom: 2.5em;*/
     width: 96%;
   }

}



#barriere_menu {
	clear: both;
	text-align: right;
	margin: 0em 0em 0em 0em;
}


#header_image img {
         float: left;
         width: 100%;
         margin: 20px 0px 0px 0px;
}

@media screen and (max-width: 880px) {
	#header_image {display: none;}
}

.path_menu {
         position: relative;
         float: left;
         /*width: 1280px;*/
         height: 20px;
         margin: 20px 0px 0px 15px;
         color: #666666;
         font-size: 0.9em;
         font-weight: bold;
}
@media screen and (max-width: 880px) {
	.path_menu {
		height: auto; 
	}
}


/*
@media screen and (max-width: 1279px) {
	.path_menu {
		margin-left: -5px; 
	}
}
*/

@media screen and (max-width: 1279px) {
         .body {
            width: 100%;
         }
         #header {
            width: 100%;
         }
         img {
            max-width: 100%;
         }
         .header_logo {
            padding: 0px;
         }
}

@media screen and (max-width: 880px) {
         .header_logo {
            width: 55%;
         }
         #search {
            width: 100%;
            float: none;
            clear: both;
         }
}


/*************** Haupt-Navigation **********************/
.vse_navigation_frame_div
{
         position: relative;
         float: left;
         width: 100%;
         text-align: left;
         border-bottom: 2px #CCCCCC solid;
         background-color: #ffffff;
		 font-size: 85%;
}

/*Gleich ul*/
.vse_navigation_list {
        padding: 0px 0px 0px 0px;
        margin: 5px 0px 0px 0px;
}

/*Gleich li first child hover*/
.vse_navigation_list_item_rathaus_politik:first-child:hover, .vse_navigation_list_item_rathaus_politik:first-child:focus, .vse_navigation_list_item_rathaus_politik:first-child:active,
.vse_navigation_list_item_leben_wohnen:first-child:hover, .vse_navigation_list_item_leben_wohnen:first-child:focus, .vse_navigation_list_item_leben_wohnen:first-child:active,
.vse_navigation_list_item_klima_mobilitaet:first-child:hover, .vse_navigation_list_item_klima_mobilitaet:first-child:focus, .vse_navigation_list_item_klima_mobilitaet:first-child:active,
.vse_navigation_list_item_familie_bildung:first-child:hover, .vse_navigation_list_item_familie_bildung:first-child:focus, .vse_navigation_list_item_familie_bildung:first-child:active,
.vse_navigation_list_item_wirtschaft_handel:first-child:hover, .vse_navigation_list_item_wirtschaft_handel:first-child:focus, .vse_navigation_list_item_wirtschaft_handel:first-child:active,
.vse_navigation_list_item_ruhrfestspiele_kultur:first-child:hover, .vse_navigation_list_item_ruhrfestspiele_kultur:first-child:focus, .vse_navigation_list_item_ruhrfestspiele_kultur:first-child:active,
.vse_navigation_list_item_freizeit_tourismus:first-child:hover, .vse_navigation_list_item_freizeit_tourismus:first-child:focus, .vse_navigation_list_item_freizeit_tourismus:first-child:active
{
        background-image: none;
/*
        background-image: url("../../images/main_menu_first_item_hover_bg_9330.png");
*/
        background-image: url(../Bilder/main_menu_first_item_hover_bg.png);
}

@media screen and (max-width: 1279px) {
   .vse_navigation_list_item_rathaus_politik:first-child:hover, .vse_navigation_list_item_rathaus_politik:first-child:focus, .vse_navigation_list_item_rathaus_politik:first-child:active,
   .vse_navigation_list_item_leben_wohnen:first-child:hover, .vse_navigation_list_item_leben_wohnen:first-child:focus, .vse_navigation_list_item_leben_wohnen:first-child:active,
      .vse_navigation_list_item_klima_mobilitaet:first-child:hover, .vse_navigation_list_item_klima_mobilitaet:first-child:focus, .vse_navigation_list_item_klima_mobilitaet:first-child:active,
   .vse_navigation_list_item_familie_bildung:first-child:hover, .vse_navigation_list_item_familie_bildung:first-child:focus, .vse_navigation_list_item_familie_bildung:first-child:active,
   .vse_navigation_list_item_wirtschaft_handel:first-child:hover, .vse_navigation_list_item_wirtschaft_handel:first-child:focus, .vse_navigation_list_item_wirtschaft_handel:first-child:active,
   .vse_navigation_list_item_ruhrfestspiele_kultur:first-child:hover, .vse_navigation_list_item_ruhrfestspiele_kultur:first-child:focus, .vse_navigation_list_item_ruhrfestspiele_kultur:first-child:active,
   .vse_navigation_list_item_freizeit_tourismus:first-child:hover, .vse_navigation_list_item_freizeit_tourismus:first-child:focus, .vse_navigation_list_item_freizeit_tourismus:first-child:active {
        background-image: none;
   }
}

/*Gleich a class main_menu*/
.vse_navigation_link_rathaus_politik, 
.vse_navigation_link_leben_wohnen,
.vse_navigation_link_klima_mobilitaet,
.vse_navigation_link_familie_bildung,
.vse_navigation_link_wirtschaft_handel,
.vse_navigation_link_ruhrfestspiele_kultur,
.vse_navigation_link_freizeit_tourismus
 {
        font-family: Arial;
        font-size: 0.98em;
        font-weight: bold;
}

@media screen and (min-width: 881px) and (max-width: 1279px) {
	.vse_navigation_link_rathaus_politik, 
	.vse_navigation_link_leben_wohnen,
	.vse_navigation_link_klima_mobilitaet,
	.vse_navigation_link_familie_bildung,
	.vse_navigation_link_wirtschaft_handel,
	.vse_navigation_link_ruhrfestspiele_kultur,
	.vse_navigation_link_freizeit_tourismus {
        		font-size: 1.2vw;
		padding-right: 0.5vw;
display: block;
margin-left: 1.5vw;
	}
}


/*Gleich a class main_menu hover*/
.vse_navigation_link_rathaus_politik:hover, .vse_navigation_link_rathaus_politik:focus, .vse_navigation_link_rathaus_politik:active, 
.vse_navigation_link_leben_wohnen:hover, .vse_navigation_link_leben_wohnen:focus, .vse_navigation_link_leben_wohnen:active,
.vse_navigation_link_klima_mobilitaet:hover, .vse_navigation_link_klima_mobilitaet:focus, .vse_navigation_link_klima_mobilitaet:active,
.vse_navigation_link_familie_bildung:hover, .vse_navigation_link_familie_bildung:focus, .vse_navigation_link_familie_bildung:active,
.vse_navigation_link_wirtschaft_handel:hover, .vse_navigation_link_wirtschaft_handel:focus, .vse_navigation_link_wirtschaft_handel:active,
.vse_navigation_link_ruhrfestspiele_kultur:hover, .vse_navigation_link_ruhrfestspiele_kultur:focus, .vse_navigation_link_ruhrfestspiele_kultur:active,
.vse_navigation_link_freizeit_tourismus:hover, .vse_navigation_link_freizeit_tourismus:focus, .vse_navigation_link_freizeit_tourismus:active
{
        color: #666666;
        text-decoration: none;
}


.vse_navigation_list_item_rathaus_politik:hover, .vse_navigation_list_item_rathaus_politik:focus, .vse_navigation_list_item_rathaus_politik:active,
.vse_navigation_list_item_leben_wohnen:hover, .vse_navigation_list_item_leben_wohnen:focus, .vse_navigation_list_item_leben_wohnen:active,
.vse_navigation_list_item_klima_mobilitaet:hover, .vse_navigation_list_item_klima_mobilitaet:focus, .vse_navigation_list_item_klima_mobilitaet:active,
.vse_navigation_list_item_familie_bildung:hover, .vse_navigation_list_item_familie_bildung:focus, .vse_navigation_list_item_familie_bildung:active,
.vse_navigation_list_item_wirtschaft_handel:hover, .vse_navigation_list_item_wirtschaft_handel:focus, .vse_navigation_list_item_wirtschaft_handel:active,
.vse_navigation_list_item_ruhrfestspiele_kultur:hover, .vse_navigation_list_item_ruhrfestspiele_kultur:focus, .vse_navigation_list_item_ruhrfestspiele_kultur:active,
.vse_navigation_list_item_freizeit_tourismus:hover, .vse_navigation_list_item_freizeit_tourismus:focus, .vse_navigation_list_item_freizeit_tourismus:active

{
/*
        background-image: url("../../images/main_menu_item_hover_bg_9331.png");
*/
        background-image: url(../Bilder/main_menu_item_hover_bg.png);
}
	
@media screen and (max-width: 1279px) {
   .vse_navigation_list_item_rathaus_politik:hover, .vse_navigation_list_item_rathaus_politik:focus, .vse_navigation_list_item_rathaus_politik:active,
   .vse_navigation_list_item_leben_wohnen:hover, .vse_navigation_list_item_leben_wohnen:focus, .vse_navigation_list_item_leben_wohnen:active,
   .vse_navigation_list_item_klima_mobilitaet:hover, .vse_navigation_list_item_klima_mobilitaet:focus, .vse_navigation_list_item_klima_mobilitaet:active,
   .vse_navigation_list_item_familie_bildung:hover, .vse_navigation_list_item_familie_bildung:focus, .vse_navigation_list_item_familie_bildung:active,
   .vse_navigation_list_item_wirtschaft_handel:hover, .vse_navigation_list_item_wirtschaft_handel:focus, .vse_navigation_list_item_wirtschaft_handel:active,
   .vse_navigation_list_item_ruhrfestspiele_kultur:hover, .vse_navigation_list_item_ruhrfestspiele_kultur:focus, .vse_navigation_list_item_ruhrfestspiele_kultur:active,
   .vse_navigation_list_item_freizeit_tourismus:hover, .vse_navigation_list_item_freizeit_tourismus:focus, .vse_navigation_list_item_freizeit_tourismus:active {
        background-image: none;
   }
}



.mainpas,
.mainpasempty,
.mainakt,
.mainaktempty,
.mainaktunsel {
  margin:0px;
  padding:0;
  display: block;
  background-image: url("../../images/menu_zeichen_5469.png");
  background-repeat: no-repeat;
  background-position: 0px 7px;
}

.subpas,
.subpasempty,
.subakt,
.subaktempty,
.subaktunsel {
  margin:0px;
  padding:0;
  display: block;
  background-image: url("../../images/menu_zeichen_5469.png");
  background-repeat: no-repeat;
  background-position: 25px 7px;
}

.mainpas A,
.mainpas A:hover, .mainpas A:focus, .mainpas A:active,
.mainpasempty A,
.mainpasempty A:hover, .mainpasempty A:focus, .mainpasempty A:active,
.mainpasempty A,
.mainpasempty A:hover, mainpasempty A:focus, mainpasempty A:active,
.mainakt A,
.mainakt A:hover, .mainakt A:focus, .mainakt A:active,
.mainaktempty A,
.mainaktempty A:hover, .mainaktempty A:focus, .mainaktempty A:active,
.mainaktunsel A,
.mainaktunsel A:hover, .mainaktunsel A:focus, .mainaktunsel A:active {
 padding-left: 15px;
 display: block;
}


li.divcss .subsubpas
.subsubpas,
.subsubpasempty,
.subsubakt,
.subsubaktempty,
.subsubaktunsel {
		display: none;
}

.subpas A,
.subpas A:hover, .subpas A:focus, .subpas A:active,
.subpasempty A,
.subpasempty A:hover, .subpasempty A:focus, .subpasempty A:active,
.subakt A,
.subakt A:hover, .subakt A:focus, .subakt A:active,
.subaktempty A,
.subaktempty A:hover, .subaktempty A:focus, .subaktempty A:active {
		padding-left: 40px;
		display: block;
}

.subsubpas A,
.subsubpas A:hover, .subsubpas A:focus, .subsubpas A:active,
.subsubpasempty A,
.subsubpasempty A:hover, .subsubpasempty A:focus, .subsubpasempty A:active,
.subsubakt A,
.subsubakt A:hover, .subsubakt A:focus, .subsubakt A:active,
.subsubaktempty A,
.subsubaktempty A:hover, .subsubaktempty A:focus, .subsubaktempty A:active {
		display: none;
}


@media screen and (max-width: 880px) {
  .mainpas A,
  .mainpas A:hover, .mainpas A:focus, .mainpas A:active,
  .mainpasempty A,
  .mainpasempty A:hover, .mainpasempty A:focus, .mainpasempty A:active,
  .mainpasempty A,
  .mainpasempty A:hover, mainpasempty A:focus, mainpasempty A:active,
  .mainakt A,
  .mainakt A:hover, .mainakt A:focus, .mainakt A:active,
  .mainaktempty A,
  .mainaktempty A:hover, .mainaktempty A:focus, .mainaktempty A:active,
  .mainaktunsel A,
  .mainaktunsel A:hover, .mainaktunsel A:focus, .mainaktunsel A:active {
     padding-left: 0px;
  }

  .subpas A,
  .subpas A:hover, .subpas A:focus, .subpas A:active,
  .subpasempty A,
  .subpasempty A:hover, .subpasempty A:focus, .subpasempty A:active,
  .subakt A,
  .subakt A:hover, .subakt A:focus, .subakt A:active,
  .subaktempty A,
  .subaktempty A:hover, .subaktempty A:focus, .subaktempty A:active {
    padding-left: 0px;
  }

  .subsubpas A,
  .subsubpas A:hover, .subsubpas A:focus, .subsubpas A:active,
  .subsubpasempty A,
  .subsubpasempty A:hover, .subsubpasempty A:focus, .subsubpasempty A:active,
  .subsubakt A,
  .subsubakt A:hover, .subsubakt A:focus, .subsubakt A:active,
  .subsubaktempty A,
  .subsubaktempty A:hover, .subsubaktempty A:focus, .subsubaktempty A:active {
    padding-left: 0px;
  }

  .mainpas,
  .mainpasempty,
  .mainakt,
  .mainaktempty,
  .mainaktunsel,
  .subpas,
  .subpasempty,
  .subakt,
  .subaktempty,
  .subaktunsel {
    background-image: none;
  }

  .subpas,
  .subpasempty,
  .subakt,
  .subaktempty,
  .subaktunsel {
    padding-left: 10px;
  }

  .subsubpas,
  .subsubpasempty,
  .subsubakt,
  .subsubaktempty,
  .subsubaktunsel {
    padding-left: 20px;
  }


}


a.pathmenu {
        margin: 0px 5px 0px 5px;
        color: #666666;
        text-decoration: none;
}

a.pathmenu:link, a.pathmenu:visited, a.pathmenu:active {
        color: #666666;
        text-decoration: none;
}

a.pathmenu:hover, a.pathmenu:focus, a.pathmenu:active {
        color: #000000;
        text-decoration: none;
}


#container {
         position: relative;
         float: left;
         width: 100%;
         margin: 0px 0px 10px 0px;
         background-color: #ffffff;
}



#content_container {
         float: left;
         width: 100%;
         margin: 25px 0px 10px 0px;
}



/***** sidebarLeft *********/
#sidebarLeft
{
         position: relative;
         float: left;
         width: 250px;
         margin: 0px 0px 0px 0px;
}

@media screen and (max-width: 1279px) {
  #sidebarLeft {
    /*width: 22%;*/
    width: 21%;
    margin-left: 1%;
  }
}

@media screen and (max-width: 880px) {
  #sidebarLeft {         
        width: 94%;
        margin: 0% 3% 0 3%;
        clear: both;
        float: none;
  } 

  #sub_menu li {
    clear: both;
  }     
     
}


#sidebarLeft ul, #sidebarLeft li {
        list-style-type: none;
}



.box_left_title {
        position: relative;
        width: 100%;
        margin: 0px 0px 2px 0px;
        padding: 5px 0px 5px 10px;
        color: #006400;
        font-weight: bold;  
        background: url(../Bilder/bg_left_box.png);     
}

/*** Unterkategorien in Navigation Wirtschaft_Einkaufen  ***/
.subcat {
     padding-left: 0px !important;
     padding-bottom: 0px !important;
     margin-bottom: 0px !important;
}

.box_left_content {
        position: relative;
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding: 5px 0px 5px 10px;  
        background: url(../Bilder/bg_left_box.png);     
}

@media screen and (max-width: 880px) {
  .box_left_title, .box_left_content {
    background: none;
    background-color: #efefef;
    /*margin: 2px 0px;
    padding: 0px 0px 0px 10px;*/
    margin: 2px 0px 0px -10px;
    padding: 0px 0px 0px 10px; 
  }
}

.box_left_content img  {
          width: 150px;
}

@media screen and (max-width: 880px) {
  .box_left_content ul {
    background-color: #efefef;
   }

  .box_left_content li {
    float: left;
    /*background-color: gray;
    margin: 0.2em;*/
  }

  .box_left_content li:last-child {
    clear: left;
    float: none;
  }

  .box_left_content li a {
    /*color: #ffffff !important;
    line-height: 2em;
    padding: 0em 0.5em;*/
    padding: 0em 0.4em 0em 0em;
  }

  #sidebarLeft img {
    display: block;
    width: 40%;
    padding: 0px;
    margin: 0 auto;
  }
}


.box_left_content ul li a{ font-size: 1.0em; font-weight: normal;}
.box_left_content ul li a:link, .box_left_content ul li a:visited, .box_left_content ul li a:active { color: #000000; text-decoration: none;}
.box_left_content ul li a:hover,
.box_left_content ul li a:focus,
.box_left_content ul li a:active {
  color: #000000; 
  text-decoration: underline;
}

.box_left_content #sub_menu ul li a:active, .box_left_content #sub_menu ul li a:focus  {
  color: #000000; 
  text-decoration: underline;
}


/***** mainContent *********/
#mainContent
{
         position: relative;
         float: left;
         width: 700px;
         margin: 0px 0px 0px 30px;
}

@media screen and (max-width: 1279px) {
  #mainContent {
    float: right;
    /*width: 74%;*/
    width: 73%;
    padding: 0% 1% 0% 0%;
  }
}

/*
@media screen and (max-width: 880px) {
   #mainContent {
         width: 100%;
         float: none;
         padding: 0px;
         margin: 0px;
   }
}*/

@media screen and (max-width: 880px) {
   #mainContent {
         width: 94%;
         float: none;
         padding: 0px 0px 0px 0px;
         margin: 0px 3% 2em 3%;
   }
}

#mainContent a {
	/*font-size: 1.0em; 
	font-weight: normal;*/ 
	text-decoration: underline;
}
	
#mainContent a:link, #mainContent a:visited, #mainContent a:active, #mainContent a:hover, #mainContent a:focus { 
	color: #006400; 
	text-decoration: underline;
}

.menu_zeichen {
        font-size: 0.9em;
        font-weight: bold;
        margin-right: 10px;
}

#sub_menu {
        margin: 0px 0px 20px 0px;
}

#sub_menu li {
        margin: 0px 0px 0px 0px;        
        list-style-type: none;
}

#sub_menu ul {
        margin: 0px 0px 0px 25px;
        padding: 0px 0px 0px 0px;
        font-size: 0.9em;
}


/********* sidebarRight *********/
#sidebarRight {
         /*evtl extra groessen behandlung*/
         width: 250px;
         margin: 0px 0px 0px 0px;
         float: right;
}

.box_right_title {
        position: relative;
        float: right;
        width: 240px;
        margin: 0px 0px 2px 0px;
        padding: 5px 0px 5px 10px;
        color: #006400;
        font-weight: bold;  
        background: url(../Bilder/bg_right_box.png);     
}


.box_right_content {
        position: relative;
        float: right;
        width: 240px;
        margin: 0px 0px 20px 0px;
        padding: 5px 0px 5px 10px;
        background: url(../Bilder/bg_right_box.png);     
}

.box_lebenslagen .box_right_content li {
        float:left;
        margin-right: 10px;
        list-style-type: none;    
}



.box_right_content img {
  width: 120px;
  /*clear: both;*/
  margin-bottom: 0.8em;
  padding-left: 60px;
}

@media screen and (max-width: 1279px) {
  #sidebarRight img {
    display: block;
    margin: 0 auto;
    padding: 0px;
    text-align: middle;
  }

  #sidebarRight form {
    text-align: center;
  }
}

@media screen and (max-width: 880px) {
  #sidebarRight img {
    	/*width: 40%;*/
  }
}


.box_1000JahreRE .box_right_content img
{
  width: 100%;
  padding-left: 0px;
  margin-bottom: 0em;
}

.box_1000JahreRE .box_right_content {
  padding: 0px;
  margin-bottom: 0.8em;
}

@media screen and (max-width: 1279px) {
  #sidebarRight {
     width: 30%;
     margin: 5% 35%;
     clear: both;
  }
  .box_right_title, .box_right_content {
     width: 100%;
     background: none;
     background-color: #efefef;
  }
}

@media screen and (max-width: 880px) {
  #sidebarRight, #sidebarLeft {
        /*width: 94%;
        margin: 0 3%;*/
        width: 62%;
        margin: 0% 19%;
  }


  .box_right_title, .box_right_content, .box_left_title, .box_left_content  {
    /*padding: 0px;*/
    padding-right: 4%;
    width: 96%;

  }

}



#sidebarLeft ul, #sidebarRight ul {
        /*list-style-type: none;*/
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;  
}

#sidebarRight ul {
  margin-left: 1em;
}

#sidebarRight .box_lebenslagen .box_right_content ul {
  margin-left: 0px;
}

/*DS Mail 17.09.15 Links auch in Liste in grün */
.box_right_content ul li a{ font-size: 1.0em; font-weight: normal;}
.box_right_content ul li a:link, .box_right_content ul li a:visited { color: #006400; text-decoration: none;}
.box_right_content ul li a:hover, .box_right_content ul li a:focus, .box_right_content ul li a:active { color: #006400; text-decoration: underline;}

#sidebarRight .box_lebenslagen .box_right_content li a{ font-size: 1.0em; font-weight: normal;color: #000000;}


@media screen and (max-width: 880px) {
#sidebarLeft > div, #sidebarRight > div {
   margin-bottom: 2em;
   clear: both;
}
}

/************* footer *************/
#footer
{
         position: relative;
         float: left;
         width: 100%;
         /*height: 30px;*/
         margin: 10px 30px 0px 0px;
         /*background: url(../../images/bg_footer_9327.png);*/
}


#footer_left {
         position: relative;
         float: left;
         /*width: 100%;*/
         /*height: 20px;*/
         margin: 0px 0px 0px 20px;
         font-size: 0.9em;
}

#footer_right {
         position: relative;
         float: right;
         /*width: 100%;*/
         /*height: 20px;*/
         margin: 0px 20px 0px 0px;
         text-align:right;
}

#footer_right a,#footer_right span {
	margin-left:10px;
	font-size: 0.9em;
	text-transform:uppercase; 	
}



/**** Klappmenue aus Sitemap ************/
#smmenu {
  clear: both;
}


#smmenu .sm_ebene_start a {
  color: #ffffff;
}

#smmenu .sm_ebene1, #smmenu .sm_ebene_start {
  background-color: gray !important;
  height: 2% !important;
  color: #ffffff !important;
  border-bottom: 1px solid #ffffff;
  padding: 2% 10px;
}

#smmenu .sm_ebene2 {
  background-color: #efefef !important;
  height: 2% !important;
  color: #000000 !important;
  padding: 2% 25px;
  margin: 5px 0px;
}

#smmenu .sm_ebene3 {
  background-color: #ffffff !important;
  height: 2% !important;
  color: green !important;
  padding: 2% 40px;
  margin: 5px 0px;
  border: 1px #efefef solid;
}



/*
#menuicon {
  margin-bottom: 3em;
  margin-right: 0.5em;
}
*/

#smmenu .sm_ebene1, #smmenu .sm_ebene2, #smmenu .sm_ebene3, #menuicon {
  cursor: pointer;
}

@media screen and (min-width: 1280px) {
	//h5#totop, 
	div#totop {
  		display: none !important;
	}
}

/*** element fuer suchmaschine, sonst absatz ***/
#id18153 {
  display: none;
}

/****** Mehrsprachigkeit ******/
.sprache {
     text-align: right;
}

.flag {
     margin: 0px 0px 0px 10px;
}

				/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
  position: relative;
  *zoom: 1;
}

#header_image img {
  max-width: 100%;
}

@media screen and (max-width: 880px) {
  .bx-wrapper img {
    max-width: inherit; /*muss überschrieben werden! */
  }
}




/** THEME
===================================*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  width: auto;
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;

}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
/*background: #25416d;*/
background: #006400;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  /*left: 10px; orig. pfeile*/
  left: 0%;
  background: url(images/pfeile.png) no-repeat -45% 50%;
}

.bx-wrapper .bx-next {
  /*right: 10px; orig. pfeile*/
  left: 3%;
  background: url(images/pfeile.png) no-repeat 125% 50%;
}

.bx-wrapper .bx-prev:hover {
}

.bx-wrapper .bx-next:hover {
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  /*top: 50%; orig. pfeile*/
  top: 92%;
  margin-top: -20px;
  margin-left: 25px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  width: auto;
  right: 0%;
  bottom: 0%;
}

/* The new stuff */
.bx-wrapper .bx-viewport  *{
  /*margin: 0px;*/
}

.bx-wrapper h3 {
  position: absolute;
  bottom: 0px;
  width: 32%;

  margin-left: 8%;
  background-color: rgba(37,65,109,0.9); /*#25416d*/
  padding: 1% 1% 1% 9%;
  height: 3em;
  display: table;
}

.bx-wrapper h3 a {
  color: #ffffff;
  text-decoration: none;
  display: table-cell;
  vertical-align: middle;
}

.bx-pager, .bx-default-pager {
  top: 25px;
  left: 5px;
}

.bx-controls-auto {
  bottom: 10px;
  padding: 10px;
}

@media screen and (max-width: 880px) {
  .slider_text, .bx-wrapper h3 {
    padding-left: 0px;
    margin-left: 0px;
  }

  .bx-wrapper h3 {
    position: relative;
    width: auto;
    margin-left: 0;
    padding: 5% 5% 5% 5%;
    background-color: #ffffff;
  }

  .bx-wrapper h3 a {
    color: #324c7f;
  }

  .bx-wrapper .bx-prev {
    left: 10px;
  }

  .bx-wrapper .bx-next {
    right: 10px; 
    left: auto;
  }

  .bx-wrapper .bx-controls-direction a {
    top: 40%; 
  }

  .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    top: 70%;
  }

  .bx-pager, .bx-default-pager {
    display: none;
  }

  .bx-controls {
    display: none;
  }

}

/*Bug in Chrome. Div ausblenden, da sonst die Bilder überdeckt werden*/
.bx-loading {
   display:none;
}


.bx-controls-auto {
   background-color: #ffffff;
}

/***** Wichtige Meldung ****/

#notification {
  display: table;
  color: #000000;
  font-size: 110%;
}

#notification div.hinweis {
  display: table-cell;
   vertical-align: top;
}

#notification img {
  padding-right: 5px; 
  max-width: none; 
  vertical-align: top;
}

#notification .hinweispre {
  text-transform: uppercase;
  font-weight: bold;
  display: inline;
}

#notification .hinweistext {
  display: inline;
  text-decoration: underline;
  font-style: italic;
}

#notification .hinweistext img {
/*max-height: 50px;*/
}

@media screen and (max-width: 880px) {
  #notification {
    padding: 10px 0px 0px 20px;
  }

  #notification .hinweistext{

  }
}

@media screen and (min-width: 881px) {

  #notification {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    padding-left: 10px;
  }

  #notification .hinweistext, #notification .hinweispre {
    vertical-align: text-bottom;
  }

.div_hideme { 
 position: absolute; 
 top: -32768px; 
 left: -32768px; 
}