/* Updates: 	...
				22.09.2015/gMu: Mod: td: vertical-align: top;
								Neu: td-fotoalbum, .clear, h6, btn-margin, td-portraitfoto, .portraitfoto,
								.img-float-right, td.tel, td.shop-list-left, td.shop-list-right, col-content-both
				29.09.2015/gMu: neu: img_verein, .col-content-left-verein, .col-content-right-verein
				30.09.2015/gMu: neu: p.user_output, img-float-left
				01.10.2015/gMu: neu: vst-list-home
				05.11.2015/gMu: neu: .thumb_fotoalbum
				02.12.2015/gMu: mod. fotoalbum_strip
				03.02.2016/DDj: mod. Button responsive gestylt
				17.02.2016/DDj: Tabellen td Abstand sowei imagemap im Code ergänzt
				08.04.2016/PMe: Bildbreite auf auto gesetzt, Höhe fix auf 284px, #img_aktuelles_details
				08.06.2016/PMe: Fehldarstellung Infobox bereinigen
				05.10.2016/PMe: h2-h4, content ul
				17.11.2017/CWe: div.infobox: Problem zu hohe Titelabstände beheben
				10.08.2018/PMe: Fix noBreak-Klasse
				14.12.2018/CWe: Mod. img-float-left (margin-bottom kleiner)
				10.07.2019/MG: Freshup 2019
				17.01.2023/MG: Seite "Veranstaltungen" diverses + nav-box-vst
				17.02.2023/MG: Klasse oez-block für Öffnungszeiten-Block mobile Version
*/



html,body {
	/* mic background:url(images/bg_green.gif) repeat-x 0 0 #7db61c; */
	color:#000;
	font-family:'Open Sans',Arial,Helvetica,Geneva,sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:1.5em;
	margin:0;
	padding:0;
  /*mic*/
  background-color: #f4f4f4;
  /* mic background: linear-gradient(#f4f4f4 0%, #d8d8d8 100%) no-repeat 0% 0% / 100% 100%; */
}

body {
    overflow-x: hidden; /* kein vertical scroller */
}


/* form mic */
::placeholder {
  color: #ababab;
  opacity: 1;
}

form label {
  display: block;
  margin: 1em 0;
}

form label input[type="text"],
form label textarea,
form label select {
  border-radius: 3px;
  padding: 8px 16px;
  background: #fafafa;
  border: 1px solid #ccc;
  border-radius: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  font-size: 14px;
}

form label select option {

}

form label select {
  width: 50%;
}


textarea {
  font-family:'Open Sans',Arial,Helvetica,Geneva,sans-serif;
	font-size:13px;
	font-weight:400;
}


form label input.formbut {
  background-color: #0a635d;
  color: #fff;
  padding: 10px 20px;
  border: 0;
}

/* end form */


.responsive_menu {
	display:none;
}

#wrapper {
  background-image:none;
  /* mic background-color:#fff;*/
  padding:0;
  text-align:left;
  max-width: 1180px;
  width: 100%;
  /*mic*/
  margin: 0 auto;
  min-height: calc(100vh - 35px);
}
/*mic*/
#header-wrapper {
  background-color:#fff;
  border-bottom:10px solid #7db61c;
  margin-left: calc(-100vw/2 + 100%/2);
  margin-right: calc(-100vw/2 + 100%/2);
  max-width: 100vw;
  width: auto;

}

#header {
	/* mic border-bottom:10px solid #7db61c;*/
  clear:both;
  margin:0 auto;
  background-color:#fff;
  max-width:1180px;
  width: 100%;
}

#global_nav {
	text-align:right;
	color:#0a645e;
	padding-top:6px;
	margin-right:8px;
}

#global_nav a {
	text-decoration:none;
}

#search {
	float:right;
	text-align:right;
	margin-right:8px;
	margin-top:65px;
	margin-bottom:6px;
}

#container {
	background-image:none;
	display:flex;
	flex-direction:row;
	overflow:auto;
	width:100%;
  padding-bottom: 30px;
}

.responsive_left_column {
	/* mic background:url(images/bg-line.png) repeat-y right top;*/
	float:left;
	margin:1px 0 0;
	width:23%;
}


  /*mic*/
.responsive_left_column .non_responsive_menu {
	 background-color: #ffffff;
}
.responsive_left_column .padd {
	background-color: #ffffff;
  padding-top: 0.75em;
}
.responsive_left_column p.border_tb {
	 background-color: #ffffff;
}
.responsive_left_column p {
	 background-color: #ffffff;
}

.responsive_left_column table {
	margin:0 auto .5em;
	width:100%;
}

/*mic*/
.responsive_left_column h1.titlebox {
  border-top: 30px solid #f4f4f4!important;
  padding: 8px 0 8px 14px;
  color: #ffffff;
}
.responsive_left_column .mini-social {
  background-color: #ffffff;
  margin: 0!important;
  padding: 10px;
}

/* mic 17.02.2023 */
.nav-block {
	display: block;
	padding: 30px 20px 60px 20px;
}
.nav-block h1.titlebox {
	padding-left: 0px;
}
.oez-block {
	display: block;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
.oez-block p {
	margin-bottom: 10px;
}
.oez-block a {
	color: #c2e487;
}
/* end mic 17.02.2023 */


.responsive_content {
	float:left;
	margin-top:1px;
	width:54%;
  padding: 0 30px;
}

#content {
	padding:0 3% 12px 3%!important;
	width:94%;
  background-color: #fff!important;
  height: 100%;
}

.home #content {
	padding:0!important;
	width:100%;
  /*mic*/ background-color: #fff!important;
}

/* zB Seite der  Gemeinderaete */
.col-content-both{
	clear:both;
	padding:3%;
	width:94%;
}

/* Solarpotenzial von Bergdietikon */
#content #sonnendachCH {
	width: 100%;
}

#content .col-content-left,#content .col-content-right {
	/* old
  width:45%;
	padding:0 2.5%; */
  /*mic*/
  width: 48%;
  padding:0!important;
	margin-bottom:0;
}

#content .col-content {
	width:90%;
	padding:0 5%;
	margin-bottom:30px;
}

#content .col-content-abt-left {
	/*padding:0 20px 0 0;
	width: 63%;*/
	width: calc(63% - 15px);
	padding-right: 15px;
	margin-bottom:20px;
}

#content .col-content-left,#content .col-content-abt-left, #content .col-content-vst-left {
	float:left;
}

#content .col-content-abt-left h2 {
	margin-top: 0;
}

#content .col-content-vst-left{
	width: 55%;
}

#content .col-content-abt-left table {
	width:100%;
}

#content .col-content-abt-left td {
	padding-right:8px;
}

/*#content .col-content-abt-left td:last-child {
	padding-right:0;
}*/

#content .col-content-right {
	float:right;
}

/* Spalten bei den Vereins-Hauptseiten */
#content .col-content-left-verein, #content .col-content-right-verein{
	padding:0;
	margin-bottom:0;
}
#content .col-content-left-verein{
	padding:0 15px 0 0;
	float:left;
	width:55%;
}
#content .col-content-left-verein img {
	/*padding-bottom:12px;*/
	padding-right: 2px;
  /*MG 3.21*/ max-width: 100%; height: auto;
}
#content .col-content-right-verein{
	float:right;
	width:40%;
}

/*MG 3.21 i-frame*/
#content .col-content-left-verein p iframe {
  width: 100%;
}
/*MG 4.21 div um Bilder*/
#content .col-content-left-verein div.bilderbox {
  padding: 0 0 1em 0;
}


/*Veranstaltungen Formfeld*/
#content .nav-box-vst form p select
{
  max-width: 100%!important;
}


#content .nav-box-content, #content .nav-box-vst {
	background-color:#eee;
	float:right;
	margin-bottom:20px;
	/*padding:15px 15px 10px;*/
	padding: 15px;
	width: 150px;
}

#content .nav-box-content, #content .nav-box-vst h4 {
	margin-top: 0px;
}


#content .nav-box-content p {
	margin-bottom:0;
}

#content .nav-box-vst {
	/*width: 155px;*/
	font-size:90%;
	width: calc(37% - 30px); /* 30px = 2 x 15px padding */
}
#content .nav-box-vst p{
	padding:0;
	margin-bottom: 1.0em;
	line-height: 1.3em;
}

/* chechbox text umbruch */
.p-cb {
	text-indent: -24px;
	margin-left: 20px;
}


.responsive_right_column {
	/* mic background:url(images/bg-line.png) repeat-y left top;*/
	float:left;
	margin:1px 0 0;
	width:23%;
	overflow:hidden;
}

/*mic*/
.responsive_right_column .padd2,
.responsive_right_column .padd {
	background-color: #fff;
  padding-top: 0.75em;
}

/*mic*/
.responsive_right_column h1.titlebox:first-child {
  border-top: 0px solid #f4f4f4!important;
}
.responsive_right_column h1.titlebox {
  border-top: 30px solid #f4f4f4!important;
}

#footer {
	clear:both;
	color:#0a645e;
	background-color:#7db61c;
	/*mic*/
  /*margin-left: calc(-100vw/2 + 100%/2);
  margin-right: calc(-100vw/2 + 100%/2);*/
  max-width: 100vw;
  width: auto;
  margin-top: 0;
  padding:0;
  text-align: center;
  height: 35px;
  line-height: 35px;
}

#footer ul {
/* 	display: inline; */
	padding-left: 0;
	text-decoration: none;
}
#footer ul li {
	display: inline;
	text-decoration: none;
}

/* Button allgemein */
input[type="submit"] {
  background-color: #0a635d;
  color: #fff;
  padding: 3px 20px;
  border: 0;
}
input[type="submit"]:hover {
  background-color: #7db61c;
  color: #fff;
  cursor: pointer;
}

#logo {
	margin-left:15px;
	margin-bottom:6px;
	border:0;
}

#img_aktuelles_home {
	margin-top:0;
	margin-left:0;
}
img.responsivemap[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}

#img_aktuelles_home {
	margin:0;
	width: auto;
	overflow: hidden;
	max-height: 304px;
	max-width: 100%;
}

#img_aktuelles_details{
/* 	height:auto; */
	height: 284px;
	margin:0;
	padding:0;
	width: auto;
/* 	width:100%; */
}

.img_verein{
	height:auto;
	width: auto;
}

.img_vst{
	height:auto;
	width: auto;
	margin-bottom: 18px;
	display: block;
}

.thumb_fotoalbum{
	float:left;
	padding-bottom:10px;
	padding-right:10px;
}
.thumb_fotoalbum_strip{
	padding-right:6px;
}

#first_div_aktuelles_home {
	background-color:#c2e487;
	margin:0;
	padding:0;
	width:100%;
}

.vst-auswahl-box{
	padding:10px;
	background-color: #EEEEEE;
}

.berichte_home {
	padding: 0 15px;
}

.alle_berichte {
	padding-left:15px;
}

b,strong {
	font-weight:700;
}

p {
	margin-top:0;
	margin-bottom:0;
}

p.small{
	font-size:80%;
}

p.bild {
	font-style:italic;
	text-align:center;
}

p.button {
	color:#999;
	font-weight:700;
	margin-top:10px;
}

.btn {
	background-color:#0A635D;
	border: 0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	padding:8px 24px 7px;
	text-decoration:none !important;
	margin-bottom: 20px;
	margin-top: 10px;
}
.btn-submit{
	border:0;
}
#content a.btn {
	color: #fff !important;
}
.btn:hover {
	background-color:#7DB61C;
}
.btn:active {
	position:relative;
	top:1px;
}

p.abstand_1 {
	margin-bottom:10px;
}

p.abstand_2 {
	margin-bottom:6px;
}

p.abstand_3 {
	margin-bottom:20px;
}

p.abstand_4 {
/* 	margin-bottom:3px; */
/* display: none; */
}

.bottom_space {
	margin-bottom: 3em !important;
}

/* TLb-Spalte Tel. */
td.tel{
	width: 22px;
}

.center {
	text-align:center;
}

a {
	color:#0a645e;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:hover {
	text-decoration:none;
}

a:hover.button {
	font-weight:700;
}

a:hover.h1 {
	font-weight:700;
	font-size:15px;
/* 	letter-spacing:1px; */
}

a:hover.titlebox {
	color:#fff;
}

a:hover.menu {
	color:#fff;
	text-decoration:underline;
}

a:hover.sitemap {
	text-decoration:underline;
	text-indent:5px;
}

a:hover.small-editorial {
	text-indent:14px;
}

a:hover.smallwhite {
	color:#fff;
}

a:hover.topmenu {
}

.clearfix:before,.clearfix:after {
	content:"";
	display:table;
}

.clearfix:after {
	clear:both;
}

.clearfix {
	zoom:1;
}

.clear{
	clear:both;
}

.col-content span,.col-content-left span,.col-content-right span {
	display:block;
	text-decoration:none;
	padding:5px 0;
}

#content p,.col-content-left p,.col-content-right p {
	margin-bottom:10px;
}
#content ul {
	margin-bottom:4px;
}

p#p_brotkrume {
	margin-bottom:0;
  /*mic*/
  font-size: 0.9em;
  line-height: 1.5em;
  padding: 10px 0;
}

.col-content a,.col-content-left a,.col-content-right a {
	display:block;
	padding:5px 0;
/* 	background-position:-1px 5px; */
}

#content a {
	background-position:-1px 5px;
}

.col-content.noblock a,.col-content-left.noblock a,.col-content-right.noblock a,.col-content span.noBreak {
	display:inline;
	padding:5px 0;
}

a.button {
/* 	color:#0a645e; */
	display:block!important;
	font-weight:700;
	padding:5px 0;
	text-decoration:none;
}


a.h1 {
}

a.titlebox {
	color:#fff;
	display:block;
/* 	letter-spacing:1px; */
	margin:0;
	padding:8px 0 8px 14px;
	text-decoration:none;
}

a.menu {
	color:#fff;
	text-decoration:none;
}

a.sitemap {
	text-decoration:none;
	text-indent:5px;
}

a.small-editorial {
	text-decoration:none;
	text-indent:14px;
}

a.smallwhite {
	color:#fff;
	font-size:11px;
	text-decoration:none;
}

/* globale Navi */
a.topmenu {
}

td.topmenu {
}

h1,h2,h3,h4,h5,h6 {
	font-weight:600;
	line-height: 1.2em;
	margin-top:0;
	margin-bottom:.5em;
}

h1 {
	color:#7db61c;
	font-size:30px;
	margin-bottom:.75em;
}

h1.titlebox {
	background-color:#0a645e;
	font-size:15px;
  margin-bottom: 0!important;
}

h2,h3,h4 {
	margin-top:1em;
}
h2{
	color:#000;
	font-size:24px;
}

h2.aktuelles_home {
	color:#0A645E;
	font-size:20px;
	line-height: 1.2em;
	margin-bottom:7px;
	margin-top:16px;
	padding-left:15px;
	padding-right: 15px;
}

h3 {
	font-size:19px;
}

h4 {
	font-size:17px;
}

h4.abstand_2 {
	margin-bottom:7px;
}

h5 {
	font-size:15px;
}

h5.mitAbstand {
	margin-bottom:6px;
}

/* zB bei Kommissionen/Dienstl.-Tlbs*/
h6{
	font-size:14px;
	font-style: italic;
	font-weight: normal;
	line-height: 1.5em;
}
h6.tl_function{
	margin-bottom: 0.3em;
}



td {
	vertical-align: top;
}

td.admin-title {
	color:#fff;
	font-size:20px;
	text-align:center;
}

td.sitemap {
	color:#0a645e;
	text-indent:5px;
}

td.normaltxt {
}

td.small-editorial {
	color:#0a645e;
	text-indent:14px;
}

td.smallwhite {
	color:#fff;
	font-size:11px;
}

td.td-fotoalbum{
	padding-right:20px;
	padding-bottom:20px;
}

td h6{
	margin-bottom: 20px;
}

#rundrum {
	background-color:#fff;
}

#vereinlogo {
	text-align:right;
	border:1px solid #000;
}

tr.admin_head {
	background-color:#c2e487;
}

tr.admin_even {
	background-color:#ddd;
}

tr.admin_odd {
	background-color:#fff;
}

th.admin {
	border:1px solid #000;
	padding:2px 4px;
	font-weight:700;
}

td.admin {
	border:1px solid #000;
	padding:2px 4px;
/* 	font-weight:400; */
}
.td-center{
	text-align: center !important;
}
.td-right{
	text-align: right !important;
}

#admintabelle {
	border:solid 1px #000;
	padding:0;
	margin:0;
	border-spacing:0;
	border-collapse:collapse;
}

#admintabelle_wetter {
	text-align:left;
	padding:0;
	margin:0;
	border-spacing:0;
	border-collapse:collapse;
}

.upload_table {
	padding-bottom:7px;
}

td.shop_links {
	text-align:right;
}

td.shop-list-left{
	border-right: 0px;
	padding:10px;
	width:60px;
}
td.shop-list-right{
	border-left: 0px;
	padding:10px;
}

td.blaettern {
	text-align:center;
}

ol,ul,li {
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}

li {
	margin-top:5px;
}

li.einzel {
	margin-top:0;
}

li.var_1 {
	margin-top:0;
	margin-bottom:0;
}

ul {
	list-style-image:url(/elements/images/bullet.png);
	padding-left:14px;
}

ol {
	padding-left:18px;
}

ul.liste_1 {
	margin-bottom:7px;
}

li.liste_1 {
	margin-top:2px;
	margin-bottom:0;
}

/* in TLs */
.checkbox {
	height:12px;
	width:12px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0;
}

.navi_top {
	margin:0;
	padding:0;
}

.gruen {
	color:#090;
}

.schrift_klein {
	font-size:11px;
}

.checkbox_admin {
	margin-top:-3px;
	float:left;
}

.checkbox_text_admin {
	margin-top:-14px;
	margin-left:30px;
	margin-bottom:10px;
}

.main_img {
	width:100%;
	height:auto;
	margin-bottom:30px;
}

.td-portraitfoto{
	padding-bottom: 20px;
	vertical-align: top;
}
.td-immo-img{
	padding-bottom: 20px;
	vertical-align: top;
	padding-right: 20px;
}

img.portraitfoto{
	max-width:100%;
	height:auto;
	text-align: left;
	border: 0;
}

.img-right {
	float: right;
}

input.kartenOptionen {
	width:12px;
	height:12px;
	margin-bottom:4px;
}

p.bildlegende {
	/*margin-top:5px;*/
	font-style:italic;
}

p.mailmuesellegende {
	font-size:10px;
	color:#565656;
}

/* zB fuer Fotolia-Bild-Legende */
.txt_kleinGrau {
	font-size:10px;
	color:#565656;
}

/* Infobox (hellgruen) */
div.infobox {
	background-color:#e2f2c5;
	box-sizing: border-box;
	clear:both;
	margin-bottom: 0;
	margin-top:0;
	overflow:hidden;
	padding:12px 10px 12px 14px;
}
div.infobox h1, div.infobox h2, div.infobox h3, div.infobox h4 {
	margin-top: 0 !important;
}
div.infobox p {
	margin: 0 !important;
}

/* .responsive_right_column div.infobox {
	border-left: 1px solid #0A645E;
} */

.infobox_titel {
/* 	font-size:12px; */
	font-weight:700;
	margin-bottom:5px;
	font-style:normal;
}
/* webcam iframe box */
div.infobox.webcam {
  border-left: 0!important;
  padding:12px 10px 12px 14px!important;
}



/* Infobox (grau) */
div.infobox_2 {
	padding:10px;
	background-color:#DCDCDC;
	text-align:left;
	overflow:auto;
}

/* Infobox fuer Startseite-Spalte: 1px rechts eingerueckt */
div.infobox_home {
	padding:10px;
	background-color:#e2f2c5;
	text-align:left;
	overflow:auto;
	margin-right:1px;
}

.desc_aktuelles_home {
	padding:0 15px 15px;
}

.home #first_div_aktuelles_home p {
	margin-bottom: 15px;
}

/* Box fuer Details der amtlichen Publikationen */
div.box_details {
	padding:10px;
	border:1px solid #e2f2c5;
	text-align:left;
	overflow:auto;
}

/* fuer wichtige Bekma-Boxen */
.is_important {
	background-color:#e2f2c5;
	padding:7px 15px;
	margin-bottom:7px;
	margin-left:1px;
	text-align:left;
}

/* zB fuer die Bildlegende */
.quelle {
	font-style:italic;
	color:#999;
}

p.strich_unten {
	border-bottom:1px solid #BDBDBD;
	padding-bottom:10px;
	margin-bottom:15px;
}

p.strich_oben {
	border-top:1px solid #BDBDBD;
	margin-bottom:15px;
}

/* gruene Striche oben und unten (zB Liegenschaftenticker) */
p.border_tb {
	border-bottom:1px solid #0a645e;
	border-top:1px solid #0a645e;
}

/* padding bei Spalten */
.padd {
	padding-left:15px;
	padding-right:15px;
}

.padd2 {
	padding-left:15px;
	padding-right:15px;
	padding-bottom:8px;
}

.grueneSchrift {
	color:green;
}

.roteSchrift {
	color:red;
}

.noBreak {
	white-space: nowrap;
	display: inline;
}

.vst-list{
	margin-bottom: 17px;
}

#fotostrip{
	height:115px;
}
.fotoalbum_strip{
	background-color:#d8d8d8;
	display:inline-block!important;
	margin:15px 0 0 0!important;
	overflow-x:scroll;
	overflow-y:hidden!important;
	padding:5px;
	white-space:nowrap;
	width: 560px;
}

/* Tabelle mit Formular */
.formular td{
	padding-bottom: 10px;
}

/* Tabelle bei zB Vst-Details */

table.tlb_details {
	padding-bottom: 20px;
}

.tlb_details td{
	padding-bottom: 10px;
	padding-right: 10px;
}
.tlb_details h6{
	margin-bottom: 10px;
}


#bd_url {
	display:none;
}

#news-anmeldung label{
	display: block;
	font-weight: bold;
}

/* Hauptnavigation als Text-Liste */
ul#HauptMenue {
	background-color:#0a645e;
	width:100%;
	margin:0;
	padding:0;
	list-style-image:none;
	list-style:none;
}

ul#HauptMenue li {
	list-style-image:none;
	list-style:none;
	margin:0;
	padding:0;
	font-size:1em;
/* 	line-height:1.8em; */
}

ul#HauptMenue li.li_border {
	border-bottom:1px solid #FFF;
}

ul#HauptMenue a {
	display:block;
	text-decoration:none;
	padding: 6px 0px 8px 14px;
	font-weight: 600;
	font-size: 15px;
}

ul#HauptMenue a:hover {
	color:#FFF;
	background-color:#7db61c;
}

/* aktiver Button Hauptnavigation links */
li#HauptMenue_aktiv {
	list-style-image:none;
	list-style:none;
	margin:0;
	padding:0;
	font-size:1em;
	line-height:140%;
}

li#HauptMenue_aktiv.li_border {
	margin-bottom:3px;
}

li#HauptMenue_aktiv a {
	display:block;
	text-decoration:none;
	padding: 6px 0px 8px 14px;
	color:#FFF;
	background-color:#7db61c;
}

/* Unternavigation */
li#UnternMenue {
	list-style-image:none;
	list-style:none;
	margin:0;
	padding:0;
	font-size:1em;
}

li#UnternMenue a {
	color:#FFF;
	display:block;
	font-weight: 400;
	font-size: 14px;
/* 	letter-spacing:normal; */
	line-height:1.2em;
	padding:4px 0 4px 30px;
	text-decoration:none;
}

li#UnternMenue a:hover {
	text-decoration:underline;
	background-color:#0a645e;
}

#UnternMenue.li_border {
	padding-bottom:3px;
}



/* Page-Navigation */
a.button_pagenav {
	background-color:#DEDEDE;
	text-align:center;
	color:#0a645e;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
	text-decoration:none;
	font-weight:700;
}

a.button_pagenav:hover {
	color:#000;
	text-decoration:none;
}

.button_inactive_pagenav {
	padding-left:4px;
	padding-right:4px;
	padding:2px;
}

.btn-margin {
	margin:0px !important;
	padding:0px !important;
}

.img-float-right{
	float:right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.img-float-left{
	float:left;
	margin-right: 20px;
	margin-bottom: 10px;
}

/* nach Bild kein so grosses Margin, wenn Bildlegende */
.img-margin{
	margin-bottom: 10px !important;
}

/* Newsticker in rechter Spalte: zB Holzerfaescht-Ticker */
.ticker {
	padding:0;
}

.ticker a {
	display: block;
}

.img_ticker {
	margin:0;
	padding:0;
	padding-bottom:8px;
}

.button_more {
	cursor:pointer;
	text-decoration:underline;
	color:#0a645e;
}

p.user_output{
	margin:0 !important;
	padding:0 !important;
}

h3.title-link a{
	text-decoration:none !important;
}
h3.title-link{
	padding:0;
	margin-bottom: 5px;
}

/* Unterseiten Links */
ul.link-list, li.link-list{
	list-style-image:none;
	list-style:none;
	margin:0;
	padding:0;
}
.link-list label {
	display: inline-block;
	width: 120px;
}

.label-width label {
	width: 250px;
}

/*

	originial
	Todd Motto Labs
	URL: www.toddmotto.com

	Flaunt JS Responsive Menu stylesheet
*/
/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/
.nav ul,.nav li {
	list-style:none;
}

.nav ul {
	border-bottom:none;
	padding-left:0;
}

.nav li {
	list-style:outside none none;
	margin-top:0;
}

.nav {
	position:relative;
	display:inline-block;
	font-size:20px;
	font-weight:900;
	list-style:none;
}

.nav center {
	background-color:rgba(255,255,255,0.25);
	border-top:1px solid rgba(255,255,255,0.3);
	border-bottom:1px solid rgba(255,255,255,0.3);
	padding:10px 0;
}

.nav center input {
	border:medium none;
	border-radius:2px;
	font-size:13px;
	padding:5px 8px;
}

.nav center .searchfield {
	border:medium none;
	color:#222;
	line-height:22px;
	width:200px;
}

.nav center .btn_search {
	background-color:#7db61c;
	color:#fff;
	line-height:18px;
	border:1px solid rgba(255,255,255,0.3);
}

.nav-list {
	text-align:left;
}

.nav-item {
	float:left;
	position:relative;
}

.nav-item a {
	display:block;
	color:#FFF;
	line-height:38px;
	padding:0 20px;
	text-decoration:none;
}

.nav-active a {
	background:#7DB61C;
	color:#FFF;
	display:block;
	text-decoration:none;
}

.nav-item > a:hover {
	background:#7DB61C;
}

.nav-item:hover .nav-submenu {
	display:block;
}

/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
}

.nav-submenu-item a {
	background:#0A645F;
	border-bottom:1px solid gray;
	display:block;
	paddding:0;
	width:90%;
}

.nav-submenu-item a:hover {
	background:#7DB61C;
}

/* Mobile navigation */
.responsive_menu {
	background:#0A645E;
}

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

.nav-mobile {
	display:none;
/* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	background:#0A645E url(/elements/flaunt-js/img/nav.svg) no-repeat center center;
	background-size:18px;
	height:50px;
	width:100%;
}

/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	cursor:pointer;
	display:block;
	height:38px;
	position:absolute;
	right:0;
	top:0;
	width:38px;
}

.nav-click i {
	background:rgba(0,0,0,0) url(/elements/flaunt-js/img/drop.svg) no-repeat scroll center center / 15px auto;
	border:medium none;
	display:block;
	height:38px;
	width:38px;
}

.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

/* Tarife Box */
#content.clearfix table tbody tr td a table#admintabelle {
	color: inherit;
}


/*Gewerbe- und Unternehmerapéro Anmeldung*/

.event_subs_date {
	margin-bottom: 2em;
}

form.aperoanmeldung  label {
	margin: 0.5em 0;
}
form.aperoanmeldung div.name1,
form.aperoanmeldung div.name2,
form.aperoanmeldung div.name3,
form.aperoanmeldung div.strasse {
	margin-top: 2em;
}

/*Anmeldung Neuzuzügeranlass 2022*/
form.anmeldneuzuzue h4 {
	margin-top: 2.2em;
}
form.anmeldneuzuzue input[type="submit"] {
	margin-top: 1.2em;
}
/* Button disabled */
form.anmeldneuzuzue input.btn.disabled {
	background-color: #ccc;
	pointer-events: none;
}

/*
@media only screen and (max-width: 1023px) {
  .responsive_left_column {
    flex: 0 1 25%;
  }

  .responsive_content {
		flex: 0 1 75%;
  }
  .responsive_right_column {
    flex: 0 1 100%;
  }

}*/


/*Responsive Sytelsheet for Berg Dietikon*/
@media only screen and (max-width: 768px) {
	#wrapper {
		display:-webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
		display:-moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
		display:-ms-flexbox;
	/* TWEENER - IE 10 */
		display:-webkit-flex;
	/* NEW - Chrome */
		display:flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	}

	html,body {
		overflow-x:hidden;
		background:#fff;
	}

	#wrapper {
		width:100%;
		background-image:none;
		display:flex;
		-moz-box-orient:vertical;
		-webkit-box-orient:vertical;
		-webkit-flex-flow:column;
		-ms-flex-direction:column;
		flex-flow:column;
	}

	#global_nav {
		display:none;
	}

	#search {
		display:none;
	}

	.responsive_menu {
		display:block;
	}

	#logo {
		 margin: 0;
	}

	#header > a {
		display: inline-block;
		padding: 15px;
	}

	#col_left {
		display:block;
		width:100%;
		clear:both;
	}

	#container {
	/* 	background-image: none; */
		display:block;
	/* 	flex-direction: row; */
		width:100%;
	}

  /*mic*/
  #content {
	padding: 0!important;
	width: 100%!important;

}

	#content a {
		color:#0a645e!important;
	}

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

	#content img.main_img {
		height:auto;
		width:100%;
	}

	div.infobox {
		margin-right:0!important;
		border: none;
		padding-left: 15px;
	}

	#admintabelle {
		width:100%;
	}

	ul#HauptMenue {
		background-color:#0A645E;
		width:100%;
		height:auto;
		clear:both;
		margin:0;
		padding:0;
		list-style:outside none none;
		font-weight:400;
	}

	#HauptMenue a {
	}

	#content_and_col_right {
		border:0 none;
		clear:both;
		margin:0;
		padding:15px 3%;
		width:94%;
	}

	#content_and_col_right.home {
		padding:0;
		width:100%;
	}

	#col_right {
		clear:both;
		width:100%;
	}

	#vstZusatz_1 {
		display:none;
	}

	#vstZusatz_1 > p {
	}

	#vstZusatz_2 {
		display:none;
	}

	#vstZusatz_2 > p {
	}

	#vstZusatz_3 {
		display:none;
	}

	#vstZusatz_3 > p {
	}

	#vstZusatz_4 {
		display:none;
	}

	#vstZusatz_4 > p {
	}

	#vstZusatz_5 {
		display:none;
	}

	#vstZusatz_5 > p {
	}

	#vstZusatz_6 {
		display:none;
	}

	#vstZusatz_6 > p {
	}

	#vstZusatz_7 {
		display:none;
	}

	#vstZusatz_7 > p {
	}

	#vstZusatz_8 {
		display:none;
	}

	#vstZusatz_8 > p {
	}

	#vstZusatz_9 {
		display:none;
	}

	#vstZusatz_9 > p {
	}

	#vstSchluss {
		position:absolute;
	}

	div#content {
	/*         margin-right: -10px; */
		border:0;
		outline:0;
		margin:0;
		padding:0;
		width:100%;
	}

	#content > a {
	}

	#content > div {
	/*         margin-right: 30px; */
		margin-right:0;
	}

	#content .col-content-left,#content .col-content-right {
		width:97%;
		padding:0 0 0 3%;

	}

	#content .col-content-left-verein, #content .col-content-right-verein {
		width:100%;
		clear:both;
	}

	#content .col-content-left, #content .col-content-right, #content .col-content-abt-left,#content .nav-box-content,
		#content .col-content-vst-left, #content .nav-box-vst{
		clear:both;
		float:left;
	}

	#content .col-content-left, #content .col-content-left-verein {
		margin-bottom:18px;
	}

	.col-content span,.col-content-left span,.col-content-right span {
		padding:0;
	}

	#content .col-content-abt-left, #content .col-content-vst-left {
		width:100%;
		padding:0;
	}

	#content .nav-box-content, #content .nav-box-vst {
		width:90%;
		padding:5%;
	}

	#content .youtube {
		width:100%;
	}

	#content .img-right {
		width:100%;
		height:auto;
	}

	#content > br {
	}

	div#first_div_aktuelles_home {
		background-color:#c2e487;
		height:auto;
		margin-bottom:10px;
		margin-left:-15px;
		margin-top:0;
		padding:0 0 15px;
		overflow:hidden;
		width:100%;
	}

	#first_div_aktuelles_home img {
		float:left;
		margin-bottom:2px;
		margin-left:0;
		margin-top:0;
	}

	#img_aktuelles_home {
		margin-left:-15px;
		margin-top:-15px;
	}

	#aktuellesZusatz_1 {
		display:none;
	}

	#aktuellesZusatz_1 > p {
	}

	#aktuellesZusatz_1 > h3 {
	}

	#aktuellesZusatz_2 {
		display:none;
	}

	#aktuellesZusatz_2 > p {
	}

	#aktuellesZusatz_2 > h3 {
	}

	#aktuellesZusatz_3 {
		display:none;
	}

	#aktuellesZusatz_3 > p {
	}

	#aktuellesZusatz_3 > h3 {
	}

	#aktuellesZusatz_4 {
		display:none;
	}

	#aktuellesZusatz_4 > p {
	}

	#aktuellesZusatz_4 > h3 {
	}

	#aktuellesZusatz_5 {
		display:none;
	}

	#aktuellesZusatz_5 > p {
	}

	#aktuellesZusatz_5 > h3 {
	}

	#aktuellesSchluss {
		position:absolute;
	}

	#endePositionSpalteLinks {
		position:absolute;
	}

	#bd_url {
	}

	.topmenu {
	}

	.li_border {
	}

	.menu {
		width:100%;
		display:block;
	}

	.mini-social {
	}

	.mini-social-link {
	}

	.border_tb {
		padding:15px;
	}

	.padd > div > p {
		padding-right:10px;
	}

	#header {
		-webkit-box-ordinal-group:0;
		-moz-box-ordinal-group:0;
		-ms-flex-order:0;
		-webkit-order:0;
		order:0;
	}

	#responsive_menu_button {
		background-color:#0A645E;
		text-align:center;
		font-size:2em;
		color:#FFF;
		width:100%;
		display:block;
	}

	.fotoalbum_strip{
		width: 100%;
	}

	.topnav {
		background-color:#0A645E;
		width:100%;
		display:block;
		font-size:2em;
		text-decoration:none;
		color:#FFF;
		padding-left:12px;
	}

	.subnav {
		background:#257D77;
		width:100%;
		text-decoration:none;
		display:block;
		font-size:1.5em;
		padding-left:30px;
		color:#FFF;
	}

	.subnav a {
		text-decoration:none;
	}

	.non_responsive_menu {
		-webkit-box-ordinal-group:2;
		-moz-box-ordinal-group:2;
		-ms-flex-order:2;
		-webkit-order:2;
		order:2;
		display:none;
	}

	.responsive_content {
	/* 		padding: 15px; */
		-webkit-box-ordinal-group:3;
		-moz-box-ordinal-group:3;
		-ms-flex-order:3;
		-webkit-order:3;
		margin:30px 0;
		order:3;
		padding:0 4%;
		width:92%;
	}

	.responsive_content.home {
	/* 		padding: 15px; */
		-webkit-box-ordinal-group:3;
		-moz-box-ordinal-group:3;
		-ms-flex-order:3;
		-webkit-order:3;
		margin:0;
		order:3;
		padding:0;
		width:100%;
	}

	.home p.img_block_aktuelles_home {
		width:100%;
		display:block;
		margin-bottom: 0 !important;
	}

	.home p.img_block_aktuelles_home a {
		display:block;
	}

	.home p.img_block_aktuelles_home img {
		width:100%;
		height:auto;
	}

	.home .desc_aktuelles_home {
		margin-bottom:0;
	}

	.home .home #content p:nth(1) {
		padding-left:0;
	}

	.home #first_div_aktuelles_home p:last-child {
		padding-left:15px;
		padding-right:15px;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.home h2.aktuelles_home {
		padding-left:15px;
	}

	.home #content div {
		padding-left:15px;
		margin-bottom: 20px;
	}

	.responsive_right_column {
		display:none;
	}

	.responsive_right_column.home {
		-webkit-box-ordinal-group:4;
		-moz-box-ordinal-group:4;
		-ms-flex-order:4;
		-webkit-order:4;
		order:4;
		display:block;
		float:left;
		width:100%;
	}

	.responsive_left_column {
		display:none;
	}

	.responsive_left_column table {
		margin:auto;
	}

	.mini-social {
		margin:10px 10px 30px;
	}

	.titlebox {
		border-bottom:none;
		font-size: 20px;
		padding:10px 0 10px 4px;
	}

	.thumb_fotoalbum{
		width:60px;
	}
	.thumb_fotoalbum_strip{
		width:60px;
	}




	#footer {
		-webkit-box-ordinal-group:6;
		-moz-box-ordinal-group:6;
		-ms-flex-order:6;
		-webkit-order:6;
		order:6;
		width: 92%;
		padding: 15px 4% 20px;
    /*mic*/
    margin-top: 30px!important;
    height: auto!important;
    line-height: auto!important;


	}
	#footer a {
		background-image: none !important;
		padding-left: 0 !important;
	}
	#footer ul li {
		display: block;
/* 		text-decoration: none; */
	}
}



/*------------------------------------*\
    Media Queries
\*------------------------------------*/
@media only screen and (max-width: 1000px) {
	.nav-mobile {
		display:block;
	}

	.nav {
		width:100%;
		padding:50px 0 0;
	}

	.nav-list {
		display:none;
	}

	.nav-item {
		width:100%;
		float:none;
		font-size:20px;
	}

	.nav-item > a {
		border-bottom:1px solid rgba(255,255,255,0.3);
		font-size:14px;
	}

	.nav-item:last-child > a {
		border-bottom:none;
	}

	.nav-item li > a {
		font-size:14px;
		line-height:30px;
		padding:0 40px;
	}

	.nav-submenu-item a:hover {
		background-color:rgba(255,255,255,0.25);
		border-bottom:none;
	}

	.nav-submenu-item a {
		border-bottom:none;
	}

	.nav-submenu-item:last-child {
		border-bottom:1px solid rgba(255,255,255,0.3);
	}

	.nav-item li ul li > a {
		border-bottom:none;
		font-size:13px;
		line-height:20px;
	}

	.nav-click {
		cursor:pointer;
		display:block;
		height:37px;
		position:absolute;
		right:0;
		top:0;
		width:37px;
	}

	.nav-submenu-item {
		margin-top:0;
	}

	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}

	.nav-item:hover .nav-submenu {
		display:none;
	}

	.nav-submenu {
		position:static;
		width:100%;
	}

	.nav-submenu-item-active a {
		display:block;
		color:#FFF;
		padding:15px 20px;
		background:#7DB61C;
		margin-top:0;
		border-bottom:1px solid #0A645E;
		text-decoration:none;
	}

	.nav-submenu-item-active {
		margin:0;
	}

	.abstand_1 {
		margin-right:20px;
	}
}

@media all and (max-width: 1024px) {

	.clear-floating {
		float: left;
		height: auto;
		margin: 30px 0 20px;
		width: 100%;
	}

}