@charset "utf-8";

/* ------------------------------------------------------------------------- Fonts ----------------------------------------------------------------------------------- */

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

.regular { font-weight: 400; }
.medium { font-weight: 500; }
.semi_bold { font-weight: 600; }
.bold { font-weight: 700; }
.black { font-weight: 900; }

/* ------------------------------------------------------------------------- Basic ----------------------------------------------------------------------------------- */

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

* {	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { height:100%; min-height: 100%; }
body { margin: 0; padding: 0; overflow-y:scroll; position: relative; width: 100%; height: 100%; min-height: 100%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: #414141; background: #fff; }
/* Muli,Raleway,Open+Sans,Heebo */

h1, h2, h3, h4, h5, h6, p, a, b, strong, i, blockquote, ul, ol, li, form, input, textarea, div, img, hr, span, section, header, hgroup, address, main, nav, article, aside, footer { transition: 500ms; }

section { display: block; clear: both; }
header { display: block; }
hgroup { display: block; }
address { display: block; }
main { display: block; }
nav { display: block; }
article { display: block; }
aside { display: block; }
footer { display: block; }
video { display: block; }

h1 { margin: 0 0 1em 0; padding: 26px 0; font-size: 30px; line-height: 32px; font-weight: 900; font-style: normal; border-bottom: solid 1px #414141; border-top: solid 1px #414141;}
h2 { margin: 0 0 1em 0; padding: 26px 0; font-size: 30px; line-height: 32px; font-weight: 900; font-style: normal; border-bottom: solid 1px #414141; border-top: solid 1px #414141;}
h3 { margin: 0 0 10px 0; font-size: 24px; line-height: 32px; font-weight: 900; font-style: normal; }
h4 { margin: 0 0 10px 0; font-size: 17px; line-height: 22px; font-weight: 900; font-style: normal; text-transform: uppercase; }
h5 { margin: 0 0 10px 0;  font-size: 17px; line-height: 22px; font-weight: 500; font-style: normal; text-transform: uppercase; }
h6 { margin: 0 0 0 0; font-size: 1em; line-height: 1.5em; font-weight: 100; letter-spacing: 4px; color: rgb(255,255,255); position: relative; transition: 600ms 0ms; top: 80px; visibility: hidden; opacity: 0.0; }

p { margin: 0 0 0 0; padding: 0; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
p a { text-transform: none;text-decoration: underline; }

a { text-decoration: none; color: #414141; text-transform: uppercase; }
a:hover { border-bottom: none; color: #0099cc;}

b, strong {  font-weight: normal; font-style: normal; font-weight: 700; }
i {  font-weight: normal; font-style: normal; }

blockquote { margin: 0 44px; }

ul { margin: 0 0 0 0; padding: 0 0 0 22px; }
ol { margin: 0 0 0 0; padding: 0 0 0 22px; }
li { /*list-style: none;*/ }

form { text-align: left; }
form br { clear: both; }

label { float: left; margin: 0 20px 2px 0; line-height: 1.6em; }
input { border: none; padding: 0; background: #eceded; width: 100%; font-size: 1em; padding: 15px 20px; margin: 0 0 10px 0; text-transform: uppercase;  }
textarea { background: #eceded; border: none; padding: 15px 20px; width: 100%; display: block; min-height: 300px; text-transform: uppercase; font-family: inherit; font-size: inherit; }

input[type=submit] { width: auto; background: #fabb00; padding: 14px 20px; color: #FFF; cursor: pointer; margin: 50px 0 0; }
input[type=submit]:hover { background: #ed7703; }

.formbox { padding: 0 0 60px 0; }

/* Radio + Checkbox */
.radio, .checkbox { display: none; }
.radio + label, .checkbox + label { -webkit-appearance: none; background: rgb(254,210,36); border-radius: 2px; width: 100%; display: inline-block; position: relative; margin: 5px 14px 0 0; width: 22px; height: 22px; }
.radio:checked + label, .checkbox:checked + label { background: rgb(254,210,36) url(../_img/icon_check.png) no-repeat center; }

.searchbar input { background: transparent url(../_img/icon_search.png) no-repeat right; padding: 15px 60px 15px 20px; background-size: 41px; border: solid 1px #ffffff; color: #ffffff; }

.searchbar ::-webkit-input-placeholder { color: #ffffff; opacity: 1.0; }
.searchbar :-moz-placeholder { color: #ffffff; opacity: 1.0; }
.searchbar ::-moz-placeholder { color: #ffffff; opacity: 1.0; }
.searchbar :-ms-input-placeholder { color: #ffffff; opacity: 1.0; }

.dropdown { cursor: pointer; background: transparent url(../_img/icon_dropdown.png) no-repeat right; background-size: 35px; border: solid 1px #ffffff; text-transform: uppercase; color: #ffffff; }
.dropdown.active { background: transparent url(../_img/icon_close.png) no-repeat right; background-size: 35px; }
.dropdown .text { padding: 12px 60px 13px 20px; }
.dropdown_content { background: #0099cc; position: absolute; width: 100%; left: 0; top: 46px; padding: 15px; transition: 0ms; display: none; }
.dropdown_content select { width: 100%; }
.dropdown_content select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
.dropdown_content select { background: transparent url(../_img/icon_dropdown.png) no-repeat right; background-size: 25px; padding: 8px 60px 8px 10px; margin: 0 0 10px 0; border: solid 1px #ffffff; text-transform: uppercase; color: #ffffff; }
.dropdown_content select option { color: #000; background: #ffffff; }

input, textarea, select { outline: 0 none; }

div, section, header, footer { position: relative; }
img { border: 0; height: auto; }
hr { margin: 9px 0 12px 0; border: 0 none; background-color: #eceded; height: 1px; }

table { width: 100%; border-spacing: 0; border-collapse: collapse; }
tr { border-bottom: 2px solid #000; }
th { border-right: 1px solid #fff; background: #eda036; padding: 10px; font-weight: 100; }
td { border-right: 1px solid #fff; padding: 10px; background: #f9d990; }
th:first-child, td:first-child { padding: 10px 10px 10px 0; background: #fff; }
th:last-child, td:last-child { border-right: none; }

.clear { height: 0; clear: both; }
.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

.c_white, .c_white h2, .c_white h3 { color: #FFFFFF; }
.b_grau { background: #f2f2f2; }
.blau { color: #0099cc; }

.padding_10 { padding: 10px; }
.padding_20 { padding: 20px; }

ul.collapse { margin: 0; padding: 0; display: block; border-top: 0px solid #000; }
ul.collapse li { list-style: none; border-bottom: 1px solid #000; position: relative; }
ul.collapse li .titel {  padding: 28px 0 10px; }
ul.collapse li .arrow { position: absolute; right: 0; bottom: top: 0; width: 30px; height: 16px; background: url(../_img/arrow_down.png) no-repeat center; background-size:  100%; }
ul.collapse li.active .arrow { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); }
ul.collapse li .content { padding: 0 0 10px 0; display: none; transition: 0ms; }
ul.collapse li .button { height: 28px; cursor: pointer; }
ul.collapse .flexslider { margin: 0 0 30px 0; }

ul.collapse li .content li { list-style: disc; border-bottom: none; margin: 10px 0; }
ul.collapse li .content .flexslider li { list-style: none; margin: 0; }

/* -------------------------------------------------------------------------- Rastereinheiten -------------------------------------------------------------------------------------- */

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

.width940 { max-width: 780px; padding: 0 20px; margin: 0 auto; }
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; background: rgba(0,0,0,0.3); }
.textcenter { display: table-cell; vertical-align: middle; }

.span10 { width: 10%; float: left; padding: 0 20px; }
.span20 { width: 20%; float: left; padding: 0 20px; }
.span25 { width: 25%; float: left; padding: 0 20px; }
.span30 { width: 30%; float: left; padding: 0 20px; }
.span33 { width: 33.33%; float: left; padding: 0 20px; }
.span40 { width: 40%; float: left; padding: 0 20px; }
.span50 { width: 50%; float: left; padding: 0 20px; }
.span60 { width: 60%; float: left; padding: 0 20px; }
.span66 { width: 66.66%; float: left; padding: 0 20px; }
.span70 { width: 70%; float: left; padding: 0 20px; }
.span75 { width: 75%; float: left; padding: 0 20px; }
.span80 { width: 80%; float: left; padding: 0 20px; }
.span90 { width: 90%; float: left; padding: 0 20px; }
.span100 { width: 100%; padding: 0 20px; }

.span50.fr { float: right; }

@media only screen and (max-width: 767px) {
	.span10 { width: 100%; padding: 0; }
	.span20 { width: 100%; padding: 0; }
	.span25 { width: 100%; padding: 0; }
	.span30 { width: 100%; padding: 0; }
	.span33 { width: 100%; padding: 0; }
	.span40 { width: 100%; padding: 0; }
	.span50 { width: 100%; padding: 0; }
	.span60 { width: 100%; padding: 0; }
	.span66 { width: 100%; padding: 0; }
	.span70 { width: 100%; padding: 0; }
	.span75 { width: 100%; padding: 0; }
	.span80 { width: 100%; padding: 0; }
	.span90 { width: 100%; padding: 0; }
	.span100 { padding: 0; }
}

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

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

main { padding: 80px 0; z-index: 1; }
section { margin: 0; padding: 0 0; }
header { width: 100%; margin: 0; z-index: 2; background: url(../_img/bg_header.png) 0 151px repeat-x; transition: 0ms; }
@media only screen and (max-width: 767px) {
	header { background: none; }
}

#logo { width: 373px; padding: 35px 0 25px; margin: 0 auto; }
#logo img { width: 100%; }
@media only screen and (max-width: 767px) {
	#logo { width: 240px; padding: 21px 0 16px; margin: 0; }	
}

.nav_container { position: static; transition: 0ms; }
@media only screen and (max-width: 767px) {
	.nav_container { display: none; }
	.nav_container { background: #0099cc; margin: 0 -20px; }
}

.sprachnav { position: absolute; right: -40px; top: 10px; }
.sprachnav ul { margin: 0 0 0 0; padding: 0; }
.sprachnav ul li { list-style: none; float: left; }
.sprachnav ul li a { font-weight: 400; }
@media only screen and (max-width: 870px) {
	.sprachnav { right: 20px; }
}
@media only screen and (max-width: 767px) {
	.sprachnav { position: relative; text-align: right; right: auto; margin: 0 20px 20px 0; }
	.sprachnav ul li { float: none; }
	.sprachnav ul li a { color: #ffffff; }
}

.mainnav { }
.mainnav ul { margin: 0 0 0 0; padding: 0; display: inline-block; }
.mainnav ul li { list-style: none; float: left; margin: 0 0 0 0; position: relative; }
.mainnav ul li a { font-size: 17px; line-height: 24px; padding: 10px 30px; display: block; border: none; font-weight: 500; text-transform: uppercase;  }
.mainnav ul li:hover a { }
.mainnav ul li.active a { font-weight: 900; }

.mainnav ul li.active ul.subnav li a { font-weight: 500; }

.mainnav ul li ul.subnav { left: 0; text-align: left; padding: 10px 0 10px; display: block; display: none; transition: 0ms; }
.mainnav ul li ul.subnav li { float: none; margin: 0 0 0 0; padding: 0; }
.mainnav ul li ul.subnav li a { color: #ffffff; padding: 3px 0; text-align: center; border: none;}
.mainnav ul li ul.subnav li:hover a { }
.mainnav ul li ul.subnav li.active a {font-weight: 900; }

@media only screen and (max-width: 767px) {
	.mainnav { }
	.mainnav ul { border-top: solid 1px #ffffff; display: block; }
	.mainnav ul li { float: none; border-bottom: solid 1px #ffffff; }
	.mainnav ul li a { color: #ffffff; padding: 5px 0; }
	.mainnav ul li ul.subnav { border-top: none; }
	.mainnav ul li ul.subnav li { border-bottom: none; }
}

#newsletter {}
#kontakt {}

main { width: 100%; z-index: 10; border-top: solid 3px #0099cc; }

#highlights { margin: 0 0 60px 0; }
#highlights .flexslider { border-bottom: solid 1px #000000; }
#highlights .flexslider .slides { padding: 20px 0 20px; }
#highlights h3 { margin: 0; font-size: 11px; line-height: 20px; font-weight: 700; color: #ffffff; background: #0099cc; text-align: center; text-transform: uppercase; }

#highlights .span50 { padding: 13px 40px 13px 20px; }
#highlights .line { position: absolute; left: 50%; width: 1px; top: 20px; bottom: 20px; background: #414141; }
@media only screen and (max-width: 767px) {
	#highlights .span50:nth-of-type(1) { border-bottom: solid 1px #000000; margin: 0 0 10px 0; }
	#highlights .line { display: none; }
}

#aktuelles {}
#aktuelles .span50:nth-of-type(1) { padding: 0 20px 0 20px; }
#aktuelles .span50:nth-of-type(2) { padding: 0 20px 0 20px; }
#aktuelles h3 { margin: 0; font-size: 11px; line-height: 20px; font-weight: 700; color: #ffffff; background: #0099cc; text-align: center; text-transform: uppercase; }
.aktuell { padding: 13px; border-bottom: solid 1px #000000; }
.aktuell a.link { }
.aktuell a.link img { width: 16px; }
@media only screen and (max-width: 767px) {
	#aktuelles .span50:nth-of-type(1) { padding: 0 40px; margin: 0 0 40px 0; }
	#aktuelles .span50:nth-of-type(2) { padding: 0 40px; }
}

#mitglieder {}
.mitglied { margin: 0 0 40px 0; }
.mitglied h5 { margin: 0 0 10px 0; }
.mitglied:nth-child(2n+3) { clear: both; }
.mitglied .portrait { width: 150px; height: 150px; margin: 0 0 25px 0; }
.mitglied .portrait img { width: 100%; border-radius: 50%; }

.download { width: 50%; float: left; padding: 0 40px 0 0; margin: 0 0 15px 0; }
.download:nth-child(2n+3) { clear: both; }
.download {}
.download img { width: 36px; position: absolute; top: 0; left: 0;  }
.download .text { padding: 0 0 0 70px; }
.download h4 { margin: 0; }
@media only screen and (max-width: 767px) {
	.download { width: 100%; padding: 0 0 0 0; }
	.download .text { padding: 0 0 0 50px; }
}

#beitraege {}
#beitraege h4 { margin: 0 0 10px 0; padding: 0 10px; display: inline-block; font-size: 11px; line-height: 20px; font-weight: 700; color: #ffffff; background: #0099cc; text-align: center; text-transform: uppercase; }
.beitrag_nr { position: absolute; left: 0; font-size: 24px; line-height: 30px; }

#beitraege ul.collapse li .titel {  padding: 10px 0 10px 140px; }
#beitraege ul.collapse li .content { padding: 0 0 10px 140px; }
@media only screen and (max-width: 767px) {
	.beitrag_nr { position: relative; margin: 0 0 15px 0; }
	#beitraege ul.collapse li .titel {  padding: 10px 0 10px 0; }
	#beitraege ul.collapse li .content { padding: 0 0 10px 0; }
}

.searchbar { padding: 10px 0 0; background: #0099cc; }
@media only screen and (max-width: 767px) {
	.searchbar { padding: 10px 0; }
}

.menuicon { display: none; position: absolute; right: 0px; top: 24px; width: 25px; height: 25px; margin: -2px 0 0 0; transition: 0ms; }
.menuicon .line { width: 25px; height: 2px; background: #000000; position: absolute; }
.menuicon .line:nth-of-type(1) { top: 0; }
.menuicon .line:nth-of-type(2) { top: 8px; }
.menuicon .line:nth-of-type(3) { top: 16px; }

.menuicon.active {}
.menuicon.active .line:nth-of-type(1) { top: 8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.menuicon.active .line:nth-of-type(2) { opacity: 0.0; visibility: hidden; }
.menuicon.active .line:nth-of-type(3) { top: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

@media only screen and (max-width: 767px) {
	.menuicon { display: block; }
}



/* ----------------------------------------------------------------------------- Detail -------------------------------------------------------------------------------------------- */

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

a.button { background: #0099cc; padding: 10px 20px; color: #ffffff; cursor: pointer; font-size: 1em; display: inline-block; text-align: center; }

footer { background: #0099cc; color: #ffffff; padding: 25px 0; font-size: 17px; line-height: 24px; text-transform: uppercase; }
footer a { color: #ffffff; text-decoration: underline; }
footer a:hover { text-decoration: underline; color: #414141; }

footer p a { text-transform: uppercase;}

/* ---------------------------------------------------------------------------- Animation -------------------------------------------------------------------------------------------- */

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

@keyframes pfeilscroll
{
0% { bottom: 21px; }
100% { bottom: 12px; }
}

@-webkit-keyframes pfeilscroll
{
0% { bottom: 21px; }
100% { bottom: 12px; }
}

/* --------------------------------------------------------------------------- Media Queries --------------------------------------------------------------------------------------- */

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

@media only screen and (max-width: 1140px) {
	/*.menuicon { display: block; }*/
}

@media only screen and (max-width: 640px) and (orientation : landscape) {
	html { /* -webkit-text-size-adjust: none; */ }
}

/* ------------------------------------------------------------------------------ Print -------------------------------------------------------------------------------------------- */

@media print {
	#main { width: 100%; }
}