/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */


/**
	#c0c0c0 - hellgrau Schatten / Border
	#D82924 - Rot sme
	#607a02 - Dunkelgrün sme
	#395739 - Grün Variante Picker 1
	#F4FFCA - Hellgrün Variante Picker 1

	#002d1b - Dunkelgrün Gemeinde
	#f0f2c8 - Hellgrün Gemeinde
	#0093DD - Blau
**/

	-ms-transform
	-webkit-transform

/**
-webkit-box-shadow: 2px -2px 5px 0px rgba(0,45,27,1);
-moz-box-shadow: 2px -2px 5px 0px rgba(0,45,27,1);
box-shadow: 2px -2px 5px 0px rgba(0,45,27,1);
**/

/* Nur ab Internet Explorer 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #main-content .container {
        background-color: lightsalmon;
    }
}

/***********************************************************************
 * Standard-Einstellungen
 **********************************************************************/

li {
/**	list-style-image: url("/sites/default/files/Punkt.png"); */
}

tr, td, th {
	border: 0;
	border-color: #ffffff;
}

td, th {
	padding: 0 0.5rem;
}

td:hover,
tr:hover {
	background-color: #F4FFCA;
}

.node__title		{ display: none }

/***********************************************************************
 * Leaderboard
 **********************************************************************/

/***** Top Navigation *****/

#block-topnavigation {
	float: right;
	margin-right: 0;
	padding-right: -20px;
}

#leaderboard .menu__link {
	padding: 5px;
	color: #002d1b !important;
}

#leaderboard .menu__item a:hover,
#leaderboard .menu__item a.is-active {
	border-bottom: 2px solid #002d1b;
}

#leaderboard .menu__item a.is-active {
	font-weight: bold;
}

#search-block-form {
	margin-bottom: 0px;
	float: right;
	margin-right: 0%;
	width: 25%;
}

#leaderboard {
	background-color: #ffffff;
	font-size: 90%;
	margin: 0 15%;
}

#leaderboard .container {
	background-color: #ffffff;
	padding: 5px 0;
}

.l-leaderboard {
	background-color: #ffffff;
	height: 200px;
}


#leaderboard .site-branding {
	width: 70%;
	float: left;
}

#leaderboard .site-branding__logo-img {
	width: 40%;
}


.l-header {
	height: 100%;
}

/** Monitor mittel */
@media screen and (min-width: 60em) and (max-width: 90em) {
 #leaderboard {
	width: 100%;
	margin: 0 1%; 
 }

 #leaderboard .site-branding__logo-img {
	width: 50%;
 }

 #block-topnavigation a {
	float: right !important;
	width: 100%;
 }

 #search-block-form {
	margin-bottom: 0px;
	float: right;
	margin-right: 1.5%;
	width: 25%;
 }
}

/** Monitor klein */
@media screen and (max-width: 60em) {
 #leaderboard {
	width: 100%;
	margin: 0 1%; 
 }

 #leaderboard .site-branding__logo-img {
	padding-top: 40px;
	margin-left: 5%;
	width: 100%;
 }

 #block-topnavigation a {
	float: right !important;
	width: 100%;
 }

 #search-block-form {
	margin-bottom: 0px;
	float: right;
	margin-right: 0%;
	width: 25%;
 }
}

/***********************************************************************
 * Masthead
 **********************************************************************/

#masthead {
	background-color: #ffffff;
}

#masthead .container {
	padding: 0 0 0 0;
	margin: 0 0 0 0;	
}

#masthead .l-r {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#block-startbild img {
	padding: 0 0 0 0;
}

/***********************************************************************
 * Features
 **********************************************************************/

#features {
	background-color: #ffffff;
}

#features .container {
	background-color: #ffffff;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

#features img {
	background-color: #ffffff;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

#features .region {
	margin-bottom: -31px !important;
	-webkit-margin-bottom: -61px !important;
}

#features .l-r {
	padding: 0;
}

/** Monitor klein */
@media screen and (max-width: 60em) { /* 920px */

 #features .region {
	margin-bottom: 0px !important;
 }
}


/***********************************************************************
 * Block Navbar
 **********************************************************************/

#navbar,
#navbar .region,
.l-navbar {
	color: #395739;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
}

#superfish-main {
	width: 100%;
	color: #395739;
	margin: 0 12.5%;
}

#superfish-main a {
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
}

#superfish-main .sf-depth-1 a {
	background-color: #ffffff;
	padding-right: 5em;
}

#superfish-main .sf-depth-1 .menuparent .is-active a {
	background-color: #f0f2c8 !important;
}

#superfish-main .sf-depth-1 .active-trail .menuparent a {
	border-bottom: 1px solid #D82924 !important;
}

#superfish-main .sf-depth-1 a:last-child {
	margin-right: 0px;
}

#superfish-main .sf-depth-2 a {
	background-color: #ffffff;
	padding-right: 5em;
}

#superfish-main .sf-depth-1 a:focus,
#superfish-main .sf-depth-1 a:hover,
#superfish-main .sf-depth-1 a:active {
	background-color: #f0f2c8;
	color: #002d1b;
}

#superfish-main .sf-depth-1 .is-active {
	background-color: #f0f2c8;
	color: #002d1b;
}

/** Monitor klein */
@media screen and (max-width: 90em) { /* 1200px */
 #navbar {
	margin: 1%;
	background-color: #white;
 }

 #superfish-main {
	width: 100%;
	color: #395739;
	margin: 0%;
	font-size: 90%;
 }
}

/***********************************************************************
 * Content-prefix
 **********************************************************************/

/***********************************************************************
 * Highlighted
 **********************************************************************/

#highlighted {
	background-color: #ffffff;
}

/***********************************************************************
 * Hauptnavigation Sidebar links
 **********************************************************************/

.pr-main__sidebar-first .block-menu__content {
	border-top: 1px solid #002d1b;
	border-bottom: 1px solid #002d1b;	
	margin-bottom: 5px;
	list-style-image: none;
}

.pr-main__sidebar-first .block-menu__content li {
	list-style-image: none;
}

.pr-main__sidebar-first .block-menu__content .menu__link {
	color: #333333;
	font-size: 95%;
	padding: 6px 15px;
	border-bottom: 3px solid white;
}

.pr-main__sidebar-first .menu__item--active-trail {
	font-weight: bold;
}

.pr-main__sidebar-first .menu__item--active-trail .menu__link {
	color: #333333;
	background-color: #e3e3e3;
}

/** jeder Menülink **/
.pr-main__sidebar-first .menu__item--expanded .menu__link {
}

.pr-main__sidebar-first .menu__item--expanded {
	color: #333333;
}

.pr-main__sidebar-first .menu__item--expanded .menu-level-2 .menu-level-3 {
	font-weight: normal;
	font-size: 90%;
}

.pr-main__sidebar-first .block-menu__content .menu__item a:hover {
	background-color: #f7f7f7;
	color: #333333;
	border-bottom: 3px solid #f7f7f7;
}

.pr-main__sidebar-first .block-menu__content .menu__link a.is-active,
.pr-main__sidebar-first .block-menu__content .menu__item a.is-active {
	background-color: #ffffff;
	color: #f0f2c8;
	border-bottom: 1px solid #002d1b;
	background-image: linear-gradient(#f0f2c8 10%, #002d1b 35%, #002d1b 75%, #f0f2c8 90%);
}

/***********************************************************************
 * Sidebar first
 **********************************************************************/

.pr-main__sidebar-first {
	padding-left: 10px;
	background-color: #f7f7f7;
}

.pr-main__sidebar-first .block__content  {
	background-color: #ffffff;
	padding: 10px;
}

#block-region img {
	margin: 10px 20px;
}

/***********************************************************************
 * Sidebar second
 **********************************************************************/

.pr-main__sidebar-second {
	padding-left: 10px;
}

.pr-main__sidebar-second .block__content  {
	background-color: #ffffff;
	padding-top: 10px;
}

#block-region img {
	margin: 10px 20px;
}


/***********************************************************************
 * Main-Content
 **********************************************************************/

#main-content {
	background-color: #f7f7f7;
	padding: 1% 13% 1% 13%;
}

#main-content .container {
	background-color: #f7f7f7;
}

#main-content .container .node {
    background-color: #ffffff;
    box-shadow: 0 0px 0px 0 rgba(R0, G242, B200, 0.1);
}

@media screen and (max-width: 90em) {
 #main-content {
	background-color: #f7f7f7;
	padding: 1%;
 }


}

/***********************************************************************
 * View Angestellte / Gemeinderat
 **********************************************************************/



#main-content .container .view-angestellte .views-row .views-field-field-angestellte,
#main-content .container .view-gemeinderat .views-row .views-field-field-gemeinderat {
	padding-bottom: 20px;
}

#main-content .container .view-angestellte .views-row .views-label-field-telefon,
#main-content .container .view-angestellte .views-row .views-label-field-e,
#main-content .container .view-gemeinderat .views-row .views-label-field-telefon,
#main-content .container .view-gemeinderat .views-row .views-label-field-e {
	float: left;
	width: 100px;
}

#main-content .container .view-angestellte .views-row .views-field-field-image,
#main-content .container .view-gemeinderat .views-row .views-field-field-image {
	float: right;
}

/** Monitor klein */
@media screen and (max-width: 75em) { /* 1200px */

 #main-content .container .view-angestellte .views-row .views-field-field-image,
 #main-content .container .view-gemeinderat .views-row .views-field-field-image {
	float: left;
	width: 100%;
 }

}

/***********************************************************************
 * View Startseite
 **********************************************************************/

#block-kontakt-2 a {
	color: #002d1b;
}

/***********************************************************************
 * View Startseite
 **********************************************************************/

#main-content .container .view-frontpage .views-row {
	min-height: 5em;
	width: 98% !important;
}

.views-view-grid.cols-1 .views-col {
	margin-left: 1.0%;
	margin-right: 1.0%;
	background-color: #ffffff;
}

.views-view-grid.cols-1 .views-col:first-child {
}

.views-view-grid.cols-1 .views-col:last-child {
}

#main-content .view-frontpage .views-field-title {
	vertical-align: center;
	padding-top: 5px;
	margin-bottom: 5px;
	min-height: 2em;
	border-bottom: 1px solid #002d1b;
}




@media screen and (max-width: 45em) {
 .views-view-grid .views-col {
	width: 100%; 
	float: left; 
	margin-right: 1.69492%; 
 }

 .views-view-grid .views-col:first-child {
	width: 100%; 
	float: left; 
	margin-right: 1.69492%;
 }

 .views-view-grid .views-col:last-child { 
	width: 100%;
	float: right; 
	margin-right: 0;
	border-right: 0;
 }
}


/***********************************************************************
 * View Accordion
 **********************************************************************/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #ffffff url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%;	border: 0px solid #d3d3d3;
	font-weight: normal;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active {
	color: #002d1b;
	font-weight: bold;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #002d1b;
    text-decoration: none;
}

.ui-accordion .ui-accordion-content {
	border: 0 none;
	overflow: auto;
	font-size: 0.925rem;
	padding: 1em 2.2em;
}

.ui-accordion .ui-accordion-header {
	margin-bottom: 10px;
}

.ui-accordion .views-field-field-image img {
	float: right;
}

.ui-accordion a {
	color: blue;
}

.ui-accordion .views-label-field-downloads,
.ui-accordion .views-label-field-links {
	line-height: 200%;
	font-weight: bold;
}

#main-content .container .view-gemeinderat .views-row {
	background-color: #f7f7f7;
}



/***********************************************************************
 * Tabellen
 **********************************************************************/

tr, td, th {
    border-color: #ffffff;
}


/***********************************************************************
 * Bilder
 **********************************************************************/

#main-content .container .field-node--field-image img {
	float: right;
	margin-left: 5px;
}

/** Monitor klein */
@media screen and (max-width: 60em) { /* 920px */

 #main-content .node__container img {
	clear: float;
	width: 100%;
	padding-bottom: 15px;
 }

}

/** Block Sub-Features
 **********************************************************************/

#sub-features {
	font-size: 90%;
	color: #000000;
	background-color: #F4FFCA;
}

#sub-features a {
	color: #000000 !important;
}

#sub-features .block__title {
}

#sub-features .container {
	padding-top: 10px;
	margin: 0 1%;
}

/** Monitor gross */
@media screen and (min-width: 110em) { /* 920px */

 #sub-features .pr-subfeatures__subfeatures-first {
	margin-right: 0px;
	padding-left: 13%;
	width: 32%;
 }

 #sub-features .pr-subfeatures__subfeatures-first a {
	color: #002d1b;
 }

 #sub-features .pr-subfeatures__subfeatures-second {
	margin-right: 0px;
	width: 0%;
 }

 #sub-features .pr-subfeatures__subfeatures-second a {
	color: #002d1b;
 }

 #sub-features .pr-subfeatures__subfeatures-third {
	margin-right: 0px;
	width: 30%;
 }

 #sub-features .pr-subfeatures__subfeatures-third a {
	color: #002d1b;
 }

 #sub-features .pr-subfeatures__subfeatures-fourth {
	marging-left: 0px;
	padding-right: 0%;
	width: 34%;
 }

 #sub-features .pr-subfeatures__subfeatures-fourth a {
	color: #002d1b;
 }
}

/** Monitor klein */
@media screen and (max-width: 60em) { /* 920px */

 #sub-features .pr-subfeatures__subfeatures-first {
	margin-right: 0px;
	width: 100%;
 }

 #sub-features .pr-subfeatures__subfeatures-second {
	marging-left: 0px;
	padding-right: 0;
	width: 100%;
 }

 #sub-features .pr-subfeatures__subfeatures-fourth {
	marging-left: 0px;
	padding-right: 0;
	width: 100%;
 }

}

/***********************************************************************
 * Fusszeile
 **********************************************************************/

#footer {
	color: #ffffff;
	background-color: #395739;
}

#block-at-hiag-footer {
	margin: 0.125rem 0;
	width: 30%;
	float: left;
}

#block-at-hiag-account-menu {
	margin: 0.125rem 0;
	font-size: 80%;
	float: right;
}

/***********************************************************************
 * Design by Adaptivetheme.com ausblenden
 **********************************************************************/

.attribution .attribution__link {
	color: #ffffff;
	line-height: 0.0rem;
	text-decoration: none;
}

.attribution__link ext {
	padding-right: 0;
}