/********** Template CSS **********/
:root {
    --primary: #009CFF;
    --secondary: #777777;
    --light: #F8F8F8;
    --dark: #252525;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}

body{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:1rem;
line-height: 1.5;
color: black; 
background-color: #FFFFFF;
} 

body.article-1{
background-color: #E7EEB2;
}

#header { min-height:117px; background-color:#A3D726; }
#streifen1 { height:255px; background-color:#E7EEB2; }
#streifen2 { height:117px; background-color:#A3D726; }
#streifen3 { height:27px; background-color:#CCEA7F; }

body.article-1 nav{ display:none; }


/* Typografie */
p, a, li, td {
  font-size: 0.9rem;
}

#header, #header p, #header a,
#systemnavigation, #systemnavigation p, #systemnavigation a {
  font-size: 0.85rem;
  font-weight:normal;
}

h1, h2, h3, h4 {
  font-weight: 400;
  margin: 0;
}

h1 {
  font-size: 1.4rem;
  line-height: 1.1;
  padding-bottom: 3px;
}

body.article-1 h1 {
  font-size: 1.7em;
  text-align: center;
  line-height: 1.4;
}

h2 {
  font-size: 1.2rem;
  line-height: 1.2;
  padding-bottom: 20px;
}

h3 {
  font-size: 1.1rem;
  padding-bottom: 3px;
}

h4 {
  font-size: 1.1rem;
  font-weight: 600;
}

/* Links (global) */
a {
  text-decoration: none;
  color: #0860A8;
  font-weight: 500;
}

a:hover {
  text-decoration: underline;
  color: #A3D726;
}

/* Spezifischer Bereich: #right */
#right a:hover {
  text-decoration: none;
}

/* Systemnavigation */
#systemnavigation {
  text-align: right;
  color: #666;
  margin-right: 34px;
  padding-top:2px;
}

#systemnavigation a {
  color: #666;
  padding-left: 10px;
}

#systemnavigation a:hover {
  color: #fff;
}

/* Utility */
#content .kleiner {
  font-size: 0.8em;
}


img{
border:0px;
border-color:white;
}

.bildlinks{
margin:5px 12px 0px 0px;
padding:0px 0px 0px 0px;
}

.bildrechts{
margin:5px 5px 0px 8px;
padding:0px 0px 0px 0px;
}

.bgcolor{background-color:#F0F9D7;}
.bgcolor1{background-color:#E7EEB2;}
.bgcolor2{background-color:#E0F2B0;}
.bgcolor3{background-color:#F0F9D7;} 
.bggruen1{background-color:#A3D726;} 
.bggruen2{background-color:#CCEA7F;} 
.bggruen3{background-color:#EBF7CA;} 
.white{background-color:#FFFFFF;} 
.blue{color:#0860A8;} 



/*  inhalt */  

/*  grundgeruest */  


#streifen1 .text{
text-align:left;
margin:40px 0 0 40px;
float:left;
}
#streifen1 .abbildungrechts{
padding-top:0px;
text-align:right;
}

table.homestreifen { border: none; width:100%; }
.abbildungrechts { text-align:right; }
.abbildungmitte img { max-height:100%; }



#streifen3   .hauptnavigation{
height:27px;
background-color:#EBF7CA;
float:left;
}
#streifen3   .nav1{
background-color:#CCEA7F;
}

#streifen3   .nav1home{
background-color:#E8F7CA;
}

#streifen3   .nav1on{
background-color:#A3D726;
color:white;
}





#header .headerlinks img { float:left; }
.kombi img { float:left; }
.kombi .title { margin-top:20px; }

#header .headerrechts{
padding-top:20px;
text-align:right;
}

.button
{
  padding: 5px 10px 5px 10px;
  background: #0860A8;
  border-radius: 0px;
float:right;
  color: #fff;
}
 a.button
{
text-decoration:none;
  color: #fff !important;
}

/*  seitennavigation */  

#seitennavigation ul{
margin:0px;
padding :0px;
list-style-type: none; 
}
#seitennavigation li{
height:25px;  
}

#seitennavigation li.leer{
height:10px; margin:0px; padding:0px; 
}

#seitennavigation ul li a{ 
font-weight:normal; 
color:#666666;
display:block;
}

#seitennavigation ul li a span { opacity:0; }
#seitennavigation ul li a:hover span,
#seitennavigation ul li.active a span,
#seitennavigation ul li.current a span  { opacity:1; }

#seitennavigation ul li a:hover{ 
padding-left:0px; 
color:#0860A8;
}
#seitennavigation ul li.active{ 
font-weight:500;
}

#seitennavigation ul li.active a{ 
padding-left:26px; 
color:#0860A8;
font-weight:500;
}

#seitennavigation[id] ul li.active a{ 
padding-left:0px;
}



#seitennavigation .abstand1{ 
margin-top:100px;
}
#seitennavigation .abstand2{ 
margin-top:180px;
}
#seitennavigation li img{ 
margin-top:3px;
}
#seitennavigation[id] li img{ 
margin-top:0px;
}

#right{    
background-color:#F0F9D7;
} 



#right img{    
margin-left:6px;
}
#right p{ 
margin:0;
padding:0;
padding-top:10px;
padding-left:20px;
} 
#right h2{  
margin:0;
padding:0;  
padding-bottom:0px;
padding-left:20px;
color:#0860A8;
}   

#right ul{ 
margin-left:36px;
padding-left:0px;
list-style-image: url(../img/bull.gif);
text-align: left;
}  
#right li{ 
margin-bottom:5px;
} 

#content h1{    
padding-bottom:10px;
color:#0860A8;
} 

#content h4{    
color:#0860A8;
padding:0px;
margin:10px 0px 10px 0px;
} 

#content p{    
margin:0;
padding-bottom:10px;
margin-right:20px;
}

#content ul{ 
margin-left:30px;
padding-left:0px;
list-style-image: url(../img/bull.gif);
text-align: left;
}
#content li{ 
margin-bottom:5px;
}


#content .hellorange{ 
background-color:#FFE8B2;
display:block;
padding:10px;
}


/*--------------------------------------------------------------
# Responsive
*/

@media (min-width: 576px) { #content { background: white; } }
@media (min-width: 768px) { #content { background: yellow; }  }
@media (min-width: 992px) { #content { background: orange; }  }
@media (min-width: 1200px) { #content { background: red; }  }
@media screen and (min-width: 1024px) and (max-height: 800px) { #content { background: blue; }  }