body {
  background:url("../Images/background.png") no-repeat fixed center top; 
  color:#58585a;
  font-family: Arial, sans-serif;
  font-size:13px;
  line-height:22px;
  margin:0;
  padding:0;
}

body, html { height:100.1%; }

h1 {
  color:#3c9646;
  font-size:20px;
  font-weight:normal;
  line-height:26px;
  font-weight: bold;
}

h2 {
  color:#005091;
  font-size:13px;
  font-weight:bold;
}

h3 {
  color:#005091;
  font-size:13px;
  font-weight:bold;
  margin-top:-10px;
}

ul {
  margin-top:-12px;
  padding-left:20px;
}

.csc-default { margin-bottom:15px; }
.csc-default .csc-default { margin-bottom:0; }

a { color:#3c9646; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }
.clear { clear:both; }
.align-left { text-align: left }
.align-right { text-align: right }
.align-center { text-align: center }
.align-justify { text-align: justify }

.wrapper {
  background:url("../Images/content-background.png") repeat-y fixed center center;
  min-height:100%;
}

/************/
/** HEADER **/
/************/
.headercontainer {
  background:url("../Images/header.png") center center no-repeat;
  height:192px;
  background-color: #58585a;
}

.header-middle {
  margin:0 auto;
  width:1000px;
  position: relative;
}

.header-middle:after{position: absolute; bottom:-34px; right:100%; height:18px; width: 4000px; background:url("../Images/header-leftBg.jpg") repeat-x; content:"";}

.header-middle-left {
  float:left;
}

.logo {
  margin-left:70px;
  margin-top:40px;
}

.subheader {

}

.header-middle-right {
  float:left;
  margin-top:25px;
  width:600px;
}

/** Mainmenu **/
.header-menu {
  float:none;
}

.header-menu ul {
  margin:0;
  padding:0;
}

.header-menu ul li {
  color:#fff;
  float:left;
  list-style-type:none;
}

.header-menu ul li.special:not(:last-child)::after { content: " | ";}

.header-menu ul li a {
  color:#fff;
  font-size:15px;
  text-decoration:none;
  margin:0 2px 0px 5px;
}

.header-menu ul li a:hover, .header-menu ul li a.active {
  text-decoration:underline;
}

.language-menu {
  float:right;
  margin-left:0px;
  margin-top:5px;
}

.language-menu a img {
  margin-right:10px;
  width:23px;
}


/***********/
/** MAIN **/
/**********/
.maincontainer {
  margin:25px auto 0;
  width:1000px;
}

.main-left {
  float:left;
  margin-left:70px;
  margin-right:30px;
  width:620px;
}

/** Mainmenu **/
.main-menu {
  height:200px;
  margin-bottom:30px;
}

.main-menu ul {
  margin:0;
  padding:0;
}

.main-menu ul li {
  list-style-type:none;
  height:150px;
  float:left;
  margin-right:5px;
  width:305px;
}

/*.main-menu ul li a:before { content: " > ";} */

.main-menu ul li a {
  display:block;
  font-size:14px;
/*  font-weight:bold; */
  padding-top:160px;
  width:300px;
  text-align:center;
}

.main-menu ul li.mainmenu-1 a {
  background:url(../Images/Auswahl1-black.jpg) center top no-repeat;
  font-weight: bold;
  color: #707172;
}


.main-menu ul li.mainmenu-1 a:hover, .main-menu ul li.mainmenu-1 a.active {
  background:url(../Images/Auswahl1-bunt.jpg) center top no-repeat;
  color: #3c9646;
}

.main-menu ul li.mainmenu-2 a {
  background:url(../Images/Auswahl2-black.jpg) center top no-repeat;
  font-weight: bold;
  color: #707172;
}

.main-menu ul li.mainmenu-2 a:hover, .main-menu ul li.mainmenu-2 a.active {
  background:url(../Images/Auswahl2-bunt.jpg) center top no-repeat;
   color: #3c9646;
}

.main-menu ul li.mainmenu-3 a {
  background:url(../Images/Auswahlbild-3-sw.jpg) center top no-repeat;
}

.main-menu ul li.mainmenu-3 a:hover, .main-menu ul li.mainmenu-3 a.active {
  background:url(../Images/Auswahlbild-3-farbig.jpg) center top no-repeat;
}

.main-menu ul li.mainmenu-4 a {
  background:url(../Images/Auswahlbild-4-sw.jpg) center top no-repeat;
}

.main-menu ul li.mainmenu-4 a:hover, .main-menu ul li.mainmenu-4 a.active {
  background:url(../Images/Auswahlbild-4-farbig.jpg) center top no-repeat;
}

.main-menu ul li a:hover, .main-menu ul li a.active {
  text-decoration:none;
}

.main-content {

}


.main-right {
  float:left;
  width:252px;
}

.content-right {
  background-color:#e9f1de;
  padding:10px 20px;
}

.content-right h1 {
  color:#3c9646;
  font-size:30px;
}

.content-right h2 {
  color: #5e5e60;
}

.content-right img {
  width:212px;
}

/** Subnmenu **/
.submenu {
  margin-top:234px;
}

.submenu ul {
  margin:0;
  padding:0;
  margin-bottom: 15px;
}

.submenu ul li {
  list-style-type:none;
}

.submenu ul li a:before { content: " > ";}

.submenu ul li  a {
  background-color:#b8b8b8;
  color:#fff;
  -webkit-transition:color 0.5s ease-in;
  -moz-transition:color 0.5s ease-in;
  -o-transition:color 0.5s ease-in;
  transition:color 0.5s ease-in;
  display:block;
  font-weight:bold;
  margin-bottom:10px;
  padding:3px 10px;
  text-decoration:none;
  width:180px;
}


.submenu > ul > li > .active {
  background-color: #3c9646;
}

.submenu > ul > li > ul > li {
	margin-top:-10px !important;
	}

.submenu ul li {
  background-color: #e9f1de;
  width: 200px;
}


.submenu > ul > li > ul > li a {
  background-color: #e9f1de;
  background-color: transparent;
  color: #646761;
  margin-bottom:0;
  padding-bottom:0;
}
.submenu > ul > li > ul > li .active{
	color:#3c9646;
	}

.submenu > ul > li > ul > li > a:before {
  content: "";
  margin-left: 15px;
}
.submenu > ul > li > ul > li > ul > li > a:before {
  content: "- ";
  margin-left:30px;
}

.submenu .last {
  padding-bottom: 10px;
}

.submenu ul li a:hover, .submenu ul li ul li a:hover, .submenu ul li ul li ul li a:hover {
  color:#3c9646;
}
.submenu ul li a.active {
   color:#fff;
}


/* Kontaktform */

legend {  border:none; }

fieldset { border:none; margin:0; padding:0; }

.radiolayout {
  width:60%;
  padding-top:15px;
  padding-bottom:15px;
}

label { float:left; width:150px; }

formu {
  border: 1px solid #C0C0C0;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:110px;
  width:80%;
}

radio { border:0px; }

check {  border: 0px; }

select {
  border: 1px solid #C0C0C0;
  padding:5px;
  margin-bottom:15px;
  width:312px;
}

textarea, input  {
  border:1px solid #C0C0C0;
  padding:5px;
  margin-bottom:15px;
  width:300px;
}

.csc-mailform-submit, input[type="submit"] {
  color:#fff;
  cursor:pointer;
  background-color:#5f6062;
  border:0px;
  margin-left:150px;
  padding:5px;
  transition:background-color 0.5s linear 0s;
  width:312px;
}

.csc-mailform-submit:hover, input[type="submit"]:hover { background-color:#3c9646; }


/************************/
/** BILDUNTERSCHRIFTEN **/
/************************/
dd.csc-textpic-caption {
  line-height:14px;
  font-size:11px;
  color: #004494;
  padding-top:2px;
}

.header-menu .phone-menu{display:none;}


@media (min-width: 768px) {
.header-menu .burger-menu.active ul.nav-menu{display:block !important;}
}



@media (max-width:1199px) {}

@media (max-width:991px) {
.maincontainer{width: 750px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0;}
.header-middle{width: 750px; padding-left: 15px; padding-right: 15px;  box-sizing: border-box; margin-left: auto; margin-right: auto;}
.maincontainer .main{margin: 0 -15px;}
.maincontainer{padding-top: 30px;}
.header-middle-right{width:530px; float: right; margin-top: 10px;}
.main-left{width: 70%; padding: 0 15px; box-sizing: border-box; margin: 0px;}
.main-right{width: 30%; padding: 0 15px; box-sizing: border-box;}
.main-menu ul{margin: 0 -15px;}
.main-menu ul li{width: 50%; box-sizing: border-box; padding: 0 15px; margin: 0px;}
.main-menu ul li.mainmenu-1 a{width: 100%;}
.main-menu ul li.mainmenu-2 a{width: 100%;}
.header-middle-left .logo img{max-width: 140px;}
.header-middle-left .logo{margin: 0px;}
.headercontainer{background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 153px;}
.language-menu{margin-left: 5px;}
.header-menu ul li a{margin: 0 3px;}
.language-menu a img{margin-right: 3px;}

.main-content iframe{width: 100%;}
.submenu ul li{width: 100%;}
.submenu ul li a{width: auto;}
.header-menu ul li a{font-size: 13px;}
.header-middle:after{display: none;}
}


@media (max-width:767px) {

.maincontainer{width: 100%}
.header-middle{width: 100%;}
.maincontainer{margin: 0px;}
.main-left{width: 100%; float: none;}
.main-menu ul{margin: 0px;}
.main-menu ul li{width: 100%; float: none;}
.main-right{width: 100%; float: none;}
.main-menu{height: auto;}
.main-menu ul li{height:215px;}
.language-menu{position: absolute; right:10px; top: 15px;}


.header-menu ul li{float: none; background-color: #e9f1de; width: 100%; border-top: solid 1px #fff;}
.header-menu ul li.special:after{display: none;}
.header-menu .burger-menu{position: absolute; z-index: 999; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #000; border: none; background-color: transparent; top:-22px; right:0px;}
.header-menu .burger-menu span{width: 24px; height: 4px; background-color: #ffffff;  border-radius: 2px; position: relative; display: block; margin: auto; transition: .3s all ease; -ms-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; -webkit-transition: .3s all ease; transition: .3s all ease;}
.header-menu .burger-menu span:before{position: absolute; width: 24px; height: 4px; background-color: #ffffff; content: ""; top: -8px; left: 0; border-radius: 2px;}
.header-menu .burger-menu span:after{position: absolute; width: 24px; height: 4px; background-color: #ffffff; content: ""; top: 8px; left: 0; border-radius: 2px;}
.header-middle-right{width: 100%; }
.header-menu ul{width: 100%; padding:0px; margin-top: 0px;}
.header-menu{float: none; margin: 0px; width: 100%; box-sizing: border-box; position: relative;}
.header-menu ul li a{background-color: #b8b8b8; color: #fff; margin: 0; -webkit-transition: color 0.5s ease-in; -moz-transition: color 0.5s ease-in;    -o-transition: color 0.5s ease-in;    transition: color 0.5s ease-in; display: block; font-weight: bold; margin-bottom: 0px; padding: 10px 10px; text-decoration: none; width:auto;}
.header-menu ul li a:hover{text-decoration: none; background-color:#3c9646; color:#fff;}
.submenu{margin-top: 80px;}
.header-menu ul li a:hover, .header-menu ul li a.active{text-decoration: none;}
.header-middle{padding-left: 0; padding-right: 0;}
.header-middle-left .logo{margin-left: 13px; margin-bottom:15px;}
.header-middle-left .logo img {max-width: 120px; height: 80px;}
.header-menu ul{display: none; position: absolute; top: 0; left: 0;}
.headercontainer{height: 138px;}
.header-menu .burger-menu.active span:before{transform: rotate(-42deg); top: 0;}
.header-menu .burger-menu.active span:after{transform: rotate(42deg); top: 0;}
.header-menu .burger-menu.active span{background-color: transparent;}
.header-menu .phone-menu{display:block; width: 30px; height: 30px; right: 50px; top:-35px; position:absolute;}
.header-menu .phone-menu img{width: 30px; height: 30px;}
}


@media (max-width:479px) {}

a.download::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 10px;
    margin-right: 2px;
    margin-top: -5px;
    background: url('../Icons/download.gif') no-repeat center;
    background-size: contain;
    vertical-align: middle;
}

a.email::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 14px;
  margin-right: 2px;
  margin-top: -5px;
  background: url('../Icons/mail.gif') no-repeat center;
  background-size: contain;
  vertical-align: middle;
}