/* Fader */

@-webkit-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}

@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}


.inactive {
color: #000000 !important;
text-decoration: none;
}

#mm .active a {
color: #b7292b !important;
text-decoration: underline;
}


@media only screen and (min-width: 1001px) {

/* Mainmenu */


#mmclicker {
display: none;
}

#mmw {
position: fixed;
top: 60px;
z-index: 99;
width: 100%;
background: #b6dfee;
box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

#mainmenu {
margin: 0px auto;
color: #000000;
background: none;
height: 30px;
line-height: 30px;
width: 100%;
max-width: 1200px;
padding: 0px 0px 0px 20px;
font-size: 90%;
font-weight: 400;
}

#mainmenu ul {
padding: 0px;
margin: 0px;
}

#mainmenu ul li {
float: left;
list-style-type: none;
margin: 0px 20px 0px 0px;
padding: 0px;
position: relative;
}

#mainmenu li.separator {
display: none;
}

#mainmenu li.lastspace {
display: none;
}

#mainmenu a {
color: #000000;
text-decoration: none;
}

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

#mainmenu ul li a {
padding: 0px 0px 0px 0px;
display: block;
}

}


/* Tablet & Mobile */
@media only screen and (max-width: 1000px) {

/* Mainmenu */

#mmclicker {
width: 30px;
height: 26px;
overflow: hidden;
cursor: pointer;
position: absolute;
top: 15px;
right: 10px;
display: block;
z-index: 999;
}

.mmc1 {
background: url(imgs/mm-clicker-b.png) no-repeat;
background-size: 30px 26px;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
transform: rotate(0deg);
}

.mmc2 {
background: url(imgs/mm-clicker-x-b.png) no-repeat;
background-size: 30px 26px;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
transform: rotate(180deg);
}

.mmshow-off {
position: absolute;
left: 0px;
top: -26px;
height: 26px;
width: 30px;
z-index: 1000;
}

.mmshow-on {
position: absolute;
left: 0px;
top: 0px;
height: 26px;
width: 30px;
cursor: pointer;
z-index: 1000;
}

.mmclose-off {
position: absolute;
left: 0px;
top: -26px;
height: 26px;
width: 30px;
z-index: 1000;
}

.mmclose-on {
position: absolute;
left: 0px;
top: 0px;
height: 26px;
width: 30px;
cursor: pointer;
z-index: 1000;
}

.mmoff {
max-height: 0px !important;
overflow: hidden;
padding: 0px;
opacity: 0;
-o-transition: all 300ms ease-out 10ms;
-moz-transition: all 300ms ease-out 10ms;
-webkit-transition: all 300ms ease-out 10ms;
-ms-transition: all 300ms ease-out 10ms;
transition: all 300ms ease-out 10ms;
}

.mmon {
max-height: 2000px;
opacity: 1;
left: 0px;
-o-transition: all 500ms 0ms;
-moz-transition: all 500ms 0ms;
-webkit-transition: all 500ms 0ms;
-ms-transition: all 500ms 0ms;
transition: all 500ms 0ms;
}

#mmw {
position: fixed;
top: 0px;
z-index: 49;
width: 100%;
min-height: 60px;
box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.mmgradon {
width: 100%;
height: auto;
min-height: 25px;
color: #000000;
font-size: 1em;
padding: 60px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height: 20px;
position: relative;
background: #b6dfee;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

.mmgradoff {
width: 100%;
height: auto;
min-height: 25px;
color: #000000;
font-size: 1em;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height: 20px;
position: relative;
background: none;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

#mainmenu ul {
width: 100%;
margin: 0px;
padding: 10px 0px 10px 0px;
}

#mainmenu ul li {
list-style-type: none;
float: none;
margin: 0px;
padding: 0px 0px 0px 0px;
}


#mainmenu ul li a {
color: #000000;
text-decoration: none;
padding: 5px 0px 5px 20px;
display: block;
}

#mainmenu ul li a:hover {
color: #b7292b;
text-decoration: underline;
}


}