h1 {margin:0 0 0 0;}

/* LAYOUT ***********************************************************************************************************************************************************************************************/

.container {width:100%;overflow:hidden;}

.startseite .trenner {height:50px;margin:0 0 50px 0;}

/* wrapper */
.wrapper {width:98%;margin:0 1%;}
.wrapper.top {margin:0 auto 5% auto;}

.fb-icon {display:none;}

/* header */
.headoptionen {font-size:0.875em;color:#fff;background:#1a1a1a;padding:0.75% 0;}
.headoptionen .quicknavigation {}
.headoptionen .quicknavigation ul {margin:0px;padding:0px;list-style-type:none;}
.headoptionen .quicknavigation li {display:inline;margin:0 2% 0 0;}
.headoptionen .quicknavigation a, .headoptionen .quicknavigation a:visited {color:#fff;text-decoration:none;}
.headoptionen .quicknavigation a:hover, .headoptionen .quicknavigation a:active {color:#fff;text-decoration:underline;}

.headoptionen .sprache {float:right;/*width:60px;*/text-align:right;}
.headoptionen #toggler_content {display:none;position:absolute;top:26px;right:0;z-index:10;width:170px;height:auto;padding:1%;background:#1a1a1a;}
.headoptionen .toggler_button {display:inline-block;}
.headoptionen a.toggler_button {text-decoration:none;color:#fff;}
.headoptionen a.toggler_button.active {text-decoration:none;color:#8d8d8d;}
.headoptionen .goog-te-gadget-simple {border:0 !important;}

.header {position:relative;background:#0088c2;background-image:-moz-linear-gradient(top, rgba(0,136,194,1) 0%, rgba(0,84,122,0.4) 100%);background-image:-webkit-linear-gradient(top, rgba(0,136,194,1) 0%, rgba(0,84,122,0.4) 100%);background-image:-ms-linear-gradient(top, rgba(0,136,194,1) 0%, rgba(0,84,122,0.4) 100%);background-image:-o-linear-gradient(top, rgba(0,136,194,1) 0%, rgba(0,84,122,0.4) 100%);}

.logo {float:left;width:65%;font-size:1.75em;font-weight:400;line-height:1em;padding:1% 0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.logo img {display:block;float:left;width:25%;height:auto;margin:2.8% 2% 0 0;}
.logo img {-ms-interpolation-mode:bicubic;}
.logo a, .logo a:hover, .logo a:active, .logo a:visited {color:#fff;text-decoration:none;}
.logo span {display:block;font-size:0.652em;font-weight:300;}

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

.hauptnavigation ul.nlv_1 {display:none;}

.navbuttons {}
.navbuttons .fa-search {font-size:2em;font-style:normal;}
a.lupe {position:absolute;top:15px;right:0;width:35px;height:35px;font-family:FontAwesome;font-style:normal;color:#fff;cursor:pointer;z-index:51;text-decoration:none;}
.navbuttons .fa-navicon {font-size:2em;font-style:normal;}
a.hamburger {position:absolute;top:15px;right:50px;width:35px;height:35px;font-family:FontAwesome;font-style:normal;color:#fff;cursor:pointer;z-index:51;text-decoration:none;}

.suchmaske {display:block;position:relative;width:100%;transition:none;}
.suchmaske * {transition:none;}

.suche {background:#fff;border:1px solid #e5e5e5;margin:1.5% 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.suche form {margin:0;}
.suche form input {float:left;width:75%;height:50px;font-weight:400;background:#fff;color:#bdc3c7;border:none;padding:0 0 0 2%;margin:0 0 0 1.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition-property:color, background, border;transition-duration:0.5s;}
.suche form input:hover {transition-property:color, background, border;transition-duration:0.5s;}
.suche form input.suchbutton {font-family:FontAwesome;float:right;width:20%;font-size:1.5em;font-weight:300;text-align:center;color:#fff;background:#bdc3c7;border:none;padding:0;margin:0 0 0 2%;cursor:pointer;}
.suche form input.suchbutton:hover {background:#bdc3c7;transition-property:background;transition-duration:0.5s;}
.suche form input.suchbutton {-webkit-appearance:none;-moz-appearance:none;}

.suche .schliessen {position:absolute;top:13px;right:31%;cursor:pointer;z-index:53;text-decoration:none;}
.suche .icon-cancel-circled {font-size:2em;color:#d4d8d8;}
.suche .icon-cancel-circled:hover {color:#2e2f31;}


.trigger {cursor:pointer;width:100%;text-decoration:underline;}
.trigger_active {color:#c6c7c8;}
.toggle_container {width:100%;}

/* hauptmenu */

.startseite .tagcloud {color:#fff;background:#0088c2;margin:5% 0 0 0;}
.startseite .tagcloud a, .startseite .tagcloud a:visited {text-decoration:none;color:#fff;}
.startseite .tagcloud a:hover, .startseite .tagcloud a:active {text-decoration:underline;color:#fff;}
.startseite .tagcloud h2 {display:inline-block;font-family:'Source Sans Pro', Tahoma, Helvetica, sans-serif;font-size:1.25em;color:#565656;background:#fff;padding:2.5% 10% 2.5% 2.5%;margin:-4% 0 0 -2.5%;}

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


/* titelfoto */
.slider {display:none;}
.titelfoto {display:none;}

/* submenu */
.submenu {display:none;}

/* inhalt */
.inhalt, .inhalt_ganzseitig {width:96%;margin:0;padding:2% 2% 0 2%;}
.breadcrumb {display:none;}
.text {line-height:1.500em;}

/* randspalte */
.randspalte {width:100%;margin:5% 0 5% 0;font-size:0.875em;color:#7d7d7f;}
.randspalte h2 {font-family:'Source Sans Pro', Tahoma, Helvetica, sans-serif;font-size:1.286em;font-weight:400;color:#7d7d7f;background:#f5f5f5;padding:2%;margin:0 0 2% 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.randspalte_box {position:relative;background:#fff;width:auto;margin:0 0 5% 0;padding:1%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.randspalte_box a, .randspalte_box a:hover, .randspalte_box a:active, .randspalte_box a:visited, .randspalte_box a:link {color:#7d7d7f;}
.randspalte_box h3, .randspalte_box .adressen .titel {font-size:1em;font-weight:400;color:#7d7d7f;padding:0;margin:0;}
.randspalte_box .highslide img {display:block;width:100%;height:auto;border:3px solid #fff;margin:0 5px 5px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.randspalte_box .highslide:hover img {border-color:#0088c2;}
.randspalte_box .einleitung {color:#7d7d7f;margin:0;}
.randspalte_box .links p {margin:0 0 10px 0;}
.randspalte_box .liste_titel {font-size:1em;font-weight:600;margin:0;}
.randspalte_ganzseitig {display:none;}
.randspalte .trenner {display:none;}

.randspalte .randspalte_box .links a.csslink_PDF:before {content:'\f1c1';font-family:FontAwesome;font-style:normal;margin:0 2% 0 0;display:inline-block;text-decoration:none;}
.randspalte .randspalte_box .links a.csslink_intern:before {content:'\f0c1';font-family:FontAwesome;font-style:normal;margin:0 2% 0 0;display:inline-block;text-decoration:none;}
.randspalte .randspalte_box .links a.csslink_extern:before {content:'\f08e';font-family:FontAwesome;font-style:normal;margin:0 2% 0 0;display:inline-block;text-decoration:none;}

/* seitenmenu */
.seitenmenu {display:none;}

/* footer */
.footer {font-size:0.75em;font-weight:400;line-height:1.667em;color:#fff;background:#00547a;padding:2% 0;margin:8% 0 0 0;}
.footer a, .footer a:hover, .footer a:active, .footer a:visited {color:#fff;}
.footer i, .footer em {font-family:FontAwesome;font-style:normal;}
.footer .wappen {display:none;}
.footer .adresse {}
.footer .adresse .spalte_links {width:20%;}
.footer .adresse .spalte_rechts {width:78%;}
.footer .optionen {display:none;}

#seitenanfang a {display:none;}

/* Toggler */
h2.aufklappcontent {display:block;margin:0 0 5px 0;padding:2% 15% 2% 2%;background:url(media/aufklappcontent_down.png) right 50% no-repeat #f5f5f5;color:#1a1a1a;cursor:pointer;font-family:'Source Sans Pro', Tahoma, Helvetica, sans-serif;font-size:1em;font-weight:400;}
h2.active {display:block;margin:0 0 5px 0;padding:2% 15% 2% 2%;background:url(media/aufklappcontent_up.png) right 50% no-repeat #f5f5f5;color:#0088c2;cursor:pointer;font-family:'Source Sans Pro', Tahoma, Helvetica, sans-serif;font-size:1em;font-weight:400;}
.aufklappcontent_container {width:96%;padding:2%;transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;}



/* TEMPLATES  *********************************************************************************************************************************************************************************************************************************************/

.startseite .vorstellung {width:100%;font-size:1.125em;line-height:1.333em;color:#626262;}
.startseite .vorstellung h1 {font-size:2.222em;}
.startseite .vorstellung a, .startseite .vorstellung a:visited {display:inline-block;font-size:0.875em;font-weight:400;text-decoration:none;color:#c8b441;background:#fff;border:1px solid #c8b441;padding:1.5% 8%;margin:4% 0 0 0;}
.startseite .vorstellung a:hover, .startseite .vorstellung a:active {display:inline-block;font-size:0.875em;font-weight:400;text-decoration:none;color:#fff;background:#c8b441;border:1px solid #c8b441;padding:1.5% 8%;margin:4% 0 0 0;}

.startseite .kontakt {position:relative;font-weight:400;width:100%;color:#565656;background:#f5f5f5;border:1px solid #e5e5e5;padding:2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.startseite .kontakt a, .startseite .kontakt a:hover, .startseite .kontakt a:active, .startseite .kontakt a:visited {color:#565656;}
.startseite .kontakt h2 {display:inline-block;font-family:'Source Sans Pro', Tahoma, Helvetica, sans-serif;font-size:1.250em;color:#fff;background:#c8b441;padding:3% 10% 3% 4%;margin:0;}
.startseite .kontakt img {display:none;}
.startseite .kontakt .inner {padding:5% 0 0 0;}
/*.startseite .kontakt .adressen {margin:5% 0 0 0;}*/

/* wichtige Informationen */
.startseite .wichtige-infos .box {position:relative;color:#565656;margin:0 0 5% 0;overflow:hidden;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.startseite .wichtige-infos .box:hover {background:#fff;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.startseite .wichtige-infos .box h2 {display:inline-block;position:absolute;top:0;left:0;font-family:'Source Sans Pro', Tahoma, Helvetica, sans-serif;font-size:1.125em;font-weight:400;color:#fff;background:#c8b441;padding:2% 5% 2% 2%;margin:0;}
.startseite .wichtige-infos .box:hover h2 {background:#0088c2;}
.startseite .wichtige-infos .box:hover .text a, .startseite .wichtige-infos .box:hover .text a:visited {text-decoration:underline;color:#0088c2;}
.startseite .wichtige-infos .box .text {}
.startseite .wichtige-infos .box .text img {width:100%;height:auto;display:block;margin:0 0 5% 0 !important;}
.startseite .wichtige-infos .box .text a, .startseite .wichtige-infos .box .text a:visited {display:block;text-decoration:none;color:#565656;}
.startseite .wichtige-infos .box .text a:hover, .startseite .wichtige-infos .box .text a:active {display:block;text-decoration:underline;color:#0088c2;}
/* */

.startseite .start-aktuelles {}
.startseite .start-aktuelles h1 {font-size:2.125em;}
.startseite .start-aktuelles .trenner {height:20px;margin:0 0 20px 0;}
.startseite .start-aktuelles .mitteilung {position:relative;}
.startseite .start-aktuelles .mitteilung:hover {}
.startseite .start-aktuelles .mitteilung a {text-decoration:none;}
.startseite .start-aktuelles .mitteilung .date {position:absolute;top:0;left:0;display:inline-block;font-size:1em;font-weight:600;color:#fff;background:#bdc3c7;padding:0.5% 2% 0.5% 2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.startseite .start-aktuelles .mitteilung:hover .date {background:#0088c2;}
.startseite .start-aktuelles .mitteilung .bild {float:left;width:36%;}
.startseite .start-aktuelles .mitteilung .akt-text {float:right;width:59%;}
.startseite .start-aktuelles .mitteilung .titel {display:block;font-weight:400;}
.startseite .start-aktuelles .mitteilung .akt-text .kurztext {color:#565656;}
.startseite .start-aktuelles .mitteilung:hover .akt-text .kurztext {color:#0088c2;}
.startseite .start-aktuelles .mitteilung .akt-text .mehr {display:block;text-align:right;font-weight:400;color:#c8b441;}
.startseite .start-aktuelles .mitteilung .akt-text .mehr .fa-angle-right {font-family:FontAwesome;font-style:normal;}
.startseite .start-aktuelles .mitteilung:hover .akt-text .mehr {text-decoration:underline;}
.startseite .start-aktuelles p a, .startseite .start-aktuelles p a:visited {display:inline-block;font-size:0.875em;font-weight:400;text-decoration:none;color:#c8b441;background:#fff;border:1px solid #c8b441;padding:1.5% 8%;margin:4% 0 0 0;}
.startseite .start-aktuelles p a:hover, .startseite .start-aktuelles p a:active {display:inline-block;font-size:0.875em;font-weight:400;text-decoration:none;color:#fff;background:#c8b441;border:1px solid #c8b441;padding:1.5% 8%;margin:4% 0 0 0;}


.startseite .start-veranstaltungen {}
.startseite .start-veranstaltungen h1 {font-size:2.125em;}
.startseite .start-veranstaltungen .trenner {height:20px;margin:0 0 20px 0;}
.startseite .start-veranstaltungen .veranstaltung {}
.startseite .start-veranstaltungen .veranstaltung:hover {}
.startseite .start-veranstaltungen .veranstaltung a {text-decoration:none;}
.startseite .start-veranstaltungen .veranstaltung .date {float:left;width:17%;font-size:1em;font-weight:400;line-height:1em;text-align:center;color:#fff;background:#bdc3c7;padding:2% 0 0 0;-webkit-border-top-right-radius:25px;-webkit-border-bottom-left-radius:25px;-moz-border-radius-topright:25px;-moz-border-radius-bottomleft:25px;border-top-right-radius:25px;border-bottom-left-radius:25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.startseite .start-veranstaltungen .veranstaltung .date span {display:block;font-size:;font-weight:600;}
.startseite .start-veranstaltungen .veranstaltung:hover .date {background:#0088c2;}
.startseite .start-veranstaltungen .veranstaltung .titel {display:block;font-weight:400;}
.startseite .start-veranstaltungen .veranstaltung .ver-text {float:right;width:78%;line-height:1.500em;}
.startseite .start-veranstaltungen .veranstaltung .ver-text .kurztext {color:#565656;}
.startseite .start-veranstaltungen .veranstaltung:hover .ver-text .kurztext {color:#0088c2;}
.startseite .start-veranstaltungen p a, .startseite .start-veranstaltungen p a:visited {display:inline-block;font-size:0.875em;font-weight:400;text-decoration:none;color:#c8b441;background:#fff;border:1px solid #c8b441;padding:3% 8%;margin:4% 0 0 0;}
.startseite .start-veranstaltungen p a:hover, .startseite .start-veranstaltungen p a:active {display:inline-block;font-size:0.875em;font-weight:400;text-decoration:none;color:#fff;background:#c8b441;border:1px solid #c8b441;padding:3% 8%;margin:4% 0 0 0;}

/* Highlights */
.startseite .highlights .box {position:relative;color:#565656;margin:0 0 5% 0;overflow:hidden;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.startseite .highlights .box:hover {background:#fff;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.startseite .highlights .box h2 {display:inline-block;position:absolute;top:0;left:0;font-family:'Source Sans Pro', Tahoma, Helvetica, sans-serif;font-size:1.125em;font-weight:400;color:#fff;background:#bdc3c7;padding:2% 5% 2% 2%;margin:0;}
.startseite .highlights .box:hover h2 {background:#0088c2;}
.startseite .highlights .box:hover .text a, .startseite .highlights .box:hover .text a:visited {text-decoration:underline;color:#0088c2;}
.startseite .highlights .box .text {}
.startseite .highlights .box .text img {width:100%;height:auto;display:block;margin:0 0 5% 0 !important;}
.startseite .highlights .box .text a, .startseite .highlights .box .text a:visited {display:block;text-decoration:none;color:#565656;}
.startseite .highlights .box .text a:hover, .startseite .highlights .box .text a:active {display:block;text-decoration:underline;color:#0088c2;}
/* */



/* MTP Suchmasken */
.input_container {float:left;width:100%;margin:0 0 0 0;}
#absenden input, input.absenden, .spalte_rechts input.absenden, #absenden input:hover, input.absenden:hover {width:140px;}

/* MTP Listen */
.liste_bild img {-moz-box-sizing:border-box;width:98% !important;padding:0;background:#fff;}
.adressen_links {float:none;width:100%;margin:0;}
.adressen_rechts {float:none;width:100%;margin:0;}

/* Google Maps */
#ikiss_map {position:relative;width:100%;height:500px;margin:0px;border:none;font-size:1em;}
#map {position:relative;width:100%;height:100%;margin:0px;border:none;}
#map_adr {position:absolute;top:233px;right:0px;z-index:100;text-align:left;width:28%;height:50%;padding:0px;color:#fff;}
#map_adr a, #map_adr a:link, #map_adr a:hover, #map_adr a:active, #map_adr a:visited {margin:0 0 5px 0;color:#fff;}
#map_adr_on {position:absolute;top:183px;right:0px;z-index:99;text-align:left;width:auto;height:23px;padding:5px 5px 5px 5px;font-size:1em;color:#fff;background:#2e2f31;background:rgba(34,34,34,0.8);cursor:pointer;}
#map_adr_off {/*display:none;*/position:absolute;top:-65px;right:3px;text-align:center;width:12px;height:20px;color:#fff;cursor:pointer;}
#map_sm {position:absolute;top:20px;right:0px;width:100%;background:#2e2f31;background:rgba(34,34,34,0.8);z-index:9999;}
#map_sm_div {text-align:left;padding:10px;}
#map_sm_div h4 {font-size:1.5em;font-weight:400;color:#fff;padding:0;margin:0 0 10px 0;}
#map_sm_div label {color:#fff;}
#igm_adr {overflow:auto;text-align:left;/*max-height:100%;*/padding:5px;background:#2e2f31;background:rgba(34,34,34,0.8);font-size:.875em;}
.igm_separator {font-weight:600;}
.igm_lka {margin:0 0 5px 0;}
#igm_iw_info {text-align:left;}
#gm_smf input, #gm_smf select, #gm_smf textarea, .gm_name input {border:1px solid #fff;background:#fff;font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;font-size:0.75em;font-weight:400;color:#2a3033;}

.gm_kategorie {width:100%;}
.gm_kategorie select {width:100%;font-size:0.875em;margin:0 0 20px 0;}
.gm_name {width:100%;background:#fff;margin:0;}
.gm_name input {width:65%;height:28px;font-size:0.875em;padding:5px;margin:0;}
.gm_strassenverzeichnis {width:100%;background:#fff;margin:0 0 20px 0;}
.gm_strassenverzeichnis input {width:65%;font-size:0.875em;margin:0;}
.gm_strassenverzeichnis input, .gm_strassenverzeichnis select, .gm_strassenverzeichnis textarea {height:28px;border:1px solid #fff;background:#fff;font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;font-size:0.875em;color:#5d0450;padding:5px;}

#map_sm_div .auswahl-suchen {display:block;float:right;width:28px;height:28px;color:#2e2f31;border:none;padding:0;margin:0;cursor:pointer;}


/* Abfallkalender */
#mod_abf_search {/*width:25% !important;*/}
#mod_abf_search input.form_ft {color:#fff;background:#0088c2;border:1px solid #0088c2;cursor:pointer;padding:3px;}
#mod_abf_search td {vertical-align:baseline !important;}
select.form_ft {width:200px !important;}
#mod_abf_content {/*width:75% !important;*/}
#mod_abf_content .Mod_BC2 {width:100% !important;}