@charset "utf-8";
/* CSS Document */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}





html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

body {
background: #ededec; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ededec 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ededec), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ededec 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ededec 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ededec 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(135deg,  #ededec 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededec', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #f7f7f7 1%, #e5e5e5 35%, #f7f7f7 61%, #e5e5e5 83%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#f7f7f7), color-stop(35%,#e5e5e5), color-stop(61%,#f7f7f7), color-stop(83%,#e5e5e5), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #f7f7f7 1%,#e5e5e5 35%,#f7f7f7 61%,#e5e5e5 83%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #f7f7f7 1%,#e5e5e5 35%,#f7f7f7 61%,#e5e5e5 83%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #f7f7f7 1%,#e5e5e5 35%,#f7f7f7 61%,#e5e5e5 83%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(135deg,  #f7f7f7 1%,#e5e5e5 35%,#f7f7f7 61%,#e5e5e5 83%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

h1, h2, h3, h4, h5, h6 {
margin: 0px 0px 0.5em 0px;
padding: 0.5em 0px 0px 0px;
font-family: "Open Sans", Verdana, Geneva, sans-serif;
color:#a01e2a;
color: #555;
color:#333;
font-weight:400;
font-size:100%;
}

div+h1 {
padding:0;
}

h1 {
font-size:1.5em;
}

h1 a {
padding-top:198px;	
}

h2 {
font-size:1.2em;
}

h3 {
font-size:1.0em;
}

p, td {
margin-bottom:0.6em;
font-size:0.8em;
}


#header {
position:fixed;
margin:0 auto;
top:0px;
height:180px;
background-color:#cc0a1e;
width:100%;
max-width:1080px;
}

#title {
font-family: "Open Sans", Verdana, Geneva, sans-serif;
font-size:1.75em;
color: #fff;
font-weight:400;
text-align:center;
height:117px;
padding-top:75px;
text-transform:uppercase;
}

#title p {
font-size:0.7em;
}

#header img {
margin-left:auto;
margin:12px 3px;
border-radius:3px;
}

#content, #footer {
font-family: "Open Sans", Tahoma, Geneva, sans-serif;
color: #333;
line-height:180%;
font-weight:400;
}

#content {
padding-top:190px;
}

#menu {
padding-top:171px;
width:150px;
position:fixed;
}

#menu * {
margin: 0px 0px 0.5em 0px;
padding: 1em 0px 0px 0px;
font-family:"Open Sans", Verdana, Geneva, sans-serif;
color: #555;
font-weight:400;
text-decoration:none;
list-style-type: none;
text-align:left;
}

#menu a {
font-size:1.5em;
text-shadow: none;
transition:text-shadow ease-in 0.2s 0.3s;	
}

#menu a:hover {
text-shadow:1px 1px 2px #555;
transition:text-shadow ease 0.5s;
}

.about {
font-size: 0.8em;
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
text-align: center;
margin: 100px 0;
padding: 5px;
border-color: #129 white;
border-style: solid;
border-width: 1px;
background-color:#FFFFFF;
width: 100%;
}

.zentriert {
text-align:center;
}

.rechts {
text-align:right;
}

.clr {
clear:both;
}

.box1 {
margin-top:5em;
margin-bottom:4em;
}

.box2 {
margin-top:8em;
margin-bottom:9em;
}

.bs {
text-align:justify;
}

.highlight {
font-weight:600;
}

.c1 {
color:#769ea6;
}

.c2 {
color:#494e52;
}

.c3 {
color:#90afb7;
}

.c4 {
color:#797c7f;
}

.content {
background-color:rgba(255,255,255,0.7);
border-radius:3px;
padding:8px 12px;
margin-bottom:0.5em;
}

.bild {
margin-top:3em;
margin-bottom:4em;
}

.menu, .footer {
font-weight:400;
}

.menu li {
float:left;
}

.menu li a, .footer a {
display:block;
padding:4px 10px;
border-radius:3px;
color:white;	
transition:background-color 0.2s ease-out;
}

.footer a {
background-color:rgba(118,158,166,0.5);
display:inline-block;
margin-left:2px;	
}

.content a {
background-color:rgba(118,158,166,0.5);
color:#fff;
padding:4px 10px;
border-radius:3px;
transition:background-color 0.2s ease-out;
}

.menu li a:hover, .footer a:hover, .content a:hover, #act {
background-color:rgba(118,158,166,1);
transition:background-color 0.2s ease-in;
}

.abs0 {
height:160px;
}

.abs {
height:100px;
}

.abs1 {
height:500px;
}

a.mail {
padding:0;
background-color:transparent;
color:#769ea6;
}

a.mail:hover {
background-color:transparent;
color:#494e52;
}

.about { font-size: 0.8em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
text-align: center; margin-top: 50px; padding: 5px; border-color: #5689c1 white;
border-style: solid; border-width: 1px; background-color:#FFFFFF; }
.about img { padding-top: 10px; padding-bottom: 0px; }
.about a { font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; text-decoration: none; }
.about:hover { color: #ff2d2d; text-decoration: none; border: dotted 1px; }
.about a:hover { color: #ff2d2d; text-decoration: none; }

@media (max-width: 767px) {
body {
font-size:12pt;
}

ul.menu {
font-size:11pt;
}

#header {
position:static;
}

#menu {
padding:0;
margin:auto;
width:auto;
position:static;
}

#content {
padding-top:10px;
}

.bild {
margin-top:2em;
margin-bottom:2em;
}


.box1 {
margin-top:0;
margin-bottom:0;
}

.box2 {
margin-top:0;
margin-bottom:0;
}

.content {
background-color:rgba(255,255,255,0.7);
padding:3px 9px;
}

.menu li a, .footer a {
padding:6px 12px;
}

.mobile-no-bg {
background:none !important;
}

}

@media (min-width: 768px) and (max-width: 1024px) {
h1 {
font-size:1.2em;
}

#menu a {
font-size:1.2em;
}

}

@media print {
.footerbox, .menubox {
display:none;
}

}