@CHARSET "ISO-8859-1";
/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block;}
ul {list-style-type: none;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
/* end reset */
body {
    background: #162b3c;
}
div#wrapper {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    /*border: 1px solid #fff;*/
    width: 1200px; height: 857px;
    max-width: 1200px; max-height: 857px;
}
.fills-wrapper { /* to be placed inside wrapper */
    position: absolute; 
    width: 100%;
    height: 100%;
}
img#page-background {
    z-index: 10;
}
img#nav-bottom {
    z-index: 20;
}
.main-title {
    z-index: 11;
}
img#roter-pfeil {
    position: absolute; 
    z-index: 101;
}
a.over-btn {
    position: absolute;
    display: block;
    z-index: 102;
    background: #ccc;
    opacity: 0;		
    bottom: 0;
    height: 4.2%;
}

/* commonly used classes */
.no-display {
    opacity: 0;
}
.intro-2 {
    cursor: pointer;
}
.btn-red-arrow {
    width: 3%;
    height: 4%;
    display: block;
    border: 1px solid #fff;
    background: #ccc;
    position: absolute;
    z-index: 104;
}
.btn-red-arrow img {
    width: 100%;
    height: 100%;
}
a.link {
    height: 3%;
    position: absolute;
    display: block;
    background: url("../img/transparent.gif");
    z-index: 103;
}  
a.link:hover {
    border-bottom: 2px solid #9b1a1d;
}

#btn-skip {
	position: absolute;
	z-index: 9000;
	top: 62%;
    left: 42%;
    width: 7%;
    height: 7%;
    cursor: pointer;
    /* background: #fff; */
}
#btn-skip:hover {
	opacity: .8;
	transition: all 0.4s;
}