/* latin */
@font-face {
    font-family: 'Montserrat Subrayada';
    font-style: normal;
    font-weight: 400;
    src: url("/Montserrat_Subrayada/MontserratSubrayada-Regular.ttf") format('truetype');
}


*{margin:0;padding:0;font-family:helvetica, arial, sans-serif;}
a:link, a:visited, a:active{text-decoration:none;margin:0 20px;color:white;}
a:hover{border-bottom:2px solid black;}
#welcome:hover {border: 0 !important}
#page{width:100%;}
#name{position:fixed;width:500px;left:0%;top:0%;text-align:left;color:black;z-index:100000;}
#name #nameFirst{font-size:50px; padding: 5px;}
#menu{font-size: 14px; text-transform:uppercase;letter-spacing:2px;font-weight:100;position:fixed;margin-top:20px;top:70px;line-height:30px;color:white;left:14px;}
#menu ul{list-style-type:none;}
#menu li{}
.fuenfzig { height: 70%; width: 50%;max-width: 503px;float: right; margin-top: 80px; margin-right: 50px;}
.blau{background-color:#A7A7A7;}
.lila{background-color:#8D8D8D;}
.gelb{background-color:#737373;}
.apricot{background-color:#4C4C4C;}
.another{background-color:#C6C6C6;}
.placeholder{color:white; position:relative;}
.placeholder h1{position: absolute; font-size:36px;bottom: 30px; right: 50px; font-weight:normal; opacity: 0.5; font: 400 36px/0.8 'Montserrat Subrayada', Helvetica, sans-serif;}
.placeholder h3{font: 400 36px/0.8 'Montserrat Subrayada', Helvetica, sans-serif;}
.placeholder .images{float:right;}
.description{clear:both;float:left;width:30% ;max-width:500px; padding-top: 90px;line-height: 200%; margin-left: 20%;}
.description2{float:left;width:30% ;max-width:500px; padding-top: 90px;line-height: 200%; margin-left: 20%;}
.description a:link, .description a:link, .description a:link {
	margin: 0;
}
h3{/* border-bottom: 1px solid white; */}
.seperator {margin-left: 10px; margin-top: 10px;}
.description .form{margin-top:20px;}
.form div{margin:5px;margin-left:0;}
.form input, textarea{border:1px solid #CCCCCC;background-color:#FFFFFF;padding:3px;width:200px;}
#fuenf{}
span.displaynone { display:none; }
h4 {
	/* border-bottom: 1px solid white; */
	cursor: pointer;
}
h4:hover {
	text-decoration: underline;
}


.imgs {white-space: nowrap; margin-left:20px;overflow:hidden;position:relative; margin-right: 20px; height: 20%;}
.imgs img {opacity: 0.3}
.images{position:relative; height: 100%; width: 100%;}
.screenshot_small{height: 100%; padding:0 3px 3px 0px;cursor:pointer; vertical-align:text-top; display: inline-block;white-space: normal;}
.screenshot_big{height: 80%; text-align:center;margin-top:10px;margin-bottom:10px;cursor:pointer;}
.screenshot_big img{max-height:100%;max-width:100%;}
.scrollright {z-index:10000;position:absolute; width: 20px; height: 20%; background: rgba(0,0,0,0.2); left: 0px; line-height: 60px; cursor:pointer;}
.scrollleft {z-index:10000;position:absolute; width: 20px; height: 20%; background: rgba(0,0,0,0.2); right: 0px; line-height: 56px; cursor:pointer;}


html{
    height: 100%;
    overflow-x: hidden;
}

.curtains{
    width: 100%;
    z-index:1;
    position:relative;
}

.curtains>li{
    -webkit-transform:translateZ(0);
    position: fixed;
    display:block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index:1;
    box-shadow: 0 1px 14px 3px #333333;
}
.curtains>li.hidden{display:none;}
.curtains>li:first-child{z-index:2;}