@font-face {
    font-family: 'fonts/DejaVuSansBook';
    src: url('fonts/DejaVuSans-webfont.eot');
    src: url('fonts/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DejaVuSans-webfont.woff') format('woff'),
         url('fonts/DejaVuSans-webfont.ttf') format('truetype'),
         url('fonts/DejaVuSans-webfont.svg#fonts/DejaVuSansBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansOblique';
    src: url('fonts/DejaVuSans-Oblique-webfont.eot');
    src: url('fonts/DejaVuSans-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DejaVuSans-Oblique-webfont.woff') format('woff'),
         url('fonts/DejaVuSans-Oblique-webfont.ttf') format('truetype'),
         url('fonts/DejaVuSans-Oblique-webfont.svg#fonts/DejaVuSansOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansBold';
    src: url('fonts/DejaVuSans-Bold-webfont.eot');
    src: url('fonts/DejaVuSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DejaVuSans-Bold-webfont.woff') format('woff'),
         url('fonts/DejaVuSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/DejaVuSans-Bold-webfont.svg#fonts/DejaVuSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansBoldOblique';
    src: url('fonts/DejaVuSans-BoldOblique-webfont.eot');
    src: url('fonts/DejaVuSans-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DejaVuSans-BoldOblique-webfont.woff') format('woff'),
         url('fonts/DejaVuSans-BoldOblique-webfont.ttf') format('truetype'),
         url('fonts/DejaVuSans-BoldOblique-webfont.svg#fonts/DejaVuSansBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCondensed';
    src: url('fonts/DejaVuSansCondensed-webfont.eot');
    src: url('fonts/DejaVuSansCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DejaVuSansCondensed-webfont.woff') format('woff'),
         url('fonts/DejaVuSansCondensed-webfont.ttf') format('truetype'),
         url('fonts/DejaVuSansCondensed-webfont.svg#fonts/DejaVuSansCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCondensedOblique';
    src: url('fonts/DejaVuSansCondensed-Oblique-webfont.eot');
    src: url('fonts/DejaVuSansCondensed-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DejaVuSansCondensed-Oblique-webfont.woff') format('woff'),
         url('fonts/DejaVuSansCondensed-Oblique-webfont.ttf') format('truetype'),
         url('fonts/DejaVuSansCondensed-Oblique-webfont.svg#fonts/DejaVuSansCondensedOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCondensedBold';
    src: url('fonts/DejaVuSansCondensed-Bold-webfont.eot');
    src: url('fonts/DejaVuSansCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DejaVuSansCondensed-Bold-webfont.woff') format('woff'),
         url('fonts/DejaVuSansCondensed-Bold-webfont.ttf') format('truetype'),
         url('fonts/DejaVuSansCondensed-Bold-webfont.svg#fonts/DejaVuSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCnBdOb';
    src: url('fonts/DejaVuSansCondensed-BoldOblique-webfont.eot');
    src: url('fonts/DejaVuSansCondensed-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DejaVuSansCondensed-BoldOblique-webfont.woff') format('woff'),
         url('fonts/DejaVuSansCondensed-BoldOblique-webfont.ttf') format('truetype'),
         url('fonts/DejaVuSansCondensed-BoldOblique-webfont.svg#fonts/DejaVuSansCnBdOb') format('svg');
    font-weight: normal;
    font-style: normal;

}

*
{
    box-sizing: border-box;
}


body {
font-family: DejaVuSansCondensed,verdana, Helvetica, sans serif; font-size:14px; color:#000;
padding:0;
margin:0;
}

div, p, table, tr, td, img, h1, h2, h3, a, hr {margin:0;padding:0;border:0;}

h1 {  font-size:22px; margin-bottom:10px;}
h2 {color:#333;  font-size:18px;  margin-bottom:0px;}
h3 {/* color:#a3a3a3;*/  font-size:18px;  margin-bottom:14px;margin-top:20px;}
/* verdana, Helvetica, */

/*rot*/
h1,  a,  .rot {color: #e30045;}
/*.newsmodul h2 {border-bottom:1px solid #449AAA;}    */

.logo{
    max-width:160px; height:auto;
}

#nav {/*background-color:#142097*/;}


hr{background:#bebcb9; height:1px; margin-top:20px;margin-bottom:16px;}




#all{
    width:1024px;
margin: 0px auto;
background-color:#fff;
-webkit-box-shadow: 0px 0px 5px #999;
-moz-box-shadow: 0px 0px 5px #999;
/*box-shadow: 0px 2px 4px 2px  #999;*/
/*box-shadow:0px 0px 5px #99999973;  */
box-shadow: 0 20px 20px -8px rgba(83,83,83,0.5);
}

#wrapper{width:1160px;
margin: 0px auto;
/*background-image:url("img/rot.png"); background-repeat:no-repeat; background-position: 0px -140px;  */
/*border:1px solid red;*/
}

#header {height: 110px; /*background-image:url("img/header.gif");*/ }
#headerbild{
  height: 342px;  background-color:#449AAA;   /*background-image: url(fotos/schreibmaschine.png); background-repeat: no-repeat; background-position:right; */
}
#headerbild img{ clip-path: polygon(0 0, 100% 0, 100% 100%, 7% 100%);   float:right; margin:0;padding:0;
}
#headerbild .sub{ padding-top:40px; margin-left:40px; color: #fff;
  text-transform: uppercase;
}
#headerbild h2{ font-family: "DejaVu Sans Condensed Bold", verdana, Helvetica, sans serif; color: #fff;
 font-size:33px; line-height:44px; margin-left:40px;
}


/*#logo {float:left;	margin-top:44px; margin-left:20px;}    */
#verdi {float:right; margin-top:15px; margin-right:50px;/*border:1px solid red;*/}


/*Navi*/
#nav  {margin:0 auto; font-size:16px; font-weight:bold;  margin-top:14px; }
#nav ul {padding: 0;margin: 0;display:flex;justify-content:space-between;list-style-type: none;}
#nav ul li {padding:0; margin:0;  /*border-right:2px solid #fff;*//*font-weight:bold;*/}
#nav ul li.letzter {border-right:0; padding-right:6px;}

#nav ul li a {
    font-weight: 400;letter-spacing: .5px;text-transform: uppercase;
    padding-top:8px; padding-bottom:4px; padding-left:14px;	padding-right:14px;
    color:#333;	text-decoration: none;}
#nav ul li a:hover {color: #e30045;}




#content {margin-top:10px; width:800px; float:left;}

#news{float:left; width:200px; margin-top:42px;  }

#header_archiv {
  width: 0px;
  height: 0px;
  border-bottom: 20px solid #449AAA;
  border-left: 184px solid #fff;
}

#archiv{
/*background-image:url("img/bg_tuerkis.gif");*/
background-color:#449AAA;
width:184px; padding:20px 20px 20px 10px; margin-bottom:10px;}

#archiv h2 {color:#fff;font-size:16px;text-decoration:underline;}

#archiv .suche_rahmen  {border:1px solid #999;background-color: #FFFFFF;width: 160px;margin-top:10px;}
#archiv .suchfeld  {border:0;
	width: 120px;
	height: 20px;
	margin-top:0px;
	background-color: #FFFFFF;float:left;}
#archiv .lupe  {margin-top:0px;float:right;}

#social {
    /*text-align:right;padding-right: 20px;    */
}

.newsmodul{ width:200px; text-align:center; margin-bottom:26px;}
.newsmodul h2 {font-weight:normal;font-size:18px;background-color:#eee; text-align:left; padding:10px; margin-bottom:16px;}
.newsmodul p { text-align:left;padding-left:5px;padding-bottom:5px;}
.newsmodul img { max-width:200px; height:auto;}
.banner_img img   { width:200px; height:auto;}

#text {float:left; margin-left:30px; margin-top:36px;width:550px; /*border:1px solid red; */}
#text p {margin-top:8px; margin-bottom:8px;line-height:20px;}
#text ul {list-style-position:outside;margin-left:-10px;line-height:20px;}
/*#textbild {margin-bottom:20px;}*/

.vorstand {float:left;}
.vorstand_foto {float:right;}
#text p.eingestellt {font-size:90%; line-height:10px; color:#a3a3a3; margin-bottom:30px;}

#banner {float:right; width:200px; margin-top:50px;margin-right:20px;}
.banner_img {margin-bottom:30px;}


div.clear
{
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}

/*#text form label, form input , form textarea{margin-bottom:10px;}*/

#text form label{width:120px;float:left;}
#text .eingabe{width:250px;float:left;border:1px solid #CCC; padding:2px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-bottom:10px;
}
#text form textarea	{width:250px;float:left;border:1px solid #CCC; padding:2px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

#text form input:focus, #text form textarea:focus { outline:none; border:1px solid  #142097;}

#text form br{clear:both;}

#text .senden {margin-left:120px;width:250px;cursor:pointer; color:#fff;font-weight:bold; background: #CF0040; padding:2px; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
outline:none; border:1px solid  #CF0040;

}