body { font-family:Arial,Helvetica,sans-serif; margin:0px; background-color:#fff; height:100% }
html { height:100% }
a:link { color:#282828; text-decoration:none }
a:visited { color:#282828; text-decoration:none }
a:hover { color:#e1e100; text-decoration:none }
a:active { color:#969600; text-decoration:none }
#PageDiv { position:relative; min-height:100%; margin:auto }
#MenuWrapper { position:relative; height:100px; z-index:100; background-color:#fff }
#MenuFixer { position:fixed; left:0px; top:0px; right:0px; z-index:100; padding-left:100px; padding-right:100px; background-color:#fff; opacity:0.95 }
#Header { height:100px; z-index:0; margin-left:auto; margin-right:auto; background-color:#fff }
#Logo { width:170px; height:100px; max-width:100%; vertical-align:middle; background-color:#f2f2f0; overflow:hidden }
#HomeWrapper { position:relative; height:calc(100vh - 225px)!important;; z-index:0; padding-left:100px; padding-right:100px; margin-left:auto; margin-right:auto; background-color:#f2f2f0; overflow:hidden }
#HeroWrapperBackground { height:100%; z-index:0; clear:both; background-color:#282828; background-image:url(../Resources/home.jpg); background-position:center; overflow:hidden; position:relative; background-size:cover }
#MainTitleWrapper { position:absolute; left:100px; top:0px; right:100px; z-index:1 }
#MainTitleWrapper_m { position:relative; margin:0px; background-image:url(../Resources/maintitlewrapper.png); background-position:left top; background-repeat:repeat; background-attachment:scroll }
#MainTitle { width:97.67%; z-index:0; float:left; padding:20px }
#FooterWrapper { height:100px; z-index:0; padding-left:100px; padding-right:100px; background-color:#f2f2f0 }
#FooterContentL { width:50%; height:90px; z-index:0; float:left; clear:both; padding-top:10px; background-color:#f2f2f0; position:relative }
#FooterContentR { width:50%; height:100px; z-index:0; float:right; background-color:#f2f2f0; position:relative }
#Linkedin1 { width:50px; height:50px; max-width:100%; float:right; background-color:#f2f2f0 }
#Twitter1 { width:50px; height:50px; max-width:100%; float:right; background-color:#f2f2f0 }
#Facebook1 { width:50px; height:50px; max-width:100%; float:right; background-color:#f2f2f0 }
#FooterLineWrapper { height:25px; z-index:0; padding-left:100px; padding-right:100px; background-color:#fff }
#FooterLineCopyright { width:50%; height:20px; z-index:0; float:left; clear:both; padding-top:5px; margin-top:0px; position:relative }
#FooterLineImpressum { width:50%; height:20px; z-index:0; float:left; padding-top:5px; margin-top:0px; position:relative }
@media screen and (max-width:1920px)
{
	#HomeWrapper { height:calc(100vh - 225px)!important; }
	#MainTitleWrapper { left:100px; top:0px }
}
@media screen and (max-width:1440px)
{
	#MenuWrapper { height:100px }
	#Header { max-width:1240px }
	#HomeWrapper { height:calc(100vh - 225px)!important; }
	#MainTitleWrapper { left:100px }
	#MainTitle { width:96.77% }
	#FooterContentR { height:90px }
}
@media screen and (max-width:1366px)
{
	#MenuWrapper { width:100% }
	#Header { max-width:1166px }
	#HomeWrapper { height:calc(100vh - 225px)!important; }
	#MainTitleWrapper { top:0px }
	#MainTitle { width:96.57% }
}
@media screen and (max-width:1024px)
{
	#MenuWrapper { height:50px }
	#MenuFixer { padding-left:50px; padding-right:50px }
	#Header { height:50px; max-width:924px }
	#Logo { width:85px; height:50px }
	#HomeWrapper { max-width:924px; padding-left:50px; padding-right:50px; height:calc(100vh - 135px)!important; }
	#MainTitleWrapper { left:50px; right:50px }
	#MainTitle { width:97.84%; padding:10px }
	#FooterWrapper { height:60px; padding-left:50px; padding-right:50px }
	#FooterContentL { height:50px }
	#FooterContentR { height:50px }
	#FooterLineWrapper { padding-left:50px; padding-right:50px }
}
@media screen and (max-width:480px)
{
	#MenuFixer { padding-left:25px; padding-right:25px }
	#Header { max-width:430px }
	#HomeWrapper { max-width:430px; padding-left:25px; padding-right:25px; height:calc(100vh - 135px)!important; }
	#MainTitleWrapper { left:25px; top:0px; right:25px }
	#MainTitle { width:95.35% }
	#FooterWrapper { padding-left:25px; padding-right:25px }
	#Linkedin1 { width:35px; height:35px }
	#Twitter1 { width:35px; height:35px }
	#Facebook1 { width:35px; height:35px }
	#FooterLineWrapper { padding-left:25px; padding-right:25px }
}