@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);

/*--------------------------------------------------
website by websoulte
--------------------------------------------------*/
body {background:url(../img/bg_shadow.png) center top no-repeat #efefef; color:#555; font:14px 'Oswald', sans-serif;}
a { text-decoration:none; color:#efefef;}

/*--------------------------------------------------
Overwirte General
--------------------------------------------------*/
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs21 {font-size:21px;}
.fs24 {font-size:24px;}
.fs28 {font-size:28px;}
.fs32 {font-size:28px;}
.fs46 {font-size:44px;}

.arial { font-family:Arial, Helvetica, sans-serif;}

.fcw {color:#efefef;}
.fcb {color:#084a6e;}
.fcg {color:#555;}

.lh14 { line-height:14px;}
.lh16 { line-height:16px;}
.lh18 { line-height:18px;}
.lh24 { line-height:24px;}
.lh28 { line-height:28px;}
.lh30 { line-height:30px;}
.lh36 { line-height:36px;}

#wrap {background:url(../img/noise.png) #1a1643; width:912px; height:795px; margin:0px auto; position:relative; z-index:1;}
.element { position:absolute;}
.element.dBlu { background:url(../img/noise.png) #084a6e;}
.element.lBlu { background:url(../img/noise.png) #18708f;}
.element.lGray { background:url(../img/noise.png) #cbc7ca;}
.element.dGray { background:url(../img/noise.png) #7a7a7a;}
.element.dMagenta { background:url(../img/noise.png) #B62D38;}

#element1 { width:94px; height:141px; top:5px; left:6px; z-index:2; text-align:center;}
#element2 { width:173px; height:141px; top:5px; left:106px; z-index:2; text-align:center;}
#element3 { width:349px; height:141px; top:5px; left:285px; z-index:2;}
#element4 { width:266px; height:40px; top:5px; left:640px; z-index:2;}
#element5 { width:94px; height:548px; top:153px; left:6px; z-index:2;}
#element6 { width:173px; height:356px; top:153px; left:106px; z-index:2;}
#element7 { width:349px; height:356px; top:153px; left:285px; z-index:2;}
#element8 { width:136px; height:198px; top:52px; left:640px; z-index:2;}
#element9 { width:124px; height:457px; top:52px; left:782px; z-index:2;}
#element10 { width:136px; height:253px; top:256px; left:640px; z-index:2;}
#element11 { width:173px; height:186px; top:515px; left:106px; z-index:2;}
#element12 { width:349px; height:186px; top:515px; left:285px; z-index:2;}
#element13 { width:136px; height:90px; top:515px; left:640px; z-index:2;}
#element14 { width:136px; height:90px; top:611px; left:640px; z-index:2;}
#element15 { width:124px; height:186px; top:515px; left:782px; z-index:2;}
#element16 { width:94px; height:81px; top:707px; left:6px; z-index:2;}
#element17 { width:173px; height:81px; top:707px; left:106px; z-index:2;}
#element18 { width:621px; height:81px; top:707px; left:285px; z-index:2;}

#element1 img { margin-top:10px;}
#element2 img { margin-top:7px;}
#element9 a { font-size:28px; margin-top:45px; margin-left:13px; display:block; text-transform:uppercase;}

#element9 a:hover { color:#fff;}
.arrowV { width:29px; height:29px; background:url(../img/icon.png) -150px 0px no-repeat; display:block; margin-top:145px;}
a:hover .arrowV { background-position:-150px -40px;}
.arrowO { width:29px; height:29px; background:url(../img/icon.png) -200px 0px no-repeat; display:block;}
a:hover .arrowO { background-position:-200px -40px;}

#element4 a { margin:0px 0px 0px 15px; display:block; }
#element4 a span { display:block; float:left;}
#element4 a:hover { color:#fff;}
#element4 .arrowO {float:right; margin:5px 15px 0px 0px;}

#element10 a { width:107px; height:107px; background:url(../img/icon.png) 0px 0px no-repeat; display:block; margin:17px auto;}
#element10 a:hover {background:url(../img/icon.png) 0px -120px no-repeat;}

#element14 span {float:left; display:block;}
#element14 .arrowO { margin:12px 2px 0px 0px;}
#element14 a {margin:19px 13px; display:block; line-height:18px;}
#element14 a:hover { color:#fff;}

#element15 .fs28 {margin:21px 15px; line-height:28px;}
#element15 div { margin-left:15px;}

#element11 .fs28 {margin:21px 8px; line-height:28px;}
#element11 div { margin-left:8px;}

#element12 .fs28 { margin:22px 14px; line-height:28px;}
#element12 .clearfix { margin-left:14px;}
#element12 .lfloat.mrl { width:144px;}
#element12 .lfloat { width:174px;}
#element12 .lfloat a { display:block; min-width:78px; min-height: 21px;}
#element12 .mrl { margin-right:10px;}
#element12 span {display:block; float:left;}
#element12 a:hover { color:#fff;}
#element12 a:hover .arrowSo { visibility:visible;}
#element12 .arrowSo {width:15px; height:15px; margin:3px 0px 0px 9px; background:url(../img/icon.png) -270px 0px; visibility:hidden;}

#sign { position:absolute; z-index:2; right:15px; bottom:15px;}
#copyright { position:absolute; z-index:2; bottom:15px; left:15px;}