@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Muli', sans-serif;
	background-image: url(../layout/bg9.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: 1920px 1790px;
	text-align: center;
}

a:active {
  outline: none;
}

.peKenBurns {
	width: 920px;
	height: 400px;
	margin-left: 70px;
    }      

.peKenBurns .peKb_slides {
	padding: 10px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background-color: #ffffff;
}

.peKenBurns .peKb_slides .peKb_frame{
    background-color:#ffffff;
}

.slide {
	width: 1058px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	background-image: url(../layout/shadow.png);
	background-repeat: no-repeat;
	height: 422px;
    }
	
.slide2 {
	width: 920px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	height: 340px;
	background-color: #FFF;
	padding-top: 10px;
    }
	
.slide3 {
	width: 1280px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	height: 740px;
	text-align: left;
	-webkit-box-shadow:  0px 0px 30px 0px;
	box-shadow:  0px 0px 30px 0px;
	background-color: #FFF;
	border: 1px solid #FFF;
    }
	
.slide4 {
	width: 1280px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	text-align: left;
    }
	
.hwebcam {
	width: 1280px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	text-align: left;
    }
		
.logonav {
	width: 1058px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	height: 150px;
    }
		
.nav {
	width: 670px;
	position: relative;
	height: 70px;
	float: right;
	margin-right: 20px;
	margin-top: 60px;
    }
	
.logo {
	width: 310px;
	position: relative;
	height: 120px;
	float: left;
	margin-left: 39px;
	margin-top: 30px;
	background-image: url(../layout/logo.png);
	background-repeat: no-repeat;
    }
	
.abstand {
	height: 200px;
    }
	
#bildle {
	margin-left: 15px;
    }
	
h1 {
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	color: #333;
	margin-bottom: -10px;
}

h2 {
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	color: #333;
	margin-bottom: -10px;
	font-size: 30px;
	line-height: normal;
	font-weight: 400;
	color: #333333;
	margin-left: 20px;
	margin-right: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	text-shadow: 1px 1px 0px #fff;
}

h3 {
	font-family: 'Bree Serif', serif;
	font-size: 30px;
	font-weight: 400;
	font-style: normal;
	margin-bottom: -10px;
	line-height: normal;
	color: #333333;
	margin-left: 20px;
	margin-right: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	text-shadow: 1px 1px 0px #fff;
}

h4 {
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	color: #333;
	margin-bottom: -10px;
}
h5 {
	font-family: 'Bree Serif', serif;
	font-size: 24px;
	background-color: #bcdbdd;
	padding: 10px;
	border: 1px dotted #333;
	margin-right: 20px;
	margin-left: 20px;
	text-align: center;
	margin-top: -10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-shadow: 1px 1px 0px #fff;
}



p {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	line-height: 22px;
	margin-right: 25px;
	margin-left: 25px;
}

h6 {
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	line-height: 16px;
	margin-right: 25px;
	margin-left: 25px;
}
	
.content1 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: -30px;
	overflow: hidden;
	height: 100%;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.40); /* WebKit */
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.40); /* Firefox */
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.40);
	background-image: url(../layout/shadow3.png);
	background-repeat: repeat;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
    }
	
.content2 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../layout/shadow6.png);
	background-repeat: repeat;
	overflow:hidden;
	-webkit-box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, 0.20); /* WebKit */
	-moz-box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, 0.20); /* Firefox */
	box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, 0.20);
    }
	
.content0 {
	width: 1058px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    }
	
.left {
	width: 630px;
	position: relative;
	float: left;
	text-align: left;
	z-index: 1;
    }
	
.left2 {
	width: 899px;
	position: relative;
	float: left;
	text-align: left;
	z-index: 1;
    }	
	
.left4 {
	width: 790px;
	position: relative;
	text-align: left;
	z-index: 1;
	margin-left: 50px;
    }	
	
.left2016 {
	width: 500px;
	position: relative;
	text-align: left;
	z-index: 1;
	margin-left: 50px;
    }
	
.left5 {
	width: 550px;
	position: relative;
	text-align: left;
	z-index: 1;
	margin-left: 20px;
	margin-bottom: -20px;
    }
	
.right {
	width: 260px;
	position: relative;
	float: right;
	text-align: left;
	overflow:hidden;
	background-image: url(../layout/shadow4.png);
	background-repeat: repeat;
	z-index: 1;
	padding-bottom:1000px; 
    margin-bottom:-1000px; 
    }
	
	
.footer {
	width: 900px;
	height: 150px;
	position: relative;
	background-image: url(../layout/shadow7.png);
	-webkit-box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, 0.20); /* WebKit */
	-moz-box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, 0.20); /* Firefox */
	box-shadow: inset 0px 0px 25px 0px rgba(0, 0, 0, 0.20);
	z-index: 2;
	margin-right: auto;
	margin-left: auto;
    } 
	
.bottom1 {
	width: 900px;
	height: 120px;
	position: relative;
	z-index: 2;
    }  
	
.bottom2 {
	width: 870px;
	height: 30px;
	position: relative;
	text-align: right;
	margin-right: 30px;
	font-size: 12px;
	z-index: 2;
    }  

.slidemap {
	width: 920px;
	height: 350px;
	margin-left: 70px;
	background-image: url(../layout/shadow3.png);
	background-repeat: repeat;
    }  
	
navi a {
	font-family: 'Muli', sans-serif;
	color: #888888;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 14px;
	margin-left: 0px;
	margin-right: 2px;
	text-decoration: none;
}

navi a:hover,
navi a:active {
	color: #333;
	text-decoration: none;
}

a {
	font-family: 'Muli', sans-serif;
	color: #2c4a8d;
	text-decoration: none;
}

a:hover,
a:active {
	color: #000;
	text-decoration: none;
}

.no-touch .note-touch {
	display: none;
}

/*********************************************
 * ROLLING LINKS
 *********************************************/

.roll {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;

    -webkit-perspective: 300px;
       -moz-perspective: 300px;
        -ms-perspective: 300px;
            perspective: 300px;

    -webkit-perspective-origin: 50% 50%;
       -moz-perspective-origin: 50% 50%;
        -ms-perspective-origin: 50% 50%;
            perspective-origin: 50% 50%;
}
.roll:hover {
    background: none;
    text-shadow: none;
}
.roll span {
    display: block;
    position: relative;
    padding: 0 2px;
    pointer-events: none;

    -webkit-transition: all 600ms ease;
       -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
            transition: all 400ms ease;
    
    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.roll:hover span {
    background: rgba(190,190,20,.9);

    -webkit-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
       -moz-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
        -ms-transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
            transform: translate3d( 0px, 0px, -45px ) rotateX( 90deg );
}
.roll span:after {
    content: attr(data-title);

    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 2px;
    white-space: nowrap;

    color: white;
    background: #a533fd; 

    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
            transform-origin: 50% 0%;

    -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
        -ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
            transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
}