/* pt-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v11-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('../fonts/pt-sans-v11-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v11-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v11-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v11-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v11-latin-ext_latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v11-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('../fonts/pt-sans-v11-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v11-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v11-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v11-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v11-latin-ext_latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* Allgemeine Stildefinitionen */
* {
  font-size: 100.1%;
  /*font-family: arial, helvetica, sans-serif;*/
  font-family: 'PT Sans',arial, helvetica, sans-serif;
  margin: 0; padding: 0;
}
html {
	height:100%;
}
body {
	height:100%;
	font-size: 0.75em;
	text-align: center;
	color: #666666;
	background: url(../layout/schatten.jpg) no-repeat center top;
}
a img {
	border: 0;
}
.clear {
	font-size: 1px; height: 1px;
	overflow: hidden;
	clear: both;
}
sub, sup {
	font-size: 0.6em;
}
label, .toggler {
	cursor: pointer;
}
td, th {
	vertical-align: top;
}
.onlyprint  {
	display: none;
}
img.mime_icon {
	vertical-align:middle;
}
.invisible {
	width: 0px; height: 0px; overflow: hidden;
	position: absolute; left: -1000px; top: -1000px;
	display: inline;
}

/*
  Definition der Inhaltsboxen, vor allem
  - Größe und Position
  - Hintergrundbilder/-farbe
  - Abstände zum Text
  - Abstände zu anderen Boxen
*/
#wrapper {
	text-align: left; position: relative;
	margin: 0 auto 0 auto;
	width: 954px; w\idth: 950px;
	padding: 0 2px;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height: auto !important; /* Important Regel für moderne Browser */
	height: 100%; /* Mindesthöhe für den IE */ 
	background: url(../layout/wrapperbg.gif) repeat-y left top;
}
#header {
	width: 950px; height: 185px;
	position: relative;
	background: url(../layout/headbg.jpg) no-repeat top left;
}
#container {
	width: 950px; position: relative;
}
#main {
	width: 648px; float: left;
	margin-bottom: 30px;
}
#left {
	width: 255px; float: left;
	padding-top: 15px;
	margin-left: 23px;
	margin-bottom: 20px;
}
#footer {
	position: fixed; bottom: 0;
	clear: both; 
	width: 900px; height: 30px; w\idth: 895px; he\ight: 25px;
	padding: 6px 0 0 8px;
	margin-left: 25px;
	color: #9c9d9f;
	background:-moz-linear-gradient(top, #dadadb, #fff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#dadadb), to(#fff)); /* Safari, Chrome */
	background:-webkit-linear-gradient(top, #dadadb, #fff); /* Safari, Chrome - neue Syntax! */
	background:-o-linear-gradient(top, #dadadb, #fff); /* Opera */
	background:-ms-linear-gradient(top, #dadadb, #fff); /* IE */
	background:linear-gradient(top, #dadadb, #fff); /* W3C Standard */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadadb', endColorstr='#ffffff');
}

/* Logo im Header */
#header #headlogo {
	margin: 0 0 0 280px;
	padding: 20px 0 0 0;
} 
#header #btnhome a {
	position: absolute; top: 144px; left: 25px;
	display: block; width: 25px; height: 23px; he\ight: 0;
	padding-top: 23px; overflow: hidden;
	background: url(../layout/btnHome.gif) no-repeat left top;
	-moz-box-shadow: 1px 1px 2px #333;
	-webkit-box-shadow: 1px 1px 2px #333;
	box-shadow: 1px 1px 2px #333;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333');
}

/* Hauptspalte: Navigation */
#main .mod_navigation {
	position: relative;
	height: 100px;
}
#main .mod_navigation ul {
	height: 44px; display: block; list-style: none; margin: 0;
	background:-moz-linear-gradient(top, #fff, #c5c7c8); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#c5c7c8)); /* Safari, Chrome */
	background:-webkit-linear-gradient(top, #fff, #c5c7c8); /* Safari, Chrome - neue Syntax! */
	background:-o-linear-gradient(top, #fff, #c5c7c8); /* Opera */
	background:-ms-linear-gradient(top, #fff, #c5c7c8); /* IE */
	background:linear-gradient(top, #fff, #c5c7c8); /* W3C Standard */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c5c7c8');
	background-color: #c5c7c8;
}
#main .mod_navigation li {
	display: inline-block; height: 44px; overflow: hidden; 
	zoom: 1;
    *display: inline;
    background: url(../layout/mentrennlinie.gif) no-repeat 0px 7px;
}
#main .mod_navigation li.first {
	background: none;
}
#main .mod_navigation li a {
	height: 44px; he\ight: 18px; overflow: hidden; 
	padding: 13px 10px 13px 12px;
	z-index: 10; position: relative; display: block;
	/*font-family: 'Frutiger Roman', 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif;*/
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #707172;
	font-size: 1.2em;
	text-shadow: #fff 1px 1px 1px;
	text-decoration: none;
}
#main .mod_navigation li a.active,
#main .mod_navigation li a.trail {
	color: #027873;
	z-index: 10; position: relative;
	background-image:-moz-linear-gradient(top, #c8e5e2, #4ab7b1); /* Firefox */
	background-image:-webkit-gradient(linear, left top, left bottom, from(#c8e5e2), to(#4ab7b1)); /* Safari, Chrome */
	background-image:-webkit-linear-gradient(top, #c8e5e2, #4ab7b1); /* Safari, Chrome - neue Syntax! */
	background-image:-o-linear-gradient(top, #c8e5e2, #4ab7b1); /* Opera */
	background-image:-ms-linear-gradient(top, #c8e5e2, #4ab7b1); /* IE */
	background-image:linear-gradient(top, #c8e5e2, #4ab7b1); /* W3C Standard */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8e5e2', endColorstr='#4ab7b1');
	background-color: #c8e5e2;	
	background-position: 0 0;
}
#main .mod_navigation li a:hover {
	color: #027873;
}
#main .mod_navigation li.active,
#main .mod_navigation li.trail {
	
}
#main .mod_navigation ul ul {
	display: none; 
	width: 648px;
	height: 30px; position: absolute; top: 44px; left: 0;  z-index: 5;
	background-image:-moz-linear-gradient(top, #4ab7b1, #009c95); /* Firefox */
	background-image:-webkit-gradient(linear, left top, left bottom, from(#4ab7b1), to(#009c95)); /* Safari, Chrome */
	background-image:-webkit-linear-gradient(top, #4ab7b1, #009c95); /* Safari, Chrome - neue Syntax! */
	background-image:-o-linear-gradient(top, #4ab7b1, #009c95); /* Opera */
	background-image:-ms-linear-gradient(top, #4ab7b1, #009c95); /* IE */
	background-image:linear-gradient(top, #4ab7b1, #009c95); /* W3C Standard */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ab7b1', endColorstr='#009c95');
	background-color: #4ab7b1;
	-moz-box-shadow: 0 -7px 4px -3px #aaa;
	-webkit-box-shadow: 0 -7px 4px -3px #aaa;
	box-shadow: 0 -7px 4px -3px #aaa;
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#aaaaaa');
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#aaaaaa');
}
#main .mod_navigation li.active ul,
#main .mod_navigation li.trail ul {
	display: block;
}
#main .mod_navigation li li {	
	background: none;
}
#main .mod_navigation li li.active,
#main .mod_navigation li li.trail {
	background: none;
	filter: none;
}
#main .mod_navigation li li a {
	height: 30px; he\ight: 16px;
	padding: 7px 14px;
	text-transform: none;
	color: #bae0dd; font-size: 1.1em;
	text-shadow: none;
}
#main .mod_navigation li li a.active,
#main .mod_navigation li li a.trail,
#main .mod_navigation li li a:hover {
	color: #ffffff;
	background: none;
	filter: none;
}
/* Sonderregeln für seitenspezifische Menüs */
.alaid #main .mod_navigation li.events,
.events #main .mod_navigation li.mitgliedschaft,
.mitgliedschaft #main .mod_navigation li.kontakt {
	background: none;
}



/* linke Spalte, News und Events */
#left .mod_box_items {
	width: 233px; 
	border: 1px solid #d9dadb;
	background:-moz-linear-gradient(top, #fff, #e7e9e9); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e9e9)); /* Safari, Chrome */
	background:-webkit-linear-gradient(top, #fff, #e7e9e9); /* Safari, Chrome - neue Syntax! */
	background:-o-linear-gradient(top, #fff, #e7e9e9); /* Opera */
	background:-ms-linear-gradient(top, #fff, #e7e9e9); /* IE */
	background:linear-gradient(top, #fff, #e7e9e9); /* W3C Standard */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e9e9');
	margin-bottom: 20px;
	-moz-box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	box-shadow: 1px 1px 2px #ccc;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333');
}
#left .mod_box_items .ce_text {
	border: 1px solid #fff;	
}
#left .mod_box_items a.events {
	padding: 8px 10px; display: block;
	background: #9c9d9f;
	color: #fff; text-decoration: none;
}
#left .mod_box_items a.events:hover {
	font-weight: bold;
}
#left .mod_box_items .mod_newslist,
#left .mod_box_items .mod_eventlist {
	padding: 2px 10px 8px 10px;
}
#left .mod_box_items .mod_newslist div,
#left .mod_box_items .mod_eventlist div {
	padding: 10px 0 10px 0;
	background: url(../layout/trennerbg.gif) repeat-x left top;
}
#left .mod_box_items h2 {
	/*font-family: 'Frutiger Roman', 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif;*/
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	padding: 8px 10px 2px 10px;
	text-transform: uppercase;
	color: #009c95; 
	margin-bottom: 4px;
	font-weight: normal; font-size: 1.2em;
}
#left .mod_box_items div div h2 {
	/*font-family: 'Frutiger Roman', 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif;*/
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	color: #9c9d9f; padding: 0; margin-bottom: 1px;
}
#left .mod_box_items div div a {
	color: #009c95; text-decoration: none;
}
#left .mod_box_items div div h2 a {
	/*font-family: 'Frutiger Roman', 'FrutigerLTW01-55Roman', Arial, Helvetica, sans-serif;*/
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	color: #9c9d9f;
}
#left .mod_box_items div div span {
	color: #9c9d9f; 
	font-weight: normal; font-size: 1.2em;
}



/* Standard-Stilangaben */
#main h1 {
  font-size: 1.5em;
  margin-bottom: 1em;
  color: #009c95;
  font-weight: normal;
}
#main h2 {
  font-size: 1.2em;
  margin-bottom: 0.8em;
  color: #009c95;
}
#main h3 {
  font-size: 1.2em;
  margin-bottom: 0.8em;
}
#main p, #main table, #main .ce_text ul, #main .ce_text ol {
  margin-bottom: 1em;
}
#main .ce_text ul, #main .ce_text ol {
  margin-left: 1.5em;
}
#main a, span#googleOptOut {
	color: #076c66;
	cursor: pointer;
}
#main .green {
	color: #009c95;
}
#main .ce_toplink {
	position: absolute; bottom: 50px; left: 953px;
	width: 23px; height: 25px;
	-moz-box-shadow: 1px 1px 2px #333;
	-webkit-box-shadow: 1px 1px 2px #333;
	box-shadow: 1px 1px 2px #333;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#333333');
}
#main .ce_toplink a {
	display: block;
	width: 23px; height: 25px; he\ight: 0px;
	overflow: hidden; padding-top: 25px;
	background: url(../layout/btnNachoben.gif) no-repeat left top;
}
#main .ce_download {
	padding: 8px 17px 8px 17px;
	margin-bottom: 3px;
	background:-moz-linear-gradient(top, #fff, #eceded); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eceded)); /* Safari, Chrome */
	background:-webkit-linear-gradient(top, #fff, #eceded); /* Safari, Chrome - neue Syntax! */
	background:-o-linear-gradient(top, #fff, #eceded); /* Opera */
	background:-ms-linear-gradient(top, #fff, #eceded); /* IE */
	background:linear-gradient(top, #fff, #eceded); /* W3C Standard */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eceded');
}
#main .ce_download h3 {
	margin: 0 0 0.1em 0;
	text-transform: uppercase;
	font-weight: normal;
}
#main .ce_download img {
	display: none;
}
#main .ce_download a {
	text-decoration: none;
}
#main .ce_download a:after {
	content: ' »';
	font-size: 1.1em;
}
#main .mod_eventlist .event {
	margin-bottom: 2.5em;
}


/* Seitenwahl */
#main .pagination {
  margin: 0;
  padding: 0;
}
#main .pagination p {
  margin: 0;
  padding: 0;
}
#main .pagination ul {
  margin: 0; padding: 0;
  list-style: none;
}
#main .pagination ul li {
  float: left;
  margin: 0 0.8em 0 0;
  padding: 0;
  background: none;
}
#main .pagination ul li .pagination_current {
  color: #666;
  font-weight: bold;
}

/* Formulare */
#main .formbody {
	margin-top: 40px;
}
#main .formbody label {
  clear: left;
  display: block; float: left;
  width: 150px;
  color: #009c95;
  margin: 0px 0px 7px 0px; padding: 1px;
}
#main p.error,
#main span.error {
  color: #ff0000;
  font-weight: bold;
}
#main .formbody div.error,
#main .formbody label.error {
  color: #ff0000;
}
#main .formbody input.captcha,
#main .formbody input.text {
	width: 390px;
	margin: 0px 0px 7px 0px;
	padding: 1px;
	border: 1px solid #008d86;
	-moz-box-shadow: 1px 1px 1px #ddd inset;
	-webkit-box-shadow: 1px 1px 1px #ddd inset;
	box-shadow: 1px 1px 1px #ddd inset;
}
#main .formbody input.captcha {
  width: 60px;
}
#main .formbody input.error {
  border-color: #ff0000;
}
#main .formbody select {
	width: 390px;
	margin: 0px 0px 7px 0px;
	padding: 1px;
	border: 1px solid #008d86;
	-moz-box-shadow: 1px 1px 1px #ddd inset;
	-webkit-box-shadow: 1px 1px 1px #ddd inset;
	box-shadow: 1px 1px 1px #ddd inset;
}
#main .formbody textarea {
	width: 390px; height: 100px;
	margin: 0px 0px 7px 0px;
	padding: 1px;
	border: 1px solid #008d86;
	-moz-box-shadow: 1px 1px 1px #ddd inset;
	-webkit-box-shadow: 1px 1px 1px #ddd inset;
	box-shadow: 1px 1px 1px #ddd inset;
}
#main .formbody label.error {
  font-weight: bold;
  color: #ff0000;
}
#main .formbody .checkbox_container {
  padding-left: 110px;
}
#main .formbody .checkbox_container span {
  clear: left;
  display: block;
  margin-bottom: 1px;
}
#main .formbody .checkbox_container input.checkbox {
}
#main .formbody .checkbox_container label {
  display: inline; float: none;
  width: 300px;
}
#main .formbody .widget-submit {
	margin: 5px 0px 0px 431px;
}
#main .formbody input.submit,
#main .formbody button.submit {
	background-color: #019c96;
    color: #fff;
    padding: 5px 15px;
    font-weight: bold;
    font-size: 1.1em;
    border: none;
    cursor: pointer;
}
#main .formbody input.submit:hover,
#main .formbody button.submit:hover {
	background-color: #005f5b;
}
#main .formbody br {
  clear: left;
  font-size: 1px; height: 1px;
}


/* Footer: Copyright-Hinweis / Adresse / Service-Navigation */
#footer a.impressum {
	color: #9c9d9f;
	text-decoration: none;
	padding-left: 13px;
	margin-left: 11px;
	background: url(../layout/linkbg.gif) no-repeat left 2px;
}
#footer a.impressum:hover {
	color: #009c95;
}

#main p.download-element {
	margin-bottom: 0;
}
li.download-element {
	margin-bottom: 1em;
}
li.download-element:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    width: 18px;
}
li.download-element.ext-pdf:before {
	background-image: url('../../assets/contao/images/iconPDF.svg');
}

.cookiebar__button {
    background-color: #009c95;
}

.cookiebar__button:hover {
    background-color: #05807a;
}