html, body {height:100%}
body {background:#4e88d0}

#rSky
{
background:#4e88d0 url(sky3.jpg) repeat fixed;
min-height: 100%;
height: auto !important; /* IE6 */
height: 100%;
margin: 0 auto -50px; /* = rFooter height */
}
#rHeader {position:static}
#rImage {min-height:200pt;padding:40pt 0;margin-right:20px;background:transparent url(a350.png) no-repeat right 10px;}
#rLogo {display:block;background:transparent url(aisg.png) no-repeat 16pt 16pt;filter:drop-shadow(1px 1px 5px #259);}
h1 {color:#fff;text-shadow:1px 1px 4px #148,1px 1px 0 #555;}
ul#rSiteMenu li#rLang:hover a {background-color:rgba(176,215,255,0.42);color:fff;text-shadow:1px 1px 1px rgba(0,10,30,0.8)}

.rBox {position:relative;z-index:3;box-shadow:4px 4px 8px rgba(50,60,80,0.28)}
.rBox div {padding:10px 0}
.rBox div p {padding:10px 14px 10px 166px;margin:0}
.rBox div p.fp_airbus {background:transparent url(airbus.png) no-repeat 23px 50%}
.rBox div p.fp_honda {background:transparent url(honda.png) no-repeat 24px 50%}
.rBox div p.fp_tum {background:transparent url(tum.png) no-repeat 62px 50%}
.rBox div p.fp_daimler {background:transparent url(daimler.png) no-repeat 24px 50%}
.rBox div p.fp_helbako {background:transparent url(helbako.png) no-repeat 24px 50%}
.rBox div p.fp_bosch {background:transparent url(bosch.png) no-repeat 39px 50%}
.rBox div p.fp_nasa {background:transparent url(nasa.png) no-repeat 43px 50%}
.rBox div p.fp_ohb {padding-left:120px;background:transparent url(ohb.png) no-repeat 24px 50%}
.rBox div p.fp_dlr {padding-left:120px;background:transparent url(dlr.png) no-repeat 23px 50%}
.rBox div p.fp_tas {padding-left:120px;background:transparent url(tas.png) no-repeat 21px 50%}
.rBox div p.fp_esa {padding-left:120px;background:transparent url(esa.png) no-repeat 27px 50%}
.rBox div p.fp_areva {background:transparent url(areva.png) no-repeat 32px 50%}
.rBox div p.fp_vestas {padding-left:162px;background:transparent url(vestas.png) no-repeat 31px 50%}
.rBox div p.fp_framatome {padding-left:162px;background:transparent url(framatome.png) no-repeat 21px 50%}
.rBox div p.fp_mtu {padding-left:162px;background:transparent url(mtu_fh.png) no-repeat 44px 46%}
.rBox div p.fp_cea {padding-left:162px;background:transparent url(cea.png) no-repeat 45px 50%}
.rBox div p.fp_ublox {padding-left:158px;background:transparent url(ublox.png) no-repeat 38px 50%}
.rBox div p.fp_conti {background:transparent url(continental.png) no-repeat 27px 50%}
.rBox div p.fp_siemens {padding-left:158px;background:transparent url(siemens.png) no-repeat 24px 50%}
.rBox div p.fp_astree, .rBox div p.fp_rulechecker, .rBox div p.fp_sa, .rBox div p.fp_compcert, .rBox div p.fp_ait {padding:10px 14px 12px 140px;min-height:104px;position:relative}
.rBox div p.fp_astree {background:transparent url(logo_astree.png) no-repeat 23px 17px}
.rBox div p.fp_rulechecker {background:transparent url(logo_rulechecker.png) no-repeat 33px 10px}
.rBox div p.fp_sa {background:transparent url(logo_sa.png) no-repeat 30px 16px}
.rBox div p.fp_compcert {background:transparent url(logo_cc.png) no-repeat 24px 15px}
.rBox div p.fp_ait {background:transparent url(logo_ait.png) no-repeat 25px 12px}
.rBox div p .fp_link {display:block;position:absolute;left:20px;top:10px;width:96px;height:92px;background:transparent;}

.rMargin {height:70px}

h1 {line-height:140%}

#rEW {color:#f6f6f6;text-shadow:1px 1px 0 #333;text-align:center;padding:60px 0 0;margin:0 0 60px;position:relative;z-index:3}
#rEW img {position:relative;top:2px;left:2px;margin-right:1px;margin-left:-2px;padding-left:2px}
#rEW a, #rEW a:hover, #rEW a:active, #rEW a:visited {color:#ffffff;text-shadow:1px 1px 0 #000}
#rEW a {display:inline-block;padding-bottom:0;border-bottom:1px solid transparent}
#rEW a:hover {text-decoration:none;border-bottom:1px solid #fff}
#rEV {font-family:'Merriweather';color:#fff;text-shadow:1px 1px 1px #000;text-align:center;padding:60px 0 0;margin:0 0 60px;position:relative;z-index:3}
#rEV a, #rEW a:hover, #rEW a:active, #rEW a:visited {color:#fff;text-shadow:1px 1px 1px #000}

#rDATE {color:#f6f6f6;text-shadow:1px 1px 0 #555;text-align:center;
padding:60px 0 0;margin:0 0 60px;position:relative;z-index:3}
#rDATE img {width:80px;height:48px;border:none;position:relative;left:3px;top:15px}

#rMeetUs {color:#f6f6f6;text-shadow:1px 1px 0 #555;text-align:center;
padding:60px 0 0;margin:0 0 60px;position:relative;z-index:3}
#rMeetUs a, #rMeetUs a:hover, #rMeetUs a:active, #rMeetUs a:visited
{color:#f6f6f6;text-shadow:1px 1px 0 #555}

.rWCX {color:#f6f6f6;text-shadow:1px 1px 0 #555;text-align:center;
padding:60px 0 0;margin:0 0 60px;position:relative;z-index:3}
.rWCX img {position:relative;top:4px;left:1px;padding-right:1px}

#rFooter
{
text-align:center;font-size:8pt;
position:relative;z-index:2;
padding:9px 0 0;
height:41px; /* add padding to get the same value as the margin of content */
color:#aac41a;text-shadow:1px 1px 3px #707f2c,1px 1px 2px #000,1px 1px 1px #000,-1px -1px 1px #333;
background:#707f2c url(wiese5.png) left top;
background-size:100% 100%;
min-width:362pt;
}
#rFooter span {position:relative;top:50%;min-width:362pt}

#rActros
{
height:255px;width:100%;z-index:1;
background:transparent url(wald7.png) -20px 120px repeat-x;
position:absolute;left:0;bottom:50px;
min-width:362pt;
}
#rTruck
{
height:305px;width:380px;position:absolute;top:0;left:0;overflow:hidden;
background:transparent url(actros8.png) left bottom no-repeat;
}

#rFooter a:link {color:#b6d422;text-decoration:none}
#rFooter a:visited {color:#b6d422;text-decoration:none}
#rFooter a:active {color:#b6d422;text-decoration:none}
#rFooter a:hover {color:#b6d422;text-decoration:underline}

@media (max-width:600px){#rImage,#rTruck{background-size:80%}}

@media (max-width:400px) /* mobile */
{
.rBox div p.fp_sa,
.rBox div p.fp_astree,
.rBox div p.fp_compcert,
.rBox div p.fp_ait
{padding-left:10px;background-image:none}
span.mbr:after
{display:block;content:"-";clear:both;}
}