body { padding: 0; }
* a[href^="tel"] { cursor: text; text-decoration: none; color: #000; }
#pagewrapper { max-width: 1300px; }
#pagepadding { margin: 0.3847%; /* 5px */ }
#hamburger, #smart_sb { display: none; }
header { position: relative; text-align: right; margin: 0 0 10px; padding: 0 6.202%; /* 80px */ }
header #func_header { padding: 12px 0; }
header #func_header i { font-size: 1.25em; }
header #func_header i.fa-eye {margin: 0 0 0 120px; }
header #func_header i.fa-globe {margin: 0 0 0 20px; }
header #func_header #vtsuche, header #func_header #vtsuche form, header #func_header #vtsuche form label { display: inline; }
header #func_header #vtsuche i { display: none; }
header #func_header #vtsuche form label { padding: 7px 0; background-color: #cde; }
header #func_header #vtsuche input { display: inline; width: 150px; padding: 5px 10px; margin: 0; background-color: #cde; border-color: #cde; color: #000; font-weight: bold; transition: all 0s ease 0s; }
header #func_header #vtsuche.aktiv { display: block; position: absolute; left: 23%; width: 77%; padding: 5px 0 15px ; background-color: #fff; z-index: 200; }
header #func_header #vtsuche.aktiv i { display: block; width: auto; color: #999; position: absolute; top: 0; left: 90%; cursor: pointer; }
header #func_header #vtsuche.aktiv input { display: block; width: 82.5%; padding: 10px 0; background-color: #fff; border: none; border-bottom: 2px solid #999; font-size: 2em; font-weight: normal; transition: all 0.4s ease 0s; }
header #func_header #vtsuche.aktiv input.lupe { }
header #func_header #vtsuche.aktiv input:focus{ outline: none; }
header #func_header #vtsuche.aktiv input::-webkit-input-placeholder { color: #e6e6e6; }
header #func_header #vtsuche.aktiv input:-moz-placeholder { color: #e6e6e6; }
header #func_header #vtsuche.aktiv input::-moz-placeholder { color: #e6e6e6; }
header #func_header #vtsuche.aktiv input:-ms-input-placeholder { color: #e6e6e6; }
header #func_header #vtsuche.aktiv input.lupe { float: left; width: 96px; padding: 0 20px; border-bottom: none; }
header #logo_header { float: left; width: 15.045%; /* 170px */ }
header #logo_header img { width: 100%; height: auto; }

#pagetitle_start { position: relative; background-color: #fff; }

#pagetitle_start .imgslider-root { max-height: 460px; overflow: hidden; }
#pagetitle_start .imgslider-root img { width: 100%; height: auto; }
#pagetitle_start .imgslider-root .silde-title { position: absolute; top: 410px; right: 6.202%; text-transform: uppercase; text-align: right; color: #fff; background: rgba(112,112,112,0.5); padding: 5px; /*border-radius: 5px;*/ }
#pagetitle_start .imgslider-root .silde-title:before { content: '\BB\A0'; }
#pagetitle_start .imgslider-root .flex-control-nav, #pagetitle_start .imgslider-root .flex-control-paging { display: block; }
#pagetitle_start .imgslider-root .flex-control-paging { position: absolute; top: 410px; left: 6.202%; background: rgba(112,112,112,0.5); padding: 5px 5px 0; /*border-radius: 5px;*/ }
#pagetitle_start .imgslider-root .flex-control-paging li { display: inline-block; margin: 5px 5px 0; }
#pagetitle_start .imgslider-root .flex-control-paging li a { display: block; width: 12px; height: 12px; background-color: transparent; border: 1px solid #fff; border-radius: 20px; cursor: pointer; text-indent: -9999px; }
#pagetitle_start .imgslider-root .flex-control-paging li a.flex-active { background: #fff; cursor: default; }

#pagetitle_start ul#flaglist { position: absolute; top: 50px; overflow:hidden; left: -0.3874%; z-index: 100; list-style-type: none; padding: 0 70% 0 0; margin: 0; }
#pagetitle_start ul#flaglist > li { margin: 3px 0 0; }
#pagetitle_start ul#flaglist > li > a { text-decoration: none; color: #fff; }
#pagetitle_start ul#flaglist > li > a > i { display: block; width: 100%; position: relative; background-color: #03558f; font-size: 1.75em; padding: 6px 5px; text-align: center; z-index: 101; }
#pagetitle_start ul#flaglist > li > a > span { position: absolute; left: -300px; background-color: #03558f; padding: 11px 5px 10px; }
#pagetitle_start ul#flaglist > li > a > span#bez_flag_1 { top: 3px; }
#pagetitle_start ul#flaglist > li > a > span#bez_flag_2 { top: 46px; }
#pagetitle_start ul#flaglist > li > a > span#bez_flag_3 { top: 89px; }
#pagetitle_start ul#flaglist > li > a > span#bez_flag_4 { top: 132px; }
#pagetitle_start ul#flaglist > li > a > span#bez_flag_5 { top: 175px; }
#pagetitle_start ul#flaglist > li > a > span#bez_flag_6 { top: 218px; }
#pagetitle_start ul#flaglist > li > a > span#bez_flag_7 { top: 261px; }
#pagetitle_start ul#flaglist > li > a:hover > span, #pagetitle_start ul#flaglist > li > a:focus > span { left: 40px; /*transition: all 3s ease 0s;*/ }
#pagetitle_sub { max-height: 330px; overflow: hidden; }
#pagetitle_sub > #pt_sub-text { position: absolute; bottom: 20px; padding: 0; right: 6.202%; width: 25%; text-transform: uppercase; text-align: right; color: #000; line-height: 1.5em; }
#pagetitle_sub > #pt_sub-bild { width: 53.876%; }
#mainnav { display: block; float: right; width: 84%; margin: 14px 0 0;  }
/* Anpassungen wg. neuem erstem Navigationspunkt "Serviceportal Kreis Herford"
#mainnav ul.nlv_1 > li { display: inline; padding: 5px 0 5px 5.25%; } */
#mainnav ul.nlv_1 > li { display: inline; padding: 5px 0 5px 0.45%; }
@media only screen and (min-width:970px) { #mainnav ul.nlv_1 > li { padding-left: 2.25%; } }
@media only screen and (min-width:1115px) { #mainnav ul.nlv_1 > li { padding-left: 5.25%; } }
#mainnav ul.nlv_1 > li > span.navptborder:before { content: '\BB\A0'; cursor: default; }
#mainnav ul.nlv_1 > li > span.navptborder { padding: 5px; }
#mainnav ul.nlv_1 > li > span.navptborder > a { text-decoration: none; border-bottom: 1px dotted #000; text-transform: uppercase; cursor: default; }
#mainnav ul.nlv_1 > li > span.navptborder.serviceportal > a { cursor: pointer; }
#mainnav ul.nlv_1 > li:hover > span.blau,
#mainnav ul.nlv_1 > li.npt_on > span.blau { color: #fff; background: rgba(0,86,142,1); }
#mainnav ul.nlv_1 > li:hover > span.blau > a,
#mainnav ul.nlv_1 > li.npt_on > span.blau > a { color: #fff; }
#mainnav ul.nlv_1 > li:hover > span.gelb,
#mainnav ul.nlv_1 > li.npt_on > span.gelb { color: #000; background: rgba(253,197,67,1); }
#mainnav ul.nlv_1 > li:hover > span.gruen,
#mainnav ul.nlv_1 > li.npt_on > span.gruen { color: #000; background: rgba(151,191,63,1); }
#mainnav ul.nlv_1 > li:hover > span.orange,
#mainnav ul.nlv_1 > li.npt_on > span.orange { color: #000; background: rgba(237,120,35,1); }
#mainnav ul.nlv_1 > li:hover > span.navptborder > a,
#mainnav ul.nlv_1 > li.npt_on > span.navptborder > a { border-color: transparent; }
#mainnav ul.nlv_1 > li > ul.nlv_2 { position: absolute; left: -100000px; margin: 0; padding: 25px 0 0; width: 100%; /* 1290px */ min-height: 345px; text-align: left; background-color: #fff; color: #000; visibility:hidden; }
#mainnav.main_start ul.nlv_1 > li > ul.nlv_2 { min-height: 475px; }
#mainnav ul.nlv_1 > li:hover > ul.nlv_2 { left: 0; visibility:visible; }
#mainnav ul.nlv_2,
#mainnav ul.nlv_2 * { transition: all 0s ease 0s; z-index: 110; }
/*#mainnav ul.nlv_2 > li > div.navlink { width: 23.644%; margin: 0 1.473% 0 6.202%; }*/
#mainnav ul.nlv_2 > li > div.navlink > a { display: block; width: 31.319%; /* 305px */ padding: 0 1.473% 0 6.202%; /* 0 19px 0 80px */ text-decoration: none; }
#mainnav ul.nlv_2 > li > div.navlink > a > span { display: block; padding: 5px 1em; text-indent: -1em; border-bottom: 2px solid #ccc; }
#mainnav ul.nlv_2 > li > div.navlink > a > span:before { content: '\BB\A0'; }
#mainnav ul.nlv_2 > li > div.navlink > a:hover > span { background-color: #eee !important; /*font-weight: bold;*/ }
/*#mainnav ul.nlv_2 > li > div.navlink > a:focus { position: absolute; top: 0; left: 100000px; white-space: nowrap; padding: 15px 25px; background-color: #000; color: #fff; }*/
#mainnav ul.nlv_2 > li.npt_on > div.navlink > a > span { background-color: #cde; color:#000; font-weight: bold; }
#mainnav ul.nlv_2 > li > div.navdesc { width: 27.365%; /* 353px */ padding: 0 3.411%; /* 0 44px */ border-left: 2px solid #ccc; border-right: 2px solid #ccc; }
#mainnav ul.nlv_2 > li.npt_first > div.navdesc { left: 31.318%; /* 404px */ top: 20px; }
#mainnav ul.nlv_2 > li.npt_on > div.navdesc { left: 31.318%; /* 404px */ top: 20px; }
#mainnav ul.nlv_2 > li > div.navlink:hover + div.navdesc,
#mainnav ul.nlv_2 > li > div.navdesc:hover { left: 31.318%; top: 20px; z-index: 112; }
#mainnav ul.nlv_2 > li > div.navdesc .navtitle { font-weight: bold; margin-top: 5px; }
/*#mainnav ul.nlv_2 > li > div.navbild { width: 27.9075%; *//* 360px *//* margin: 0 9.69% 0 3.411%; }*/
#mainnav ul.nlv_2 > li > div.navbild { width: 41.0085%; /* 529px */ }
#mainnav ul.nlv_2 > li > div.navdesc,
#mainnav ul.nlv_2 > li > div.navbild { position: absolute; left: -10000px; top: -10000px; background-color: #fff; min-height: 320px; }
#mainnav.main_start ul.nlv_2 > li > div.navdesc,
#mainnav.main_start ul.nlv_2 > li > div.navbild { min-height: 350px; }
#mainnav ul.nlv_2 > li.npt_first > div.navbild { left: 58.9925%; /* = 761px */ top: 20px; }
#mainnav ul.nlv_2 > li.npt_on > div.navbild { left: 58.9925%; /* = 761px */ top: 20px; z-index: 111; }
#mainnav ul.nlv_2 > li > div.navlink:hover + div.navdesc + div.navbild,
#mainnav ul.nlv_2 > li > div.navdesc:hover + div.navbild/*,
#mainnav ul.nlv_2 > li > div.navbild:hover*/ { left: 58.9925%; top: 20px; z-index: 112; }
#mainnav ul.nlv_2 > li.npt_first > div.navbild,
#mainnav ul.nlv_2 > li.npt_on > div.navbild,
#mainnav ul.nlv_2 > li > div.navlink:hover + div.navdesc + div.navbild,
#mainnav ul.nlv_2 > li > div.navdesc:hover + div.navbild,
#mainnav ul.nlv_2 > li > div.navdesc + div.navbild:hover { left: 58.683%; }
#mainnav ul.nlv_2 > li > div.navbild > img { width: 68.053%/*100%*/; height: auto; position: absolute; top: 42px; left: 9.075%; }
#mainnav > div.hide-flaglist { transition: all 0s ease 0s; }
#mainnav > ul.nlv_1:hover + div.hide-flaglist { position: absolute; left: -0.3847%; width: 0.7694%; height: 460px; background-color: #fff; z-index: 110; }
#readspeaker_hf { float: right;  width: 21.3179%; padding: 0 0 0 0.5%; margin: 10px 0 0; }/*
#readspeaker_button1 { width: 100% !important; }*/
#readspeaker_button1 .rsbtn_play {
    font-family: "Arial", "Lucida Grande","Lucida Sans","Lucida",sans-serif;
    font-size: 1em;
}
#breadcrumb { margin-left: 31.008%; }
#submenu, aside.randspalte { float: left; width: 21.3179%; }
#submenu { display: block; margin: 0 0 0 6.202%; }
#submenu > ul.nlv_3 > li {  }
#submenu > ul.nlv_2 > li > a, #submenu > ul.nlv_3 > li > a { display: block; padding: 5px 0.5em 5px 1.4em; text-indent: -1em; border-bottom: 1px solid #ccc; text-decoration: none; }
#submenu > ul.nlv_2 > li > a:before, #submenu > ul.nlv_3 > li > a:before { content: '\BB\A0'; }
#submenu > ul.nlv_3 > li > a.nlk_on { font-weight: bold; text-indent: -1.1em; }
#submenu > ul.nlv_3 > li > a.nlk_on.childs { background-color: #ccc; }
#submenu > ul.nlv_3 > li > a.npt_last { border: none; }
#submenu > ul.nlv_3 > li > ul.nlv_4 > li > a { display: block; padding: 5px 0.5em 5px 1.4em; border-bottom: 1px solid #fff; background-color: #ddd; text-decoration: none; }
#submenu > ul.nlv_3 > li > ul.nlv_4 > li > a.nlk_on { font-weight: bold; }
#submenu > ul.nlv_3 > li > ul.nlv_4 > li > a.npt_last { border-bottom: 1px solid #ccc; }

#inhalt { float: left; width: 44.1861%; margin: 0 3.4884% 10px; }
#inhalt.ganzseitig { width: 68.9925%; margin: 0 0 10px 3.4884%; }

#imglst_start { margin: 45px 0 35px; }
#img-lst-start #img-lst-start-links { width: 49.6125%; /* 640px */ }
#img-lst-start #img-lst-start-links .img-lst-start-lnk-normal { width: 49.21875%; /* 315px */ }
div.img-lst-start-lnk-gross + div.img-lst-start-lnk-normal { margin: 0 1.5625% 10px 0 !important; /* 0 10px 0 0 */ }
#img-lst-start #img-lst-start-mitte, #img-lst-start #img-lst-start-rechts { width: 24.4187%; /* 315px */ }
#img-lst-start #img-lst-start-links, #img-lst-start #img-lst-start-mitte { margin: 0 0.7755% 0 0; /* 0 10px 0 0 */ }

#service_start { margin: 45px 0; font-size: 0.9em; }
/*#service_start h1, #service_start h2, #service_start h3, #service_start strong { font-size: 1em; }*/
#service_start h2 { font-size: 1.6em; }
#service_start h1, #service_start h2, #service_start h3, #service_start p { margin-top: 0; }
#service_start div { display: block !important; float: left; width: 24.4187%; /* 315px */ margin: 0 0.7755% 0 0; /* 0 10px 0 0 */ padding: 0 2.3265%; }
#service_start div.svc4 { margin: 0; }
#service_start div.svc3 img { max-width: inherit; max-width: initial; }

#oft_gesucht_start .og-title { float: left; display: block !important; width: 24.4187%; /* 315px */ margin: 0 0.7755% 0 0; /* 0 10px 0 0 */ padding: 0 2.3265%; }
#oft_gesucht_start .og-title p { margin: 0; }
#oft_gesucht_start .og-content { display: block !important; margin: 0 0 0 24.4187%; padding: 0 9.306% 0 2.3265%; }

.inhalt_links, .inhalt_rechts { float: left; width: 48.246%; }
.inhalt_rechts { margin: 0 0 0 3.509%; }

.randspalte_box, .randspalte_box:nth-child(2n) { margin: 0 0 10px; }

#seitenanfang { bottom: 30px; }

footer { background-color: #03558F; color: #fff; font-size: 0.8em; font-weight: bold; padding: 30px 205px 30px 2.3265%; margin: 2em 0 1em; text-align: right; }
footer #copyright { float: left; }
footer #footer_nav, footer #footer_nav ul, footer #footer_nav li { display: inline; }
footer #footer_nav li { margin: 0 30px 0 0; }
footer #footer_nav a { color: #fff; text-decoration: none; }
