html {  font-size: 62.5%;
        min-height: 709px;
        height: 100%;
}
body {  background: #FFF url('../img/back_new.jpg') no-repeat center top;
        font: normal 1.4em "Roboto", sans-serif;
        font-weight: 200;
        height: 100%;
}

/* Links
------------------------------------------------------------------ */

a {     color: #B6C8EF ;
        text-decoration: none;
}
a:visited{ color: #B6C8EF ;
        text-decoration: none;
}
a:hover{color: #FFF;
        text-decoration: none;
}


/* Men�
-------------------------------------------------------------------*/
#menu { float:left;
        width: 180px;    
        min-height: 400px;
        height: 100%;
        padding-right:13px;
        background: url('../img/seperator.png') no-repeat right top;
        text-align:right;
        padding-top:30px;
        /*text-shadow: 0px -1px 1px #000; */

}

.nav{   color:#B6C8EF;
        padding-top:0px;
        padding-bottom:1px;
        font-weight: 400;
        font-size: 1.3em;

        text-transform:lowercase;
        

}

.nav_sub{color:#B6C8EF;
        font-size:1.2em;
        padding-top:1px;
        padding-bottom:1px;
        padding-right:8px;
        background: url('../img/nav.png') no-repeat right center;

        text-transform:lowercase;


}
.nav_sub_sub{
        color:#B6C8EF;
        margin-right:-1px;
        padding-top:1px;
        padding-bottom:1px;
        padding-right:8px;
        font-size:0.95em;
        background: url('../img/small_nav.png') no-repeat right center;
        text-shadow: none;

        text-transform:lowercase;
}
.nav_sub_sub_sub{
        margin-right:0px;
        padding-top:1px;
        padding-bottom:1px;
        padding-right:8px;
        font-size:0.65em;
        background: url('../img/smallest_nav.png') no-repeat right center;
        text-shadow: none;

        text-transform:lowercase;
}

.nav_sub_sub_sub_link{color:#d2dcf1;
}
.smallest_sub_container{
         padding-top:3px;
         padding-bottom:5px;
}
.nav_small{color:#B6C8EF;
        padding-top:5px;
        padding-bottom:1px;
        font-weight: 400;
        font-size:1.15em;
}

.current{padding-right:11px;
         background: url('../img/arrow.png') no-repeat right center;
}
.current a{
         font-weight:400;
         color:#D9E3F4;
}
.nav_blind {


}

/* Layout
-------------------------------------------------------------------*/
#site_body{
        position:relative;
        top:150px;
        min-width: 850px;
        width:80%;
        max-width: 1346px;
        min-height: 490px;
        max-height: 750px;
        height: 60%;
        margin-bottom:250px;
        padding: 15px;
        margin-bottom: 250px;
        margin: 0px auto;
        box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.35);
        border-radius: 2px;
        margin: 0px auto;
        background: #536f86 url('../img/content_bg_wide.png') no-repeat left top;
}
#content{
        margin-left:186px;
        padding-top:0px;
        padding-right:25px;
        padding-left:25px;

}
#slide{ margin-top:20px;
        margin-left:20px;
        padding-top:7px;
        padding-left:7px;
        height:380px;
        width:540px;
        background: url('../img/slide_bg.png') no-repeat left top;
        overflow:visible;

}
/*  Scrolling
----------------------------------------------------*/
.scrollable {
         margin-left:17px;
         margin-top:0px;
         font-size:1.2em;
         /*font-weight:400; */
         width: 500px;
         height: 350px;
         position:relative;
         overflow:hidden;
         float:left;
}

.scrollable .items {
         height: 350px;
         width:20000em;
         position:absolute;
         clear:both;
}
.slick-slide{
        opacity:0.25;
        transition: opacity 0.5s ease-in-out;
}
.slick-current{
        opacity:1 !important;
        transition: opacity 0.5s ease-in-out;
}
.item{
        height: 332px;
        padding-left: 0px;
        padding-top: 15px;
        padding-bottom: 10px;
        font-size: 20px;
        margin:10px;
        float: left;
        overflow: hidden;
        max-width: 50vw;
        /*min-width: 428px;*/
        position: relative;
}
.fadeItem{
        
        padding-left: 0px;
        padding-top: 15px;
        padding-bottom: 10px;
        font-size: 20px;
        margin:10px;
        float: left;
        overflow: hidden;
        position: relative;

}

.item1 {
         background: url('../img/plan.png') no-repeat center 190px ;
     

         height: 335px;
         padding-left: 20px;
         padding-top: 15px;
         float: left;
}
.item_single{
         font-size: 1.2em;
}

.next {
        float:left;
}
.prev {
        position:relative;
        left:15px;

}
.slick-slide img {
    height: 45vh;
    max-height: 604px;
    min-height: 300px;
}
img{
        -moz-box-shadow: 0px 0px 5px #000;
        -webkit-box-shadow: 0px 0px 8px #0000005c;
        box-shadow: 0px 0px 8px #0000005c;
        
        border-radius: 2px;

}
img.no_sdow {
        -moz-box-shadow: 0px 0px 0px #000;
        -webkit-box-shadow: 0px 0px 0px #000;
        box-shadow: 0px 0px 0px #000;
        position:relative;
        top:4px;

}
.slideshow{position: relative;
    height: 65vh;
    width: 60vh;
    max-width: 91%;
    min-width: 534px;
    margin: 0px auto;
}
.caption {
        width:100%;
        padding-left: 10px;
        padding-top: 2px;
        background: #00000077;
        position: absolute;
        bottom: 10px;
        padding-bottom: 2px;
        border-radius: 0px 0px 2px 2px;
        color: #ffffffc2;
        font-size:0.75em;
        display: inline-block;
        width: 0;
        min-width: 100%;

}
.caption_top {
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        background: #00000077;      
        position: absolute;
        top: 15px;
        border-radius: 2px 2px 0px 0px;
        width: 100%;
        color: #ccc;
        font-size: 0.7em;
        white-space: break-spaces;
        display: inline-block;
        width: 0;
        min-width: 100%;

}

/*  ---------------------------------------------     */
.adress{

        position:absolute;
        left:36px;
        font-size: 0.9em;
        opacity: 0.4;
        bottom: 34px;


}

.adress a{
        color:#000;
        text-decoration: none;
}
.adress a:hover{
        color:#eeeeee;
        text-decoration: none;
}

h1 {
         color:#D0E1F3;
         font-size: 1.5em;
         font-weight: 500;
}
h1.center {
         position:relative;
         text-align:center;
         /*text-shadow: 0px -1px 1px #333333, 0px 1px 0px #fff;*/

}
.contact_heading {
          margin-top:-5px;
          font-size: 0.9em;
          float:left;
          padding-left:0px;
}
p {
         font-size: 13px;
         color:#d4e3f7;
}
.p2  {
         font-size: 0.8em;
         color:#ABC8ED;
}
.key{   font-size: 12px;
        width: 400px;
        color: #000;
        height: 1px;
        margin:0px auto;
}

h2 {
         color:#D0E1F3;
         font-size: 1em;

}
table{
         font-size: 0.8em;
         color:#ABC8ED;
         margin-top:-10px;
         margin-bottom:-5px;
}

.scroll{overflow : hidden;


}
.scroll:hover{overflow : auto;


}
.text_area{
         width:600px;
         height:135px;
}

ul { font-size: 0.8em;
     color:#d4e3f7;    /* #a4bbd9 */

}
ul.smaller{
    margin-top:-10px;
    font-size: 13px;
}
.white {

   font-size: 0.9em;
   color:#ccc;
   margin-bottom:-2px;
   margin-top:2px;

}
.schmal{
   margin-bottom:-10px;
   margin-top:5px;
}


/* Shaddow
-------------------------------------------------------------------*/

#sdw_t_left{
        position:relative;
        top:-14px;
        left:0px;
        height: 14px;
        width:14px;
        background: url('../img/sdw_t_left.png') no-repeat;
}
#sdw_t_right{
        position:relative;
        top:-14px;
        left:-6px;
        height: 14px;
        width:14px;
        background: url('../img/sdw_t_right.png') no-repeat;
}
#sdw_b_left{
         position:relative;
         top:422px;
         left:0px;
         height: 14px;
         width:14px;
         background: url('../img/sdw_b_left.png') no-repeat;
}
#sdw_b_right{
         position:relative;
         top:422px;
         left:-6px;
         height: 14px;
         width:14px;
         background: url('../img/sdw_b_right.png') no-repeat;
}

#sdw_top{
        position:relative;
        top:-7px;
         margin-left:7px;
         height: 8px;
         width:836px;
         background: url('../img/sdw_top.png') repeat-x;
}
#sdw_left{
        position:relative;
        top:14px;
        margin-left:-14px;
        height: 436px;
        width:8px;
        background: url('../img/sdw_left.png') repeat-y;
}
#sdw_right{
        position:relative;
        left: 856px;
        top: -28px;
        height: 436px;
        width:8px;
        background: url('../img/sdw_right.png') repeat-y;
}
#sdw_bottom{
        position:relative;
        top:414px;
        left:-842px;
        height: 8px;
        width:836px;
        background: url('../img/sdw_bottom.png') repeat-x;
}



.left {float: left;}
.right {float: right;}

.clear,.clearer {clear: both;}
.clearer {
        display: block;
        font-size: 0;
        line-height: 0;
}

.bordered{
        background-color: #FFF;
        border: 1px solid #DDD;
        padding: 33px;
        margin:3px;
}
img.bordered, img.left, img.right {
        background-color: #FFF;
        border: 1px solid #DDD;
        padding: 3px;
}

img.left {margin: 0 15px 15px 0;}
img.right {margin: 0 0 15px 15px;}

/* Form
-------------------------------------------------------------------*/

.input_small{
        margin-left:22px;
        margin-top:3px;
        margin-bottom:3px;

        border: 1px #222 solid;
        -moz-box-shadow: 0px 0px 2px #333;
        -webkit-box-shadow: 0px 0px 2px #333;
        box-shadow: 0px 0px 2px #333;

}

.input_big{
        margin-top:3px;
        margin-bottom:3px;
        border: 1px #222 solid;
        -moz-box-shadow: 0px 0px 3px #333;
        -webkit-box-shadow: 0px 0px 3px #333;
        box-shadow: 0px 0px 3px #333;

}

.label_nachricht{
        color: #B6C8EF;
        margin-top:20px;

}

.captcha_input{
        height:30px;
        width:75px;
        font-family: Tahoma, Arial;
        font-size: 20px;
        border: 1px #222 solid;
        -moz-box-shadow: 0px 0px 3px #333;
        -webkit-box-shadow: 0px 0px 3px #333;
        box-shadow: 0px 0px 3px #333;
}

.missing{background:#E3EEF7 ;
}

.success{padding-left:25px;
         padding-top:3px;
         color: #184C62;
         background:#D0F2EA url('../img/success.png') no-repeat;
         background-position: 1% 45%;
         border:#1BAA8F 1px solid;
         width:500px;
         height:20px;
         opacity:0.8;
         font-weight:400;
}

.fail{   padding-left:25px;
         padding-top:3px;
         color: #184C62;
         background:#EEB2B0 url('../img/fail.png') no-repeat;
         background-position: 1% 45%;
         border:#EA837E 1px solid;
         width:500px;
         height:20px;
         opacity:0.8;
         font-weight:400;


}


.inner {
       background: url('../img/inner_shaddow.png') left top;
}