@import url('http://fonts.googleapis.com/css?family=Fira+Sans');



/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
  margin: 0;
  padding: 0;
}

/* Links */


html, body { 
background-color: #fff;
  width: 100%;
height: 100%;
}

img, fieldset {
  border: 0;
}

/* set image max width to 100% */
img, embed, object, video {
  max-width: 100%;
  height: auto;
  width: auto;
}

#content img {

}

p {
line-height: 1.5em;
}




body {
color: #4b4b4b;
font-size: 1em;
font-family: 'Fira Sans', sans-serif, Arial, Helvetica;
font-weight: 300;
}

b { font-family: 'Fira Sans', sans-serif, Arial, Helvetica;
font-weight: 600; }
em { font-family: 'Fira Sans', sans-serif, Arial, Helvetica;
font-weight: 300italic;}


.csc-textpic-caption{
font-size: 0.8em;
}

.totop { position:fixed; right:4%; bottom:4%; z-index: 100; }

/* headings */

h1 {
  font-size: 1.4em;
  color: #224E62;
  font-weight: 400;
margin: 10px 0px 5px 0px;
}


#content_border h2 {
  font-size: 1em;
  color: #224E62;
  font-weight: 300;
margin: 0px 0px 5px 0px;

}

h2 {
  font-size: 1.2em;
  color: #224E62;
  font-weight: 400;
margin: 10px 0px 5px 0px;

}

h3 {
  font-size: 1.2em;
  color: #65cc35;
  font-weight: 400;
margin: 10px 0px 5px 0px;

}

h4 {
  font-size: 1.2em;
  color: #224E62;
margin: 10px 0px 5px 0px;
font-weight: 400;
}

h5 {
  font-size: 1em;
  color: #224E62;
margin: 10px 0px 5px 0px;
font-weight: 400;
}

h6 {
  font-size: 0.9em;
  color: #224E62;
margin: 10px 0px 5px 0px;
font-weight: 400;
}




#content ul, #content_border ul {
margin: 5px 0px 5px 0px;
}

#content ul ul, #content_border ul ul {
margin: 0px 0px 0px 0px;
}

#content ol{
margin-top: 0px;
list-style-position: inside;
margin: 5px 0px 5px 0px;
padding-left: 0px;
}

#content ol ol{
margin: 0px 0px 0px 0px;
}

#content_border li{
  line-height: 1.5em;
list-style-type: none;
padding-left: 22px;
background-image: url(images/li_point.png);
  background-position: 0 3px;
  background-repeat: no-repeat;
}

#content li{
  line-height: 1.5em;
list-style-type: none;
padding-left: 20px;
background-image: url(images/li_point.png);
  background-position: 0 13px;
  background-repeat: no-repeat;
padding-top: 5px;
}

#content ol li{
  line-height: 1.5em;
padding-left: 0px;
background-image: none;
list-style-type: decimal;
}

#content ol li li{
  line-height: 1.5em;
padding-left: 16px;
background-image: none;
list-style-type: decimal;
}



/* Links */
a {
color: #000;
}
a:link    { color: #65cc35; text-decoration: none;}
a:visited { color: #65cc35; text-decoration: none;}
/* In Typo3 mit gleicher Farbe wie H1 ueberschreiben*/
a:focus, a:hover, a:active { color: #65cc35;text-decoration: underline;}
a:focus { outline: none; }

.footer a:link    { color: #fff; text-decoration: none;}
.footer a:visited { color: #fff; text-decoration: none;}
/* In Typo3 mit gleicher Farbe wie H1 ueberschreiben*/
.footer a:focus, .footer a:hover, .footer a:active { color: #fff;text-decoration: underline;}
.footer a:focus { outline: none; }




#language {
float: right;
}




/************************************************************************************
STRUCTURE
*************************************************************************************/

#pagewrap {
  width: 70%;
margin: 0 auto;
}

#wrapper {
  width: 100%;
float: left;
background: #fff;
}

.wrapper_100 {
float: left;
width: 100%;
background: #224E62; 
}


#logo {
float: left;
}


#header_top {
float: left;
width: 100%;
padding: 2% 0% 0% 0%;
background: #fff;
}





#main{
width: 100%;
float: left;
background: #fff; /* Fallback IE 6-8 */

}





#content_container{
width: 100%;
float: left;
text-align: left;
background: #fff;
margin: 2% 0% 2% 0%;
}

#content{
width: 70%;
float: left;
}

#border_container{
width: 26%;
float: right;
text-align: left;
}


#content_border{
width: 92%;
float: right;
text-align: left;
background: #f1f1f1;
padding: 4%;
}


#content_border img {
width: 100%;
}



.csc_left {
width: 48%;
float: left;
min-height: 40px;
}

.csc_right {
width: 48%;
float: right;
min-height: 40px;
}


#slider {
width: 100%;
float: left;
padding: 3px 0% 0% 0%;
}








.wrapper_100_bottom {
float: left;
width: 100%;
background: #224E62; 
padding: 0% 0% 0% 0%;
}


.footer{
  width: 70%;
margin: 0 auto;
color: #fff;
background: #224E62;
padding: 2% 0% 2% 0%;
font-size: 0.9em;
}

#copyright{
float: left;
font-size: 0.9em;
}

.csc-bottom{
float: left;
width: 31.333333333333%;
padding: 0% 0% 4% 0%;
margin: 0% 2% 0% 0%
}




.align-left{
text-align: left;
}
.align-center{
text-align: center;
}
.align-right{
text-align: right;
}



#navi {
float: left;
width: 100%;
margin: 2% 0% 0% 0%;
background: #65cc35;
}


.navi_right {
width: 100%;
float: left;
margin: 0% 0% 4% 0%;
} 

.rightmenu {
float: left;
width: 100%;
} 


  
.rightmenu li {
     list-style: none;
margin: 0px;
padding: 0px;
font-weight: 300;
float: left;
width: 100%;
border-bottom: 1px solid #fff;
}

.rightmenu li a:link, .rightmenu li a:visited{
float: left;
color: #33900c; 
background: #d0eac3; 
width: 95%;
padding: 2% 0% 2% 5%;
background-image: url(images/pfeil_on.png);
  background-position: 2% 11px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #fff;
}

.rightmenu li a:hover {
color: #fff;
text-decoration: none;
background: #33900c; 
background-image: url(images/pfeil.png);
  background-position: 2% 11px;
  background-repeat: no-repeat;
}

.rightmenu li.act a {
color: #fff;
text-decoration: none;
background: #33900c; 
width: 95%;
padding: 2% 0% 2% 5%;
border-bottom: 1px solid #fff;
background-image: url(images/pfeil.png);
  background-position: 2% 11px;
  background-repeat: no-repeat;
}

.rightmenu_sub li {
border-bottom: 1px solid #fff;
}


.rightmenu_sub li a:link, .rightmenu_sub li a:visited{
float: right;
color: #fff; 
background: #65cc35; 
width: 95%;
padding: 2% 0% 2% 5%;
border-bottom: 1px solid #fff;
}

.rightmenu_sub li a:hover {
color: #fff;
text-decoration: none;
background: #33900c;
}

.rightmenu_sub li.act a {
color: #fff;
text-decoration: none;
background: #33900c;
width: 95%;
padding: 2% 0% 2% 5%;
border-bottom: 1px solid #fff;
}



.menu_top {
width: 70%;
margin: 0 auto;
padding: 1% 0% 1% 0%;
font-size: 0.9em;
} 

.topmenu {
float: right;
width: 100%;
margin-bottom: 1%;
} 


  
.topmenu li {
list-style: none;
margin: 0px;
padding: 0px;
font-weight: 400;
}

.topmenu li a:link, .topmenu li a:visited{
float: right;
color: #fff;
padding: 0px 0px 0px 20px;


}

.topmenu li a:hover {
color: #fff;
text-decoration: underline;
}

.topmenu li.act a {
color: #fff;
float: right;
padding: 0px 0px 0px 20px;
}

.bottommenu {
float: left;
} 


  
.bottommenu li {
list-style: none;
margin: 0px;
padding: 0px;
font-weight: 300;
}

.bottommenu li a:link, .bottommenu li a:visited{

color: #fff;
background-image: url(images/li_point_white.png);
background-position: 0 50%;
background-repeat: no-repeat;
padding-left: 22px;

}

.bottommenu li a:hover {
color: #fff;
text-decoration: underline;
}

.bottommenu  li.act a {
color: #fff;
}




.csc-mailform label{
border: 0px;
float: left;
margin: 0px 0px 5px 0px;
width: 100%;
}



input,
textarea, select {
margin: 0px;
padding: 0px;
border: 1px solid #dfdfdf;
color: #2d3233;
padding:1%;
background-color: #fff;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
   border-radius:5px;

font-family: 'Open Sans', sans-serif, Arial, Helvetica;
font-weight: 300;
margin: 0px 0px 10px 0px;
font-size: 1em;
width: 96%;
}

input[type=checkbox] {
width: 2em;
}
input[type=radio] {
float: left;
width: 20px;
}


#content #mailform .csc-mailform-submit{
width: 200px;
background-color: #65cc35;
border: none;
color: #fff;
margin-top: 20px;
}

/* Search Box */
.searchbox{
padding: 0px;
margin: 0px;
float: right;
margin-top: 10px;
height: 32px;
}

.searchbox input{
width: 20em;
padding:1px 5px 1px 5px;
color: #7d7d7d;
margin: 0px 0px 0px 0px;
line-height: 32px;
font-size: 1em;
float: left;
}


.searchbox .csc-mailform-submit{
line-height: 30px;
border: none;
color: #2d3233;
cursor: pointer;
width: 40px !important; 
margin-left: 10px;
border: 1px solid #dfdfdf;
background: url(images/lupe.png) no-repeat;
background-position:50% 50%;
background-color: #fff;
float: left;
}



.csc-searchResult{
padding: 0px 0px 20px 0px;
float: left;
width: 100%;
}

.csc-searchResultInfo{
padding: 0px 0px 10px 0px;
float: left;
width: 100%;
}




table.contenttable {width:100%; border-collapse:collapse; empty-cells:show; text-align:left;}
table.contenttable p {margin:0;}
table.contenttable tr {background:#fff;}
table.contenttable tr.tr-even {background:#fff;}
table.contenttable tr.tr-odd {background:#fff;}
table.contenttable tr.tr-0 {color:#224E62; background:#fff; font-weight:400; font-size: 1.4em;}

table.contenttable td {border:2px solid white; width:50%;}
table.contenttable img {width: 50%;}

.csc-default {clear: both;}


/* CSS Styled Content Regeln überschreiben */
DIV.csc-textpic .csc-textpic-imagewrap FIGURE,
DIV.csc-textpic FIGURE.csc-textpic-imagewrap,
FIGCAPTION.csc-textpic-caption {
 display: block;
}
DIV.csc-textpic-left .csc-textpic-imagewrap {
 float: none;
}
DIV.csc-textpic DIV.csc-textpic-imagecolumn {
 display: inline-block;
 float: none;
 vertical-align: top;
}
.csc-default {clear: both;}

DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
  /* Bildcontainer Breite */
}
DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,
DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
  /* Textblock */
}


nav:not(.mm-menu)
{
  display: none;
}

.header
{
  display: none;
}

.header
{
  text-align: center;
}
.header
{
  background: #65cc35;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 50px;


  -moz-box-sizing: border-box;
  box-sizing: border-box;  
  width: 100%;
  height: 50px;
  padding: 0 50px;
}
.header.fixed
{
  position: fixed;
  top: 0;
  left: 0;
}

.header a
{
  background: left no-repeat transparent;
  background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

  display: block;
  width: 98%;
  height: 50px;
  position: absolute;
  top: 0;
  left: 2%;
}



hr {
border: none;
border-top: 1px dotted #ccc;
color: #FFFFFF;
background-color: #FFFFFF;
height: 1px;
margin: 3% 0% 3% 0%;
}

.header_container {
float: right;
}


.language {
font-size: 0.9em;
text-align: right;
}

.tx-gkhrssimport-pi1-rss_title, tx-gkhrssimport-pi1-rss_title a {

font-size: medium;
 font-family: 'Open Sans', sans-serif, Arial, Helvetica;
font-weight: 400;

width: 100%;

padding-bottom: 0px;

}

.tx-gkhrssimport-pi1-description {
float: left;M
font-weight: 300;
width: 100%;
padding-top: 10px;
margin-bottom: 10px;

border-bottom: 0px solid #65cc35;


}

.tx-gkhrssimport-pi1-header {
width: 100%;
font-weight: 400;
padding-top: 15px;
border-top: 1px solid #65cc35;

}

.tx-gkhrssimport-pi1-content, .tx-gkhrssimport-pi1-download {
padding-bottom: 10px;
}

.tx-gkhrssimport-pi1-pubbox, .tx-gkhrssimport-pi1-date, .tx- gkhrssimport-pi1-author, .tx-gkhrssimport-pi1-category {

display: inline;

}

.tx-gkhrssimport-pi1-content p img {

float: left;

width: 150px;

height: 100px;

padding-right: 5px;

padding-bottom: 5px;

}