html {
    height: 100%;
}

body {
    position			: relative;
    font-family			: Arial, sans-serif;
    font-size			: 16px;
    color				: #3c3c3c;
    margin				: 0px;
    overflow-y			: scroll;
    overflow-x			: hidden;
    min-height			: 101%; /*Scrollbar immer anzeigen*/
    background			: #000;
    z-index				: 5;
}

/* animation noten - start */
#noten1,#noten2,#noten3,#noten4,#noten5,#noten6,#noten7,#noten8,#noten9{position:absolute;display:inline-block;width:50%;height:500px;z-index:-1}#noten1 img{-webkit-animation:note11 5s linear infinite;-moz-animation:note11 5s linear infinite;-ms-animation:note11 5s linear infinite;-o-animation:note11 5s linear infinite;animation:note11 5s linear infinite;-webkit-transition-delay:3s;-moz-transition-delay:3s;-ms-transition-delay:3s;-o-transition-delay:3s;transition-delay:3s}@-webkit-keyframes note11{0%{opacity:.0;-webkit-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-webkit-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-webkit-transform:scale(0.6) translate3d(1200px,222px,0)}}@-moz-keyframes note11{0%{opacity:.0;-moz-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-moz-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-moz-transform:scale(0.6) translate3d(1200px,222px,0)}}@-ms-keyframes note11{0%{opacity:.0;-ms-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-ms-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-ms-transform:scale(0.6) translate3d(1200px,222px,0)}}@-o-keyframes note11{0%{opacity:.0;-o-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-o-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-o-transform:scale(0.6) translate3d(1200px,222px,0)}}@keyframes note11{0%{opacity:.0;transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;transform:scale(0.6) translate3d(1200px,222px,0)}}#noten2 img{-webkit-animation:note21 6s linear infinite;-moz-animation:note21 6s linear infinite;-ms-animation:note21 6s linear infinite;-o-animation:note21 6s linear infinite;animation:note21 6s linear infinite;-webkit-transition-delay:2s;-moz-transition-delay:2s;-ms-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s}@-webkit-keyframes note21{0%{opacity:.0;-webkit-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-webkit-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-webkit-transform:scale(0.6) translate3d(1200px,222px,0)}}@-moz-keyframes note21{0%{opacity:.0;-moz-transform:scale(1) translate3d(460px,520px,0)}5%{opacity:1;-moz-transform:scale(1) translate3d(450px,500px,0)}100%{opacity:.1;-moz-transform:scale(0.6) translate3d(1200px,222px,0)}}@-ms-keyframes note21{0%{opacity:.0;-ms-transform:scale(1) translate3d(460px,520px,0)}5%{opacity:1;-ms-transform:scale(1) translate3d(450px,500px,0)}100%{opacity:.1;-ms-transform:scale(0.6) translate3d(1200px,222px,0)}}@-o-keyframes note21{0%{opacity:.0;-o-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-o-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-o-transform:scale(0.6) translate3d(1200px,222px,0)}}@keyframes note21{0%{opacity:.0;transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;transform:scale(0.6) translate3d(1200px,222px,0)}}#noten3 img{-webkit-animation:note31 9s linear infinite;-moz-animation:note31 9s linear infinite;-ms-animation:note31 9s linear infinite;-o-animation:note31 9s linear infinite;animation:note31 9s linear infinite;-webkit-transition-delay:2s;-moz-transition-delay:2s;-ms-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s}@-webkit-keyframes note31{0%{opacity:.0;-webkit-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-webkit-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-webkit-transform:scale(0.6) translate3d(1200px,222px,0)}}@-moz-keyframes note31{0%{opacity:.0;-moz-transform:scale(1) translate3d(460px,520px,0)}5%{opacity:1;-moz-transform:scale(1) translate3d(515px,520px,0)}100%{opacity:.1;-moz-transform:scale(0.6) translate3d(1200px,222px,0)}}@-ms-keyframes note31{0%{opacity:.0;-ms-transform:scale(1) translate3d(460px,520px,0)}5%{opacity:1;-ms-transform:scale(1) translate3d(515px,520px,0)}100%{opacity:.1;-ms-transform:scale(0.6) translate3d(1200px,222px,0)}}@-o-keyframes note31{0%{opacity:.0;-o-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-o-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-o-transform:scale(0.6) translate3d(1200px,222px,0)}}@keyframes note31{0%{opacity:.0;transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;transform:scale(0.6) translate3d(1200px,222px,0)}}#noten4 img{-webkit-animation:note41 11s linear infinite;-moz-animation:note41 11s linear infinite;-ms-animation:note41 11s linear infinite;-o-animation:note41 11s linear infinite;animation:note41 11s linear infinite;-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}@-webkit-keyframes note41{0%{opacity:.0;-webkit-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-webkit-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-webkit-transform:scale(0.6) translate3d(1200px,222px,0)}}@-moz-keyframes note41{0%{opacity:.0;-moz-transform:scale(1) translate3d(440px,510px,0)}5%{opacity:1;-moz-transform:scale(1) translate3d(510px,500px,0)}100%{opacity:.1;-moz-transform:scale(0.6) translate3d(1200px,222px,0)}}@-ms-keyframes note41{0%{opacity:.0;-ms-transform:scale(1) translate3d(440px,510px,0)}5%{opacity:1;-ms-transform:scale(1) translate3d(510px,500px,0)}100%{opacity:.1;-ms-transform:scale(0.6) translate3d(1200px,222px,0)}}@-o-keyframes note41{0%{opacity:.0;-o-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-o-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-o-transform:scale(0.6) translate3d(1200px,222px,0)}}@keyframes note41{0%{opacity:.0;transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;transform:scale(0.6) translate3d(1200px,222px,0)}}#noten5 img{-webkit-animation:note51 7s linear infinite;-moz-animation:note51 7s linear infinite;-ms-animation:note51 7s linear infinite;-o-animation:note51 7s linear infinite;animation:note51 7s linear infinite;-webkit-transition-delay:2s;-moz-transition-delay:2s;-ms-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s}@-webkit-keyframes note51{0%{opacity:.0;-webkit-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-webkit-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-webkit-transform:scale(0.6) translate3d(1200px,222px,0)}}@-moz-keyframes note51{0%{opacity:.0;-moz-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-moz-transform:scale(1) translate3d(400px,510px,0)}100%{opacity:.1;-moz-transform:scale(0.6) translate3d(1200px,222px,0)}}@-ms-keyframes note51{0%{opacity:.0;-ms-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-ms-transform:scale(1) translate3d(400px,510px,0)}100%{opacity:.1;-ms-transform:scale(0.6) translate3d(1200px,222px,0)}}@-o-keyframes note51{0%{opacity:.0;-o-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-o-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-o-transform:scale(0.6) translate3d(1200px,222px,0)}}@keyframes note51{0%{opacity:.0;transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;transform:scale(0.6) translate3d(1200px,222px,0)}}#noten6 img{-webkit-animation:note61 8s linear infinite;-moz-animation:note61 8s linear infinite;-ms-animation:note61 8s linear infinite;-o-animation:note61 8s linear infinite;animation:note61 8s linear infinite;-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}@-webkit-keyframes note61{0%{opacity:.0;-webkit-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-webkit-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-webkit-transform:scale(0.6) translate3d(1200px,222px,0)}}@-moz-keyframes note61{0%{opacity:.0;-moz-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-moz-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-moz-transform:scale(0.6) translate3d(1200px,222px,0)}}@-ms-keyframes note61{0%{opacity:.0;-ms-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-ms-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-ms-transform:scale(0.6) translate3d(1200px,222px,0)}}@-o-keyframes note61{0%{opacity:.0;-o-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-o-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-o-transform:scale(0.6) translate3d(1200px,222px,0)}}@keyframes note61{0%{opacity:.0;transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;transform:scale(0.6) translate3d(1200px,222px,0)}}#noten7 img{-webkit-animation:note71 7s linear infinite;-moz-animation:note71 7s linear infinite;-ms-animation:note71 7s linear infinite;-o-animation:note71 7s linear infinite;animation:note71 7s linear infinite;-webkit-transition-delay:3s;-moz-transition-delay:3s;-ms-transition-delay:3s;-o-transition-delay:3s;transition-delay:3s}@-webkit-keyframes note71{0%{opacity:.0;-webkit-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-webkit-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-webkit-transform:scale(0.6) translate3d(1200px,222px,0)}}@-moz-keyframes note71{0%{opacity:.0;-moz-transform:scale(1) translate3d(490px,520px,0)}5%{opacity:1;-moz-transform:scale(1) translate3d(510px,510px,0)}100%{opacity:.1;-moz-transform:scale(0.6) translate3d(1200px,222px,0)}}@-ms-keyframes note71{0%{opacity:.0;-ms-transform:scale(1) translate3d(490px,520px,0)}5%{opacity:1;-ms-transform:scale(1) translate3d(510px,510px,0)}100%{opacity:.1;-ms-transform:scale(0.6) translate3d(1200px,222px,0)}}@-o-keyframes note71{0%{opacity:.0;-o-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-o-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-o-transform:scale(0.6) translate3d(1200px,222px,0)}}@keyframes note71{0%{opacity:.0;transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;transform:scale(0.6) translate3d(1200px,222px,0)}}#noten8 img{-webkit-animation:note81 6s linear infinite;-moz-animation:note81 6s linear infinite;-ms-animation:note81 6s linear infinite;-o-animation:note81 6s linear infinite;animation:note81 6s linear infinite;-webkit-transition-delay:4s;-moz-transition-delay:4s;-ms-transition-delay:4s;-o-transition-delay:4s;transition-delay:4s}@-webkit-keyframes note81{0%{opacity:.0;-webkit-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-webkit-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-webkit-transform:scale(0.6) translate3d(1200px,222px,0)}}@-moz-keyframes note81{0%{opacity:.0;-moz-transform:scale(1) translate3d(500px,530px,0)}5%{opacity:1;-moz-transform:scale(1) translate3d(530px,540px,0)}100%{opacity:.1;-moz-transform:scale(0.6) translate3d(1200px,222px,0)}}@-ms-keyframes note81{0%{opacity:.0;-ms-transform:scale(1) translate3d(500px,530px,0)}5%{opacity:1;-ms-transform:scale(1) translate3d(530px,540px,0)}100%{opacity:.1;-ms-transform:scale(0.6) translate3d(1200px,222px,0)}}@-o-keyframes note81{0%{opacity:.0;-o-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-o-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-o-transform:scale(0.6) translate3d(1200px,222px,0)}}@keyframes note81{0%{opacity:.0;transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;transform:scale(0.6) translate3d(1200px,222px,0)}}#noten9 img{-webkit-animation:note91 4s linear infinite;-moz-animation:note91 4s linear infinite;-ms-animation:note91 4s linear infinite;-o-animation:note91 4s linear infinite;animation:note91 4s linear infinite;-webkit-transition-delay:8s;-moz-transition-delay:8s;-ms-transition-delay:8s;-o-transition-delay:8s;transition-delay:8s}@-webkit-keyframes note91{0%{opacity:.0;-webkit-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-webkit-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-webkit-transform:scale(0.6) translate3d(1200px,222px,0)}}@-moz-keyframes note91{0%{opacity:.0;-moz-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-moz-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-moz-transform:scale(0.6) translate3d(1200px,222px,0)}}@-ms-keyframes note91{0%{opacity:.0;-ms-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-ms-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-ms-transform:scale(0.6) translate3d(1200px,222px,0)}}@-o-keyframes note91{0%{opacity:.0;-o-transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;-o-transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;-o-transform:scale(0.6) translate3d(1200px,222px,0)}}@keyframes note91{0%{opacity:.0;transform:scale(1) translate3d(480px,520px,0)}5%{opacity:1;transform:scale(1) translate3d(500px,510px,0)}100%{opacity:.1;transform:scale(0.6) translate3d(1200px,222px,0)}}
/* animation noten - end */

.wrapper {
    width				: 90%;
    height				: auto;
    margin				: 0px auto;
}

#g-plusone {
    float				: right;
    margin-right		: -41px;
}

#flexbilderwechsel {
    height				: 100%;
    width				: 100%;
}

#head {
    width				: 100%;
    max-width			: 100%;
    height				: auto;
    padding-top			: 25px;
}

/* Logo */
#logo {
    float				: left;
    width				: 100%;
    max-width			: 300px;
    height				: auto;
}

.effect-logo a {
    padding				: 60px;
}

.effect-logo img:hover {
    -webkit-animation-name: wobble-to-top-right;
    animation-name: wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@-webkit-keyframes wobble-to-top-right {
    16.65% {
        -ms-transform: translate(8px, -8px);
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }
    33.3% {
        -ms-transform: translate(-6px, 6px);
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }
    49.95% {
        -ms-transform: translate(4px, -4px);
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }
    66.6% {
        -ms-transform: translate(-2px, 2px);
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }
    83.25% {
        -ms-transform: translate(1px, -1px);
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }
    100% {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes wobble-to-top-right {
    16.65% {
        -ms-transform: translate(8px, -8px);
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }
    33.3% {
        -ms-transform: translate(-6px, 6px);
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }
    49.95% {
        -ms-transform: translate(4px, -4px);
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }
    66.6% {
        -ms-transform: translate(-2px, 2px);
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }
    83.25% {
        -ms-transform: translate(1px, -1px);
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }
    100% {
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

#portalbildwrapper {
	width				: 150px; 
	height				: 150px; 
	display				: inline-block; 
	margin				: 5px 15px 10px 0;
}

#portalbild {
	width				: 150px;
	height				: 150px;
	border				: 3px solid rgba(70,99,80,0.9);
	opacity				: 0.7;
	-webkit-transform	: scale(0.95);
	transform			: scale(0.95);
	-webkit-transition	: 0.6s;
	transition			: 0.6s;
	
}

#portalbild:hover {
	width				: 150px;
	height				: 150px;
	border				: 3px solid rgba(70,99,80,0.6);
	opacity				: 1;
	-webkit-transform	: scale(1);
	transform			: scale(1);
}

/* Menue */
#menue {
    float				: right;
    width				: 100%;
    max-width			: 1035px;
    height				: 50px;
    background			: url(../images/menue_bg.png) no-repeat;
}

a.menuhome {
    display				: inline-block;
    float				: left;
    color				: #fff !important;
    margin				: 9px 0 0 20px;
    text-decoration		: none !important;
}

a.menuhome:after {
    content				: '';
    display				: block;
    height				: 3px;
    width				: 0;
    margin-top			: 2px;
    color				: #ee711e !important;
    background			: transparent;
    text-decoration		: none !important;
    transition			: width .5s linear, background .5s linear;
}
a.menuhome:hover:after {
    float				: left;
    width				: 100%;
    color				: #ee711e !important;
    background			: #fff;
    text-decoration		: none !important;
}

a.menuhome_on {
    display				: inline-block;
    float				: left;
    font-size			: 20px;
    color				: #fff !important;
    margin				: 9px 0 0 20px;
    padding-bottom		: 2px;
    border-bottom		: 3px solid #fff;
    background			: transparent;
    text-decoration		: none !important;
    transition			: color .5s linear, border-bottom .5s linear;
}

a.menuhome_on:hover {
    display				: inline-block;
    float				: left;
    font-size			: 20px;
    color				: #ee711e !important;
    margin				: 9px 0 0 20px;
    padding-bottom		: 2px;
    border-bottom		: 3px solid #ee711e;
    background			: transparent;
    text-decoration		: none !important;
    transition			: color .5s linear, border-bottom .5s linear;
}

#menuhomefont {
    font-size			: 30px !important;
    color				: #fff;
    background			: none;
    text-decoration		: none !important;
}

a.menulebedkina {
    display				: inline-block;
    float				: left;
    font-size			: 20px;
    color				: #fff !important;
    margin				: 14px 145px 0 45px;
    text-decoration		: none !important;
}

a.menulebedkina:after {
    content				: '';
    display				: block;
    height				: 3px;
    width				: 0;
    margin-top			: 2px;
    color				: #fff !important;
    background			: transparent;
    text-decoration		: none !important;
    transition			: width .5s linear, background .5s linear;
}
a.menulebedkina:hover:after {
    float				: left;
    width				: 100%;
    color				: #fff !important;
    background			: #fff;
    text-decoration		: none !important;
}

a.menulebedkina_on {
    display				: inline-block;
    float				: left;
    font-size			: 20px;
    color				: #fff !important;
    margin				: 14px 145px 0 45px;
    padding-bottom		: 2px;
    border-bottom		: 3px solid #fff;
    background			: transparent;
    text-decoration		: none !important;
    transition			: color .5s linear, border-bottom .5s linear;
}

a.menulebedkina_on:hover {
    display				: inline-block;
    float				: left;
    font-size			: 20px;
    color				: #ee711e !important;
    margin				: 14px 145px 0 45px;
    padding-bottom		: 2px;
    border-bottom		: 3px solid #ee711e;
    background			: transparent;
    text-decoration		: none !important;
    transition			: color .5s linear, border-bottom .5s linear;
}

a.menu {
    display				: inline-block;
    float				: left;
    font-size			: 20px;
    color				: #fff !important;
    margin				: 14px 90px 0 0;
    text-decoration		: none !important;
}

.menu:after {
    content				: '';
    display				: block;
    height				: 3px;
    width				: 0;
    margin-top			: 2px;
    color				: #fff !important;
    background			: transparent;
    text-decoration		: none !important;
    transition			: width .5s linear, background .5s linear;
}
a.menu:hover:after {
    float				: left;
    width				: 100%;
    color				: #fff !important;
    background			: #fff;
    text-decoration		: none !important;
}

a.menu_on {
    display				: inline-block;
    float				: left;
    font-size			: 20px;
    color				: #fff !important;
    margin				: 14px 90px 0 0;
    padding-bottom		: 2px;
    border-bottom		: 3px solid #fff;
    background			: transparent;
    text-decoration		: none !important;
    transition			: color .5s linear, border-bottom .5s linear;
}

a.menu_on:hover {
    display				: inline-block;
    float				: left;
    font-size			: 20px;
    color				: #ee711e !important;
    margin				: 14px 90px 0 0;
    padding-bottom		: 2px;
    border-bottom		: 3px solid #ee711e;
    background			: transparent;
    text-decoration		: none !important;
    transition			: color .5s linear, border-bottom .5s linear;
}

a.menufacebook {
    display				: inline-block;
    float				: left;
    text-decoration		: none !important;
    color				: #fff !important;
    margin				: 10px 0 0 10px;
}

.menufacebook:after {
    content				: '';
    display				: block;
    height				: 3px;
    width				: 0;
    margin-top			: 2px;
    color				: #fff !important;
    background			: transparent;
    text-decoration		: none !important;
    transition			: width .5s linear, background .5s linear;
}
a.menufacebook:hover:after {
    float				: left;
    width				: 100%;
    color				: #fff !important;
    background			: #fff;
    text-decoration		: none !important;
}

a.menufacebook_on {
    display				: inline-block;
    float				: left;
    font-size			: 20px;
    color				: #fff !important;
    margin				: 10px 0 0 10px;
    padding-bottom		: 2px;
    border-bottom		: 3px solid #fff;
    background			: transparent;
    text-decoration		: none !important;
    transition			: color .5s linear, border-bottom .5s linear;
}

a.menufacebook_on:hover {
    display				: inline-block;
    float				: left;
    font-size			: 20px;
    color				: #ee711e !important;
    margin				: 10px 0 0 10px;
    padding-bottom		: 2px;
    border-bottom		: 3px solid #ee711e;
    background			: transparent;
    text-decoration		: none !important;
    transition			: color .5s linear, border-bottom .5s linear;
}

/* Boxen */
#boxen {
    float				: right;
    width				: 100%;
    max-width			: 710px;
    height				: auto;
    margin-top			: 260px;
    margin-bottom		: 10px;
    clear				: both;
}

#boxen_titel {
    font-size			: 17px;
    margin-bottom		: 5px;
    text-transform		: uppercase;
}

#box1 {
    display				: inline-block;
    float				: left;
    width				: 100%;
    max-width			: 30%;
    height				: 90px;
    margin-right		: 14px;
    margin-top			: 0px;
    padding				: 7px;
    font-weight			: normal;
    color				: #fff;
    text-align			: left;
    background			: rgba(118,118,118,0.7);
    box-shadow			: 0 0 0px #fff;
    transition			: margin-top .3s linear, background .3s linear;
}

#box1:after {
    content				: '';
    display				: block;
    height				: 1px;
    width				: 0;
    margin-top			: 2px;
    color				: #fff !important;
}

#box1:hover {
    margin-top			: -12px;
    background			: #767676;
    transition			: margin-top .3s linear, background .3s linear;
}

#box1:hover:after {
    margin-top			: 0;
    transition			: margin-top .3s linear;
}

#logo_icon {
    display				: inline;
    float				: right;
    width				: 72px;
    height				: 87px;
    margin-top			: -25px;
}

.box11:hover, .box11_on, .box11_on {
    margin-top			: -12px !important;
    background			: #767676 !important;
}

#box2 {
    display				: inline-block;
    float				: left;
    width				: 100%;
    max-width			: 30%;
    height				: 90px;
    margin-top			: 0px;
    margin-right		: 14px;
    padding				: 7px;
    font-weight			: normal;
    color				: #fff;
    text-align			: left;
    background			: rgba(41,144,94,0.7);
    box-shadow			: 0 0 0px #fff;
    transition			: margin-top .3s linear, background .3s linear;
}

#box2:after {
    content				: '';
    display				: block;
    height				: 1px;
    width				: 0;
    margin-top			: 2px;
    color				: #fff !important;
}

#box2:hover {
    margin-top			: -12px;
    background			: #29905e;
    transition			: margin-top .3s linear, background .3s linear;
}

#box2:hover:after {
    margin-top			: 0;
    transition			: margin-top .3s linear;
}

.box22:hover, .box22_on, .box22_on {
    margin-top			: -12px !important;
    background			: #29905e !important;
}

#box3 {
    display				: inline-block;
    float				: left;
    width				: 100%;
    max-width			: 30%;
    margin-top			: 0px;
    height				: 90px;
    padding				: 7px;
    font-weight			: normal;
    color				: #fff;
    text-align			: left;
    background			: rgba(0,0,0,0.7);
    transition			: margin-top .3s linear, background .3s linear;
}

#box3:after {
    content				: '';
    display				: block;
    height				: 1px;
    width				: 0;
    margin-top			: 2px;
    color				: #fff !important;
}

#box3:hover {
    margin-top			: -12px;
    background			: #000;
    transition			: margin-top .3s linear, background .3s linear;
}

#box3:hover:after {
    margin-top			: 0;
    transition			: margin-top .3s linear;
}

.box33:hover, .box33_on, .box33_on {
    margin-top			: -12px !important;
    background			: #000 !important;
}

#content {
    float				: left;
    width				: 98%;
    min-height			: 300px;
    padding				: 10px 10px 10px 20px;
    margin				: 0 0 10px 0;
    font-size			: 17px;
    color				: #3c3c3c;
    border				: 1px solid rgba(0,0,0,0.4);
    background			: rgba(255,255,255,0.75);
}

#qr {
    float				: right;
    margin-top			: 15px;
}

#impressum_anfahrt {
    float				: left;
    width				: 30%;
    margin				: 16px 0 15px 65px;
}

#impressum_anfahrtmobil {
    display				: none;
    margin				: 40px 0 15px 65px;
}

#impressum_anfahrtmobilsmall {
    display				: none;
}

#anfahrt_dortmund {
    display				: inline-block;
    float				: left;
    width				: 48%;
}

#dortmund_adresse {
    border					: 1px solid rgba(0,0,0,0.3);
    border-bottom			: 0px;
    border-top-left-radius	: 20px;
    border-top-right-radius	: 20px;
    width					: 320px;
    text-align				: center;
    padding					: 7px 20px;
    background				: rgba(255,255,255,0.4);
    box-shadow				: inset 0px -2px 3px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.3);
}

#anfahrt_dorsten {
    display				: inline-block;
    float				: right;
    width				: 48%;
}

#dorsten_adresse {
    border					: 1px solid rgba(0,0,0,0.3);
    border-bottom			: 0px;
    border-top-left-radius	: 20px;
    border-top-right-radius	: 20px;
    width					: 295px;
    text-align				: center;
    padding					: 7px 20px;
    background				: rgba(255,255,255,0.4);
    box-shadow				: inset 0px -2px 2px rgba(0,0,0,0.3), 0px 2px 2px rgba(0,0,0,0.3);
}

#mehrlesen {
    font-size: 15px !important;
    color: #fff;
    background: none;
    box-shadow: 0 0 0px #000;
}

#submenues {
    float					: left;
    text-align				: left;
    font-size				: 13px;
    padding					: 10px 0 4px 0;
    width					: 100%;
    border-bottom			: 1px solid rgba(0,0,0,0.4);
}

/* Menu Musikschule */
#menuemobilregular {
    display				: inline-block;
    float				: right;
    background			: rgba(118,118,118,0.8);
    padding				: 10px;
    min-width			: 222px;
    margin				: 0 0 20px 20px;
    border				: 1px solid rgba(0,0,0,0.2);
}
/* Menu Kinderpianowelt */
#menuemobilpianoweltregular {
    display				: inline-block;
    float				: right;
    background			: rgba(41,144,94,0.8);
    padding				: 10px;
    min-width			: 222px;
    margin				: 0 0 20px 20px;
    border				: 1px solid rgba(0,0,0,0.2);
}
/* Menu Duo Elegance */
#menuemobileleganceregular {
    display				: inline-block;
    float				: right;
    background			: rgba(0,0,0,0.8);
    padding				: 10px;
    min-width			: 222px;
    margin				: 0 0 20px 20px;
    border				: 1px solid rgba(0,0,0,0.2);
}

#menumobiltitelregular {
    color				: #fff;
    font-weight			: bold;
    margin-bottom		: 10px;
    border-bottom		: 1px solid rgba(255,255,255,0.2);
}

#submenumobilregularsign {
    font-size			: 15px !important;
    background			: transparent;
    box-shadow			: 0 0 0px #000;
    margin-right		: 5px;
}

a.submenumobilregular {
    color				: #fff;
    display				: block;
    font-size			: 13px;
    margin				: 3px 0px;
}
a.submenumobilregular:hover, a.submenumobilregular_on, a.submenumobilregular_on:hover {
    color				: #fff;
    display				: block;
    font-size			: 13px;
    margin				: 3px 0px;
    text-decoration		: underline;
}

/* Menuresponsive */
.fa, #submenuesignmusikschule {
    font-size: 16px !important;
    color: #fff;
    background: rgba(118,118,118,0.8);
    box-shadow: 0 0 0px #000;
}
.fa, #submenuesignpianowelt {
    font-size: 16px !important;
    color: #fff;
    background: rgba(41, 144, 94, 0.8);
    box-shadow: 0 0 0px #000;
}
.fa, #submenuesignelegance {
    font-size: 16px !important;
    color: #fff;
    background: rgba(0,0,0,0.8);
    box-shadow: 0 0 0px #000;
}

#responsive-submenu {
    display: none;
    background: transparent;
    width: 100%;
}

#responsive-submenu .fa {
    padding: 10px 0 10px 20px;
    cursor: pointer;
    width: 97%;
}

.resmenu, .resmenu:hover, .resmenu_on, .resmenu_on:hover {
    width: 100%;
    padding: 5px;
}

.submenu-items a {
    padding: 5px 15px;
    display: block;
    height: 15px;
    width: 96.5%;
    color: #fff;
    font-size: 13px;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
}

.submenu-items a:hover {
    color: #fff;
    text-decoration: underline;
}

.submenu-items {
    width: 84.8% !important;
    position: absolute;
    z-index: 9999;
    display: none;
    margin-left: 0;
    padding-left: 0;
    background: rgba(0,0,0,0.90);
    border-bottom: 3px solid #fff;
}

.submenu-items ul {
    width: 95% !important;
}

.submenu-items li {
    list-style-type: none;
    width: 98.6% !important;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #51514e;
    padding: 5px;
}



* {
    margin				: 0;
    padding				: 0;
    border				: 0;
}

table {
    border-spacing			: 0;
}

td {
    font-family			: Arial, sans-serif;
    color				: #3c3c3c;
    vertical-align			: top;
}

p { margin				: 1em 0; }

div {
    text-align			: justify;
}

h1 {
    font-size 			: 25px;
    color				: #466350;
    margin-bottom			: 1em;
    font-weight			: bold;
}
h2 {
    font-size			: 22px;
    color				: #3c3c3c;
    margin				: 1em 0;
    font-weight			: bold;
}

a {
    color				: #3c3c3c;
    font-weight			: bold;
    text-decoration		: none;
}
a:hover {
    color				: #2f76b1;
    text-decoration		: underline;
}

#titel {
    text-decoration		: none;
}
#titel:hover {
    text-decoration		: none;
}

img {
    border				: none;
}
#get {
    background			: url(http://http-get.de/get.gif) no-repeat;
}

ul { margin-left				: 1.3em; }

textarea, input, select, input {
    font-family			: Arial, sans-serif;
    color				: #000;
    border				: 1px solid rgba(0,0,0,0.4);
    background			: #FFFFFF;
    margin				: 1px 0;
    font-size			: 1em;
    padding				: 5px;
    border-radius		: 7px;
}
input.error, select.error, textarea.error {
    border				: 1px solid #FF0000;
    background-color	: #FFFCE2;
}

/*für den IE*/
input[type=radio] {
    padding				: 0px;
    background			: 0px;
    border				: 1px;
}

.button {
    font-family			: Arial, sans-serif;
    color				: #000;
    float				: right;
    border				: 1px solid rgba(0,0,0,0.4);
    background			: #fff;
    margin				: 1px 0 15px 0;
    font-size			: 1em;
}
.button:hover {
    font-family			: Arial, sans-serif;
    color				: #fff;
    border				: 1px solid rgba(0,0,0,0.4);
    background			: #2f76b1;
    margin				: 1px 0 15px 0;
    font-size			: 1em;
    cursor				: pointer;
}

/* mobile Menu */
.fa {
    font-size: 25px !important;
    color: #fff;
    background: #29905e;
    box-shadow: 0 0 5px #000;
}

#responsive-menu {
    display: none;
    background: transparent;
    width: 100%;
}

#responsive-menu .fa {
    padding: 10px 20px;
    cursor: pointer;
    width: 99%;
}

.resmenu, .resmenu:hover, .resmenu_on, .resmenu_on:hover {
    width: 100%;
    padding: 5px;
}

.menu-items a {
    padding: 5px 15px;
    display: block;
    height: 15px;
    width: 100%;
    color: #fff;
    font-size: 13px;
    text-align: left;
    font-weight: bold;
    text-decoration: none;
}

.menu-items {
    width: 100% !important;
    position: absolute;
    z-index: 9999;
    display: none;
    margin-left: 0;
    padding-left: 0;
    background: rgba(0,0,0,0.90);
    border-bottom: 5px solid #29905e;
}

.menu-items ul {
    width: 100% !important;
}

.menu-items li {
    list-style-type: none;
    width: 100% !important;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #51514e;
    padding: 5px;
}

#menuhomemobile {
    font-size: 18px !important;
    background: none;
    margin-right: 22px;
}
#menumusikmobile1 {
    font-size: 18px !important;
    background: none;
    margin-right: 25px;
}
#menumusikmobile2 {
    font-size: 18px !important;
    background: none;
    margin-right: 25px;
}
#menumusikmobile3 {
    font-size: 18px !important;
    background: none;
    margin-right: 25px;
}
#menuglobalmobile {
    font-size: 18px !important;
    background: none;
    margin-right: 24px;
}
#menukontaktmobile {
    font-size: 18px !important;
    background: none;
    margin-right: 23px;
}
#menuimpressummobile {
    font-size: 18px !important;
    background: none;
    margin-right: 26px;
}
#menufacebookmobile {
    margin-right: 25px;
}

/* mobil Footer */
#footer_menu {
    display				: none;
    position			: fixed;
    bottom				: 0px;
    left				: 0px;
    width				: 100%;
    overflow			: hidden;
    text-align			: center;
    background			: url(../images/bg_footer.png) repeat-x !important;
    border-top			: 1px solid rgba(255,255,255,0.2);
    z-index				: 100;
}
.fmenubutton {
    float				: left;
    text-align			: center;
    width				: 19.5% !important;
    padding				: 5px 0;
    color				: #DEDEDE;
}

@media (max-width: 1780px) {
    #qr {
        float				: right;
        margin-top			: 15px;
    }

    #impressum_anfahrt {
        float				: left;
        width				: 25%;
        margin				: 16px 0 15px 65px;
    }
}

@media (max-width: 1690px) {
    #content {
        float				: left;
        width				: 97.0%;
        padding				: 10px 20px;
        margin				: 0 0 10px 0;
        font-size			: 17px;
        color				: #3c3c3c;
        border				: 1px solid rgba(0,0,0,0.4);
        background			: rgba(255,255,255,0.75);
    }
}

@media (max-width: 1510px) {
    /* Menue */
    #menue {
        float				: right;
        width				: 100%;
        max-width			: 900px;
        height				: 50px;
        margin-bottom		: 15px;
        background			: url(../images/menue_bg.png) no-repeat;
    }

    a.menuhome {
        display				: inline-block;
        float				: left;
        color				: #fff !important;
        margin				: 9px 0 0 20px;
        text-decoration		: none !important;
    }

    a.menuhome:after {
        content				: '';
        display				: block;
        height				: 3px;
        width				: 0;
        margin-top			: 2px;
        color				: #ee711e !important;
        background			: transparent;
        text-decoration		: none !important;
        transition			: width .5s linear, background .5s linear;
    }
    a.menuhome:hover:after {
        float				: left;
        width				: 100%;
        color				: #ee711e !important;
        background			: #fff;
        text-decoration		: none !important;
    }

    a.menuhome_on {
        display				: inline-block;
        float				: left;
        font-size			: 20px;
        color				: #fff !important;
        margin				: 9px 0 0 20px;
        padding-bottom		: 2px;
        border-bottom		: 3px solid #fff;
        background			: transparent;
        text-decoration		: none !important;
        transition			: color .5s linear, border-bottom .5s linear;
    }

    a.menuhome_on:hover {
        display				: inline-block;
        float				: left;
        font-size			: 20px;
        color				: #ee711e !important;
        margin				: 9px 0 0 20px;
        padding-bottom		: 2px;
        border-bottom		: 3px solid #ee711e;
        background			: transparent;
        text-decoration		: none !important;
        transition			: color .5s linear, border-bottom .5s linear;
    }

    #menuhomefont {
        font-size			: 30px !important;
        color				: #fff;
        background			: none;
        text-decoration		: none !important;
    }

    a.menulebedkina {
        display				: inline-block;
        float				: left;
        font-size			: 20px;
        color				: #fff !important;
        margin				: 14px 145px 0 45px;
        text-decoration		: none !important;
    }

    a.menulebedkina:after {
        content				: '';
        display				: block;
        height				: 3px;
        width				: 0;
        margin-top			: 2px;
        color				: #fff !important;
        background			: transparent;
        text-decoration		: none !important;
        transition			: width .5s linear, background .5s linear;
    }
    a.menulebedkina:hover:after {
        float				: left;
        width				: 100%;
        color				: #fff !important;
        background			: #fff;
        text-decoration		: none !important;
    }

    a.menulebedkina_on {
        display				: inline-block;
        float				: left;
        font-size			: 20px;
        color				: #fff !important;
        margin				: 14px 145px 0 45px;
        padding-bottom		: 2px;
        border-bottom		: 3px solid #fff;
        background			: transparent;
        text-decoration		: none !important;
        transition			: color .5s linear, border-bottom .5s linear;
    }

    a.menulebedkina_on:hover {
        display				: inline-block;
        float				: left;
        font-size			: 20px;
        color				: #ee711e !important;
        margin				: 14px 145px 0 45px;
        padding-bottom		: 2px;
        border-bottom		: 3px solid #ee711e;
        background			: transparent;
        text-decoration		: none !important;
        transition			: color .5s linear, border-bottom .5s linear;
    }

    a.menu {
        display				: inline-block;
        float				: left;
        font-size			: 20px;
        color				: #fff !important;
        margin				: 14px 50px 0 0;
        text-decoration		: none !important;
    }

    .menu:after {
        content				: '';
        display				: block;
        height				: 3px;
        width				: 0;
        margin-top			: 2px;
        color				: #fff !important;
        background			: transparent;
        text-decoration		: none !important;
        transition			: width .5s linear, background .5s linear;
    }
    a.menu:hover:after {
        float				: left;
        width				: 100%;
        color				: #fff !important;
        background			: #fff;
        text-decoration		: none !important;
    }

    a.menu_on {
        display				: inline-block;
        float				: left;
        font-size			: 20px;
        color				: #fff !important;
        margin				: 14px 50px 0 0;
        padding-bottom		: 2px;
        border-bottom		: 3px solid #fff;
        background			: transparent;
        text-decoration		: none !important;
        transition			: color .5s linear, border-bottom .5s linear;
    }

    a.menu_on:hover {
        display				: inline-block;
        float				: left;
        font-size			: 20px;
        color				: #ee711e !important;
        margin				: 14px 50px 0 0;
        padding-bottom		: 2px;
        border-bottom		: 3px solid #ee711e;
        background			: transparent;
        text-decoration		: none !important;
        transition			: color .5s linear, border-bottom .5s linear;
    }

    a.menufacebook {
        display				: inline-block;
        float				: left;
        text-decoration		: none !important;
        color				: #fff !important;
        margin				: 10px 0 0 0px;
    }

    .menufacebook:after {
        content				: '';
        display				: block;
        height				: 3px;
        width				: 0;
        margin-top			: 2px;
        color				: #fff !important;
        background			: transparent;
        text-decoration		: none !important;
        transition			: width .5s linear, background .5s linear;
    }
    a.menufacebook:hover:after {
        float				: left;
        width				: 100%;
        color				: #fff !important;
        background			: #fff;
        text-decoration		: none !important;
    }

    a.menufacebook_on {
        display				: inline-block;
        float				: left;
        font-size			: 20px;
        color				: #fff !important;
        margin				: 10px 0 0 0px;
        padding-bottom		: 2px;
        border-bottom		: 3px solid #fff;
        background			: transparent;
        text-decoration		: none !important;
        transition			: color .5s linear, border-bottom .5s linear;
    }

    a.menufacebook_on:hover {
        display				: inline-block;
        float				: left;
        font-size			: 20px;
        color				: #ee711e !important;
        margin				: 10px 0 0 0px;
        padding-bottom		: 2px;
        border-bottom		: 3px solid #ee711e;
        background			: transparent;
        text-decoration		: none !important;
        transition			: color .5s linear, border-bottom .5s linear;
    }
}

@media (max-width: 1470px) {
    #qr {
        float				: right;
        margin-top			: 15px;
    }

    #impressum_anfahrt {
        float				: left;
        width				: 22%;
        margin				: 16px 0 15px 55px;
    }
}

@media (max-width: 1400px) {
    #content {
        float				: left;
        width				: 96.5%;
        padding				: 10px 20px;
        margin				: 0 0 10px 0;
        font-size			: 17px;
        color				: #3c3c3c;
        border				: 1px solid rgba(0,0,0,0.4);
        background			: rgba(255,255,255,0.75);
    }
}

@media (max-width: 1280px) {
    #qr {
        float				: right;
        margin-top			: 15px;
    }

    #impressum_anfahrt {
        display				: none;
        float				: left;
        width				: 22%;
        margin				: 16px 0 15px 55px;
    }

    #impressum_anfahrtmobil {
        display				: block;
    }
}

@media (max-width: 1200px) {
    #content {
        float				: left;
        width				: 95.5%;
        padding				: 10px 20px;
        margin				: 0 0 10px 0;
        font-size			: 17px;
        color				: #3c3c3c;
        border				: 1px solid rgba(0,0,0,0.4);
        background			: rgba(255,255,255,0.75);
    }
}

@media (max-width: 1023px) {
    /* Menue */
    #menue { display: none; }
    #responsive-menu { display: block; }
    #content {
        float				: left;
        width				: 94.5%;
        padding				: 10px 20px;
        margin				: 0 0 10px 0;
        font-size			: 17px;
        color				: #3c3c3c;
        border				: 1px solid rgba(0,0,0,0.4);
        background			: rgba(255,255,255,0.75);
    }
	
	#g-plusone {
		float				: right;
		margin-right		: -37px;
		margin-bottom		: 100px;
	}

    /* Menu Musikschule */
    #menuemobilregular {
        display				: none;
    }
    /* Menu Kinderpianowelt */
    #menuemobilpianoweltregular {
        display				: none;
    }
    /* Menu Duo Elegance */
    #menuemobileleganceregular {
        display				: none;
    }
    /* Menuresponsive */
    #menuemobil {
        display				: block;
    }

    /* mobil Footer */
    #footer_menu {
        display				: block;
        position			: fixed;
        bottom				: 0px;
        left				: 0px;
        width				: 100%;
        overflow			: hidden;
        text-align			: center;
        background			: url(../images/bg_footer.png) repeat-x !important;
        border-top			: 1px solid rgba(255,255,255,0.2);
        z-index				: 100;
    }
    .fmenubutton {
        float				: left;
        text-align			: center;
        width				: 19.5% !important;
        padding				: 5px 0;
        color				: #DEDEDE;
    }
    #impressum_anfahrtmobil {
        display				: none;
    }
    #impressum_anfahrtmobilsmall {
        display				: block;
    }
    #submenues {
        display					: none;
        float					: left;
        text-align				: left;
        font-size				: 13px;
        padding					: 10px 0 4px 0;
        width					: 100%;
        border-bottom			: 1px solid rgba(0,0,0,0.4);
    }
    #responsive-submenu {
        display					: block;
    }

    /*Noten Animation*/
    #noten1, #noten2, #noten3, #noten4, #noten5, #noten6, #noten7, #noten8, #noten9 {
        position			: absolute;
        display				: inline-block;
        width				: 100%;
        left				: 0;
        margin-top			: 10px;
        height				: 500px;
        z-index				: -1;
    }

    #noten1 img {
        animation: noten11 5s infinite linear;
        transition-delay: 3s;
    }

    @keyframes noten11 {
        0%{opacity: .0;transform: scale(1) translate3d(480px,520px,0)}
        5%{opacity: 1;transform: scale(1) translate3d(500px,510px,0)}
        100%{opacity: .1;transform: scale(.6) translate3d(1200px,222px,0)}
    }

    #noten2 img {
        animation: noten21 6s infinite linear;
        transition-delay: 2s;
    }

    @keyframes noten21 {
        0%{opacity: .0;transform: scale(1) translate3d(460px,520px,0)}
        5%{opacity: 1;transform: scale(1) translate3d(450px,500px,0)}
        100%{opacity: .1;transform: scale(.6) translate3d(1200px,222px,0)}
    }

    #noten3 img {
        animation: noten31 9s infinite linear;
        transition-delay: 2s;
    }

    @keyframes noten31 {
        0%{opacity: .0;transform: scale(1) translate3d(480px,520px,0)}
        5%{opacity: 1;transform: scale(1) translate3d(515px,520px,0)}
        100%{opacity: .1;transform: scale(.6) translate3d(1200px,222px,0)}
    }

    #noten4 img {
        animation: noten41 11s infinite linear;
        transition-delay: 1s;
    }

    @keyframes noten41 {
        0%{opacity: .0;transform: scale(1) translate3d(440px,510px,0)}
        5%{opacity: 1;transform: scale(1) translate3d(510px,500px,0)}
        100%{opacity: .1;transform: scale(.6) translate3d(1200px,222px,0)}
    }

    #noten5 img {
        animation: noten51 7s infinite linear;
        transition-delay: 2s;
    }

    @keyframes noten51 {
        0%{opacity: .0;transform: scale(1) translate3d(480px,520px,0)}
        5%{opacity: 1;transform: scale(1) translate3d(400px,510px,0)}
        100%{opacity: .1;transform: scale(.6) translate3d(1200px,222px,0)}
    }

    #noten6 img {
        animation: noten61 8s infinite linear;
        transition-delay: 1s;
    }

    @keyframes noten61 {
        0%{opacity: .0;transform: scale(1) translate3d(480px,520px,0)}
        5%{opacity: 1;transform: scale(1) translate3d(500px,510px,0)}
        100%{opacity: .1;transform: scale(.6) translate3d(1200px,222px,0)}
    }

    #noten7 img {
        animation: noten71 7s infinite linear;
        transition-delay: 3s;
    }

    @keyframes noten71 {
        0%{opacity: .0;transform: scale(1) translate3d(490px,520px,0)}
        5%{opacity: 1;transform: scale(1) translate3d(510px,510px,0)}
        100%{opacity: .1;transform: scale(.6) translate3d(1200px,222px,0)}
    }

    #noten8 img {
        animation: noten81 6s infinite linear;
        transition-delay: 4s;
    }

    @keyframes noten81 {
        0%{opacity: .0;transform: scale(1) translate3d(500px,530px,0)}
        5%{opacity: 1;transform: scale(1) translate3d(530px,540px,0)}
        100%{opacity: .1;transform: scale(.6) translate3d(1200px,222px,0)}
    }

    #noten9 img {
        animation: noten91 4s infinite linear;
        transition-delay: 8s;
    }

    @keyframes noten91 {
        0%{opacity: .0;transform: scale(1) translate3d(480px,520px,0)}
        5%{opacity: 1;transform: scale(1) translate3d(500px,510px,0)}
        100%{opacity: .1;transform: scale(.6) translate3d(1200px,222px,0)}
    }
}

@media (max-width: 940px) {
    #noten1, #noten2, #noten3, #noten4, #noten5, #noten6, #noten7, #noten8, #noten9 {
        display				: none;
    }
    #bilderwechsel {
        display: none;
    }
    body {
        background: url(../images/sliderfade/1fade.png) top right no-repeat #000;
        background-size: 100% auto;
    }
    #box1 {
        display				: inline-block;
        float				: left;
        width				: 100%;
        max-width			: 30%;
        height				: 90px;
        margin-right		: 14px;
        margin-top			: 0px;
        padding				: 6px;
        font-weight			: normal;
        color				: #fff;
        text-align			: left;
        background			: rgba(118,118,118,0.7);
        border				: 1px solid rgba(255,255,255,0.2);
        transition			: margin-top .3s linear, background .3s linear;
    }

    #box1:after {
        content				: '';
        display				: block;
        height				: 1px;
        width				: 0;
        margin-top			: 2px;
        color				: #fff !important;
    }

    #box1:hover {
        margin-top			: -12px;
        background			: #767676;
        transition			: margin-top .3s linear, background .3s linear;
    }

    #box1:hover:after {
        margin-top			: 0;
        transition			: margin-top .3s linear;
    }

    #logo_icon {
        display				: inline;
        float				: right;
        width				: 72px;
        height				: 87px;
        margin-top			: -25px;
    }

    .box11:hover, .box11_on, .box11_on {
        margin-top			: -12px !important;
        background			: #767676 !important;
    }

    #box2 {
        display				: inline-block;
        float				: left;
        width				: 100%;
        max-width			: 30%;
        height				: 90px;
        margin-top			: 0px;
        margin-right		: 14px;
        padding				: 6px;
        font-weight			: normal;
        color				: #fff;
        text-align			: left;
        background			: rgba(41,144,94,0.7);
        border				: 1px solid rgba(255,255,255,0.2);
        transition			: margin-top .3s linear, background .3s linear;
    }

    #box2:after {
        content				: '';
        display				: block;
        height				: 1px;
        width				: 0;
        margin-top			: 2px;
        color				: #fff !important;
    }

    #box2:hover {
        margin-top			: -12px;
        background			: #29905e;
        transition			: margin-top .3s linear, background .3s linear;
    }

    #box2:hover:after {
        margin-top			: 0;
        transition			: margin-top .3s linear;
    }

    .box22:hover, .box22_on, .box22_on {
        margin-top			: -12px !important;
        background			: #29905e !important;
    }

    #box3 {
        display				: inline-block;
        float				: left;
        width				: 100%;
        max-width			: 30%;
        margin-top			: 0px;
        height				: 90px;
        padding				: 6px;
        font-weight			: normal;
        color				: #fff;
        text-align			: left;
        background			: rgba(0,0,0,0.7);
        border				: 1px solid rgba(255,255,255,0.2);
        transition			: margin-top .3s linear, background .3s linear;
    }

    #box3:after {
        content				: '';
        display				: block;
        height				: 1px;
        width				: 0;
        margin-top			: 2px;
        color				: #fff !important;
    }

    #box3:hover {
        margin-top			: -12px;
        background			: #000;
        transition			: margin-top .3s linear, background .3s linear;
    }

    #box3:hover:after {
        margin-top			: 0;
        transition			: margin-top .3s linear;
    }

    .box33:hover, .box33_on, .box33_on {
        margin-top			: -12px !important;
        background			: #000 !important;
    }

    #anfahrt_dortmund {
        display				: inline-block;
        float				: none;
        width				: 100%;
        margin-bottom		: 15px;
    }

    #dortmund_adresse {
        border					: 1px solid rgba(0,0,0,0.3);
        border-bottom			: 0px;
        border-top-left-radius	: 20px;
        border-top-right-radius	: 20px;
        width					: 45%;
        text-align				: left;
        padding					: 7px 20px;
        background				: rgba(255,255,255,0.4);
        box-shadow				: inset 0px -2px 3px rgba(0,0,0,0.3), 0px 2px 3px rgba(0,0,0,0.3);
    }

    #anfahrt_dorsten {
        display				: inline-block;
        float				: none;
        width				: 100%;
    }

    #dorsten_adresse {
        border					: 1px solid rgba(0,0,0,0.3);
        border-bottom			: 0px;
        border-top-left-radius	: 20px;
        border-top-right-radius	: 20px;
        width					: 45%;
        text-align				: left;
        padding					: 7px 20px;
        background				: rgba(255,255,255,0.4);
        box-shadow				: inset 0px -2px 2px rgba(0,0,0,0.3), 0px 2px 2px rgba(0,0,0,0.3);
    }
}

@media (max-width: 800px) {
    #box1 {
        display				: none;
    }
    #box2 {
        display				: none;
    }
    #box3 {
        display				: none;
    }
    #content {
        display				: inline-block;
        float				: none;
        width				: 94.5%;
        height				: auto;
        padding				: 10px 20px;
        margin				: -15% 0 10px 0;
        font-size			: 17px;
        color				: #3c3c3c;
        border				: 1px solid rgba(0,0,0,0.4);
        background			: rgba(255,255,255,0.75);
    }
	#g-plusone {
		float				: right;
		margin-right		: -48px;
		margin-bottom		: 100px;
	}
}

@media (max-width: 750px) {
    /* Logo */
    #logo {
        float				: left;
        width				: 100%;
        max-width			: 200px;
        height				: auto;
    }
    #content {
        display				: inline-block;
        float				: none;
        width				: 94.5%;
        height				: auto;
        padding				: 10px 20px;
        margin				: -25% 0 10px 0;
        font-size			: 17px;
        color				: #3c3c3c;
        border				: 1px solid rgba(0,0,0,0.4);
        background			: rgba(255,255,255,0.75);
    }
}

@media (max-width: 600px) {
    #qr {
        display:none;
    }
}

@media (max-width: 550px) {
    body {
        background: url(../images/sliderfade/1fade.png) top 3% right no-repeat #000;
        background-size: 100% auto;
    }
    #content {
        display				: inline-block;
        float				: none;
        width				: 90%;
        height				: auto;
        padding				: 10px 20px;
        margin				: -45% 0 10px 0;
        font-size			: 17px;
        color				: #3c3c3c;
        border				: 1px solid rgba(0,0,0,0.4);
        background			: rgba(255,255,255,0.75);
    }
	#g-plusone {
		float				: right;
		margin-right		: -35px;
		margin-bottom		: 100px;
	}
    h1 {
        font-size 			: 18px;
        color				: #466350;
        margin-bottom			: 1em;
        font-weight			: bold;
        text-align			: left;
    }
    h2 {
        font-size			: 16px;
        color				: #3c3c3c;
        margin				: 1em 0;
        font-weight			: bold;
        text-align			: left;
    }
    div { font-size:14px; }

    .submenu-items {
        width: 82.5% !important;
        position: absolute;
        z-index: 9999;
        display: none;
        margin-left: 0;
        padding-left: 0;
        background: rgba(0,0,0,0.90);
        border-bottom: 3px solid #fff;
    }

    .submenu-items ul {
        width: 95% !important;
    }
    .submenu-items li {
        list-style-type: none;
        width: 97.6% !important;
        border-bottom: 1px solid #000000;
        border-top: 1px solid #51514e;
        padding: 5px;
    }
}

@media (max-width: 430px) {
    #logo {
        float				: left;
        width				: 100%;
        max-width			: 170px;
        height				: auto;
    }
    #content {
        display				: inline-block;
        float				: none;
        width				: 85%;
        height				: auto;
        padding				: 10px 20px;
        margin				: -70% 0 10px 0;
        font-size			: 17px;
        color				: #3c3c3c;
        border				: 1px solid rgba(0,0,0,0.4);
        background			: rgba(255,255,255,0.75);
    }
	#g-plusone {
		float				: right;
		margin-right		: -34px;
		margin-bottom		: 100px;
	}
    #footer_menu {
        display				: block;
        position			: fixed;
        bottom				: 0px;
        left				: 0px;
        width				: 100%;
        overflow			: hidden;
        text-align			: center;
        background			: url(/images/bg_footer.png) repeat-x !important;
    }
    .fmenubutton {
        float				: left;
        text-align			: center;
        width				: 18.5% !important;
        padding				: 15px 0;
        color				: #DEDEDE;
    }
}

@media (max-width: 380px) {
    .submenu-items {
        width: 81.5% !important;
        position: absolute;
        z-index: 9999;
        display: none;
        margin-left: 0;
        padding-left: 0;
        background: rgba(0,0,0,0.90);
        border-bottom: 3px solid #fff;
    }

    .submenu-items ul {
        width: 95% !important;
    }

    .submenu-items li {
        list-style-type: none;
        width: 96% !important;
        border-bottom: 1px solid #000000;
        border-top: 1px solid #51514e;
        padding: 5px;
    }
	#g-plusone {
		float				: right;
		margin-right		: -48px;
		margin-bottom		: 100px;
	}
}