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

* {
padding: 0;
margin: 0;
}

html{
height: 101%;
}

b,
strong {
font-weight: bold;
}

.row{
margin: 0px;
}

img{
max-width: 100%;
}

/*section {
font-size: 1.3em;
margin-top: 0px;
margin-bottom: 15px;
font-weight: normal;
color: #686867;
}  */

/*------------------SCHRIFT / GRÖSSE / FARBE----------------
---------------------------------------------------*/

body{
font-family: Verdana,Helvetica,"Century Gothic",Arial,sans-serif;
color: #797979;
line-height: 1.4em;
text-align: left;   
background-color: #e9edf3;
}

#mainContainerA{
background-color: #e9edf3;
}  

#mainContainer{
background: #fffdfc;
margin: 0px auto;
} 

/*#header{  
height: 300px;
background: url(../images/loewenzahn.png);
background-position: center;
max-width: 100%;
}    */                             

h1 {
font-size: 1.5em;
margin-bottom: 20px;
margin-top: 40px;
font-weight: normal;
color: #686867;
text-transform: uppercase;
line-height: 1.5em;
}

@media (max-width: 768px) {
    h1{
    margin-top: 10px;
    }
}

h2 {
font-size: 1.2em;
margin-top: 0px;
margin-bottom: 15px;
font-weight: normal;
color: #686867;
}

h3 {
font-size: 1.0em;
margin-top: 0px;
margin-bottom: 15px;
font-weight: normal;
color: #686867;
display:none;
}

span {
margin-top: 0px;
margin-bottom: 15px;
font-weight: normal;
}

p{
margin-bottom: 10px;
}

.address{
margin-bottom: 0px;
}

.bold {
font-weight: bold;
}

.container{
padding-bottom: 0px;
} 


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

#mainComponent .col-md-12{
margin: auto;
margin-top: 0px;
font-size: 1.1em; 
min-height: 500px;
}


#mainComponent ul {
padding: 0px 0px 0px 12px;
list-style-position:  outside;
list-style-type: disc;
}

.item-page{
min-height: 400px;
margin: auto;
padding: 0px 0px 30px 0px;
}

.page-header {
border-bottom: none;
margin: 0px;
}

#mainComponent a:link,
#mainComponent a:visited,
#mainComponent a:focus{
color: #686867;
text-decoration: none;
}

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

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

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

#menu{
background-color: #e9edf3;
}


#menu #mainMenu ul li{  
list-style: none;
text-transform: uppercase;
} 

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



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

.footer {
height: 180px;
padding-top: 10px;
color: #797979; 
font-size: 0.9em;
}

.footer a{
color: #606060; 
padding: 0px 0px 0px 0px;
}

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

/*------------------- MODULE ---------------------
---------------------------------------------------*/

img.flexheader{
max-width : 100%;
padding-top: 60px;
padding-bottom: 60px;
}

@media (max-width: 768px) {
    img.flexheader{
    margin: -30px auto 0px;
    max-width : 100%;
    }
}

.phocamaps-map{
float: left;
margin-top: -50px;
margin-bottom: 30px;
}

.custom_map{
padding-top: 255px;
}

@media (max-width: 768px) {
    .phocamaps-map{
    max-width: 100%;
    margin: 0px;
    }
}

@media (max-width: 768px) {
    .custom_map{
    padding-top: 0px;
    }
}


.custom_img{
padding-top: 40px;
}


/*-------------------   KONTAKTFORMULAR ---------------------
---------------------------------------------------*/   

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;  
  }
}

legend{
display:none;
}