body {
/*     
font: 1em 'Open Sans', sans-serif;

font-weight: 400;
*/
    letter-spacing: 0.04em;
    color: #444;
/*font: 1em 'Open Sans', sans-serif;*/
font-family: 'Source Sans Pro', sans-serif;
font-size:1.1em;
/*font: 0.9em "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif;*/
   line-height: 1.4em;


  /*background-image:url(bg2012.jpg);*/
  /*  background-image:url(bg6n.jpg);*/
  /*background-image:url(BG_neu2.jpg);*/
    
 /*   background-color: #E1F9FF;
 background-color: #D9EAFF;
background-color: #F9F9F9;*/
background-color: #F1F1F1;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  }

ul, li {
    margin: 0;
    padding: 0;
}
.csc-mailform-field > input {
    background-color: #dddddd;
    border: 0 none;
    color: #444;
    /*font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    font-weight: normal;*/
    left: 0;
    letter-spacing: 0.05em;
    line-height: 16px;
    padding: 3px 0;
    width: 140px;
}
.csc-default > form{
display: none;
}

.csc-searchResultHeader > a {
    font: 1.5em 'Open Sans', sans-serif;
color: #ec6e07;

}
.teaser-text > span {


}
h1 {
    font: 2em 'Open Sans', sans-serif;
   /* font-size: 1.4em;*/
color: #8DB723;
 text-align: left;
    letter-spacing: 0.05em;
    /*line-height: 30px;*/
font-weight: 300;
}
h2 {
    font: 1.5em 'Open Sans', sans-serif;
color: #C4B200;
      font-weight: 300;
}
h3 {
    font: 1em 'Open Sans', sans-serif;
      font-weight: 300;
}

b, strong {
    font-weight: 600;
  }

#TOP {
    background-color: #fff;
  /* background-color: #000;*/
    margin-top: 0px;
    margin-bottom: 10px;
   /* -moz-box-shadow: 0 0 10px #f1f1f1;
    -webkit-box-shadow: 0 0 10px #f1f1f1;
    box-shadow: 0 0 10px #f1f1f1;*/
    width: 50%;
float: left;
}

#LANG {
    text-align: left;
    background-color: #FFF;
    font-size: 1.3em;
  color: #444;
padding-left: 1.7em;
padding-top: 1.3em;
padding-bottom: 1em;

}
    #LANG a:visited {
        color: #FFF;
    }
    #LANG a:hover {
        color: #FFF;
    }
    #LANG a:link {
        color: #FFF;
    text-decoration: none;
    }
    #LANG a:active {
        color: #FFF;
    }

#LOGO {
    float: left;
}

#NAME {
    /*padding-top: 2em;*/
    font: 1em 'Open Sans', sans-serif;
    letter-spacing: 1px;
    line-height: 1.5;
}

#KOPFNAV {
float: left;
width: 50%;
text-align: right;
font-size: 1em;
color: #8DB723;
    padding-top: 1.5em;
padding-right: 1.5em;
} 
#KOPFNAV a{

color: #8DB723;

} 
#KOPFIMG{
padding-top: 2em;
padding-right: 2em;
}
#NEUmenu {
 /*clear: both;*/

  background-color: #FFF;
  border-radius: 4px 4px 0px 0px;
  padding: 1px;
  margin-bottom: 2em;
  text-align: center;
float: none;
/*width: 25%;*/
}
/*#NEUmenu ul ul{
position: relative;
  top: 50px;
left: 0px;
  z-index: 1;
}
#NEUmenu ul ul li{
  display: none;
}
*/
#NEUmenu li{
  list-style: none;
/* display: inline-block;*/
  background-color: #8DB723;
  margin-right: 1em;
text-align: left;
/*border-top-style: dotted;	
    border-top: 1px dotted #ccc;*/
float: left;
}
#NEUmenu #SUB ul{

}
#NEUmenu #SUB li{
padding-left: 1.3em;
border-top-style: none;
float: none;
    background-color: transparent;
/*border-top: 1px dotted #7b7a68;*/
font-size: 0.9em;	
}
#NEUmenu a{
  text-decoration: none;
  display: block;
  padding: 0em 1em 0em;
  color: #FFF;
  font-size: 0.95em;
  font-weight: 300;
  letter-spacing: 0.03em;
  opacity: 1;

}
#NEUmenu #SUB a{
  text-decoration: none;
  display: block;
  padding: 0em 1em 0em;
  color: #FFF;
  font-size: 1.0em;
  font-weight: 600;
  letter-spacing: 0.03em;
  opacity: 1;
  padding-top: 0.5em;
  padding-bottom: 0.5em;


}
#NEUmenu .active {
/*color: #00CCFF;*/
color: #FFF;
font-weight: 600;
 background-color: #8DB723;
/*text-decoration: underline;*/
}
#NEUmenu a:hover{
/*color: #00CCFF;*/
color: #FFF;

}
ul.menu ul {
    margin-left:0;
    padding: 0 0 0px 0;
    position: absolute;

    display:none;
    min-width:180px;
}

*html ul.menu ul {
    width:180px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
background-color: #8DB723;
  opacity: 0.85;
  width: 400px;
  z-index:1;

}

ul.menu ul li {
    float:none;
    background-color: #00A34C;
}


/* Menü-Buttons normalerweise ausblenden */
.menu-toggle{
  display: none;
}
#JAHR {
text-align: right;
overflow: hidden;
}

#KOPFNAV > ul {


    list-style: outside none none;
    text-align: left;
    text-decoration: none;
    padding-right: 10px;
    color: #ec6e07;
   line-height: 26px;
}
#KOPFNAV > ul a{
    text-decoration: none;
	    color: #444;
    letter-spacing: 2px;

 font: 1.2em 'Open Sans', sans-serif;
    font-weight: 400;
}
#BANNER {
/*    float: left; */
    padding-top: 0px;
    width: 100%;
    margin: auto;
    text-align: center;
   /* max-width: 1000px;*/
    max-height: 450px;
    margin-bottom: 0px;
    margin-top: 5px;
    background-color: #00CCFF;
    overflow: hidden;
 /*  min-height: 300px;
    border-radius: 25%;*/
    
}
#BANNER .csc-default{
float: left;
}

#BANNERLOGO{
    background-color: #000;

    position: relative;
    top: 80px;
    z-index: 0;
}
#BANNER img {
    max-height: auto;
   /*    width: 100%;
  overflow: hidden;

 margin: -10% 0;
margin: -10% 0;
  overflow: hidden;*/
 
  
}

#BANNER div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { 
margin-bottom: 0px;
}
#CENTER {
 width: 1000px;
  margin: auto;
background-color: #fff;
margin-top: 2em;
margin-bottom: 2em;
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
overflow: hidden;
}
/* #BANNER div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li{
overflow: visible;
}
*/
#HVHSLOGO{
margin-top: 10px;
margin-right: 10px;

}
#HVHSLOGO img{
/*height: 28px;*/

}

#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;
  */;
}

#LINKS {
    float: left;
    width: 100%;
padding-left: 2em;
padding-top: 50px;
padding-bottom: 50px;
}
#LINKSINFO {
 background-color: #ec6e07;
 padding-left: 0.3em;
 padding-left: 0.3em;
 padding-top: 0.02em;
 padding-bottom: 0.01em;
 color: #fff;
 font-size: 1em;
letter-spacing: 0em;
 display: none;
}
#LINKSINFO a{

 color: #fff;
 text-decoration: none;
font-weight: 600;

}
#RIGHT {
    padding-top: 0.5em;
    padding-right: 2em;
    padding-left: 0px;
    float: right;
    width: 20%;
    /*line-height: 200%;*/
    font-size: 0.9em;
    color: #444;
    font-family: Arial,Verdana,sans-serif;
    line-height: 16px;
    letter-spacing: 0.05em;
display: none;

}
#RIGHT h1{
margin-top: 0;
}


#RIGHT .csc-default {

    margin: auto;
    padding: 0em 0em 0.5em 0em;
    padding-top: 0px;
    text-align: justify;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 2em;

}
#RIGHT h1 {
 text-align: left;

}

#RIGHT a {
    color: #ec6e07;
    text-decoration: none;

}


#LEFT hr {
    width: 170px;
}

#CONTENT {
  /*  text-align:justify;*/
   /* width: 100%;*/
  /*background-color: #333;
margin-left: 32%;*/
/*width: 48%;*/
width: 100%;
padding-bottom: 50px;
}
#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 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: #8DB723;
    text-decoration: none;

}
#CONTENT .NEWS a{
    color: #333333;
    text-decoration: none;
font-weight: 200;

}
#CONTENT .csc-default p {
 margin-top: 0.1em;
   margin-bottom: 1em;
}
#CONTENT .csc-default {
    margin: auto;
    margin-left: 3em;
    margin-right: 3em;
    max-width: 1000px;
    padding: 0.5em 0em 0.5em;
/*text-align: justify;*/
border-bottom: 1px dotted #ccc;
   line-height: 1.5em;
font-weight: 400;
font-size: 1.1em;
}

#CONTENT .csc-default li{
padding-bottom: 20px;
}

#CONTENT .contenttable {
border-spacing:10px;
  }

#CONTENT .contenttable td{
    vertical-align: top;
border-spacing:20px;
  }

#CONTENT .csc-default a:hover {
    text-decoration: underline;
}

#CONTENT h1 {
  margin-top: 1em;
}

#CONTENT h1 a {
    text-decoration: none;
    color: #333333;
}


#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;
}
#CONTENT .align-left{
text-align: left;
}
#BOTTOM {
    float: left;
    padding-top: 20px;
    font-weight: 300;
    background-color: #f1f1f1;
  /* background-color: #000;*/
    bottom: 0;
   /* -moz-box-shadow: 0 0 50px #222;
    -webkit-box-shadow: 0 0 50px #222;
    box-shadow: 0 0 50px #222;*/
    width: 100%;
    color: #444;
}
#BOTTOM h3{
        font-weight: 400;

  }



#BOTTOMCENTER {
    width: 100%;
  max-width: 1000px;
    height: auto;
    padding-bottom: 20px;
    margin: auto;
    font-size: 0.8em;
   line-height: 1.5em;
  /*  font-size: 11px;*/;
}

#BOTTOMCENTER div {
}

#BOTTOMCENTER .csc-default {
    float: left;
    /*min-width: 33%;*/
  width: 33%;
    padding-bottom: 15px;
    padding-left: 2em;
    padding-right: 2em;
}
#BOTTOMCENTER .csc-default h2 {
font-size: 1.22em;
}


#BOTTOMCENTER a {
    color: #444;
text-decoration: none;
}
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;

}
#CONTENT .contenttable {
border-spacing:0px;
width: 100%;

}
#CONTENT .contenttable td{
/*vertical-align: top;*/
border-spacing:20px;
}
tr {
    background: #FFF;
  }
tr:nth-of-type(odd) {
    background: #F4F4F4;
  }
th {
    background: #a0c519;
  }
td, th {

    text-align: left;
    padding-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
  }


div.csc-textpic-intext-left .csc-textpic-imagewrap {
    width: 180px;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++                            ++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++    Anfrang MEDIA 945px;    ++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++                            ++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width : 1000px) {

body {
   /* font: 1.2em Arial,Verdana,sans-serif;
    font-weight: 400;
font: 0.8em 'Open Sans', sans-serif;*/
font-size: 0.9em;
   line-height: 1.5em;
 }    

#TOP{
        width: 50%;
}
#LANG {
/*    background-color: #00CCFF;
    font-size: 0.8em;*/
  color: #444;
  padding: 1em;
    }

#LANG {
    /*text-align: right;
    background-color: #00ccff;
    font-size: 1.3em;*/
  color: #444;
  padding: 1em;

}

    #LOGO {
        width: 100%;
        margin: auto;
        text-align: center;

    }

    #NAME {
        padding-top: 0em;
	padding-left: 2em;
        width: 100%;
    font: 0.8em 'Open Sans', sans-serif;

  text-align: left;
    }
#HVHSLOGO{
padding-top:0.5em;

}
#HVHSLOGO img{
width: 100px;
height: auto;
display: block;
}
#KOPFNAV {
text-align: center;
font-size: 2em;
padding-right: 0em;
} 
#KOPFIMG{
padding-top: 0em;
padding-right: 0em;
}
#KOPFNAV > ul a{
    text-decoration: none;
    color: #444;
    letter-spacing: 2px;
    line-height: 1.5;
 font: 1em 'Open Sans', sans-serif;
    font-weight: 400;
}

#LINKS {
   float: none;
 /*position: fixed;
top: 0;*/
    width: 100%;
    padding-left: 0em;
}
#LINKSINFO {
    display: none;
}
#CENTER {
 width: 100%;
  margin: auto;
margin-top: 0em;
}
    #BANNER {

        width: 100%;
  
      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%;
	margin-left: 0%;
clear: both;
    }

    #CONTENT .csc-header, .csc-textpicHeader {
    }
#CONTENT .csc-default {
    padding: 1em 1em 0.5em;
text-align: left;
margin: auto;
}

#CONTENT .csc-default li {

    margin-left: 15px;
padding-bottom: 10px;
}
    #CONTENT .csc-default a {
    color: #8DB723;
    text-decoration: none;
    font-weight: 400;
    }

    #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: #ec6e07;
    }

    #BOTTOM {
        float: left;
        padding-top: 20px;
        height: auto;

  /* background-color: #000;*/
        bottom: 0;
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;

    }
#BOTTOM h1 {

    text-align: center;
}
    #BOTTOMCENTER {
        width: 100%;
        padding-bottom: 20px;
        margin: auto;
    /*font-size:80px;
    font-size: 11px;*/;
      font-size: 1em;
   line-height: 1.4em;

    }

    #BOTTOMCENTER div {
    }

    #BOTTOMCENTER .csc-default {
        float: left;
        width: 100%;
        padding-bottom: 20px;
          text-align: center;
    padding-left: 0em;
    padding-right: 0em;
    }


    .indent {
        padding-left: 20px;
    }
tr:nth-of-type(odd) {
    background: #fff;
  }

/* Navigation */
/* Button zum Anzeigen des Menü*/
.js .menu-toggle {
  display: block;
  cursor: pointer;
  color: #fff;
  border-radius: 50%;
  background-color: #333;
  width: 2.5em;
  height: 2.5em;
  margin: 10px auto;
  text-align: center;
  line-height: 2.5em;
  border: 1px solid #010101;
  font-weight: normal;
}
#NEUmenu {

    border-top: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
width: 100%;
}
#NEUmenu a{
font-size: 1.4em;
}
#NEUmenu a:hover{
  color: #000;
}
#NEUmenu  li{
  -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.15) inset;
  box-shadow: 0 5px 5px rgba(255, 255, 255, 0.15) inset;
text-align: center;
/*background-color: #FF8927; */
background-color:#e3e3e3;
color: #000;
margin-left: 0em;
float: none;
}

#NEUmenu li a{
padding-top: 1em;
padding-bottom: 1em;
color: #000;
}
.js #NEUmenu ul  {
  display: none;
}
.js #NEUmenu ul ul {
  display: block;
}
ul#SUB {
    display: block;
}
#NEUmenu ul.toggled-on {
  display: block;
}

#NEUmenu ul li h3 {

}


#NEUmenu .active {
    color: #000;
    font-weight: 600;
}
#NEUmenu #SUB li{
padding-left: 0em;
background-color: #F3F3F3;

}

.js #SUB ul {
    display: block;
}
#NEUmenu #SUB li a{
color: #222; 
}
#NEUmenu #SUB3 li{
padding-left: 0em;
background-color: #fff; 
}

#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;
}
#NEUmenu ul li ul li ul li {
background-color: #f2f2f2;
display: block;
}

/* Navigation */

ul.menu ul {
display: block;
    position: static;
}
#NEUmenu li {

    margin-right: 0em;

}
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {

  width: 100%;


}

div.csc-textpic-intext-left .csc-textpic-imagewrap {

    width: 100%;
}
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++                         +++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++    ENDE MEDIA 945px;    +++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++                         +++++++++++++++++++++++++++*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/