@CHARSET "UTF-8";
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 24, 2018 */
@font-face {
    font-family: 'gudeabold';
    src: url('fonts/gudea-bold-webfont.woff2') format('woff2'),
         url('fonts/gudea-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gudeaitalic';
    src: url('fonts/gudea-italic-webfont.woff2') format('woff2'),
         url('fonts/gudea-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gudearegular';
    src: url('fonts/gudea-regular-webfont.woff2') format('woff2'),
         url('fonts/gudea-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nothing_you_could_doregular';
    src: url('fonts/nothingyoucoulddo-webfont.woff2') format('woff2'),
         url('fonts/nothingyoucoulddo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
* {
  padding: 0;
  margin: 0;
}
body {
  font-size:10px;
  line-height:16px;
  font-family: 'gudearegular', sans-serif;
  color:#174696;
  background-color:#ffffff;
  background-image:url(../images/bg_body.jpg);
  background-attachment:fixed;
}

img {
  border:0;
  float:left;
}
a {
  color:#174696;
  text-decoration:underline;
}
h1 {
  font-size:2.1em;
  line-height:1.2em;
  margin-bottom:10px;
  font-weight:700;
}
h2 {
  font-size:1.6em;
  line-height:1.5em;
  font-family: 'gudeabold';
  margin:10px 0px 8px;
  font-weight:normal;
}
li,p, td,th {
  font-size:1.4em;
  line-height:1.3em;
  font-weight:300;
}
section#inhalt ul,
section#inhalt ol  {
  margin-left:25px;
}
section#inhalt li {
  padding-left:5px;	
}
.text {
  color:#000000;
}
p,ul,ol {
  padding:10px 0px 10px 0px;
  
}
address {
  font-style:normal;
}
.red {
  color:#d2232a;
}
.bold {
  font-family: 'gudearegular';
  font-weight:bold;
}
.grey {
  color:#636363;
}
ul#mainnav li a.active,
ul#mainnav li a.current,
ul#subnav li a.active,
ul#subnav li a.current {
  text-decoration:underline;
  font-family: 'gudearegular';
  font-weight:bold;
}

#website {
  margin:0px auto 0px;
  width:1000px;
  height:100%;
  background-color:#ffffff;
  position:relative;
}
#wrapper {
  float:left;
  width:100%;
}
#headerContainer {
  width:100%;
  float:left;
}
#contentLeftContainer {
  float:left;
  margin: 0% 0% 4.3% 4.0%;
  width: 18.6%;
}
/**************Haupnavi quer******************************/
nav#hauptnavigation {
    float: left;
    margin: 2.083% 4.083% 0 4.083%;
    width: 92%;
}
ul#mainnav {
  list-style-type:none;
  width:100%;
  margin-bottom:2.083%;
  float:left;
}
ul#mainnav li {
  padding-right:15px
}
ul#mainnav li,
ul#mainnav li a {
  float:left;
  font-size:1.6em;

}
ul#mainnav li a {
  font-size:inherit;
  text-decoration:none;
}

/**************Subnavi vertikal *********************************/
/*.csc-frame rausgenommen*/
nav#subnavigation {
    float: left;
    background-color:#0094c9;
    width:100%;
}
.csc-frame {
	background-color:#fff;
}
nav#subnavigation h2,
#contentLeft h2 {
  display:block;
  background-color:#174696;
  color:#ffffff;
  font-family:'nothing_you_could_doregular';
  font-size:2.4em;
  padding: 9.5% 0% 6.4% 10.7%;
  margin:0;
  font-weight:normal;
  /*font-style:italic;*/
}
ul#subnav, .csc-frame-frame1 p, .csc-frame-frame1 ul  {
  list-style-type:none;
  width:89.3%;
  float:left;
  padding: 5% 0% 6.4% 10.7%;
}
ul#subnav li {
  padding:4.6% 0;
  line-height:1.1em;
}
ul#subnav li,
ul#subnav li a {
  font-size:1.6em;
  color:#ffffff;
}
ul#subnav li a {
  font-size:inherit;
  text-decoration:none;
}

/**************Inhalt *********************************/
section#inhalt {
  float:left;
  padding-bottom:2.174%;
  width:73.4%;
}
article {
  padding:0%;
}
.content {
  float:left;
  width:47.82%;
  margin:0 0% 4.0% 2.18%;
}
#contentRight, #random-image {
	float:left;
	position:relative;	
}	
/**************Spezial Rahmen **********************/
/*Rahmen 1 = Überschrift auf blauen Grund */
/*Rahmen 2 = Bildrahmen für nur Bild Inhaltselemente */

.csc-frame, #subnavigation {
  margin-bottom:17px;
}

/*Es sind Elemente Bild, Text/Bild und Text möglich. In der 1. Spalte sind die Abstände 
zwischen Fläche und Text 10px in der Saplte 2 und 3 sinds 20px ************************/
.csc-frame-default {
  float:left;
  clear:left;
  width:88.6%;
  margin-bottom:17px;
  background-color:#ffffff;
  padding:5.7%;
}
/*Rahmen von 5 px nur bei Bildrahmen, also nur Bild Element*/
.csc-frame-frame2 .csc-textpic {
  float:left;
  padding:5px;
  background-color:#ffffff;
  border:0px;
}


DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline;
    margin-left:0px;
    margin-right:0px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
    margin: 0 0 5px 0;
    vertical-align: bottom;
}

.csc-textpic-caption {
  line-height:1.3em;
  font-size:1.4em;
  color:#636363;
}
.csc-textpic-imagerow .csc-textpic-caption {
  padding-bottom:5px;
}
.csc-textpic-imagerow-last .csc-textpic-caption {
  padding-bottom:0px;	
}

/************Youtube**********/
.youtube::after {
    content: "YouTube: Erweiterter Datenschutz aktiv.";
    font-size: 0.812rem;
    color: #8e8e8e;
    margin-bottom: 1rem;
    display: block;
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive:before {
    padding-top: 56.25%;
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe,
.embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.hidden-xs-up {
    display: none !important;
}
.text-center {
    text-align: center;
    display: block;
}
.text-muted {
    color: #6f6f6f
}
.inactive {
    color: #dadcdd;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0px;
    float: left;
}