a.navigation_breadcrumb {
text-decoration: none;
color: #222222;
}
a.navigation_breadcrumb:hover {
color: #00037d;
text-decoration: underline;
}
div.s_sd_af {
text-align: right;
}
input.s_sd_af_input_text {
width: 70%;
margin-right: 2%;
height: 1.5em;
border: 1px solid #999999;
background-color: #ffffff;
}
input.s_sd_af_input_submit {
border: 1px solid #999999;
border-radius: 0.3em;
width: 2em;
height: 2em;
background-image: url('../upload/bullets/icon-start-search.png');
background-repeat: no-repeat;
background-size: cover;
background-color: #ffffff;
}
input.s_sd_af_input_submit:hover {
border: 1px solid #000000;
cursor: pointer;
}
div.navigation_main {
background-image: url('../upload/layout/background-navigation-main-001.png');
background-repeat: no-repeat;
background-position: top right;
background-size: 1em 100%;
}
#navigation_main a {
text-decoration: none;
}
#navigation_main ul {
margin-top: -1em;
padding-left: 0.5em;
}
#navigation_main ul li {
list-style-type: none;
margin-top: 0.5em;
}
#navigation_main ul li a {
color: #000000;
font-size: 1.3em;
text-decoration: none;
padding-left: 0.5em;
padding-right: 0.5em;
background-image: url('../upload/layout/background-navigation-main-item-hover.png');
background-repeat: no-repeat;
background-position: -1em center;
background-size: 0% 1em;
/*transition: 1s;*/
}
#navigation_main ul li a:hover,
#navigation_main ul li a.active {
background-image: url('../upload/layout/background-navigation-main-item-hover.png');
background-repeat: no-repeat;
background-position: 0em center;
background-size: 100% 1em;
transition: 0.5s;
}

#navigation_main ul li ul {
margin-top: 0em;
margin-bottom: 0.5em;
}
#navigation_main ul li li {
list-style-type: none;
margin-bottom: 0.5em;
}
#navigation_main ul li li a {
color: #333333;
font-size: 1em;
text-decoration: none;
padding-left: 0.5em;
padding-right: 0.5em;
background-image: url('../upload/layout/background-navigation-main-item-hover.png');
background-repeat: no-repeat;
background-position: -1em center;
background-size: 0% 1em;
/*transition: 1s;*/
}
#navigation_main ul li li a:hover,
#navigation_main ul li li a.active {
background-image: url('../upload/layout/background-navigation-main-item-hover.png');
background-repeat: no-repeat;
background-position: 0em center;
background-size: 100% 1em;
transition: 0.5s;
}


/****** size 2 ******/
@media only screen and (max-width: 60em) {
#navigation_main ul li a {
font-size: 1.1em;
}
}
	
/****** size 3 ******/
@media only screen and (max-width: 40em) {
#navigation_main ul li a {
font-size: 1em;
}
}
		
/****** size 4 ******/
@media only screen and (max-width: 30em) {
div.navigation_main {
background-image: none;
display:none;
}
}
div.navigation_main_show_hide {
display:none;
}
		
/****** size 4 ******/
@media only screen and (max-width: 30em) {
div.navigation_main_show_hide {
display:block;
height: 1.5em;
line-height: 1.5em;
text-align: center;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
div.navigation_main_show_hide:hover {
cursor:pointer;
}
}
div.smp {
margin-left: 1em;
margin-top: 2em;
height: 12em;
background-image: url('../upload/module/socialmedia-post-it/bilder/post-it.jpg');
background-repeat: no-repeat;
background-size: auto 100%;
overflow: hidden;
}

div.smp img {
margin-top: 2em;
max-width: 100%;
height: auto;
}

/****** size 4 ******/
@media only screen and (max-width: 30em) {
div.smp {
display: none;
}
}
a.pt_sd {
margin-right: 1em;
border: 1px solid #333333;
border-radius: 0.2em;
text-decoration:none;
color: #333333;
padding: 0.2em;
transition: 0.5s;
}
a.pt_sd:hover {
background-color: #f6ff00;
}
div.pt_sd {
margin-top: 3em;
}
a.navigation_bottom {
text-decoration: none;
color: #222222;
}
a.navigation_bottom:hover {
color: #00037d;
text-decoration: underline;
}
div.navigation_bottom {
text-align: center;
}
div.smf {
display: none;
text-align:center;
}

div.smf a {
text-decoration: none;
color: #222222;
line-height: 1em;
padding-left: 1.2em;
background-image: url('http://www.bmu-erkrath.de/cms/upload/module/socialmedia-footer/bullets/icon-facebook.gif');
background-repeat: no-repeat;
background-size: 1em 1em;
background-position: left center;
}
div.smf a:hover {
text-decoration: underline;
color: #00037d;
}

/****** size 4 ******/
@media only screen and (max-width: 30em) {
div.smf {
display:block;
}
}