/* Marktgemeinde Atzenbrugg */


@font-face {
	font-family: 'Noto Sans';
	src: url('/gemeinden/_include/fonts/Noto-Sans.woff2') format('woff2'),
	url('/gemeinden/_include/fonts/Noto-Sans.woff') format('woff'),
	url('/gemeinden/_include/fonts/Noto-Sans.ttf') format('truetype'),
	url('/gemeinden/_include/fonts/Noto-Sans.svg#Noto Sans') format('svg');
}

body, input {
	font-family: 'Noto Sans', sans-serif;
	color:#444444;
	font-size:95%;
}


input, select, textarea { border-radius:0px !important; outline: none;  -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important }



td {  }
th { color:#FFFFFF; background-color:#005597 }

.table.stripe-no-border tr td, .table.stripe-no-border tr th {
  border-width: 0;
}


h1 {
	font-family:Noto Sans, sans-serif;
	font-weight:normal;
	font-size:150%;
	text-transform:uppercase;
	letter-spacing:0px;
	color: #555555;
	border-bottom:4px solid #F9DC00;
	display:inline-block;
	margin-top:0px;
	margin-bottom:10px
}

h2 {
	font-family:Noto Sans, sans-serif;
	font-size: 150%;
	text-transform:none;
	color:#005597;
	margin-top:4px;
	margin-bottom:6px;
}

h3 {
	font-weight:bold;
	font-size: 100%;
	color:#555555;
	margin-bottom:5px;
}

h4 {
	font-weight: bold;
	font-size: 130%;
}


.tool_head {
	font-family:'Noto Sans', sans-serif;
	font-size: 100%;
	color:#999999;
	text-transform:uppercase;
}





a            { text-decoration: none; } 
a:link		 { color: #005597; text-decoration: none }
a:visited	 { color: #005597 }
a:active	 { color: #555555 }
a:hover		 { color: #555555; text-decoration: none; }
a:focus { outline: none }


.news_text  img { max-width:100%; height:auto }

.news_text li {	list-style: none; padding: 0px;	margin: 0 }
.news_text li::before {	content: "•"; padding-right: 8px; color: black }


	.news_text table { width:100%; margin-top:5px; border:3px solid #F4F4F4; border-collapse: collapse } 
	.news_text td { padding:5px; border:1px solid #DCDCDC; text-align:left } 
	.news_text tr  { vertical-align:top }

.news_text .rot { color:red }


.nowrap { white-space: nowrap }



.textbox { background-color:#EFEFEF; padding:0px; margin-bottom:40px ;border-left:15px solid #FFFFFF; border-right:15px solid #FFFFFF   }

.textbox .rot { color:red }

.kasten { background-color:#FFF6CA; padding:15px; border-left:6px solid #F9DC00 }

.reiterleiste { border-bottom:4px solid #005597 } 

.reiter  { font-family: 'Noto Sans', Sans-Serif; font-size: 15px; background-color:#F4F4F4; margin-right:5px; margin-top:4px; margin-bottom:0px; float:left; display:inline; border-top-left-radius: 1px; border-top-right-radius: 1px }
.reiter a { display:block; text-decoration: none; padding:6px }
.reiter a:link     { color: #000000 }
.reiter a:visited	 { color: #000000 }
.reiter a:active	 { color: #000000 }
.reiter a:hover	 { color: #FFFFFF; background-color:#005597; border-top-left-radius: 1px; border-top-right-radius: 1px }

.reiter_akt  { font-family: 'Noto Sans', Sans-Serif; font-size: 15px; background-color:#005597; margin-right:5px; margin-bottom:0px; float:left; display:inline; border-top-left-radius: 1px; border-top-right-radius: 1px }
.reiter_akt a { display:block; text-decoration: none; padding:6px }
.reiter_akt a:link { color: #FFFFFF }
.reiter_akt a:active { color: #FFFFFF }
.reiter_akt a:visited { color: #FFFFFF }
.reiter_akt a:hover	 { }


.menue_seitlich { font-size: 15px; border-top:1px solid #F9DC00 }
.menue_seitlich a { display:block; text-decoration: none; padding:10px }
.menue_seitlich a:hover	 { background-color:#F9DC00 }








.box { background-color:transparent }

.box-abstand {
background-color:#E6DED7;
margin-bottom:30px;
}


/* accordeon */
.acchandle { padding:8px; margin-bottom:15px; font-size:130% }
.accitem { display:none; margin-left:35px; margin-top:20px; margin-bottom:30px }

.tunterlegt { background-color:#F4F4F4 }


.heurigen { background-color:#018127; color:#FFFFFF }




.footer { color: #FFFFFF; background-color: #005597; font-size: 120%; padding-top: 20px; padding-bottom:20px }


.footer a:link		 { color: #FFFFFF }
.footer a:visited	 { color: #FFFFFF }
.footer a:active	 { color: #000000 }
.footer a:hover		 { color: #DCDCDC; text-decoration: none }
.footer a:focus		 { outline: none }



.weblink:before { font-family:'Font Awesome 5 Free'; content: "\f360"; display: inline-block;	padding-right: 5px;	vertical-align: middle;	font-size:18px; font-weight: 900 }
.maillink:before { font-family: "Font Awesome 5 Free"; content: "\f0e0"; display: inline-block;	padding-right: 5px;	vertical-align: middle; font-size:18px;	font-weight: 900 }


.pdf:before  { content:url(/gemeinden/grafik/icon_pdf.gif); position:relative; top:2px; left:1px; margin-right:8px }
.xls:before  { content:url(/gemeinden/grafik/icon_xls.gif); position:relative; top:2px; left:1px; margin-right:8px }
.xlsx:before  { content:url(/gemeinden/grafik/icon_xls.gif); position:relative; top:2px; left:1px; margin-right:8px }
.lsx:before  { content:url(/gemeinden/grafik/icon_xls.gif); position:relative; top:2px; left:1px; margin-right:8px }
.jpg:before  { content:url(/gemeinden/grafik/icon_jpg.gif); position:relative; top:2px; left:1px; margin-right:8px }
.doc:before  { content:url(/gemeinden/grafik/icon_doc.gif); position:relative; top:2px; left:1px; margin-right:8px }
.ocx:before  { content:url(/gemeinden/grafik/icon_doc.gif); position:relative; top:2px; left:1px; margin-right:8px }
.onlineform:before  { content:url(/gemeinden/grafik/icon_onlineform.gif); position:relative; top:2px; left:1px; margin-right:5px }


.mobilebutton a:link, .mobilebutton a:visited { color:#FFFFFF }

.btn-custom { background-color: #005597; color:#FFFFFF }
a.btn-custom:link, a.btn-custom:visited { color:#FFFFFF }

.btn-default { background-color: #005597; color:#FFFFFF }
a.btn-default:link, a.btn-default:visited, a.btn-default:hover { color:#FFFFFF }

.indexbuchstabe { background-color:#F4F4F4; padding-left:6px; padding-right:6px; font-size:150%; border-radius:3px; border:1px solid #DCDCDC }


.weiter { white-space: nowrap; text-transform:uppercase }
.weiter:before { font-family:'Font Awesome 5 Free'; content: "\f105"; font-size:17px; position:relative; top:1px; left:0px; margin-right:5px; padding: 1px 5px 1px 5px; line-height:100%; color:#FFFFFF; background-color:#005597; font-weight: 900 }
a.weiter:link, a.zurueck:visited {  }


.zurueck { white-space: nowrap; text-transform:uppercase  }
.zurueck:before { font-family:'Font Awesome 5 Free'; content: "\f104"; font-size:17px; position:relative; top:1px; left:0px; margin-right:5px; padding: 1px 5px 1px 5px; line-height:100%; color:#FFFFFF; background-color:#005597; font-weight: 900 }
a.zurueck:link, a.zurueck:visited {  }



.top:before { font-family:'Glyphicons Halflings'; content: "\e113"; position:relative; top:2px; left:0px; margin-right:3px; padding:0px; line-height:110% }



.greyed { -webkit-filter: grayscale(100%) opacity(70%); -moz-filter: grayscale(100%) opacity(70%); -o-filter: grayscale(100%) opacity(70%); -ms-filter: grayscale(100%) opacity(70%); filter: grayscale(100%) opacity(70%) }








/* ------------------- */
/* Social Media Leiste */

.icon-bar {
  position: fixed;
  bottom: 160px;
  right: 32px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 12px;
  transition: all 0.3s ease;
  color: white;
  font-size: 15px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

/* ------------------- */




/* ------------------- */
/* scroll TOP Button   */

#myBtn {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #F9DC00;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 0px;
  font-size: 22px;
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

/* ------------------- */














/* ---------------- */
/* Menü responsive  */

<style>

.menu-link { display: none }

.menu {
	display:block;
	padding: 0px;
	margin: 0px;
	margin-top:20px;
	margin-left:20px;
	font-weight:bold;
	font-size:150%;
	border: 0px solid #DCDCDC;
}

.menu ul { 
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
}


.menu ul li { margin:0px; padding: 0px; /* min-width:200px */ }
.menu > ul > li { display: inline-block; background-color:transparent; border:0px solid #0FFFF; margin:0px; padding:0px; font-size: 145%; border-top-left-radius: 0px;	border-top-right-radius: 0px;  }
.menu > ul > li.active > a { background: #005597; color:#FFFFFF }

.menu > ul > li > a:hover { background-color:#005597 }

.menu ul li a { display: block; text-decoration: none; color:#005597; font-size: 60% }
.menu ul li > a { margin-right:0px; padding: 8px 16px 8px 16px; }

.menu ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
  margin-top:0px;
  padding-top:15px;
  background-color: #FFFFFF;
  border: 1px solid #CCC;
  border-top: 0px;
  font-size:80%;
}



.menu ul li:hover > ul { display: block }
.menu ul > li a:hover { color: #FFFFFF }

.menu ul ul > li { position: relative; font-size:100%; font-family:Noto Sans }
.menu ul ul > li a { padding: 7px 15px 7px 15px; height: auto; color:#333333; background-color:#FFFFF; border-bottom:0px solid #FFFFFF }

.menu ul ul > li a:hover { background-color: #F9DC00; color: #000000 }


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


	.menu ul li {  width:auto }

  
	/* width:100%; */
  a.menu-link { display: block; color: #FFFFFF; background-color: #005597; float: right; text-decoration: none; padding: 3px 8px; margin-right:5px; font-size:160%; border-radius:2px}

  .menu { clear: both; min-width: inherit; float: none; margin-top:10px !important }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #555555; }
  
  .menu ul ul { padding-top:1px; background-image:url() }

  .menu.active, .menu > ul ul.active { max-height: 65em; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080 }
  .menu li, .menu > ul > li { display: block; }

  .menu > ul > li { background-color:#FFFFFF; line-height:130% }  
  
  .menu > ul > li.active > a { background-color: #FFFFFF; color:#005597  }    /* eingefügt */

  .menu > ul > li > a:hover { background-image:url(); background-color:#005597 }


  .menu li a { display: block; padding: 0.8em; border-bottom: 1px solid #FFFFFF; position: relative; }
  
  .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 5px 12px;
  }
  
  .menu li.has-submenu > a.active:after {
    content: "-";
	 padding: 5px 16px;
  }
  
  .menu ul ul > li a { background-color: #DFDFDF; color:#333333; padding: 7px 10px 7px 25px }
  .menu ul ul > li a:hover { background-color: #F4F4F4; color: #333333 }
  
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }


}


.menu-balken:before { content: '' }
.menuicon { width: 27px; height: 3px; background-color: white; margin: 5px 0 }



/* media queries */


.___einzug { margin:20px 90px 20px 90px }
.___einzug-links { margin:20px 0px 20px 30px }




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

.__mp_pfeil > a:after {
    content: url(../grafik/bg_mp_pfeil.png);
    position: relative;
    top: 30px;
    left: -90px;
	padding:0px !important; margin:0px
  }

}




@media only screen and (max-width: 980px)
{

	.navbar-fixed-top { top: 0px !important }

	.menu {	margin-left:0px }
	
	h1 { margin-left:5px }

	.___einzug { margin:20px 0px 20px 0px }
	.___einzug-links { margin:20px 0px 20px 0px }	


}



.vmiddle {
   display: inline-block;
	vertical-align: middle;
	float: none;
}

.vbottom {
	 display: inline-block;
	 vertical-align: bottom;
	 float: none;
}





/* Kopf fixieren */

.navbar-fixed-top {
    position: sticky;
    position: -webkit-sticky;
    top: -20px;
}



/* /Menü responsive */
/* ---------------- */