/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
display:block;
}
mark,rp,rt,ruby,summary,time {
display:inline
}
/*GLOBAL*/
body {
position:absolute;
font:11px 'Open Sans', Arial, sans-serif;
line-height:1em;
color:#ecf0f2;
z-index:1;
min-width:800px;
min-height:600px;
width:100%;
height:100%;
overflow:hidden;
}
#glob {
position:absolute;
width:100%;
height:100%;
overflow:hidden;
z-index:2;
}
.spinner {
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:10000;
background:url( "../images/ajax-loader.gif ") 50% 50% no-repeat #08293c;
}
/*HEADER*/
header {
position:absolute;
top:0px;
width:100%;
height: 136px;
z-index:100;
background: url('../images/header_bg_piece.png') center top repeat-x;
}
.header_shadow{
position:absolute;
width: 100%;
top: 51px;
height: 86px;
background: url('../images/header_shadow.png') center no-repeat;
}
#bgStretch {
z-index:1;
}
.left_shadow{
position: absolute;
left: 0;
width: 463px;
height: 1080px;
background: url('../images/shadow_l.png') left center no-repeat;    
}
.right_shadow{
position: absolute;
right: 0;
width: 2px;
height: 1080px;
background: url('../images/shadow_r.png') right center no-repeat; 
}
.logo {
position:relative;
display:inline-block;
width: 229px;
height: 60px;
text-indent: -9999px;
background: url('../images/logo.png') left center no-repeat;
}
/* END HEADER*/
/*footer*/
footer {
position:absolute;
bottom:0px;
width:100%;
height:33px;
z-index:100;
background: url('../images/footer_bg_piece.png') center bottom repeat-x;
}
.priv_links {
float:left; 
}
.priv_rechts {
float: right;
}
.priv_text {
font-weight: 600;
padding: 8px 0 0 10px;
font-size: 12px;
}
.w1{
display: inline-block;
width: 74px;
}
.w2{
display: inline-block;
width: 20px;
}
.w3{
width: 812px;
}
/* END FOOTER*/
/*MENU*/
.menu {
float: right;
padding-top: 14px;
padding-right: 22px;
}
#menu >li {
display: inline-block;
margin-left: 15px;
}
#menu >li >a {
text-transform:uppercase;
font: 18px/20px 'Open Sans', Arial, sans-serif;
font-weight: bold;
color: #fff;
z-index:2;
}
#menu >li >strong{
display: inline-block;
position:relative;
width: 7px;
height: 4px;
top: 5px;
left: 9px;
margin-right: 9px;
background: url('../images/arrow_submenu.png') right bottom no-repeat;
}
.submenu_1 {
position:absolute;
z-index:9100;
top:30px;
width: 100%;
top: 51px;
left: 0;
text-align: center;
padding-bottom: 13px;
background: url('../images/submenu_bg.png');
}
.submenu_1>li {
position:relative;
padding:3px 0px;
text-align: left;
display: inline-block;
width: 203px;
margin: 0 19px;
}
.submenu_1>li>a.subhead1{
text-transform:uppercase;
font:24px/24px 'Anton',Arial, sans-serif;
color:#fff;    
padding: 21px 0 12px;
background: none;
margin: 0;
}
.submenu_1>li>a{
display: block;
position:relative;
font: 14px/23px 'Open Sans',Arial, sans-serif;
margin-bottom: 3px;
margin-left: -4px;
}
.submenu_1>li>a>strong {
display: block;
position:relative;
font: 14px/23px 'Open Sans',Arial, sans-serif;
text-transform:uppercase;
color: #fff;
height: 23px;
margin-bottom: 3px;
padding-left: 4px;
z-index: 2;
}
.submenu_1>li>a>span {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: transparent;
display: none;
z-index: 1;
}
.submenu_1>li>a>span.bg_color1{
background-color: #ff0000;
}
.submenu_1>li>a>span.bg_color2{
background-color: #053e8a;
}
.submenu_1>li>a>span.bg_color3{
background-color: #0185f6;
}
.submenu_1>li>a>span.bg_color4{
background-color: #03c5fc;
}
/* END MENU*/
/*PAGES*/
#stripes{
position:absolute;
height:240px;
top: 50%;
left: 50%;
margin-left: -610px;
z-index: 10; 
}
#stripes2{
position:absolute;
/* 5...px ist wie ausgeblendet*/
top: 5377px;
left: -290px;
z-index: 10;
}
.stripe1{
position: absolute;
width: 350px;
height: 240px;
background: url('../images/splash_str_1.png') 152px 0px no-repeat;
}
.stripe2{
position: absolute;
width: 200px;
height: 240px;
background: url('../images/splash_str_2.png') 0px 0px no-repeat;
z-index: 1;
}
.stripe3{
position: absolute;
width: 200px;
height: 240px;
background: url('../images/splash_str_3.png') 46px 0px no-repeat;
z-index: 1;
}
#splash{
position:absolute;
width:2000px;
height:121px;
top: 62%;
left: 50%;
margin-left: -585px;
z-index: 2;
}
.splash_cont{
position: relative;
padding: 12px 0 0 237px;
}
#splash_bg{
position: absolute;   
width: 2000px; 
height: 150px;
top: -4px;
z-index: -1;
}
#splash_bg1{
position: relative;  
display: inline-block;
width: 121px;
height: 100%;
float: left;
background: url('../images/splash_str_big.png') 0 0 no-repeat; 
}
#splash_bg2{
position: relative;  
display: inline-block;
width: 1500px;
height: 100%;
float: left;
background: url('../images/splash_str_big_piece.png') 0 0 repeat-x;
}
.slogan{ 
float: left;
margin-left: 80px;
}
.slogan1{
position: relative;
font: 20px 'Open Sans', Arial, sans-serif;
font-weight: 800;
color: #fff;
text-align: left;
padding: 0;
}
.slogan2{
position: relative;
font: 28px 'Open Sans', Arial, sans-serif;
color: #fff; 
text-align: right;
padding: 0;
margin-top: 0px;
}
.soc_block{
position: relative;
float: left;
width: 95px;
height: 91px;
margin: 4px 0 0 24px;
overflow: hidden;
}
.pagin {
position:absolute;
z-index: 100;
bottom: 88px;
width: 100%;
text-align: center;
}
.pagin ul{ 
position:relative;
margin: 0 auto;
display: inline-block;
}
.pagin li {
margin:0 3px;
display:inline-block;
width: 31px;
height: 30px;
line-height: 30px;
text-align: center;
background: url('../images/pagin_back.png') center no-repeat;
position: relative;
}
.pagin li>a {
display: inline-block;
height: 22px;
width: 21px;
background: url('../images/pagin_icon.png') 0px top no-repeat;
margin: 4px;
}
.pagin li>a>span{
display: inline-block;
height: 100%;
width: 100%;
background: url('../images/pagin_icon.png') 0px -44px no-repeat;
}
.pagin li.active>a {
background: url('../images/pagin_icon.png') 0px -22px no-repeat;
}
#content {
position:relative;
width:1027px;
height:551px;
top:10%;
margin: 0 auto;
}
#content >ul {
width:100%;
}
#content >ul >li.no_bg{
background: none;
}
#content >ul >li {
position:absolute;
width:1027px;
height:551px;
overflow: hidden;
background: url('../images/content_str_bot.png') right bottom no-repeat;
}
.page_bg {
position:absolute;
width:1027px;
height:537px;
background: url('../images/content_bg_piece.png') left 0;
z-index:-1;
}
.readMore {
padding: 4px 10px;
background: url('../images/more_bg.png') 0px -31px repeat-x;
font: 15px/31px 'Anton', Arial, sans-serif;
color: #ecf0f2;
text-transform: uppercase;
}
.readMore:hover {
text-decoration: none;  
}
.pic_holder1 {
float:left;
}
.pic_holder2 {
float:right;
}
.list1{
margin-top: -55px;
}
.list1 li{
display: inline-block;
margin: 55px 17px 0 0;
}
.list2{
margin: 7px 0px 0px -29px;
}
.list2 li{
width: 211px;
height: 192px;
display: inline-block;
margin: 0 0 20px 29px;
background: url('../images/p3_list_bg.png');
}
.list2 li p{
color: #00c0ef;
font-size: 11px;
line-height: 16px;
padding-left: 10px;
}
/*SCROLL*/
.scroll {
height:373px;
position: relative;
overflow: hidden;
}
._shuttle {
width:27px;
height:44px;
background: url('../images/scroll_btn.jpg') 0px 0px no-repeat;
}
._track{
width:27px;
background: #091e2b;
height:393px;
margin-top: 0px;
}
._trackBG{
margin-top: 0px;
}
.scroll2 {
height:443px;
position: relative;
overflow: hidden;
}
._track2{
width:27px;
background: #091e2b;
height:463px;
margin-top: 0px;
}
._trackBG2{
margin-top: 0px;
}
.sitem_over {
position:absolute;
background:url( '../images/p3_over_bg.png') 0 0 repeat;
z-index:2;
width:191px;
height:131px;
display:none;
margin: 10px;
overflow: hidden;
}
.sitem_over>strong {
position:relative;	
background:url( '../images/icon_play.png') center no-repeat;
width: 100%;
height: 100%;
display: block;
}
/*END SCROLL*/
body p a {
text-decoration:none;
color:#000;
}
body p a:hover {
text-decoration:underline;
}
/* ============================= forms ============================= */
#ContactForm {
padding: 1px 2px;
}
#ContactForm .wrapper{
height: auto;
}
#ContactForm label {
position:relative;
display:inline-block;
}
#ContactForm span {
display:block
}
#ContactForm .error,#ContactForm .empty {
font-family: 'Open Sans', Arial, sans-serif;
font-size:10px;
color:#00c0ef;
line-height:8px;
display:none;
width:100%;
text-transform: uppercase;
position: relative;
}
#ContactForm .success {
display:none;
font-family: 'Open Sans', Arial, sans-serif;
text-transform: uppercase;
position: relative;
bottom: 33px;
color:#00c0ef;
}
.contact_btns{
right: 12px;   
position: relative;
padding-top: 20px;
float: right;
}
#ContactForm a {
position:relative;
margin-left: 11px;
}
#ContactForm .input {
width: 307px;
background: url('../images/contact_bg.png');
padding: 9px 14px;
color:#ecf0f2;
font: 11px/19px 'Open Sans', Arial, sans-serif;
outline:none;
text-transform: uppercase;
}
#ContactForm textarea {
overflow:auto;
margin:0;
width: 575px;
height: 187px;
background: url('../images/contact_bg.png');
padding: 9px 14px;
color:#ecf0f2;
font:11px/21px 'Open Sans', Arial, sans-serif;
resize:none;
outline:none;
text-transform: uppercase;
}
#ContactForm .block {
display:inline-block;
position:relative;
height:139px;
width:260px;
padding-right: 15px;
}
.bg{
height: 37px;
padding-top: 8px;
}
.bg2{
padding-top: 10px;
}
/* ============================= end forms ============================= */
/*PADDINGS*/
.pad1 {
padding:4px 0px 0px 31px;
}
.pad2 {
padding-bottom:23px;
}
.pad3 {
padding:4px 0px 0px 59px;
}
.head_1.pad4 {
padding-bottom: 13px;
}
.mar1{
margin: 0px 0px 11px 0px;
}
.mar2{
margin: 10px 10px;  
}
.mar3{
margin: 11px 0 24px;      
}
.mar4 {
margin: -26px 0px 0px 31px;
}
.color1{
color: #00c0ef;
}
.fontStyle1{
font: 42px/42px 'Open Sans', Arial, sans-serif;
font-weight: 800;
color: #fff;
}
.fontStyle2{
font: 28px/28px 'Open Sans', Arial, sans-serif;
font-weight: normal;
color: #fff;
}
/*BG PAGES*/
/*///////////////////////////*/
h1 {
position:relative;
display: inline-block;
padding: 5px 8px;
}
h2 {
position:relative;
text-transform:uppercase;
font: 44px/59px 'Anton', Arial, sans-serif;
padding-top: 11px;
}
p {
line-height:21px;
padding-bottom: 13px;
}
.head_1{
font-size: 17px;
font-weight: 600;
color: #03c7fc;
line-height:29px;
padding-bottom: 24px;
}
.head_2{
font: 24px/26px 'Anton', Arial, sans-serif;
padding-bottom: 11px;
}
/*additional classes*/
.block {
display:block;
}
.fleft {
float:left;
}
.fright,.fr {
float:right;
}
.fnone,.fn {
float:none;
}
.col-1,.col-2,.col-3 {
float:left;
}
.alignleft,.all {
text-align:left;
}
.alignright,.alr {
text-align:right;
}
.aligncenter,.alc {
text-align:center;
}
.wrapper {
width:100%;
overflow:hidden;
}
a.und,.und a {
text-decoration:none;
}
a {
text-decoration:none;
}
a.und:hover,.und a:hover {
text-decoration:underline;
}
.nocolor,.nocolor a {
color:inherit;
}
.upc {
text-transform:uppercase;
}
.extra-wrap {
overflow:hidden;
}
.nopad {
padding:0;
}
.nomar {
margin:0;
}
.clear {
clear:both;
line-height:0;
}
.bold {
font-weight:bold;
}
.rel {
position:relative;
}
.defcur {
cursor:default;
}
.ws {
white-space:pre;
}
.automargin {
margin:0 auto;
}
/*custom boxes*/
dl.address dd {
text-align:left
}
dl.address dd span {
float:left;
}
dl.img-box,.img-box-set dl,dl.img-box dd,.img-box-set dl dd {
overflow:hidden;
}
dl.img-box dt,.img-box-set dl dt {
float:left;
padding-right:11px;
}
/*DWFormgenerator*/
/*///////////////////////////*/
.font-big { 
position:relative;
text-transform:uppercase; 
font: 44px/79px 'Anton', Arial, sans-serif;
padding-top: 11px color: #fff; 
}
.font-small { 
font-family: 'Open Sans', Arial, sans-serif; 
color: #fff; 
}
.table { 
background-color:transparent; 
width:100%; 
}
.table2 { 
background-color:transparent;
width:100% 
}
.head {
background-color:transparent; 
}
.main { 
background-color:transparent; 
font: 15px/35px 'Open Sans', Arial, sans-serif; 
text-transform:uppercase; 
color: #ecf0f2; 
}	
.foot { 
background-color:transparent; 
}
.align { 
text-align:left; 
}
.textarea { 
background:transparent; 
color:#ecf0f2; 
font-family : 'Open Sans', Arial, sans-serif; 
font-size:15px; 
font-weight: normal; 
border : 1px solid #ecf0f2; 
border-radius:0; 
-moz-border-radius:0; 
-webkit-border-radius:0; 
padding: 0; 
position:relative; 
}
.input {
background:transparent;
color:#ecf0f2;
font-family : 'Open Sans', Arial, sans-serif;
border : 1px solid #ecf0f2;
font-size:15px;
border-radius:0; 
-moz-border-radius:0; 
-webkit-border-radius:0;
padding: 0;
position:relative; 
}
.select {
background:transparent;
color:#ecf0f2;
font-family : 'Open Sans', Arial, sans-serif;
border : 1px solid #02a4fa;
font-size:15px;
border-radius:0; 
-moz-border-radius:0; 
-webkit-border-radius:0;
padding: 0;
position:relative; 
}
.textarea:hover, 
.textarea:focus, 
.input:hover, 
.input:focus, 
.select:hover, 
.select:focus { 
border : 1px solid #02a4fa; 
}
.button {
cursor: pointer;
padding:4px 10px;
display:inline;
position:relative;
background-color:#f90101;
color:#ecf0f2;
text-transform: uppercase;
font-family : 'Anton', Arial, sans-serif;
font-size:15px;
border : 1px solid transparent;
min-width: 130px; 
}
.button_send {
cursor: pointer;
padding:4px 10px;
display:inline;
position:relative;
background-color:#f90101;
color:#ecf0f2;
text-transform: uppercase;
font-family : 'Anton', Arial, sans-serif;
font-size:15px;
border : 1px solid transparent;
min-width: 130px; 
}
.button:hover, .button:focus { 
border : 1px solid transparent; 
background: #02a4fa; 
}
.button_send:hover, 
.button_send:focus { 
border : 1px solid transparent; 
background: #02a4fa; 
}
/* END DWFormgenerator*/
/*ul.share*/
ul.share-buttons{
  list-style: none;
  padding: 8px 0 0 10px;
}
ul.share-buttons li{
  display: inline;
}
ul.share-buttons .sr-only {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
ul.share-buttons img{
  width: 20px;
}
/* END ul.share*/