/* Move down content because we have a fixed navbar that is 50px tall */

/*------------------- CSS RESET ---------------------
---------------------------------------------------*/

* {
padding: 0;
margin: 0;
}

html{
height: 101%;
}

b,
strong {
font-weight: bold;
}

hr {
border-color: #fff;
}



img{
max-width: 100%;
}
   
/*------------------SCHRIFT / GRÖSSE / FARBE----------------
---------------------------------------------------*/

body {
font-family: Helvetica, Arial, sans-serif;
color: #445055;
line-height: 1.3em;
text-align: left;  
background-color: #B6C874;
background-color: #B1C96E;
}  

#mainContainerB{
background: #fff;
}

#headerImg{
height: 320px;
background-image: url(../images/header.jpg);
background-position: center;
background-repeat: no-repeat; 
max-width: 100%;
}

h1 {
font-size: 1.2em;
font-weight: normal;
color: #445055;
text-transform: uppercase;
}

h2 {
font-size: 1.2em;
margin-bottom: 20px;
font-weight: normal;
}

legend {
display: none;
}


p{
margin-bottom: 10px;
}

.bold {
font-weight: bold;
}

.container{
padding-bottom: 0px;
}

.moduletable img {
max-width : 100%;
height : auto;
padding: 25px 0px 25px 0px;
} 

.page-header{
margin: 20px 0px;
}


/*------------------- BEITRÄGE ---------------------
---------------------------------------------------*/   

#mainComponent{
min-height: 450px;
}

#mainComponent ul{
margin-bottom: 20px;
}

#mainComponent ul li{
padding: 0px 0px 0px 5px;
list-style-position:  outside;
}

.item-page{
min-height: 400px;
padding: 10px 20px 30px 20px; 
}

.item-page ul li{
margin-left: 15px;
}

#mainComponent a:link,
#mainComponent a:visited,
#mainComponent a:focus{
color: #2D3539; 
color: #000;
text-decoration: none;
font-weight: normal;
}

#mainComponent a:hover{
text-decoration: underline;
font-weight: normal;
}

@media screen and (max-width: 640px) {
 table {
  overflow-x: auto;
  display: block;
 }
}


/*-------------------   NAVIGATION MAINMENU   ---------------------
---------------------------------------------------*/      

#mainMenu{ 
width: 250px;
float: left;
margin: 0px 0px 20px 0px;
text-transform: uppercase;
color: #5D686E;
} 

.moduletable_menu{
margin-top: 20px;
}

#mainMenu ul {
margin-bottom: 6px;
}

#mainMenu li {
display: block;
}

#mainMenu ul li a{
font-size: 15px; 
display: block; 
padding: 6px 0px 6px 8px;
margin: 5px 0px;
}

#mainMenu ul li ul li a{
font-size: 15px;
display: block; 
padding: 6px 0px 6px 16px;
margin: 5px 0px 5px 20px;
}

#mainMenu ul li a{
background: #f2f2f2;
}

#mainMenu ul li a:hover, 
#mainMenu li.active> a {
background:  #A3BF54;
}          

#mainMenu li a:link,
#mainMenu li a:visited{ 
color: #5D686E;
text-decoration: none;   
}

#mainMenu li a:hover, 
#mainMenu li.active> a{
color: #fff;
text-decoration: none; 
}


/*------------------- FOOTER ---------------------
---------------------------------------------------*/

.footer{
height: 120px;
padding: 10px 0px 0px 0px;
color: #ffffff;
font-size: 1.0em;
}

.footer ul.nav.menu{
margin: 0px;
}

.footer a{
color: #fff;
padding: 0px 0px 0px 0px;
text-decoration: underline;
}

.footer a:hover{
color: #445055;

}

.footer ul.nav.menu a{
padding: 0px;
}

.footer ul.nav.menu li a:hover{
text-decoration: none;
background: transparent;
}     


/*------------------- FLEXHEADER ---------------------
---------------------------------------------------*/
img.moduleid97.flexheader{
margin-bottom: 20px;
}

/*------------------- Kontaktformular ---------------------
---------------------------------------------------*/

.form-horizontal .control-label {
text-align: left;
}