@charset "utf-8";
@import url(entypo-plus.css);



*{
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:15px;
	text-decoration:none;
	margin:0px;
	padding:0px;
    color:#000;
}
a{
    cursor:pointer;
}
body,html{
    background: rgb(255,255,255);
    background-image:url(../image/bg.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
    overflow:hidden;
}
header{
    position:fixed;
    z-index:1000;
    top:0px !important;
    left:0px;
    height:160px;
    width:100%;
    opacity:0.9;
}
header:first-of-type{
    background: rgba(204,204,204,1);
    background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(239,239,239,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,204,204,1)), color-stop(100%, rgba(239,239,239,1)));
    background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(239,239,239,1) 100%);
    background: -o-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(239,239,239,1) 100%);
    background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(239,239,239,1) 100%);
    background: linear-gradient(to bottom, rgba(204,204,204,1) 0%, rgba(239,239,239,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#efefef', GradientType=0 );
}
header:nth-of-type(2){
    background-image:url(../image/header.png);
    background-repeat: no-repeat;
}
header h1{
    color:#bd1f2c;
    font-family:arial;
    font-size:41px;
    font-style:italic;
    position:absolute;
    top:106px;
    left:350px;
}
footer{
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    height:35px;
    line-height:35px;
    text-align:right;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 63%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 63%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 63%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
    opacity:0.4;
    border-top:1px solid rgb(34,35,64);
    border-bottom:1px solid rgb(34,35,64);
}
footer a{
    display:inline-block;
    margin-right:40px;
}

footer figcaption{
    vertical-align:middle;
    margin-top:5px;
    display:inline-block;
}
footer figcaption a:hover{
    opacity:1;
}
footer figcaption a{
    opacity:0.6;
    display:inline-block;
    margin-left:10px;
    margin-right:0px;
}



/* ---------------------------- [+] TOPNAVI UNTERMENU ------------------------ */

nav{
    position:fixed;
    top:160px;
    left:0px;
    z-index:1000;
    width:100%;
    height:36px;
    line-height:36px;
    text-align:center;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 63%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 63%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 63%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
    border-top:4px solid #bd1f2c;
}
nav > ul#menu{
    list-style-type:none;
    height:35px;
    width:985px;
    margin:auto;
    text-align:center;
}
nav > ul#menu > li{
    display:inline-block;
    float:left;
    width:20%;
    min-width:197px;
    max-width:197px;
}
nav ul#menu li:hover{
    background:#bd1f2c;
    color:#fff;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:15px;
}
nav ul#menu li:hover .line,nav ul#menu li.aktiv .line {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
nav ul#menu li .line{
    width:197px;
    height:1px;
    position:absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
nav ul li a{
    display:block;
	font-size:1em;
    color:inherit;
}
nav ul li ul li a{
    display:block;
	font-size:1em;
    color:#fff;
    opacity:0.7;
}
nav ul li ul li:hover a{
    opacity:1;
}
#mnav,menu{
	display:none;
}
#menu{
	display:block;
}
nav ul li ul{
    list-style-type:none;
    display:none;
    position:relative;
    top:0px;
    left:0px;
    z-index:100;
}
nav > ul > li:hover > ul{
    display:inline-block;
    float:none;
    max-width:100%;
}
nav ul li ul li{
    display:inline-block;
    float:none;
    clear:both;
    min-width:197px;
}
nav ul li ul li:last-of-type{
    border-bottom-left-radius:0px;
    border-bottom-right-radius:15px;
}
nav ul li ul li:hover{
    background:transparent;
}

/* ---------------------------- [-] TOPNAVI UNTERMENU ------------------------ */


/* ---------------------------- [+] INHALTE ---------------------------------- */

section{
	display:block;
	width:965px;
    height:auto;
	margin:auto;
    margin-bottom:35px;
	background-color:rgba(255,255,255,0.8);
    color:#000;
	padding:10px;
	padding-top:20px;
    overflow:auto;
    opacity:0.3;
    transition: opacity 3s;

}
section.aktiv{
    opacity:1;
}
section:first-of-type{
    margin-top:200px;
}
section article{
    display:inline-block;
    vertical-align:top;
    position:relative;
    top:10px;
    left:40px;
    padding-top: 0px;
    line-height:1.3em;
    padding:15px;
    border-radius:15px;
    box-shadow: 2px 2px 10px #333333;
    margin-bottom:20px;
    max-width:90%;
}
.txt_right figcaption{
    display:inline-block;
    position:relative;
    top:10px;
    left:30px;
    width:250px;
    vertical-align:top;
}
figcaption img, .amazingslider-img-elem-1{
    border-radius:15px;
    box-shadow: 3px 3px 7px #333333;
    max-width:250px;
}
.txt_right article{
    position:relative;
    top:10px;
    left:60px;
    max-width:600px;
}
.txt_left figcaption{
    display:inline-block;
    position:relative;
    top:10px;
    left:700px;
    width:250px;
    vertical-align:top;
}
.txt_left article{
    vertical-align:top;
    position:relative;
    top:10px;
    left:-220px;
    max-width:600px;
}

.slider_txt_right figcaption{
    display:inline-block;
    position:relative;
    top:10px;
    left:30px;
    width:500px;
    vertical-align:top;
    border-radius:15px;
    box-shadow: 3px 3px 7px #333333;
    overflow:hidden;
}
.slider_txt_right article{
    vertical-align:top;
    position:relative;
    top:10px;
    left:70px;
    max-width:300px;
}
.slider_txt_left figcaption{
    overflow:hidden;
    display:inline-block;
    position:relative;
    top:10px;
    left:400px;
    width:500px;
    vertical-align:top;
    border-radius:15px;
    box-shadow: 3px 3px 7px #333333;
}
.slider_txt_left article{
    vertical-align:top;
    position:relative;
    top:10px;
    left:-470px;
    width:300px;
}
.small{
    font-size:0.8em;
}

#referenzen figure{
    opacity:0.6;
    padding:10px;
    border-radius:15px;
    box-shadow: 3px 3px 7px #333333;
    width:100px;
    height:100px;
    display: inline-block;
    vertical-align:top;
    text-align:center;
    background-position:center center;
    background-repeat:no-repeat;
    margin:0px 15px 15px 0px;
    position:relative;
    transition:all 0.3s;
}
#referenzen figure:hover{
    opacity:1;
    margin:3px 12px 12px 3px;
    box-shadow: 3px 3px 3px #333333;
}
#referenzen figure a{
    width:100px;
    height:100px;
    display:block;
}

#html5-elem-box{
    box-shadow: 3px 3px 7px #333333;
    border-radius:15px;
}
#html5-image-container img{
    border-radius:15px;
}
.amazingslider-slider-1{
    border-radius:15px;
    box-shadow: 3px 3px 7px #333333;
    overflow:hidden;
}
#kontaktform{
    margin:auto;
    width:80%;
    max-width:90%;
    display:block;
    line-height:34px;
    padding: 15px;
    border-radius:15px;
    box-shadow: 2px 2px 10px #333333;
}
#kontaktform label,.ws_register form label{
    display:inline-block;
    width:120px;
    vertical-align:top;
}
input[type=text],input[type=email], select, option, textarea{
    border:1px solid #808080;
    padding:4px 7px;
    border-radius:7px;
    width:300px;
}
#kontaktform #submit,#kontaktform #reset{
    cursor:pointer;
}
#kontaktform .inputfehler{
    border:1px solid #FF6600;
}
.anmelden img{
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: url(desaturate.svg#greyscale);
     filter: gray;
     -webkit-filter: grayscale(1);
     transition-duration: 1s;
}
.anmelden:hover img{
    filter:none;
}
input[name=check]{
     width:0px;
     height:0px;
     display:none;
}

.fancybox-infobar *{
    color:#fff !important;
}
.fancybox-image{
    border-radius:15px;
    box-shadow: 2px 2px 10px #000;
}

#impressum article{
    max-width:90%;
}

article ul{
    margin-left:40px;
}
/* ---------------------------- [-] INHALTE ---------------------------------- */

#loading{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:2000;
	background-image:url(../image/loading.gif);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 200px 200px;
}
#alpha{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.6);
	z-index:1999;
}