body, html {
    height: 100%;
    }
body {
    margin:      0 !important;
    min-width:   1000px;
    background:  white;
    font-family: 'Open Sans', sans-serif;
    }
a:active, a:link, a:visited {
    color:           #4d7491;
    text-decoration: none;
    transition:      all 0.3s linear;
    }
a:hover {
    color:           #4d7491;
    text-decoration: none;
    }
input, textarea, select {
    padding:       10px;
    border:        1px solid #cccccc;
    border-radius: 2px;
    box-shadow:    inset 1px 1px 1px rgba(0, 0, 0, 0.2);
    }
input[type=submit], button, input[type=button], input[type=reset] {
    outline:    0;
    background: #4d7491;
    color:      #dddddd;
    cursor:     pointer;
    transition: all 0.3s linear;
    }
input[type=submit]:hover, button:hover, input[type=button]:hover, input[type=reset]:hover {
    background: #222222;
    color:      #dddddd;
    }
.fancybox-lock,
.fancybox-overlay {
    overflow: visible !important;
    }
.outer {
    position: relative;
    margin:   0 auto;
    width:    1000px;
    }
header {
    position: relative;
    width:    100%;
    }
header ul {
    position: absolute;
    top:      20px;
    right:    10px;
    }
header ul li {
    position: relative;
    display:  inline-block;
    }
a.headnavi {
    position: relative;
    display:  inline-block;
    margin:   0 20px 0 20px;
    color:    #222222 !important;
    cursor:   pointer;
    }
a.headnavi:after {
    position:   absolute;
    bottom:     -5px;
    left:       0;
    display:    inline-block;
    width:      100%;
    height:     2px;
    background: #a4adbb;
    content:    '';
    transition: all 0.3s linear;
    transform:  scaleX(0);
    }
a.headnavi:hover:after {
    transform: scaleX(1);
    }
a.headnavi.select:after {
    transform: scaleX(1);
    }
#headlogo {
    padding-top: 10px;
    }
#upline {
    width:         100%;
    height:        5px;
    border-bottom: 3px solid #afb8c4;
    background:    #4d7491;
    }
#head {
    position:   relative;
    margin:     5px 0 0 0;
    width:      1000px;
    height:     200px;
    border-top: 1px solid #afb8c4;
    background: url(images/futurenew.png);
    }
#head span {
    position:       absolute;
    top:            20px;
    right:          160px;
    display:        block;
    width:          350px;
    color:          #a4adbb;
    text-transform: uppercase;
    text-shadow:    0 1px 1px rgba(0, 0, 0, 0.4);
    font-size:      20px;
    }
nav {
    position:      relative;
    z-index:       1000;
    width:         100%;
    height:        50px;
    border-bottom: 2px solid #afb8c4;
    background:    #4d7491;
    box-shadow:    1px 3px 12px rgba(0, 0, 0, 0.6);
    line-height:   50px;
    }
nav ul {
    margin:     0;
    padding:    0;
    list-style: none;
    text-align: center;
    }
nav ul li {
    position: relative;
    display:  inline-block;

    }
a.mainnavi {
    position:   relative;
    display:    inline-block;
    margin:     0 50px 0 50px;
    color:      white !important;
    color:      white;
    cursor:     pointer;
    transition: all 0.3s linear;
    }
a.mainnavi:after {
    position:   absolute;
    bottom:     12px;
    left:       0;
    width:      100%;
    height:     2px;
    background: #a4adbb;
    content:    '';
    transition: all 0.3s linear;
    transform:  scaleX(0);
    }
a.mainnavi:hover:after {
    transform: scaleX(1);
    }
a.mainnavi.select:after {
    transform: scaleX(1);
    }
footer {
    position:    fixed;
    bottom:      0;
    width:       100%;
    height:      40px;
    border-top:  3px solid #afb8c4;
    background:  #333333;
    line-height: 40px;
    }
#main {
    padding:    15px 0 60px 0;
    min-height: 800px;
    border-top: 4px solid #f7f7f7;
    background: #f7f7f7;
    font-size:  15px;
    }
#cop {
    position:  absolute;
    left:      10px;
    color:     #c9c6c6;
    font-size: 13px;
    }
#footernavi {
    position:   absolute;
    right:      10px;
    margin:     0;
    padding:    0;
    color:      #c9c6c6;
    list-style: none;
    font-size:  13px;
    }
#footernavi li {
    float:       left;
    margin-left: 15px;
    cursor:      pointer;
    }
#footernavi li a {
    color:           #c9c6c6;
    text-decoration: none;
    }
#contf {
    float: left;
    }
#kontaktdetails {
    position: relative;
    float:    right;
    margin:   110px 10px 0 0;
    width:    400px;
    }
.clear {
    clear: both;
    }
.koppartner {
    display:        inline-block;
    margin:         24px;
    width:          200px;
    vertical-align: middle;
    text-align:     center;

    -webkit-filter: grayscale(100%);
    filter:         url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:         gray;
    transition:     all 0.3s linear;
    }
.koppartner:hover {
    -webkit-filter: grayscale(0%);
    filter:         none;
    }
.koppartner img {
    padding:       5px;
    max-width:     200px;
    border-radius: 2px;
    box-shadow:    1px 3px 12px rgba(0, 0, 0, 0.2);
    }
.hmenu:before {
    position: absolute;
    left:     0;
    content:  '.::';

    }
.hmenu {
    padding-left: 20px;
    color:        #4d7491;
    text-shadow:  0 1px 1px rgba(0, 0, 0, 0.2);
    font-size:    14px;
    }
a.subnavi {
    display:    block;
    padding:    10px;
    width:      150px;
    background: #ddd;

    }
a.subnavi:hover {
    background: #4d7491;
    color:      white;
    }
a.subnavi.select {
    background: #4d7491;
    color:      white;
    }
.snavi {
    margin:     0;
    padding:    0;
    list-style: none;
    }
.snavi > li {
    position:   relative;
    display:    block;
    margin-top: 10px;
    padding:    10px;
    width:      200px;
    background: #ddd;

    cursor:     pointer;
    }
.snavi li > ul {
    position:   absolute;
    top:        0;
    right:      -200px;
    visibility: hidden;
    margin:     0;
    padding:    0;
    width:      200px;
    list-style: none;
    word-wrap:  break-word;
    opacity:    0;

    }
.snavi li > ul li a {
    display:     block;
    padding:     5px 10px 5px 10px;
    background:  #4d7491;
    color:       white;
    font-weight: normal;
    }
.snavi li > ul li a:hover {
    background: #ddd;
    color:      #000;
    }
.snavi li:hover {
    background: #4d7491;
    color:      white;
    }
.snavi li:hover > ul {
    visibility: visible;
    opacity:    1;

    }