@font-face { font-family: 'Caviar Dreams'; src: url('CaviarDreams.ttf') format('truetype'); }
body {
font: 1em 'Caviar Dreams', sans-serif;
font-weight: 200;
letter-spacing: 0.05em;
color: #fff;
background-color: #000;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul, li {
margin: 0;
padding: 0;
}
h1 {
font-size: 2em;
/*color: #ff0066;*/
color: #59BEC9;
font-weight: 300;
}
h2 {
font-size: 1.6em;
font-weight: 300;
}
h3 {
font-size: 1.4em;
font-weight: 300;
}
b, strong {
font-weight: 600;
}
td, th {
padding: 0;
text-align: left;
padding: 6px;
}
#TOP {
background-color: #000;
/* background-color: #000;*/
margin-top: 40px;
margin-bottom: 50px;
/* -moz-box-shadow: 0 0 10px #f1f1f1;
-webkit-box-shadow: 0 0 10px #f1f1f1;
box-shadow: 0 0 10px #f1f1f1;*/
widht: 100%;
}
#LANG {
text-align: right;
background-color: #F4F4F4;
font-size: 0.9em;
color: #666;
padding: 1em;
}
#LANG a:visited {
color: #666;
}
#LANG a:hover {
color: #666;
}
#LANG a:link {
color: #666;
text-decoration: none;
}
#LANG a:active {
color: #666;
}
#LOGO {
float: left;
}
#NAME {
letter-spacing: 1.5px;
color: #FFF;
width: 100%;
text-align: center;
}
#NAME h1{
font-size: 2em;
font-weight: 200;
margin-bottom: 0px;
margin-top: 0px;
color: #fff;
}
#NAME h3{
font-size: 1em;
font-weight: 200;
margin-top: 0px;
}
#NEUmenu {
clear: both;
background-color: #222;
border-radius: 0px 0px 0px 0px;
/* padding: 1px;*/
margin-bottom: 0em;
text-align: center;
}
#NEUmenu li{
list-style: none;
display: inline-block;
background-color: #222;
/*margin-left: 0.1em;*/
}
#NEUmenu a{
text-decoration: none;
display: block;
padding: 1em 1em 1em;
/*padding: 0.2em 1em 0.2em;*/
color: #fff;
font-size: 1.2em;
font-weight: 200;
}
#NEUmenu a:hover{
color: #fff;
}
/* Menü-Buttons normalerweise ausblenden */
.menu-toggle{
display: none;
}
#BANNER {
/*    float: left; */
padding-top: 0px;
width: 100%;
margin: auto;
text-align: center;
max-height: 350px;
margin-bottom: 0px;
margin-top: 0px;
background-color: #2E2E2E;
overflow: hidden;
/*border-radius: 25%;*/
}
#BANNER .csc-default{
max-width: 1000px;
margin: auto;
}
#BANNER img {
max-height: auto;
width: 100%;
overflow: hidden;
margin: -10% 0;
/* overflow: hidden;*/
margin: -10% 0;
}
#ZUSATZ {
width: 98%
min-height: 400px;
/*float: left;*/
background-color: #FFF;
margin: auto;
/*max-width: 1000px;*/
clear: both;
/*  border-top-width: 2px;*/
/*
-moz-box-shadow:0 0 10px #333;
-webkit-box-shadow:0 0 10px #333;
box-shadow: 0 0 10px #333;
*/;
}
#RIGHT {
padding-top: 0px;
padding-right: 0px;
padding-left: 20px;
float: right;
width: 20%;
/*line-height: 200%;*/
}
#RIGHT div {
margin-bottom: 1px;
}
#LEFT hr {
width: 170px;
}
#CONTENT {
/*  text-align:justify;*/
width: 100%;
/*background-color: #333;*/
}
#CONTENT .grau{
background-color: #F6F6F6;
}
#CONTENT .weiss{
background-color: #FFF;
}
#CONTENT .gruen{
/*background-color: #EAF7BF;*/
background-color: #F3FBD9;
}
#CONTENT .FULL{
min-height: 300px;
}
#CONTENT .map{
min-height: 300px;
/*pointer-events: none;*/
}
#CONTENT .csc-default {
max-width: 1000px;
margin: auto;
padding: 1em 0em 2em 0em;
}
#CONTENT ul{
text-decoration: inherit;
padding-left: 4%;
padding-right: 4%;
}
#CONTENT ul ul li{
text-decoration: inherit;
padding-top: 1em;
}
#CONTENT .csc-header, .csc-textpicHeader {
/* padding-top: 15px;*/
}
#CONTENT .csc-default a {
color: #FFF;
text-decoration: none;
}
#CONTENT .csc-default p {
margin-top: 0.1em;
margin-bottom: 0.1em;
line-height: 150%;
}
#CONTENT .csc-default { }
#CONTENT .contenttable {
border-spacing:0px;
width: 100%;
}
#CONTENT .contenttable td{
/*vertical-align: top;*/
border-spacing:20px;
}
#CONTENT .csc-default a:hover {
text-decoration: underline;
}
#CONTENT h1 a {
text-decoration: none;
color: #FFF;
}
#CONTENT .silber{
/*  text-align:justify;*/
font-size: 1em;
width: 33%;
padding-top:2em;
padding-bottom:2em;
height: auto;
background-color: #f2f2f2;
/*   border-radius: 35%;*/
}
#CONTENT .silber .csc-header {
padding-top: 0px;  
text-align: center;
}
#CONTENT .silber h1{
/*  text-align:justify;*/
padding-top: 1em;
padding-bottom: 1em;
}
#BOTTOM {
float: left;
padding-top: 20px;
font-weight: 400;
background-color: #222;
bottom: 0;
width: 100%;
color: #FFF;
}
#BOTTOM h3{
font-weight: 400;
}
#BOTTOMCENTER {
width: 100%;
max-width: 1000px;
height: auto;
padding-bottom: 20px;
margin: auto;
font-size: 0.7em;
}
#BOTTOMCENTER div { }
#BOTTOMCENTER .csc-default {
float: left;
/*min-width: 33%;*/
min-width: 33%;
padding-bottom: 15px;
}
#BOTTOMCENTER a {
color: #fff;
}
div.csc-textpic .csc-textpic-imagewrap img {
height: auto;
width: 100%;
}
.indent {
padding-left: 20px;
}
.news-list-item img, .news-latest-item img {
width: 40%;
float: left;
margin-right: 2em;
margin-bottom: 2em;
}
.news-single-item img {
width: 100%;
}
.news-list-item p, .news-latest-item p{
}
.news-list-item hr, .news-latest-item hr {
clear: both;
}
/* Zebra striping */
  tr:nth-of-type(odd) { 
    background: #222; 
  }
  th { 
    background: #000; 
  }
  td, th { 

    text-align: left; 
  }
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++                            ++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++    Anfrang MEDIA 1050px;   ++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++                            ++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (max-width : 1200px) {

#RIGHT {
display: none;
}
#CONTENT {
/*  text-align:justify;*/
width: 100%;
}
#CONTENT p{
padding-left: 4%;
padding-right: 4%;
}
#CONTENT h1 {
padding-left: 4%;
padding-right: 4%;
}
#CONTENT h2 {
padding-left: 4%;
padding-right: 4%;
}
#CONTENT .contenttable {
padding-left: 4%;
padding-right: 4%;
}
#CONTENT ul{
text-decoration: inherit;
padding-left: 8%;
padding-right: 8%;
}
#CONTENT h3 {
padding-left: 4%;
padding-right: 4%;
}
#NEUmenu a{
padding: 1em 1em 1em;
}
#BOTTOM {
padding-left: 4%;
padding-right: 4%;
}
.news-list-item img, .news-latest-item img {
width: 100%;
}
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++                         +++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++    ENDE MEDIA 1035px;   +++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++                         +++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++                            ++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++    Anfrang MEDIA 945px;    ++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++                            ++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (max-width : 945px) {
#LANG {
text-align: center;
background-color: #333;
font-size: 30px;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
display: none;
}
#LOGO {
width: 100%;
margin: auto;
text-align: center;
}
#NAME {
width: 100%;
text-align: center;
}
#BANNER {
width: 100%;
background-color: #EFEFEF;
border-radius: 0%;
}
#Banner img {
width: 100%;
}
#ZUSATZ {
width: 100%;
background-color: #FFFFFF;
/*  border-top-width: 2px;*/
-moz-box-shadow: 0 0 0px #333;
-webkit-box-shadow: 0 0 0px #333;
box-shadow: 0 0 0px #333;
}
#RIGHT {
display: none;
}
#RIGHT div {
margin-bottom: 1px;
}
#LEFT hr {
width: 170px;
}
#CONTENT {
/*  text-align:justify;*/
width: 100%;
}
#CONTENT .csc-header, .csc-textpicHeader { }
#CONTENT .csc-default a {
color: #FFF;
text-decoration: none;
}
#CONTENT .csc-default a:hover {
text-decoration: underline;
}
#CONTENT h1 {
padding-left: 4%;
padding-right: 4%;
}
#CONTENT h2 {
padding-left: 4%;
padding-right: 4%;
}
#CONTENT h3 {
padding-left: 4%;
padding-right: 4%;
}
#CONTENT p{
padding-left: 4%;
padding-right: 4%;
}
#CONTENT h1 a {
text-decoration: none;
color: #333333;
}
#BOTTOM {
float: left;
padding-top: 20px;
height: auto;
/* background-color: #000;*/
bottom: 0;
width: 100%;
padding-left: 10%;
padding-right: 10%;
}
#BOTTOMCENTER {
width: 100%;
padding-bottom: 20px;
margin: auto;
/*font-size:80px;
font-size: 11px;*/;
font-size: 1.3em;
}
#BOTTOMCENTER div {}
#BOTTOMCENTER .csc-default {
float: left;
width: 100%;
padding-bottom: 20px;
text-align: center;
}
.indent {
padding-left: 20px;
}
#CONTENT .contenttable {
  
border-spacing:0px;
font-size: 0.9em;
}
/* Navigation */
/* Button zum Anzeigen des Menü*/
.js .menu-toggle {
display: block;
cursor: pointer;
color: #FFF;
width: 100%;
background-color: #222;
height: 1em;
margin-top: 10px;
text-align: right;
padding-right: 1em;
line-height: 1.5em;
font-weight: normal;
}
#NEUmenu {
background-color: #222;
/*position: absolute;
top: 0;*/
width: 100%;
border-top: 1px solid #222;
border-bottom: 1px solid #222;
}
#NEUmenu  li{
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.10) inset;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.10) inset;
}
.js #NEUmenu ul  {
display: none;
}
#NEUmenu ul.toggled-on {
display: block;
}
#NEUmenu ul li h3 { }
#NEUmenu ul.toggled-on li, .no-js #NEUmenu li {
display: block;
}
#NEUmenu ul ul.toggled-on li, .no-js #NEUmenu ul li {
display: block;
}
[data-icon]:before {
content: attr(data-icon);
speak: none;
display: inline-block;
font-size: 200%;
}
.screen-reader-text {
position: absolute;
top: -9999px;
left: -9999px;
}
/* Navigation */
#BOTTOM p {
font-size: 0.6em;
}
#BOTTOM h3 {
font-size: 1em;
font-weight: 300;
}
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++                         +++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++    ENDE MEDIA 945px;    +++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++                         +++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/