/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v40-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ALLGEMEIN ========================================================== */

* { padding: 0; margin: 0; }
body, html { width: 100%; }
body { background: url('../img/bg.jpg') center center fixed #fbf7e4; font-family: "Open sans", sans-serif; font-size: 13px; line-height: 25px; color: #333333; }

div { position: relative; }

.clear { clear: both; width: 100%; height: 0px; }
.fl { float: left; margin-right: 20px; }
.fr { float: right; margin-left: 20px; }
.fl + .fr { margin-left: 0px; }

.hide_important { display: none !important; }

/* LINKS ============================================================== */

/*
rot: #cb0432
orange: #f3ac00
creme: #fbf7e4
hellgrau: #e8e6e2
*/

a { transition: all 0.35s ease-out 0s; color: #444444; text-decoration: none; font-weight: 600; }
a:hover, a.active { color: #f3ac00; }
a img { transition: all 0.35s ease-out 0s; border: none; opacity: 1; }
a:hover img { opacity: 0.85; }

/* get rid of those system borders being generated for A tags */
a:active { outline:none; }
:focus { -moz-outline-style:none; }

/* LAYOUT ============================================================= */

#main { margin: 0px auto; width: 940px; background: #fbf7e4; }
#content { padding: 30px 30px 80px 30px; }
#content p { padding-bottom:12px; }

/* HEADER ============================================================= */

#header { height: 130px; width: 940px; margin: auto; }
#header #logo { position: absolute; left: 30px; top: 10px; }

/* NAVIGATION ========================================================= */

#navigation { position: absolute; bottom: 13px; right: 20px; }
#navigation ul { float: right; }
#navigation ul li { list-style-image: none; list-style-type: none; float: left; margin-left: 5px; }
#navigation ul li a { display: block; padding: 5px 15px; font-size: 14px; font-weight: 600; text-decoration: none; background-color: transparent; color: #333333; border-radius: 5px; }
#navigation ul li a:hover { background: #e8e6e2; }
#navigation ul li a.active { background: #cb0432; color: #fbf7e4; }

/* HEADERBILD ========================================================= */

#header_image { overflow: hidden; height: 315px; width: 940px; margin: auto; } 
#header_image img { position: absolute; top: -77px; width: 1000px; }

#slogan { z-index: 10; position: absolute; bottom: 40px; left: 20px; }
#slogan h2 { background: #fbf7e4; line-height: 30px; padding: 5px 15px; border-radius: 5px; font-size: 20px; margin-bottom: 5px; float: left; font-weight: 600; }
#slogan h2 strong{ font-size: 27px; line-height: 40px; }
#slogan h2.dark { background: #cb0432; color: #fbf7e4; }
#slogan h2.light { background: #fbf7e4; color: #cb0432; }
	
/* CONTENT LAYOUT ===================================================== */

.col { float: left; }
.col + .col { margin-left: 20px; }

.width_100 { width: 100%; }
.width_25 {	width: 205px; } 
.width_50 {	width: 430px; }
.width_75 {	width: 655px; }
.width_33 {	width: 280px; } 
.width_66 {	width: 580px; }
.width_20 {	width: 160px; } 
.width_40 {	width: 340px; } 
.width_60 {	width: 520px; } 
.width_80 {	width: 700px; } 

.width_16 {	width: 130px; } 


.container { width: 100%; margin: auto; background: url('../img/bg_pic.png') repeat; }
#content .center { text-align: center; }
.box { padding: 0px 10px; color: #444444; font-weight: 400; background: #e8e6e2; border-radius: 5px; }
iframe { border-radius: 5px; }

/* FOOTER ============================================================= */

#footer { padding: 30px 30px 30px 30px; background: #333333; color: #fbf7e4; }
#footer a { color: #fbf7e4; }
#footer a:hover, #footer a.active { color: #f3ac00; background-color: transparent; }

#footer .logo { border-radius: 5px; opacity: 0.9;}

/* AKTUELLES ========================================================== */

ul.big_link_list li { list-style-image: none; list-style-type: none; margin-left: 0px; margin-bottom: 25px; }
ul.big_link_list li a { display: block; padding: 0px 10px; color: #444444; font-weight: 400; background: #e8e6e2; border-radius: 5px; }
ul.big_link_list li a:hover, ul.big_list li a.active { color: #f3ac00; background-color: transparent; }

ul.small_link_list { border-radius: 5px; background: #e8e6e2; }
ul.small_link_list li { list-style-image: none; list-style-type: none; margin-left: 0px; }
ul.small_link_list li a { display: block; padding: 0px 10px; color: #444444; font-weight: 400; background: transparent; }
ul.small_link_list li a:hover, ul.big_list li a.active { color: #f3ac00; background-color: #fbf7e4; }

ul.medium_link_list { border-radius: 5px; background: #e8e6e2; }
ul.medium_link_list li { list-style-image: url('../img/li_small.png'); list-style-type: none; margin-left: 20px; }
ul.medium_link_list li a { display: block; padding: 0px 0px; color: #444444; font-weight: 400; background: transparent; }
ul.medium_link_list li a:hover, ul.medium_link_list li a.active { color: #f3ac00; }

/* HEADLINES ========================================================== */

h1, h2 { color: #cb0432; font-weight: 600; font-size: 18px; margin-bottom: 25px; }
h3 { margin-bottom: 25px; }
h3, h4 { color: #333333; font-weight: 600; }
h4 { margin-top: 0px; }

/* TEXTE, LISTEN ====================================================== */

p { text-align: justify; }
.width_25 p, .width_33 p, .width_50 p { text-align: left; }
.col > p, .col > ul, .col > .box { margin-bottom: 15px; }

ul li { list-style-image: url('../img/li_small.png'); list-style-type: none; margin-left: 20px; }
.box ul li { margin-left: 10px; }

/* strong, b { font-weight: 400; } */
hr { color: 333333; margin: 25px 0 25px 0; }