html,
body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    font-family: helvetica, arial, sans-serif;
}

.fondoindex{
	background: url("images/fondoIndex.jpg") no-repeat fixed center center;
}

.fondosea{
  background: url("images/fondoSea.jpg") no-repeat fixed 0 0;
}

.fondoground{
  background: url("images/fondoGround.jpg") no-repeat fixed center center;
}

.fondoair{
  background: url("images/fondoAir.jpg") no-repeat fixed center center;
}

.fondocontact{
  background: url("images/fondoContact.jpg") no-repeat fixed center center;
}

#container {
    position:relative;
    width:100%;
    min-width:1100px;
    min-height:100%;
    margin:0;
    padding:0;
}
#header {
  width:100%;
  padding:10px 0;
  height: 30px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #c4c4c4 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#c4c4c4 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#c4c4c4 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#c4c4c4 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */

}
#body {
    padding:10px 10px 60px 10px;
 }

#footer {
    background: none repeat scroll 0 0 #022c53;
    bottom: 0;
    color: #03051C;
    font-size: 12px;
    height: 26px;
    margin: 0;
    padding: 10px 0 0 10px;
    position: absolute;
    text-align: center;
    width: 99.3%;
}

#footer a{
    color: #03051C;
}

#footer a:hover{
    color: #ffffff;
}

.logoWaveline {
    float: left;
    height: 90px;
    margin: -10px 0 0;
    padding-left: 40px;
    width: 180px;
}

.menu {
    color: #FFFFFF;
    text-shadow: 2px 2px 2px #8A8A8A;
    text-transform: uppercase;
}

.menu ul {
    margin-top: 3px;
    padding-left: 210px;
}

.menu li {
    display: inline-block;
    margin-left: -4px;
}


.menu li a {
    border-right: 1px solid #C4C4C4;
    color: #022D56;
    padding: 48px 20px 15px;
    text-decoration: none;
}

.menu li a:hover{
    background: #03509b; /* Old browsers */
background: -moz-linear-gradient(top,  #03509b 0%, #021e39 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#03509b), color-stop(100%,#021e39)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #03509b 0%,#021e39 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #03509b 0%,#021e39 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #03509b 0%,#021e39 100%); /* IE10+ */
background: linear-gradient(to bottom,  #03509b 0%,#021e39 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03509b', endColorstr='#021e39',GradientType=0 ); /* IE6-9 */
color: white;

    box-shadow:#001932 5px 1px 5px 1px inset;
}

.current {
    color: #FFFFFF;
    padding: 48px 20px 15px;
    text-decoration: none;
    background: #03509b; /* Old browsers */
background: -moz-linear-gradient(top,  #03509b 0%, #021e39 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#03509b), color-stop(100%,#021e39)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #03509b 0%,#021e39 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #03509b 0%,#021e39 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #03509b 0%,#021e39 100%); /* IE10+ */
background: linear-gradient(to bottom,  #03509b 0%,#021e39 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03509b', endColorstr='#021e39',GradientType=0 ); /* IE6-9 */

    box-shadow:#001932 5px 1px 5px 1px inset;
    margin-top: -46px;
}

.arrowLeft{
  margin-right: 5px;
}

.towColsL{
  width: 45%;
  float: left;
}

.towColsR{
  width: 45%;
  padding: 10px;
  float: right;
}

/* Ground ============================ */

.negro {
    background: url("images/slides/image1.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    height: 420px;
    margin: 30px auto;
    padding: 15px;
    text-align: left;
    width: 890px;
}

.negro h1{
  font-size: 30px;
  font-style: italic;
  border-bottom: 1px solid #0086c8;
}

.negro p{
  font-size: 15px;
}

.negro p strong{
  font-weight: bold;
  font-style: italic;
  color: #0086c8;
}

.negro ul {
    line-height: 30px;
    list-style-image: url("images/bullet.png");
}
.negro ul ul{
    line-height: 30px;
    list-style: disc;
}

.negro li strong {
    color: #0086C8;
    font-size: 16px;
    font-style: italic;
}

.negro2 {
    background: url("images/slides/image22.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    height: 420px;
    margin: 30px auto;
    padding: 15px;
    text-align: left;
    width: 890px;
}


.negro2 h1{
  font-size: 30px;
  font-style: italic;
  border-bottom: 1px solid #0086c8;
}

.negro2 p{
  font-size: 15px;
}

.negro2 p strong{
  font-weight: bold;
  font-style: italic;
  color: #0086c8;
}

.negro2 ul {
    line-height: 30px;
    list-style-image: url("images/bullet.png");
}
.negro2 ul ul{
    line-height: 30px;
    list-style: disc;
}

.negro2 li strong {
    color: #0086C8;
    font-size: 16px;
    font-style: italic;
}

.negro3 {
    background: url("images/slides/image22.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    height: 670px;
    margin: 30px auto;
    padding: 15px;
    text-align: left;
    width: 890px;
}


.negro3 h1{
  font-size: 30px;
  font-style: italic;
  border-bottom: 1px solid #0086c8;
}

.negro3 p{
  font-size: 15px;
}

.negro3 p strong{
  font-weight: bold;
  font-style: italic;
  color: #0086c8;
}

.negro3 ul {
    line-height: 30px;
    list-style-image: url("images/bullet.png");
}
.negro3 ul ul{
    line-height: 30px;
    list-style: disc;
}

.negro3 li strong {
    color: #0086C8;
    font-size: 16px;
    font-style: italic;
}
/* ============ Slider ============== */


  .bannercontainer {    
        padding:5px;        
        background-color:transparent;
        width:890px;    
        position:relative;
        position:relative;  
        margin-left:auto;
        margin-right:auto;  
    
    }
 
  .banner{      
        width:890px;
        height:490px;
        position:relative;
        overflow:hidden;            
   }
   
   
    .bannercontainer-simple {   
        padding:5px;        
        background-color:#fff;
        width:890px;    
        position:relative;
        position:relative;  
        margin-left:auto;
        margin-right:auto;  
    
    }
 
  .banner-simple{       
        width:890px;
        height:490px;
        position:relative;
        overflow:hidden;            
   }

 .fullwidthbanner-container{
    width:100% !important;      
    position:relative;
    padding:0;      
    max-height:450px !important;
    overflow:hidden;
} 

.fullwidthbanner-container .fullwidthabnner {
    width:100% !important;
    max-height:450px !important;
    position:relative;  
}
   
   

   @media only screen and (min-width: 768px) and (max-width: 959px) {       
        
          .banner, .bannercontainer         {   width:750px; height:412px;} 
        
          
         
          
   }
  
   @media only screen and (min-width: 480px) and (max-width: 767px) {
           .banner, .bannercontainer        {   width:470px; height:258px;  }               
        
            
            
           
   }
   
   @media only screen and (min-width: 0px) and (max-width: 479px) {
            .banner, .bannercontainer       {   width:310px;height:170px;   }                       
            
             
             
             
   }

   .titlecontainer{
    background-color:#444;
    width:100%;
    margin-bottom:50px;
}

.centered{
    width:890px;
    padding:30px 0;
    margin:auto;
}


.logo{  
    
    width:380px;
    height:45px;
    
}

.buynow {   
    background:url(../images/tiles/buynow.png) no-repeat top;
    width:176px;
    height:50px;    
    float:right;
    margin-top:5px;
    cursor:pointer;
}

.buynow:hover { background-position:bottom;}

.title_left {   float:left;}


.subtitle {             
            color:#999;
            font-family:arial;
            font-size:11px;
            padding:0px 0px 0px 0px;
        }

.configurator   {   width:900px;
                    margin-left:auto;
                    margin-right:auto;
                    background-color:#ddd;
                    border-radius: 5px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                    overflow:hidden;
                    margin-top:50px;
                }
.configtitle {
                width:860px;
                height:36px;                                
                background-color:#aaa;
                padding:20px 20px 10px;             
        }
        
.cti            {   width:388px;
                    height:36px;
                }

        
.optiontitle    {
                    font-family:arial;
                    font-size:14px;
                    line-height:22px;
                    color:#444;
                    text-shadow:0px 0px 1px #fff;
                    font-weight:bold;
                    margin-bottom:20px;
                }
.inside         {   padding:20px;}


.t_mixed        {   background:url(../images/tiles/transition_mixed.png) no-repeat 5px 5px}             
.t_box1     {   background:url(../images/tiles/transition_boxes.png) no-repeat 5px 5px}             
.t_box2     {   background:url(../images/tiles/transition_boxes.png) no-repeat 5px 5px}             
.t_szh      {   background:url(../images/tiles/transition_slotzoomhorizontal.png) no-repeat 5px 5px}                
.t_ssh      {   background:url(../images/tiles/transition_slotslidehorizontal.png) no-repeat 5px 5px}               
.t_sfh      {   background:url(../images/tiles/transition_slotfadehorizontal.png) no-repeat 5px 5px}                
.t_szv      {   background:url(../images/tiles/transition_slotzoomvertical.png) no-repeat 5px 5px}              
.t_ssv      {   background:url(../images/tiles/transition_slotslidevertical.png) no-repeat 5px 5px}             
.t_sfv      {   background:url(../images/tiles/transition_slotfadevertical.png) no-repeat 5px 5px}              
.t_c1       {   background:url(../images/tiles/transition_curtainone.png) no-repeat 5px 5px}                
.t_c2       {   background:url(../images/tiles/transition_curtaintwo.png) no-repeat 5px 5px}                
.t_c3       {   background:url(../images/tiles/transition_curtainthree.png) no-repeat 5px 5px}              
.t_sl       {   background:url(../images/tiles/transition_slideleft.png) no-repeat 5px 5px}             
.t_sr       {   background:url(../images/tiles/transition_slideright.png) no-repeat 5px 5px}                
.t_su       {   background:url(../images/tiles/transition_slideup.png) no-repeat 5px 5px}               
.t_sd       {   background:url(../images/tiles/transition_slidedown.png) no-repeat 5px 5px}             
.t_sf       {   background:url(../images/tiles/transition_fade.png) no-repeat 5px 5px}              


.transition     {   width:320px; 
                    height:20px; 
                    background-color:#eee;  
                    border:1px solid #d0d0d0;           
                    border-radius: 5px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                    font-family:arial;
                    font-size:14px;
                    line-height:22px;
                    color:#FF7200;
                    text-shadow:0px 0px 1px #fff;
                    font-weight:bold;
                    padding:10px 0px 10px 90px;
                    margin-bottom:5px;
                    cursor:pointer;
                }

.transition:hover,
.transition.selected    {
                        color:#fff;
                        background-color:#aaa;
                        text-shadow:0px 0px 0px #000;               
                        border:1px solid #aaa;                      
                }       
                
.radio                  {   background:url(../images/tiles/radio.png) no-repeat top left;
                            font-family:arial;
                            font-size:14px;
                            height:19px;
                            color:#777;
                            text-shadow:0px 0px 1px #fff;
                            padding: 0px 0px 0px 27px; 
                            margin-right:20px;
                            float:left; 
                            cursor:pointer;
                        }           
.clear                  {   clear:both;}                        
                        
.radio.selected, .radio:hover           {   background-position: bottom left}           

.configurator_left  {   width:410px; float:left;}               
.configurator_right {   width:410px; float:right;}  


.dragline   {   position:relative; background:url(../images/tiles/dragsliderbg.png) no-repeat; width:410px; height:20px;
                font-family:arial;
                font-size:14px;
                height:19px;
                color:#777;
                text-shadow:0px 0px 1px #fff;
            }
.dragger    {   cursor:pointer;position:absolute; left:50%; background:url(../images/tiles/dragnotch.png) no-repeat; width:7px; height:22px; margin-left:-3px;}

.nonclickable   {   opacity:0.5; cursor:default;}
.nonclickable:hover {   background-position:top left;}


.plugoptions    {   
                    overflow:hidden;
                    width:390px;                    
                    background-color:#eee;  
                    border:1px solid #d0d0d0;           
                    border-radius: 5px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                    font-family:arial;
                    font-size:12px;
                    line-height:22px;
                    color:#444;
                    text-shadow:0px 0px 1px #fff;
                    font-weight:bold;
                    padding:10px;
                    margin-bottom:40px;                 
                }
.accordion          {   cursor:pointer; background:url(../images/tiles/accordionswitch.png) no-repeat top left; width:17px; height:19px;    float:right;}       
.accordion:hover    { background-position:bottom left;}
.accordion.selected { background-position:top right;}
.accordion.selected:hover   { background-position:bottom right;}
            
            
.previewselector_container  {    height:42px;width:332px; margin:80px auto 20px;}               
.previewselector    {   float:left; background:url(../images/tiles/selectpreview.png) no-repeat 0px -42px; width:125px; height:42px;}

.previewselector.zweite {   background-position:-125px 0px; width:110px;}
.previewselector.dritte {   background-position:-235px 0px; width:96px;}

.previewselector.selected, .previewselector:hover   {   background-position:left top;}

.previewselector.zweite:hover, .previewselector.zweite.selected     {   background-position:-125px -42px; width:110px;}
.previewselector.dritte:hover, .previewselector.dritte.selected {   background-position:-235px -84px; width:96px;}

  @media only screen and (min-width: 768px) and (max-width: 959px) {        
         .centered {    width:750px;}           
         .subtitle  {   clear:both !important; padding:0 !important;}
         .centered  {   padding:30px 0px;}

          
   }
  
   @media only screen and (min-width: 480px) and (max-width: 767px) {
             .centered       {  width:480px;}   
             .subtitle      {   clear:both !important; padding:0 !important;}
             .centered      {   padding:30px 0px;}
             .buynow        {   float:left; margin-top:20px;}
             .configurator, 
             .configtitle   {   width:480px;}
             .configurator_right    {   float:left;}
             .configurator_left     {   }

   }
   
   @media only screen and (min-width: 0px) and (max-width: 479px) {
             .centered      {   width: 320px;}  
             .cti           {   width: 280px;}
              .subtitle     {   clear:both !important; padding:0 !important;}           
              .centered     {   padding:30px 0px;}
              .buynow       {   float:left; margin-top:20px;}
              .configurator, 
              .configtitle  {   width:320px;}
              .configurator_right   {   float:left; width:300px;}
              .configurator_left    {   width:280px;}
              .transition   {   width:190px;}
              .plugoptions  {   width:260px; font-size:10px;}
              .breakmenow   {   clear:both; margin-top:30px;}
              .dragline     {   width:260px;}
              .logo         {   width:320px; overflow:hidden; }
              .select_navigationtype    {   display:none;}
              .select_bulletstyle   {   display:none;}
              .select_bhposition        {   display:none;}
              .select_bvposition        {   display:none;}
              .select_navarrows     {   display:none;}
              .select_navshow       {   display:none;}
              .select_slidetime     {   display:none;}
              .select_slots     {   display:none;}
             .previewselector_container {   width:301px; height:42px; margin:80px auto 20px; overflow:hidden; } 
             .previewselector           {   width:105px;}
             .previewselector.zweite    {   width:100px;}
             .previewselector.zweite:hover,
             .previewselector.zweite.selected { width:100px;}
             .previewselector.dritte    {   width:96px;}
   }

   /* End of Slider =================================================================== */

   /* Contact Form 2 ==================================================================*/