body { margin:0px; background-image:url(../Resources/brickwallkompaktr1.jpg); background-position:center; height:100% }
html { height:100% }
#item18 a:link { color:#4c6075; text-decoration:underline }
#item18 a:visited { color:#4c6075; text-decoration:underline }
#item18 a:hover { color:#93b2ff; text-decoration:underline }
#item18 a:active { color:#93b2ff; text-decoration:underline }
#item2 a:link { color:#4c6075; text-decoration:underline }
#item2 a:visited { color:#4c6075; text-decoration:underline }
#item2 a:hover { color:#93b2ff; text-decoration:underline }
#item2 a:active { color:#93b2ff; text-decoration:underline }
#item4 a:link { color:#4c6075; text-decoration:underline }
#item4 a:visited { color:#4c6075; text-decoration:underline }
#item4 a:hover { color:#93b2ff; text-decoration:underline }
#item4 a:active { color:#93b2ff; text-decoration:underline }
#item3 a:link { color:#4c6075; text-decoration:underline }
#item3 a:visited { color:#4c6075; text-decoration:underline }
#item3 a:hover { color:#93b2ff; text-decoration:underline }
#item3 a:active { color:#93b2ff; text-decoration:underline }
#Footer a:link { color:#e6e6e6; text-decoration:none }
#Footer a:visited { color:#e6e6e6; text-decoration:none }
#Footer a:hover { color:#93b2ff; text-decoration:none }
#Footer a:active { color:#93b2ff; text-decoration:none }
#PageDiv { position:relative; min-height:100% }
#PageWrapper { width:100%; background-size:cover }
#Header { width:94%; height:202px; clear:both; padding:0.08%; margin-left:auto; margin-right:auto }
#LogoWrapper { width:25%; z-index:0; float:left; clear:left }
#CSSMenu { width:75%; z-index:9999; float:right; clear:right; padding:0px; margin-top:40px; height:auto; overflow:visible; position:relative }
#BodyWrapper1 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; border-top:solid #f5f5f5 3px }
#item17 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto }
#item18 { width:91.67%; z-index:0; clear:both; padding:0.83%; margin-left:auto; margin-right:auto; overflow:hidden }
#item2 { width:88.33%; z-index:0; clear:both; padding:2.5%; margin-left:auto; margin-right:auto }
#Box8 { width:99.79%; z-index:0; float:left; padding-top:15px; padding-bottom:15px; background-color:#000; border:solid #ccc 1px }
#ImageWrapper8 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; overflow:hidden }
#TitleWrapper8 { z-index:0; padding-left:2%; padding-top:15px; padding-right:2%; margin-left:auto; margin-right:auto }
#item7 { width:332px; min-height:233px; z-index:0; float:right; background-image:url(../Resources/rahmenleer.png); background-position:center; background-size:contain }
#item5 { width:240px; min-height:131px; z-index:0; margin-left:auto; margin-right:auto }
#item6 { width:100%; height:94.3%; display:inline-block }
#BodyWrapper2 { width:99.83%; z-index:0; clear:both; margin-left:auto; margin-right:auto }
#item4 { width:88.33%; z-index:0; clear:both; padding:2.5%; margin-left:auto; margin-right:auto }
#Box1 { width:99.79%; z-index:0; float:left; padding-top:15px; padding-bottom:15px; background-color:#000; border:solid #ccc 1px }
#ImageWrapper1 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; overflow:hidden }
#TitleWrapper1 { z-index:0; padding-left:2%; padding-top:15px; padding-right:2%; margin-left:auto; margin-right:auto }
#item9 { width:313px; min-height:177px; z-index:0; float:right; margin:5px; background-image:url(../Resources/technikklein1.jpg); background-position:center; border:solid #f5f5f5 1px }
#Forum1 { left:415px; top:75px; width:79px; height:22px; vertical-align:text-top; overflow:hidden }
#Promusic1 { left:415px; top:75px; width:79px; height:22px; vertical-align:text-top; overflow:hidden }
#FooterWrapper { width:100%; clear:both; margin-left:auto; margin-right:auto; background-color:#000; border-top:solid #f5f5f5 3px }
#Bild { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-image:url(../Resources/vorhang.png); background-position:center; background-size:contain; border-bottom:solid #f5f5f5 3px }
#item1 { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#000; overflow:hidden }
#item3 { width:90%; height:420px; z-index:0; clear:both; padding:50px 20px; margin-left:auto; margin-right:auto; overflow:hidden }
#Footer { width:88.33%; clear:both; padding:2.5%; margin-left:auto; margin-right:auto }
#item8 { width:78.92%; z-index:9999; clear:right; padding:0px; margin-left:auto; margin-top:40px; margin-right:auto; height:auto; overflow:visible; position:relative }
#BottomSpacer { width:100%; z-index:0; clear:both; padding-top:15px; padding-bottom:15px; background-color:#000 }
#button4 { left:510px; top:0px; width:181px; height:27px; vertical-align:text-top; overflow:hidden }
.fwNavContainer1 { float:right; position:relative; right:50% }
#fwNav1 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none }
#fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-right:1px groove #FFFFFF; border-top:0; border-bottom:0; border-left:1px groove #FFFFFF }
#fwNav1 .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; background:#000000; padding:5px 6px 5px 6px }
#fwNav1 .fwFirstChild { border-left:0 }
#fwNav1 .fwLastChild { border-right:0 }
#fwNav1 .fwNavItem:hover > span a, #fwNav1 .fwNavItem:hover > a { color:#FFFFFF; text-decoration:none; background:#FF0033 }
#fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#FFFFFF; text-decoration:none; background:#FF0033 }
#fwNav1 .fwNavItem a:active { color:#FFFFFF; text-decoration:none }
#fwNav1-toggle, .fwNav1-toggle-label { display:none }
.fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/menu-1-white%200.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto }
#fwNav1 * .sub { visibility:hidden; position:absolute; left:-1px; float:left; padding:0; margin:0; list-style:none; z-index:1 }
#fwNav1 .sub * .sub { top:-1px }
#fwNav1 .fwNavItem .sub .fwNavItem { display:block; margin:0; padding:0; left:0; width:7em; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:none; border-bottom:none }
#fwNav1 * * * .sub { left:100%; top:0 }
#fwNav1 .fwNavItem .sub .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; background:#000000; padding:5px 6px 5px 6px }
#fwNav1 .fwNavItem .sub .fwFirstChild { border-top:1px solid #FFFFFF }
#fwNav1 .fwNavItem .sub .fwLastChild { border-bottom:1px solid #FFFFFF }
#fwNav1 .fwNavItem .sub .fwNavItem:hover > span a, #fwNav1 .fwNavItem .sub .fwNavItem:hover > a { color:#FFFFFF; text-decoration:none; background:#FF0033 }
#fwNav1 .fwNavItem .sub .fwNavItem a:hover, #fwNav1 .fwNavItem .sub .fwNavItem span a:hover, #fwNav1 .fwNavItem .sub .fwNavItem a:focus { color:#FFFFFF; text-decoration:none; background:#FF0033 }
#fwNav1 .fwNavItem .sub .fwNavItem a:active { color:#FFFFFF; text-decoration:none }
#fwNav1 :hover > .sub { visibility:visible }
#fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#FFFFFF; background:#FF0033; font-weight:normal }
#fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem .sub .fwNavItem a.fwCurrent:hover { display:block; color:#FFFFFF; font-weight:bold; background:#FF0033 }
.fwNavContainer2 { float:right; position:relative; right:50% }
#fwNav2 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none }
#fwNav2 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-right:1px groove #FFFFFF; border-top:0; border-bottom:0; border-left:1px groove #FFFFFF }
#fwNav2 .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; background:#000000; padding:5px 6px 5px 6px }
#fwNav2 .fwFirstChild { border-left:0 }
#fwNav2 .fwLastChild { border-right:0 }
#fwNav2 .fwNavItem:hover > span a, #fwNav2 .fwNavItem:hover > a { color:#FFFFFF; text-decoration:none; background:#FF0033 }
#fwNav2 .fwNavItem a:hover, #fwNav2 .fwNavItem span a:hover, #fwNav2 .fwNavItem a:focus { color:#FFFFFF; text-decoration:none; background:#FF0033 }
#fwNav2 .fwNavItem a:active { color:#FFFFFF; text-decoration:none }
#fwNav2-toggle, .fwNav2-toggle-label { display:none }
.fwNav2-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/menu-1-white%200.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto }
#fwNav2 * .sub { visibility:hidden; position:absolute; left:-1px; float:left; padding:0; margin:0; list-style:none; z-index:1 }
#fwNav2 .sub * .sub { top:-1px }
#fwNav2 .fwNavItem .sub .fwNavItem { display:block; margin:0; padding:0; left:0; width:7em; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:none; border-bottom:none }
#fwNav2 * * * .sub { left:100%; top:0 }
#fwNav2 .fwNavItem .sub .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; background:#000000; padding:5px 6px 5px 6px }
#fwNav2 .fwNavItem .sub .fwFirstChild { border-top:1px solid #FFFFFF }
#fwNav2 .fwNavItem .sub .fwLastChild { border-bottom:1px solid #FFFFFF }
#fwNav2 .fwNavItem .sub .fwNavItem:hover > span a, #fwNav2 .fwNavItem .sub .fwNavItem:hover > a { color:#FFFFFF; text-decoration:none; background:#FF0033 }
#fwNav2 .fwNavItem .sub .fwNavItem a:hover, #fwNav2 .fwNavItem .sub .fwNavItem span a:hover, #fwNav2 .fwNavItem .sub .fwNavItem a:focus { color:#FFFFFF; text-decoration:none; background:#FF0033 }
#fwNav2 .fwNavItem .sub .fwNavItem a:active { color:#FFFFFF; text-decoration:none }
#fwNav2 :hover > .sub { visibility:visible }
#fwNav2 .fwNavItem a.fwCurrent, #fwNav2 .fwNavItem a.fwCurrent:hover { display:block; color:#FFFFFF; background:#FF0033; font-weight:normal }
#fwNav2 .fwNavItem .sub .fwNavItem a.fwCurrent, #fwNav2 .fwNavItem .sub .fwNavItem a.fwCurrent:hover { display:block; color:#FFFFFF; font-weight:bold; background:#FF0033 }
@media (-webkit-min-device-pixel-ratio:1.3), (-o-min-device-pixel-ratio:13/10), (min-resolution:125dpi)
{
	body { background-image:url(../Resources/brickwallkompaktr.jpg); background-size:1214px 756px }
	#item9 { background-image:url(../Resources/technikklein.jpg); background-size:301px 200px }
}
@media screen and (max-width:860px)
{
	#Header { width:87.33%; height:auto; padding:3% }
	#LogoWrapper { width:100%; float:none; clear:both; margin-left:auto; margin-right:auto }
	#CSSMenu { width:100%; float:none; clear:both; margin-left:auto; margin-top:2%; margin-right:auto }
	#item18 { width:90% }
	#item2 { width:90% }
	#Box8 { width:95%; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto }
	#item4 { width:90% }
	#Box1 { width:95%; float:none; clear:both; margin-left:auto; margin-top:5%; margin-right:auto }
	#item3 { height:287px }
	#Footer { width:90% }
	#item8 { width:100%; clear:both; margin-top:2% }
}
@media screen and (max-width:700px)
{
	#item3 { height:220px }
	.fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#FFFFFF; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom }
	#fwNav1 { width:100%; right:0; left:0; margin-top:0px }
	#fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-bottom:1px groove #FFFFFF; border-right:0; border-top:1px groove #FFFFFF; border-left:0 }
	#fwNav1 .fwNavItem a { padding-top:16px; padding-bottom:16px; padding-left:0px; padding-right:0px }
	#fwNav1 .fwFirstChild { border-top:0 }
	#fwNav1 .fwLastChild { border-bottom:0 }
	.fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none }
	.fwNav1-toggle-close { background-image:url('../Resources/menu-close-white%200.png'); margin:20px auto 20px auto }
	.fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 }
	#fwNav1 .fwNavItem .sub .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-right:0px; padding-left:0px }
	#fwNav1 .fwNavItem .sub .sub .fwNavItem a { padding-left:0px }
	#fwNav1 .fwNavItem .sub .sub .sub .fwNavItem a { padding-left:0px }
	#fwNav1 .fwNavItem .sub { position:relative; visibility:visible; width:100%; left:0; top:0 }
	#fwNav1 .fwNavItem .sub .fwNavItem { width:100% }
	#fwNav1 .fwNavItem .sub .sub { left:0 }
	#fwNav1 .fwNavItem .sub .sub .fwNavItem { border-left:none }
	.fwMainPointer1, .fwSubPointer1 { display:none }
	#fwNav1 .fwNavItem .sub .fwLastChild { border-bottom:none }
	#fwNav1 .fwLastChild .sub .fwLastChild { border-bottom:1px solid #FFFFFF }
	.fwNavContainer2 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#FFFFFF; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom }
	#fwNav2 { width:100%; right:0; left:0; margin-top:0px }
	#fwNav2 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-bottom:1px groove #FFFFFF; border-right:0; border-top:1px groove #FFFFFF; border-left:0 }
	#fwNav2 .fwNavItem a { padding-top:16px; padding-bottom:16px; padding-left:0px; padding-right:0px }
	#fwNav2 .fwFirstChild { border-top:0 }
	#fwNav2 .fwLastChild { border-bottom:0 }
	.fwNav2-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none }
	.fwNav2-toggle-close { background-image:url('../Resources/menu-close-white%200.png'); margin:20px auto 20px auto }
	.fwNavContainer2.fwMenuOn { margin-top:0; bottom:0 }
	#fwNav2 .fwNavItem .sub .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-right:0px; padding-left:0px }
	#fwNav2 .fwNavItem .sub .sub .fwNavItem a { padding-left:0px }
	#fwNav2 .fwNavItem .sub .sub .sub .fwNavItem a { padding-left:0px }
	#fwNav2 .fwNavItem .sub { position:relative; visibility:visible; width:100%; left:0; top:0 }
	#fwNav2 .fwNavItem .sub .fwNavItem { width:100% }
	#fwNav2 .fwNavItem .sub .sub { left:0 }
	#fwNav2 .fwNavItem .sub .sub .fwNavItem { border-left:none }
	.fwMainPointer2, .fwSubPointer2 { display:none }
	#fwNav2 .fwNavItem .sub .fwLastChild { border-bottom:none }
	#fwNav2 .fwLastChild .sub .fwLastChild { border-bottom:1px solid #FFFFFF }
}
@media screen and (max-width:480px)
{
	#PageWrapper { margin-left:auto; margin-right:auto }
	#item7 { float:none; margin-left:auto; margin-right:auto }
	#item9 { float:none; margin:0px auto }
	#item3 { height:131px }
}
@media screen and (max-width:375px)
{
	#Header { width:89% }
	#item2 { width:95% }
	#Box8 { width:99% }
	#item4 { width:95% }
	#Box1 { width:99% }
	#item3 { width:89.33%; height:74px }
}
@media screen and (max-width:320px)
{
	#item7 { width:278px; height:197px; min-height:0px }
	#item5 { width:69.05%; height:57.36%; min-height:113px }
	#item6 { height:99.6% }
	#item9 { width:278px; height:177px; min-height:0px }
	#item3 { width:87.5%; height:58px }
}
