/**********************************************************************************
Autor: Jürgen Höfs, info@dream-a-bit.de
Datum: 17.03.2014

Farbdefinitionen:
Textfarbe: #323232;
Menüfarbe: #272727;
Helles grün: #77b238; alt: 6aab43
Dunkles grün: #09542e;
Helles grau: #efefef;

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

/**********************************************************************************
/* CLEARFIX-SETS
/**********************************************************************************/
.mod_article:after,
.ce_gallery ul:after,
.ce_gallery li:after,
.majorCol:after,
.minorCol:after,
.pageHeader:after,
.pageBody:after,
.pageFooter:after,
.wrapper:after,
.wrapperFooter:after,
.container:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}


/**********************************************************************************
/* ALLGEMEIN / RESET
/**********************************************************************************/
* {
	/*box-sizing: border-box;	*/ 
	/*
	hyphens: auto;
	-webkit-hyphens: auto;
	-webkit-hyphenate-character: "\2010";
	-webkit-hyphenate-limit-after: 1;
	-webkit-hyphenate-limit-before: 3;
	-moz-hyphens: auto;	 
	overflow-wrap: hyphenate;	
	*/
}
* { 
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;		
}
input[type="search"],
input[type="text"],
textfield,
input {
	-webkit-border-radius: 0px;
	border-radius: 0;
}
html, body {
	height: 100%;
}
body {
	background: white;
    color: #323232;
	font-family: 'Calibri-Light', 'Calibri Light', Calibri, Arial, Trebuchet, Candara, Segoe, "Segoe UI", Optima, sans-serif;
	font-weight: 100;
	padding-top: 5px;
}
img {
	max-width: 100%;
    height: auto;
	width: auto;
}
img[href$=".svg"] {  
	max-width: 200%;
}
th {
	text-align: left;
}

/**********************************************************************************
/* CONTAO BASIS
/**********************************************************************************/
.invisible {
	width: 0;
	height: 0;
	left: -1000px;
	top: -1000px;
	position: absolute;
	overflow: hidden;
	display: inline;
}
.clear,
#clear {
	height:0.1px;
	font-size:0.1px;
	line-height:0.1px;
	clear:both;
}
.custom {
	display: block;
	text-align: left;
}
.custom:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.image_container {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
@media only screen and (min-width: 640px) {
  .float_right {
	  margin: 0 0 1em 1em;
	  float: right;	
	  max-width: 50%;	
  }
  .float_left {
	  margin: 0 1em 1em 0;
	  float: left;	
	  max-width: 50%;		  
  }
}
/* Bildrahmen */
.border img {
	padding: 1px;
	border: 1px solid #c1c1c1;
}
/* Bildunterschrift */
figcaption {
	margin-top: .3em;
	font-size: 90%;
}
/* Submit-, Zurück-, Normal-Button */
.button,
.back {
	margin-top: 40px;
}
.submit,
.button a,	
.back a {	
	cursor: pointer;
	display: inline-block;
	padding: .1em 1em .1em 1em;
	text-align: center;
	background-color: #696969;
	color: white;
	text-decoration: none;
}
.submit:hover,
.button a:hover,
.back a:hover {
	background-color: #404040;
	text-decoration: none;	
}
.submit {
	padding: .35em 1em .35em 1em;	
	border: none;
}

/* Paginierung */
.pagination {
	margin-top: 40px;
}
.pagination li {
	float: left;
	margin: 0 .2em .2em 0;
}
.pagination span.current,
.pagination a {
	display: block;
	padding: .1em .4em;
	text-align: center;
	background-color: #464646;
	color: white;
	text-decoration: none;
}
.pagination span.current,
.pagination a:hover {
	background-color: #09542e;
	text-decoration: none;
}

/**********************************************************************************
/* CONTAO-MODULE / -ELEMENTE
/**********************************************************************************/
/* Gallery-Element */
.ce_gallery ul {

}
.ce_gallery li {
	float: left;
	display: table;
	width: 33.33%;
}
.ce_gallery .lastInLine { /* li */
	
}

.ce_gallery .image_container {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 2%;	
}
.ce_gallery img {
	display: block;
	margin: 0 auto;
}

/**********************************************************************************
/* TEXTFORMATE (Inhaltsbereich)
/**********************************************************************************/
.mod_article  {
	margin-bottom: 2em;
}
.mod_article .block { /* Alle Contao-Elemente */
	margin-bottom: 2em;
	clear: both;
}
.mod_article {
	clear: both;	
}


/**********************************************************************************
/* FORMULARE
/**********************************************************************************/
form label {
    display: block;
    margin: 0 0 1px 0;
    cursor: pointer;
}
form label,
form legend {
	color: #6e6e6e;
}
form select,
form input[type="text"],
form input[type="email"],
form textarea,
form fieldset {
    border: 1px solid silver;
    padding: 0.2em 0.2em 0.2em 0.5em;
    background-color: #fff;
    margin-bottom: .75em;
	width: 100%;
}
form input.captcha {
    margin-bottom: 0;
}
form .captcha_text {
    clear: both;
    margin-bottom: -.5em;
    display: block;
}
form input[type=file] {
    margin-bottom: 1em;
}
form .submit_container {
	margin-top: 1.5em;
}
form p.error {
    color: #f58c03;
    margin: 0;
}
form textarea {
    height: 10em;
}
form fieldset {
    margin: 0 0 -0.4em 0;
	padding: 0;
	border: none;
}
form fieldset legend {
	margin-bottom: .3em;
}
form fieldset span {
    margin-right: 1em;	
	float: left;
	padding-bottom: 3px;
}
form fieldset legend span {
	float: none;
	margin: 0;
}
form span.mandatory {
	color: red;
	margin-left: .1em;
}
form fieldset label,
form fieldset input {
	float: left;
}
form fieldset label {
	color: #464646;
}
form fieldset .radio,
form fieldset .checkbox {
    margin: 2px .4em 0 0;
    vertical-align: bottom;
}
form fieldset .radio {
    margin-top: 1px;
}
form input::-webkit-file-upload-button {
    padding-top: .3em;
    font-size: 120%;
}
form select {
    -webkit-appearance: menulist-button;
}
/* Speziell Konaktformular */
.contactForm {
	width: 100%;
	max-width: 700px;
}
/**********************************************************************************
/* DATEN-TABELLEN
/**********************************************************************************/
.dataTable table {
	width: 100%;
}
.dataTable th,
.dataTable td {
    border-bottom: 1px solid #e9e9e9;
    padding: .3em .5em;
	vertical-align: top;
}
.dataTable thead th {
	color: white;	
	font-weight: 100;
	padding-top: .4em;
}
.dataTable tfoot td,
.dataTable thead th {
    background-color: #09542e;
}
.dataTable tbody th {
    background-color: #f8f8f8;
}
.dataTable tbody td {
	border-bottom: 1px solid #efefef;
}
.dataTable tbody {
    border: 2px solid white;			
	border-left: none;
	border-right: none;
}
.dataTable tfoot td {
    background-color: #efefef;
	border-bottom: none;
}

/**********************************************************************************
/* SITEMAP
/**********************************************************************************/
.mod_sitemap .level_2 ul {
	margin-left: .9em;		
}		
.mod_sitemap li {
	margin: 0;
	padding: .2em 0;
	position: relative;
}
.mod_sitemap li:first-child {
	margin-top: .3em;
}
.mod_sitemap .level_1 > li > a {
	color: #09542e;
}
.mod_sitemap .level_2 > li > a {
	color: #464646;
    background: url(../img/typography/li.png) no-repeat left .45em;    		
	padding-left: .7em;
}
.mod_sitemap li.submenu > a {
	font-weight: bold;
}

.mod_sitemap .level_3 li:before {
	content: "-";
	color: #5eac4d;
	padding-right: .5em;
	font-weight: bold;
}
.mod_sitemap .level_3 li:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-left: 1px solid #5eac4d;
}
.mod_sitemap .level_3 li.last:after {
	height: 53%;
}

/**********************************************************************************
/* LAYOUT
/**********************************************************************************/
.topBar {
	height: 22px;
	width: 100%;
	background-color: #efefef;
}
.wrapperFooter,
.wrapper {
   	max-width: 1064px;   	
	min-width: 320px;	
	margin: 0 auto;
}
.wrapper {
	margin-top: -27px;
   	position: relative;	
	min-height: 100%;
	margin-bottom: -35px;
}
.container {
    padding: 0 1%;	
}
.majorCol { 
	position: relative;
	float: left;
    width: 70%;
	padding-right: 5%;		
}
.minorCol {	
	position: relative;
	float: left;	
	width: 30%;		
}
.pageHeader {
	position: relative;
	height: 208px;
	padding: 0 5%;		
	background-color: white;			
}
.pageBody {
	padding: 4em 5%;
	background: url(../img/layout/pageBody.png) no-repeat right top, url(../img/layout/pageBody.png) no-repeat left top;
	min-height: 354px;	
}
.pageBody,
.footerBody {
	position: relative;
	background-color: white;	
} 
.pageFooter {
	position: relative;
	clear: both;
	background-color: #09542e;	
	font-size: 90%;
	color: white;	
}
.footer-copyright {
	position: absolute;
	bottom: 0;	
	width: 100%;	
	background-color: #77b238;		
	padding: 3px 10px 2px;
	height: 2px;	
}
.copyright-text {
	padding: 5px 0 0 5%;
}
@media only screen and (min-width: 640px) {
  .wrapper {
	  /* height: 100%;	*/
	  margin-bottom: -113px;		  
  }	
  .wrapper .minorCol {
	  padding-bottom: 30px;	
  }
  .pageBody {
	  padding-bottom: 140px;
  }
  .footerBody {
	  min-height: 111px;	
	  padding: 20px 40px 0 36px;
  }
  .pageFooter {
	  height: 118px;
	  overflow: hidden;
	  z-index: 1;	
  } 
  .pageFooter a {
	  color: inherit;
  } 
  .footer-copyright {
	  z-index: -1;
	  height: 22px;			
  }
  .footer-contact {
	  margin-top: 20px;
  }
  .copyright-text {
	  position: absolute;
	  bottom: -43px;
	  padding: 0;
  }
  .minorCol {
  	  margin-bottom: 150px;	  
  }
}

/**********************************************************************************
/* Suche
/**********************************************************************************/
.searchField .text {
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;			
	background: white url(../img/layout/loupe.png) no-repeat left 5px center;
	padding: 4px 5% 3px 30px;
	width: 100%;
	font-weight: 100;
	border: 3px solid #efefef;
}
/* Platzhalter - nicht zusammenfassen! */
.searchField ::-webkit-input-placeholder { /* WebKit browsers */
    color: #e7e7e7;
	font-style: italic;
}
.searchField :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #e7e7e7;
	font-style: italic;	
}
.searchField ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #e7e7e7;
	font-style: italic;	
}
.searchField :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #e7e7e7;
	font-style: italic;	
}

.searchList .searchresultBlock {
	padding-bottom: .4em;
	margin-bottom: 1em;
	border-bottom: 1px solid #efefef;
}
.searchList .formbody {
	width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #c1c1c1;
}
.searchList .submit {
	padding: .25em 1em .17em 1em;		
	position: relative;
}
.searchList .text {
	padding: .15em .4em .05em .4em;
}
.searchList .radio_container {
	margin-top: 1em;
}

.searchList .title span {
	color: #9e9e9e;
}
.searchList .header {
	margin: 30px 0 30px;
}
.searchList .url {
	font-size: 90%;
	color: #666666;
}

/* Logo und Foto */
.bp-logo {
	width: 547px;
	position: absolute;
	top: 90px;
	left: 5%;
}
.headerPhoto {
	border-bottom: 3px solid #efefef;
	position: relative;
	margin-bottom: 8px;
	background: #6ebaec; /* Old browsers */
	background: -moz-linear-gradient(top, #368dda 0%, #94d1f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#368dda), color-stop(100%,#94d1f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #368dda 0%,#94d1f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #368dda 0%,#94d1f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #368dda 0%,#94d1f9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #368dda 0%,#94d1f9 100%); /* W3C */
	max-width: 312px;
}
.headerPhoto img {
	display: block;
	position: relative; /* damit Fahne vor Balken kommt */
}
.headerPhoto .bar {
	position: absolute;
	top: 5px;
	height: 22px;
	width: 100%;	
	background: rgba(255, 255, 255, .2);
}

/* Buttons (Druck, Facebook, PDF) */
.printLink,
.pdf_link { /* Facebook und andere Dienste */
	position: absolute;
	right: 0;
	top: -24px;
}
.pdf_link {
	margin-right: 22px;
}


/**********************************************************************************
/* NAVIGATION
/**********************************************************************************/

/**********************************************************************************
/* Hauptnavigation (Header)
/**********************************************************************************/
.mainNav-header {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 110%;
}
.mainNav-header > .level_1 {
	background-color: #77b238;	
	padding-left: 2.5%;
	border-bottom: 3px solid #efefef;	
}
.mainNav-header > .level_1 > li {
	display: inline-block; 
    position: relative;   
    z-index: 0;	
	border: 1px solid transparent;  	
    padding-bottom: 6px; /* Abstand Hover-Menü */
    margin-bottom: -11px; /* Abstand Hover-Menü plus border */
	white-space: nowrap;

}
.mainNav-header > .level_1 > li > span,
.mainNav-header > .level_1 > li > a {
    display: block;
	padding: .2em 1em .05em;
    text-transform: uppercase;
    position: relative;
    z-index: 2;   
	text-decoration: none;	
	color: white;
	border-bottom: 3px solid transparent;
	border-top: 3px solid transparent;	
	margin-top: -5px;
}
.ie .mainNav-header > .level_1 > li > span,
.ie .mainNav-header > .level_1 > li > a {
	padding-bottom: .25em;
}
.mainNav-header .level_1 a:hover {
/*	background: #09542e;
	color: white;*/
}
/* Ausgewählter Menüpunkt */

.mainNav-header > .level_1 > li > a.trail,
.mainNav-header > .level_1 > li > span.trail,
.mainNav-header > .level_1 > li > span.active {
	color: #4c4c4c;
	border-top-color: #efefef;
	background-color: white;
}

.mainNav-header .level_1 li:hover span.trail,
.mainNav-header .level_1 li:hover span.active {
	background-color: white;
	color: inherit;
}	
.mainNav-header .level_1 li.submenu:hover {
	z-index: 1;
}
/* Lücke zu Submenü überbrücken */
.mainNav-header .level_1 li.submenu:hover:after {
	background-color: white;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;    
	position: absolute;
	z-index: 1;  
}
/* Elternpunkt bei Hover, falls Submenü */
.mainNav-header > .level_1 > li:hover > a.submenu,	
.mainNav-header > .level_1 > li:hover > a.trail {
	background-color: white;
	color: inherit;
}
	
@media only screen and (min-width: 1025px) {	
	.mainNav-header .level_1 li:hover ul {
    	left: -1px;
	}
	/* Hauptnavigation (Header) > DropDown-Menü */
	.mainNav-header .level_1 li.submenu,
	.mainNav-header .level_1 li.submenu > ul {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0);
	}
	.mainNav-header .level_1 li.submenu:hover,
	.mainNav-header .level_1 li.submenu:hover > ul {
		box-shadow: 0 0 10px rgba(0, 0, 0, .5);
		transition: box-shadow 0.2s ease-out; /* Explorer 10 */
		-webkit-transition: box-shadow 0.2s ease-out; /* Chrome & Safari */
		-moz-transition: box-shadow 0.2 ease-out; /* Firefox */
		-o-transition: box-shadow 0.2 ease-out; /* Opera */			
		
		border: 1px solid #acacac;			
	}
}
.mainNav-header .level_1 li > ul {
    position: absolute;   
    left: -9999px;  
    background-color: white;
	margin-top: 5px; /* Abstand Hover-Menü -1 */	
	padding-bottom: .5em;
	padding-top: .5em;
}
.mainNav-header ul ul span,
.mainNav-header ul ul a {
    display: block;
	padding: .3em 2em .25em 1em;
    white-space: nowrap;   
	min-width: 9em;
	text-decoration: none;	
	color: #4c4c4c;
	font-size: 100%;	
}
/* Submenü */
.mainNav-header ul ul span.active,   
.mainNav-header ul ul a:hover {    
	background: #09542e;
	color: white;
}
/* aktiver Menüpunkt Submenü */
.mainNav-header ul ul span.forward,
.mainNav-header ul ul a.trail,
.mainNav-header ul ul span.active {
	font-weight: bold;
}

/**********************************************************************************
/* Hauptnavigation zweite Ebene (linke Spalte) 
/**********************************************************************************/
.mainNav-secondLevel {
	border-top: 3px solid #77b238;
	margin-top: 40px;
}
.mainNav-secondLevel ul {
	margin: 0;
	padding: 0;
}
.mainNav-secondLevel li {
	position: relative;
}
.mainNav-secondLevel .level_1 > li > a:hover {
	background-color: #09542e;
	text-decoration: none;
	color: white;
}
.mainNav-secondLevel span,
.mainNav-secondLevel a {
    display: block;
    padding: .4em 3% .2em 7%;
	text-decoration: none;	
	color: inherit;
	margin: 1px 0;
}
.ie .mainNav-secondLevel span,
.ie .mainNav-secondLevel a {
	padding-top: .2em;
}
.mainNav-secondLevel .level_1 > li > span,
.mainNav-secondLevel .level_1 > li > a {
	background-color: #efefef;
}
.mainNav-secondLevel .level_1 > li > a {
	background-color: #efefef;
}
.mainNav-secondLevel .level_2 {
	background-color: #fbfbfb;
}
.mainNav-secondLevel li > span:before,
.mainNav-secondLevel li > a:before {
	position: absolute;
	content: "";
	margin-left: -10px;
	top: .6em;
	width: 5px;
	height: 100%;
	background: transparent url(../img/mainNav-sub/li.png) no-repeat;	
}
.mainNav-secondLevel li.submenu > span:before,
.mainNav-secondLevel li.submenu > a:before {
	margin-left: -13px;
	width: 9px;
	top: .7em;
	background-image: url(../img/mainNav-sub/li-submenu.png);	
}
.mainNav-secondLevel .level_1 > li.submenu  > a:hover:before {
	background-image: url(../img/mainNav-sub/li-hover-submenu.png);	
}
.mainNav-secondLevel .level_1 span:before,
.mainNav-secondLevel .level_1 a:before {
	margin-left: -13px;
	width: 9px;
	background-image: url(../img/mainNav-sub/li.png);	
}
.mainNav-secondLevel .level_1 > li > a:hover:before {
	background-image: url(../img/mainNav-sub/li-hover.png);	
}
.mainNav-secondLevel .level_2 span:before,
.mainNav-secondLevel .level_2 a:before {
	top: .4em;	
}
.mainNav-secondLevel .level_2 a:hover  {
	text-decoration: underline;		
}
/* Feinjustierung */
.mainNav-secondLevel .level_2 > li.first {
	padding-top: .08em;
}
.mainNav-secondLevel .level_2 span,
.mainNav-secondLevel .level_2 a {
    padding: .15em 3% .2em 12%;	
}

.mainNav-secondLevel .level_3 span,
.mainNav-secondLevel .level_3 a {
    padding-left: 17%;
}
.mainNav-secondLevel .level_4 span,
.mainNav-secondLevel .level_4 a {
    padding-left: 22%;
}
.mainNav-secondLevel li span.active {
	color: #09542e;
    font-weight: bold;	
}

/**********************************************************************************
/* Nebennavigation (Header) 
/**********************************************************************************/
.secNav-merger {
	position: absolute;	
	top: 5px;
	left: 0;
	width: 100%;
	height: 22px;
	background-color: #f5f5f5;	
}
.toggleView {
	float: right;
	margin: 2px 5% 0 0;
	font-size: 90%;
}
.toggleView a {
	text-decoration: none;	
	color: #606060;
}
.secNav ul {
	margin-left: 5%;
}
.secNav li {    
    float: left;        
    padding-right: 9px;
	margin-right: 4px;
    background: transparent url(../img/secNav/li.png) no-repeat right center;
}
.secNav li:last-child {
    background-image: none;
}
.secNav a,
.secNav span {
    display: block;
    padding: .1em 0;
	text-decoration: none;	
	color: #606060
}
.ie .secNav a,
.ie .secNav span {
	padding-top: 0;
}
.secNav a:hover {
    text-decoration: underline;
}
.secNav span.forward,
.secNav span.active {
	color: #53961a;
}

/**********************************************************************************
/* MEDIA QUERIES (Viewport-Anpassung)
/**********************************************************************************/
@media only screen and (min-width: 640px) and (max-width: 950px) {
	body {
		font-size: 90%;
	}
	.copyright-text {
	  	bottom: -48px;
  	}		
	.photo {
		max-width: 40%;
	}
	.container {
		padding: 0 .5%;
	}
	.majorCol {
		padding-right: 3%;
	}	
	.pageHeader {
		height: 160px;
	}	
	.bp-logo {
		top: 55px;
		max-width: 80%;
		min-width: 380px;		
	}		
}
@media only screen and (max-width: 639px) {
	body {
		font-size: 80%;
	}
	.ce_text p,
	.mceContentBody p {
		text-align: left;
	}
	.photo {
		max-width: 40%;
	}
	.container {
		padding: 0;
	}	
	.majorCol {
		padding-right: 0;
		float: none;
		width: auto;
	}
	.wrapperFooter .majorCol,
	.footer-contact,
	.wrapper .minorCol {
		display: none;
	}
	.pageBody {
		min-height: 0;
	}
	.wrapperFooter .minorCol {
		float: none;
		width: 100%;
	}
	.pageHeader {
		height: 120px;
	}
	.bp-logo {
		top: 46px;
		left: 5%;
		max-width: 60%;
		min-width: 250px;		
	}	
	.secNav ul {
		margin-top: 2px;
	}
	.toggleView {
		font-size: 80%;
	}
}

/**********************************************************************************
/* MEDIA-QUERIES (Druck-Anpassung)
/**********************************************************************************/
@media print {
	body {
		color: black !important;
        font-size: 10pt !important;				
		padding: 2em 1em;
	} 
	a {
		color: inherit !important;
	}
	.pageFooter,
	.button,
	.pageHeader,
	.minorCol,
	.pageFooter,
	form,
	.printLink,
	.pdf_link {
		display: none;
	}
	.majorCol {
        padding: 0;
		margin: 0;
		float: none;
	    width: 90%;    
	}
	.pageBody {
		padding: 0;
		border: none;
		min-height: 0;
	}	
}

/**********************************************************************************
/* Virtuelle Spaltenerzeugung mittels CSS (sinnvoll für einzelne Inhaltselemente)
/**********************************************************************************/
div,
li {
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	page-break-inside: avoid;
	column-break-inside: avoid;	
	break-inside: avoid;
}
.divide {
	-moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;	
}
.divide-3parts {
	-moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;	
}
@media only screen and (max-width: 1024px) {
  /* Aus 3 mach 2 .... */
  .divide-3parts {
	  -moz-column-count: 2;
	  -webkit-column-count: 2;
	  column-count: 2;	
  }
  /* Aus 2 mach 0 .... */
  .divide {
	  -moz-column-count: 1;
	  -webkit-column-count: 1;
	  column-count: 1;	
  }  
}

/**********************************************************************************
/* Mehrere Artikel in 2 oder 3 Spalten darstellen - Responsive (Desktop / Tablet)
/**********************************************************************************/
@media only screen and (min-width: 1025px), print {
  .mod_article.desktop-fill, 
  .mod_article.desktop-1-3,
  .mod_article.desktop-1-2,
  .mod_article.desktop-2-3 {
	  float: left;
	  padding-right: 3%;
  }
  .mod_article.desktop-1-3 {
	  width: 33.33%;
  }
  .mod_article.desktop-1-2 {
	  width: 50%;
  }
  .mod_article.desktop-2-3 {
	  width: 66.66%;
  }
  .mod_article.desktop-1-3 + .mod_article,
  .mod_article.desktop-1-2 + .mod_article,
  .mod_article.desktop-2-3 + .mod_article,
  .mod_article.desktop-fill + .mod_article {
	  clear: both;
  }  
  .mod_article.desktop-fill {
	  padding-right: 0;
  }
  .mod_article.desktop-fill,  
  .mod_article.desktop-1-3 + .mod_article.desktop-1-3 {
	  padding-left: 3%;	    
	  clear: none !important;	  
  }  
  .mod_article.desktop-1-3 + .mod_article.desktop-fill {
	  width: 66%;
  }  
  .mod_article.desktop-1-2 + .mod_article.desktop-fill {
	  width: 50%;	
  }  
  .mod_article.desktop-2-3 + .mod_article.desktop-fill {
	  width: 33%;
  }
  .mod_article.desktop-1-3 + .mod_article.desktop-1-3 + .mod_article.desktop-fill {
	  width: 33%;
  }
  .mod_article.desktop-fill {
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px), print {
  .mod_article.pad-fill, 
  .mod_article.pad-1-3,
  .mod_article.pad-1-2,
  .mod_article.pad-2-3 {
	  float: left;
	  padding-right: 3%;
  }
  .mod_article.pad-1-3 {
	  width: 33.33%;
  }
  .mod_article.pad-1-2 {
	  width: 50%;
  }
  .mod_article.pad-2-3 {
	  width: 66.66%;
  }
  .mod_article.pad-1-3 + .mod_article,
  .mod_article.pad-1-2 + .mod_article,
  .mod_article.pad-2-3 + .mod_article,
  .mod_article.pad-fill + .mod_article {
	  clear: both;
  }  
  .mod_article.pad-fill {
	  padding-right: 0;
  }
  .mod_article.pad-fill,  
  .mod_article.pad-1-3 + .mod_article.pad-1-3 {
	  padding-left: 3%;	    
	  clear: none !important;	  
  }  
  .mod_article.pad-1-3 + .mod_article.pad-fill {
	  width: 66%;
  }  
  .mod_article.pad-1-2 + .mod_article.pad-fill {
	  width: 50%;	
  }  
  .mod_article.pad-2-3 + .mod_article.pad-fill {
	  width: 33%;
  }
  .mod_article.pad-1-3 + .mod_article.pad-1-3 + .mod_article.pad-fill {
	  width: 33%;
  }
}

/**********************************************************************************
/* Inhaltselement „Downloads“
/**********************************************************************************/
.ce_downloads li {
	border-bottom: 1px solid #efefef;
	padding-bottom: .6em;
	margin-bottom: .6em;	
}
.ce_downloads .text {
	margin-bottom: .3em;	
	padding-left: 10px;
    background: url(../img/typography/li.png) no-repeat left .5em;    	
}
.ce_downloads .title {
	font-weight: bold;
}
.ce_downloads .caption {
	/* wie Basistext */
}
.ce_downloads .link {
	margin-left: .65em;
}
.ce_downloads .size {
	color: #c1c1c1;	
	margin-left: .5em;
}

/**********************************************************************************
/* Inhaltselement „Veranstaltungen“
/**********************************************************************************/
.veranstaltungen-liste {
	border-bottom: 1px solid #efefef;
	padding-bottom: .6em;
	margin-bottom: .6em;	
}
.veranstaltungen-liste:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.veranstaltungen-liste .title {
	font-weight: bold;
	color: #09542e;	
	margin-bottom: .3em;	
}
.veranstaltungen-liste .location {	
	/**/
}
.veranstaltungen-liste .date {	
	padding-left: 14px;
	background: transparent url(../img/content/veranstaltungen/calendar.png) no-repeat left center;
}
.veranstaltungen-liste .more a {
	padding-right: 15px;
 	background: url(../img/content/aktuelles/deepLink.png) no-repeat right center;	
}
.veranstaltungen-liste .more a:hover {
	background-image: url(../img/content/aktuelles/deepLink-hover.png);
}

.veranstaltungen-leser .info {
	margin-bottom: 1.5em;	
}

/**********************************************************************************
/* Inhaltselement „Nachrichten“
/**********************************************************************************/
.nachrichten-liste {
	border-bottom: 1px solid #efefef;
	padding-bottom: .6em;
	margin-bottom: .6em;	
}
.nachrichten-liste:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.nachrichten-liste .title {
	font-weight: bold;
	margin-bottom: .3em;	
}
.nachrichten-liste .subtitle a {
	padding-right: 15px;
 	background: url(../img/content/aktuelles/deepLink.png) no-repeat right center;	
}
.nachrichten-liste .subtitle a:hover {
	background-image: url(../img/content/aktuelles/deepLink-hover.png);
}

/**********************************************************************************
/* Inhaltselement „Artikel-Liste“
/**********************************************************************************/
.ce_article_list li {
    margin: .15em 0 1em 0;
    padding-left: 10px;	
    background: url(../img/typography/li.png) no-repeat left .5em;    
}
.ce_article_list li p { /* Teaser */
	margin-top: .3em;
}
.ce_article_list a {
	padding-right: 15px;
 	background: url(../img/content/aktuelles/deepLink.png) no-repeat right center;	
}
.ce_article_list a:hover {
	background-image: url(../img/content/aktuelles/deepLink-hover.png);
}

/**********************************************************************************
/* Anpassung Button für Kontakt-Adressen
/**********************************************************************************/
.address-contact-button {
	margin-top: 1em;
}

/**********************************************************************************
/* Inhaltselement „Logo“
/**********************************************************************************/
.logo {
	background-color: white;
	margin-top: 50px;
	border: 3px solid #efefef;
	max-width: 100%;
	padding: 5% 15% 3% 15%;
/*	margin-bottom: 120px;	*/
}

/**********************************************************************************
/* Inhaltselement „Text-Bild-Link“ (Team-Steckbrief)
/**********************************************************************************/
.teamSteckbrief {
	float: left;	
	margin: 1em 1% 0 0;
	border-bottom: 1px solid #efefef;
	display: table;
	width: 48%;
	height: 160px;
}
.teamSteckbrief:nth-child(odd) {
	margin-left: 2%;
}
.teamSteckbrief.last {
	border-bottom: none;
}
.teamSteckbrief .textbox-imageBlock {
	display: table-cell;
	width: 35%;
	padding-right: 5%;
	vertical-align: top;
	text-align: center;
}
.teamSteckbrief .textbox-textBlock {
	display: table-cell;
	vertical-align: top;	
}
.teamSteckbrief .textbox-name {
	font-weight: bold;
	color: #2d825a;
}

/**********************************************************************************
/* Modul „Newslist“ und "Newsreader"
/**********************************************************************************/
.mod_newslist time {
	margin-right: 1em;
}
.mod_newsreader .info {
	margin-bottom: 2em;
	font-size: 90%;
	color: #888;
}

/**********************************************************************************
/* Inhaltselement „Text-Bild-Link“ (Link-Liste)
/**********************************************************************************/
.linkList {
	margin-bottom: 1em;	
	padding-bottom: 1em;	
	border-bottom: 1px solid #77b238;
	display: table;
	width: 100%;
}
.linkList.last {
	border-bottom: none;
}
.linkList .textbox-textBlock {
	display: table-cell;
}
.linkList .textbox-name {
	margin-bottom: .5em;
	font-weight: bold;
}
.linkList .textbox-text {
	margin-bottom: .3em;
}
.linkList .textbox-links {
    list-style: outside square;
	margin-left: 30px;
}