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

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

body{
font-family: Helvetica,Arial,Tahoma,sans-serif;
color: #445055;
line-height: 1.4em;
text-align: left;   
background-color: #efefef;
}  

#mainContainerA{
background-color: #efefef; 
}

#mainContainerB{
background: #fff;
margin: 0px auto;
}
                                     

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

h2 {
font-size: 1.0em;
margin-bottom: 0px;
font-weight: normal;
color: #445055;
}


p{
margin-bottom: 10px;
}

.bold {
font-weight: bold;
}

.container{
padding-bottom: 0px;
}

img {
max-width : 100%;
height : auto;
} 

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

span{
font-size: 1.0em; 
}

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

#mainComponent{
min-height: 350px;
margin: auto;
margin-top: 0px;
font-size: 1.2em; 
}

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

.item-page,
.container #mainComponent .col-md-9 #phocagallery.pg-categories-view.pg-csv,
.container #mainComponent .col-md-9 #phocagallery.pg-category-view.pg-cv{
min-height: 450px;
margin-bottom: 20px;
padding: 10px 20px 30px 20px;
background-color: #efefef;
}

ul{
margin-left: 15px;
}

#mainComponent a:link,
#mainComponent a:visited,
#mainComponent a:focus{
color: #f00; 
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   ---------------------
---------------------------------------------------*/      

#menu{
background-color: #efefef;
}

#mainMenu{ 
margin-top: 20px;
float: left;
padding-right: 30px;
max-width: 100%;
} 

#mainMenu li {   
display: inline-block;
list-style-type: none; 
float: left;
}

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

#mainMenu ul li a{
display: inline-block;
list-style-type: none;  
padding: 20px 35px 20px 35px;  
text-decoration: none;
}

#mainMenu ul li a:hover, 
#mainMenu ul li.active> a {
color: #f00; 
background-color: transparent;
}          

#mainMenu li a:link,
#mainMenu li a:visited{ 
color: #000;
background-color: transparent;
}


#gruemenu::after, #gruemenu > ul::after{
    clear: both;
    content: none;
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

#gruemenu > ul > li > a{
    border-right: 0px solid rgba(80, 80, 80, 0.12);
    letter-spacing: 1px;
    padding: 18px 30px 21px;
    text-decoration: none;
}


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

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

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

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

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

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

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

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


/*-------------------     GALERIE     ---------------------
---------------------------------------------------*/ 

.pagination{
display: none;
}

#phocagallery-categories-detail{
margin-top: 50px;
padding-bottom: 100px;
}