body, html {
        padding:0px;
        margin:0px;
        height:100%;
        width:100%;
        background-color:#232323;

}

@font-face {
        font-family: 'Open Sans';
        src: url('../webfonts/OpenSans-Light.eot');
        src: url('../webfonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
                url('../webfonts/OpenSans-Light.woff') format('woff'),
                url('../webfonts/OpenSans-Light.ttf') format('truetype');
}


html {
        overflow-y:scroll;
        overflow-x:hidden;
}

::-webkit-scrollbar {  
        width: 9px;  
        height: 9px;  
        /*border-left: solid 1px #888;*/  
}  
::-webkit-scrollbar-track {  
        background-color:rgba(35,35,35, 0.75);  
}  
::-webkit-scrollbar-thumb {  
        border-radius:0px;
        border-left: solid 1px #1ca9eb;  
        margin:2px;
        background-color: #92d4ef;  
}  
::-webkit-scrollbar-thumb:hover {  
        border-radius:0px;
        width:15px;
        margin:2px;
        background-color: #1ca9eb;  
} 

* {
        color:#fff;
        font-family: 'Roboto Condensed', sans-serif;

}

a {
        color:#1ca9eb;
        text-decoration: none;
        transition: all 0.5s ease-in-out;
}
h1, h2, h3 {
        color:#1ca9eb;
        text-transform: uppercase;
}
h3, h4, h5, h6 {
        color:#fff;
}
h2 span {
        font-size:16px;
        margin-top: 10px;
        display: block;
}
a.more {
        display:inline-block;
        padding:10px;
        padding-left:20px;
        padding-right:20px;
        font-size:22px;
        color:#fff;
        background-color:#1ca9eb;
        transition: all 0.25s ease;
        /*border-left:solid 5px #fff;*/
}
a.more:hover {
        color:#1ca9eb;
        background-color: #fff;
        /*border-left:solid 5px #1ca9eb;*/
}

.clear {
        clear:both;
        float:none;
}


#content, #footer, #header {
        position:relative;

}
/*******************************************************************************
*
*      Content
*
*******************************************************************************/
#content * {
        font-size:14px;
}
#content #body {
        position: relative;
        z-index:10;
}
#content {
        z-index:10;
}
#content #body > .content-box,
#content #body > .content-home > .content-box
{
        background-color:rgba(35,35,35,0.75);
        padding:30px;
        padding-right:30px;
        position: relative;
        margin-bottom:60px;
        z-index:9;
        border-right: solid 3px transparent;
}
#content #body > .content-home > .content-box {
        padding-right:30px;
}
#content #body >  .content-box:last-of-type,
#content #body > .content-home > .content-box:last-of-type
{
        margin-bottom:0px;
}


#content #body > .content-box:after,
#content #body > .content-home > .content-box:after,
#content #body > .content-box::after,
#content #body > .content-home > .content-box::after
{

        display:block;
        content: ' ';
        width:10px;
        height:100%;
        position: absolute;
        right:-15px;
        bottom:0px;
        top:0px;
        background-color:#1ca9eb;
}


#content #rates,
#content .rates
{

        margin:0px auto;
        margin-top:20px;
        clear:both;
        z-index:99;
        position:relative;
        font-size:10px;
}
#content #rates *,
#content .rates * {
        font-size:10px;
}
#content .rates {
        margin-top:0px;
}


#content hr {
        background:transparent;
        border-top:solid 1px rgba(200,200,200,0.75);
}


/********************************************************
*
*      Background IMages
*
*******************************************************************************/
#backgrounds {
        z-index:1;
        padding:0px;
        margin:0px;
        overflow:hidden;
        height:100%;
        width:100%; 
        position:fixed;
        left:0px;
        right:0px;
        top:0px;
        bottom:0px;

}
#backgrounds ul {
        width:100%;
        height:100%;
        padding:0px;
        margin:0px;
        overflow:hidden;
        position:relative;
        left:0px;
        right:0px;
        top:0px;
        bottom:0px;
        display:block;
        z-index:1;
        background-color:transparent;
}
#backgrounds ul li {
        width:100%;
        height:100%;
        padding:0px;
        margin:0px;
        overflow:hidden;
        position:absolute;
        left:0px;
        right:0px;
        top:0px;
        bottom:0px;
        display:block;
        z-index:2;
        background-repeat: no-repeat;
        background-size: cover;
        background-position:center;

}

#backgrounds ul li div img {
        background-color:#ff0;
}

#backgrounds ul li.b1 {
        background-image:url(../images/backgrounds/001.jpg);
        background-position: center;
}
#backgrounds ul li.b2 {
        background-image:url(../images/backgrounds/002.jpg);
        background-position: center;
}
#backgrounds ul li.b3 {
        background-image:url(../images/backgrounds/003.jpg);
        background-position: center;
}
#backgrounds ul li.b4 {
        background-image:url(../images/backgrounds/004.jpg);
        background-position: center;
}
#backgrounds ul li.b5 {
        background-image:url(../images/backgrounds/005.jpg);
        background-position: left bottom;
}


/********************************************************
*
*      Footer
*
*******************************************************************************/

#footer {

        background-color:rgba(35,35,35,0.75);

        z-index:10;
        margin-top:50px;
        position: absolute;
        left: 0;
}

#footer * {
        font-size:11px;
}
#footer #footer-navigation h3 {
        color:#1ca9eb;
        margin:0px;
        font-size:15px;
}

#footer a {
        color:#1ca9eb;
}
#footer a:hover {

}

#footer #footer-navigation li a {
        color:#fff;
}
#footer #footer-navigation li a:hover {
        color:#1ca9eb;
}

#footer #copyright {
        margin-top:10px;
        margin-bottom:10px;

}

#footer #footer-navigation {

        width:auto;
        padding:0px;
        margin:0px;
        margin-right:30px;
}
#footer #footer-navigation li {
        margin:0px;
        padding:4px;
}



/*******************************************************************************
*
*       Sonstige Elemente
*
*******************************************************************************/
ul.disc li {
        margin-left:0px;
        list-style-image: url(../images/blue-square-small.png);
}









/*******************************************************************************
*
*      Loading Animation
*
*******************************************************************************/
#loading-ani {
        position:absolute;
        height:78px;
        width:78px;
        padding:10px;
        background-color:rgba(35,35,35,0.75);
        display:none;
        z-index:99999;
}
#loading-ani div {
        background-color: #1CA9EB;
        height:10px;
        width:10px;
        margin-right:7px;
        position: relative;
        float:left;
        display:inline-block;
}
#loading-ani div:last-of-type {
        margin-right:0px;
} 



/*******************************************************************************
*
*       PDF Download LINK
*
*******************************************************************************/
#pdf-download-link-box {
        position:relative;
        width:840px;

        margin:0px auto;
        z-index:12;
}

#pdf-download-link {
        z-index:12;

        background-color:rgba(170,170,170,0.8);

        display:inline-block;
        padding:7px;
        padding-left:20px;
        padding-right:20px;
        color:#fff;
        border-right: solid 3px #1ca9eb;

}
#pdf-download-link:hover {
        background-color:rgba(255,255,255,0.7);
        color:#1ca9eb;
}




/*******************************************************************************
*
*       Icon Table
*
*******************************************************************************/
#content table.icon-box {
        background-color:rgba(170,170,170,0.3);
        margin-left:-30px;


}
#content .icon-box tr td {
        padding:10px;
        height: 60px;
        width:33%;
        margin-right:10px;
        border-left:15px solid transparent;
        font-size:12px;
        line-height:18px;
}
#content .icon-box tr td.icon {
        padding-left:60px;
        background-image:url(../images/icon-bell.png);
        background-position:center left;
        background-repeat:no-repeat;
}

/*******************************************************************************
*
*       Icons
*
*******************************************************************************/

#content .icon-box tr td.icon.icon-bell {
        background-image:url(../images/icon-bell.png);  
}
#content .icon-box tr td.icon.icon-adressbook {
        background-image:url(../images/icon-adressbook.png);  
}
#content .icon-box tr td.icon.icon-box-incoming {
        background-image:url(../images/icon-box-incoming.png);  
}
#content .icon-box tr td.icon.icon-box-outgoing {
        background-image:url(../images/icon-box-outgoing.png);  
}
#content .icon-box tr td.icon.icon-box {
        background-image:url(../images/icon-box.png);  
}
#content .icon-box tr td.icon.icon-bubble {
        background-image:url(../images/icon-bubble.png);  
}
#content .icon-box tr td.icon.icon-car {
        background-image:url(../images/icon-car.png);  
}
#content .icon-box tr td.icon.icon-clipboard {
        background-image:url(../images/icon-clipboard.png);  
}
#content .icon-box tr td.icon.icon-comment {
        background-image:url(../images/icon-comment.png);  
}
#content .icon-box tr td.icon.icon-day {
        background-image:url(../images/icon-day.png);  
}
#content .icon-box tr td.icon.icon-graph {
        background-image:url(../images/icon-graph.png);  
}
#content .icon-box tr td.icon.icon-graph2 {
        background-image:url(../images/icon-graph2.png);  
}
#content .icon-box tr td.icon.icon-info {
        background-image:url(../images/icon-info.png);  
}
#content .icon-box tr td.icon.icon-link {
        background-image:url(../images/icon-link.png);  
}
#content .icon-box tr td.icon.icon-phone {
        background-image:url(../images/icon-phone.png);  
}
#content .icon-box tr td.icon.icon-phone2 {
        background-image:url(../images/icon-phone2.png);  
}
#content .icon-box tr td.icon.icon-plus {
        background-image:url(../images/icon-plus.png);  
}
#content .icon-box tr td.icon.icon-settings {
        background-image:url(../images/icon-settings.png);  
}
#content .icon-box tr td.icon.icon-shipping {
        background-image:url(../images/icon-shipping.png);  
}
#content .icon-box tr td.icon.icon-target {
        background-image:url(../images/icon-target.png);  
}
#content .icon-box tr td.icon.icon-undo {
        background-image:url(../images/icon-undo.png);  
}

#content #body .content-home > .content-box {
        min-height:0px;
}


/*******************************************************************************
*
*       Custom Fancybox 
*
*******************************************************************************/

.fcbx-content {
        display:none;
}

.fancybox-inner * {
        color:#666;
}
.fancybox-inner h1 ,
.fancybox-inner h2 
{
        color:#1ca9eb;
}
.fancybox-close {

        background-image: url(../images/fancybox_sprite.png) !important;
        /*background-repeat: no-repeat;*/
        background-color: rgb(28,169,235);
        /*background-position: center;*/
        /*color:#fff;*/
        /*background-size:30px 30px;*/
}



/*******************************************************************************
*
*       Border Radius
*
*******************************************************************************/

/*#content #body > .content-box,*/
/*#content #body .content-home > .content-box,*/
/*#content #body > .content-box:after,
#content #body  .content-home > .content-box:after,*/
#header #header-navigation #navigation li ul.children,
#header #header-navigation #navigation > li > a ,
#header #header-navigation #navigation > li > span,
/*#content-navigation-next a, 
#content-navigation-back a ,*/
/*a.more,*/
#loading-ani,
.fancybox-skin,
#pdf-download-link,
/*input[type=submit],*/
.fancybox-close {
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
        -o-border-radius: 0px !important;
}

#logo {
        transition: all 0.25s ease;
        transition: background 0.0s linear;
}

#header-menu-icon {
        position:absolute;
        display:inline-block;
        width:50px;
        height:50px;
}


.accordion .hd {
        font-size:24px;
        color:#ddd;
        cursor: pointer;
        background-image:url(../images/blue-square-small.png);
        background-position: 0px 5px;
        background-repeat: no-repeat;
        padding-left:25px;
}
.accordion .bd {
        padding-left:25px;
        display:none;
}

sup {
        font-size:100% !important;
        position: relative;
        top: 5px;
}
#content sup {
        font-size: 8px !important;
        position: relative;
        top: 4px;
}
#copyright sup {
        font-size: 6px !important;
        position: relative;
        top: 1px;
}

#content h2 sup {
        font-size: 12px !important;
        position: relative;
        top: 12px;
}
#content h3 sup {
        font-size: 10px !important;
        position: relative;
        top: 8px;
}


#rates {
        background-color: rgba(35,35,35,0.75);
        padding: 30px;
}
#rates::after {
        display: block;
        content: ' ';
        width: 10px;
        height: 100%;
        position: absolute;
        right: -15px;
        bottom: 0px;
        top: 0px;
        background-color: #1ca9eb;
}

/*
 COOKIE

*/
#cookiehinweis a {color:#000; text-decoration:none;}

#cookiehinweis a:hover {text-decoration:underline;}

#cookiehinweis div {padding:10px; padding-right:40px;}

#cookiehinweis { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #cccccc; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiehinweisCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiehinweisCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}