html, body {
    font: 18px/27px 'DejaVuSerifBook', Times, serif;
    color: #ffffff;
    text-align: left;
    background: #000000;
    margin: 0;
    padding: 0;
    height: 100%;
}


a img {
    border: none;
}

a:link {
    color: #8c6529;
    text-decoration:none;
}


a:hover {
    color: #c6964a;
    text-decoration:none;
}


a:visited {
     color: #996600;
     text-decoration:none;
}

a:active {
    color: #cc0000;
    text-decoration:none;
}


p {
    font-size: 18px;
    line-height: 27px;
    font-family: 'DejaVuSerifBook', Times, serif;
    margin-top: 0;
    text-align: left;
    color: #cccccc;
}


.sansserif {
    font-family: 'DejaVuSansBook', Arial, sans-serif;
}

.small {
    font-size: 16px;
    line-height: 20px;
}

.smaller {
    font-size: 12px;
    line-height: 15.9px;
}


h1 {
    font: 26px/32px 'DejaVuSerifBold', Times, serif;
    margin-top: 0;
    text-align: left;
    color: #FF9933;
}

h2 {
    font: 20px/26px 'DejaVuSerifBold', Times, serif;
    margin-top: 0;
    text-align: left;
    color: #EE9933;
}

h3 {
    font: 18px/24px 'DejaVuSerifBold', Times, serif;
    margin-top: 0;
    text-align: left;
    color: #cc9933;
}


td {
    font: 10px/10px 'DejaVuSansBook', Arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    width: 4%;
    height: 4%;
}

.sc {
   font-variant:small-caps;
}


#titleBox {
    position: relative;
    border-style: dashed;
    border-color:#666666;
    border-width:5px;
    width: 800px;
    margin: auto;
    margin-top: 5px;
    height: 600px !important;
}


#logoBox {
    position: absolute;
    width:400px;
    height:87px;
    margin-top:20%;
    margin-left:25%;
    margin-right:25%;
    z-index: 99;
}


#centeredBox {
    position: relative;
    border-style: dashed;
    border-color:#666666;
    border-width:5px;
    width: 800px;
    margin: auto;
    margin-top: 5px;
    height: 600px !important;
}



#arrowBox {
    position: absolute;
    margin-left: 5px;
    margin-top: 565px;
    height: 25px !important;
}


#imagebox {
    position: absolute; left: 0px; top: 0px;
    margin: 0;
    padding: 0;
    z-index: 0;
}


#sign {
    position: absolute;
    z-index: 0;
}



#textbox {
    position: absolute;
    vertical-align: bottom;
    margin: 0;
    padding: 0px 0px 0px 5px;
    z-index: 1;
    background: #000000;
    opacity: 0.6;
    filter:Alpha(opacity=60); /* For IE8 and earlier */
}



#pictureBox {
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 1;
    overflow: auto;
}

#pictureBoxCropped {
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 1;
    overflow: hidden;
}




#puretextBox {
    position: absolute;
    height: 580px;
    top: 10px;
    left: 10px;
    right: 10px;
    padding: 10px;
    z-index: 1;
    background: #000000;
    opacity: 0.6;
    filter:Alpha(opacity=60); /* For IE8 and earlier */
    overflow: auto;
}


#solutionbox {
    position: absolute;
    top: 5px;
    left: 5px;
    margin: 0;
    padding: 0px 0px 0px 0px;
    z-index: 1;
    background: #000000;
}




/****************************************************************************/
/* Font-Definitionen                                                       */
/****************************************************************************/



@font-face {
    font-family: 'DejaVuSansBook';
    src: url('../font/DejaVuSans-webfont.eot');
    src: url('../font/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSans-webfont.woff') format('woff'),
         url('../font/DejaVuSans-webfont.ttf') format('truetype'),
         url('../font/DejaVuSans-webfont.svg#DejaVuSansBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansOblique';
    src: url('../font/DejaVuSans-Oblique-webfont.eot');
    src: url('../font/DejaVuSans-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSans-Oblique-webfont.woff') format('woff'),
         url('../font/DejaVuSans-Oblique-webfont.ttf') format('truetype'),
         url('../font/DejaVuSans-Oblique-webfont.svg#DejaVuSansOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansBold';
    src: url('../font/DejaVuSans-Bold-webfont.eot');
    src: url('../font/DejaVuSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSans-Bold-webfont.woff') format('woff'),
         url('../font/DejaVuSans-Bold-webfont.ttf') format('truetype'),
         url('../font/DejaVuSans-Bold-webfont.svg#DejaVuSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansBoldOblique';
    src: url('../font/DejaVuSans-BoldOblique-webfont.eot');
    src: url('../font/DejaVuSans-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSans-BoldOblique-webfont.woff') format('woff'),
         url('../font/DejaVuSans-BoldOblique-webfont.ttf') format('truetype'),
         url('../font/DejaVuSans-BoldOblique-webfont.svg#DejaVuSansBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCondensed';
    src: url('../font/DejaVuSansCondensed-webfont.eot');
    src: url('../font/DejaVuSansCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSansCondensed-webfont.woff') format('woff'),
         url('../font/DejaVuSansCondensed-webfont.ttf') format('truetype'),
         url('../font/DejaVuSansCondensed-webfont.svg#DejaVuSansCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCondensedOblique';
    src: url('../font/DejaVuSansCondensed-Oblique-webfont.eot');
    src: url('../font/DejaVuSansCondensed-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSansCondensed-Oblique-webfont.woff') format('woff'),
         url('../font/DejaVuSansCondensed-Oblique-webfont.ttf') format('truetype'),
         url('../font/DejaVuSansCondensed-Oblique-webfont.svg#DejaVuSansCondensedOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCondensedBold';
    src: url('../font/DejaVuSansCondensed-Bold-webfont.eot');
    src: url('../font/DejaVuSansCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSansCondensed-Bold-webfont.woff') format('woff'),
         url('../font/DejaVuSansCondensed-Bold-webfont.ttf') format('truetype'),
         url('../font/DejaVuSansCondensed-Bold-webfont.svg#DejaVuSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansCnBdOb';
    src: url('../font/DejaVuSansCondensed-BoldOblique-webfont.eot');
    src: url('../font/DejaVuSansCondensed-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSansCondensed-BoldOblique-webfont.woff') format('woff'),
         url('../font/DejaVuSansCondensed-BoldOblique-webfont.ttf') format('truetype'),
         url('../font/DejaVuSansCondensed-BoldOblique-webfont.svg#DejaVuSansCnBdOb') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'DejaVuSerifBook';
    src: url('../font/DejaVuSerif-webfont.eot');
    src: url('../font/DejaVuSerif-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerif-webfont.woff') format('woff'),
         url('../font/DejaVuSerif-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerif-webfont.svg#DejaVuSerifBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifItalic';
    src: url('../font/DejaVuSerif-Italic-webfont.eot');
    src: url('../font/DejaVuSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerif-Italic-webfont.woff') format('woff'),
         url('../font/DejaVuSerif-Italic-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerif-Italic-webfont.svg#DejaVuSerifItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifBold';
    src: url('../font/DejaVuSerif-Bold-webfont.eot');
    src: url('../font/DejaVuSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerif-Bold-webfont.woff') format('woff'),
         url('../font/DejaVuSerif-Bold-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerif-Bold-webfont.svg#DejaVuSerifBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifBoldItalic';
    src: url('../font/DejaVuSerif-BoldItalic-webfont.eot');
    src: url('../font/DejaVuSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerif-BoldItalic-webfont.woff') format('woff'),
         url('../font/DejaVuSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerif-BoldItalic-webfont.svg#DejaVuSerifBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifCondensed';
    src: url('../font/DejaVuSerifCondensed-webfont.eot');
    src: url('../font/DejaVuSerifCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerifCondensed-webfont.woff') format('woff'),
         url('../font/DejaVuSerifCondensed-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerifCondensed-webfont.svg#DejaVuSerifCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifCondensed';
    src: url('../font/DejaVuSerifCondensed-Italic-webfont.eot');
    src: url('../font/DejaVuSerifCondensed-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerifCondensed-Italic-webfont.woff') format('woff'),
         url('../font/DejaVuSerifCondensed-Italic-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerifCondensed-Italic-webfont.svg#DejaVuSerifCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifCondensedBold';
    src: url('../font/DejaVuSerifCondensed-Bold-webfont.eot');
    src: url('../font/DejaVuSerifCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerifCondensed-Bold-webfont.woff') format('woff'),
         url('../font/DejaVuSerifCondensed-Bold-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerifCondensed-Bold-webfont.svg#DejaVuSerifCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSerifCnBdIt';
    src: url('../font/DejaVuSerifCondensed-BoldItalic-webfont.eot');
    src: url('../font/DejaVuSerifCondensed-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSerifCondensed-BoldItalic-webfont.woff') format('woff'),
         url('../font/DejaVuSerifCondensed-BoldItalic-webfont.ttf') format('truetype'),
         url('../font/DejaVuSerifCondensed-BoldItalic-webfont.svg#DejaVuSerifCnBdIt') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'DejaVuSansMonoBook';
    src: url('../font/DejaVuSansMono-webfont.eot');
    src: url('../font/DejaVuSansMono-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSansMono-webfont.woff') format('woff'),
         url('../font/DejaVuSansMono-webfont.ttf') format('truetype'),
         url('../font/DejaVuSansMono-webfont.svg#DejaVuSansMonoBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansMonoOblique';
    src: url('../font/DejaVuSansMono-Oblique-webfont.eot');
    src: url('../font/DejaVuSansMono-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSansMono-Oblique-webfont.woff') format('woff'),
         url('../font/DejaVuSansMono-Oblique-webfont.ttf') format('truetype'),
         url('../font/DejaVuSansMono-Oblique-webfont.svg#DejaVuSansMonoOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansMonoBold';
    src: url('../font/DejaVuSansMono-Bold-webfont.eot');
    src: url('../font/DejaVuSansMono-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSansMono-Bold-webfont.woff') format('woff'),
         url('../font/DejaVuSansMono-Bold-webfont.ttf') format('truetype'),
         url('../font/DejaVuSansMono-Bold-webfont.svg#DejaVuSansMonoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DejaVuSansMonoBoldOblique';
    src: url('../font/DejaVuSansMono-BoldOblique-webfont.eot');
    src: url('../font/DejaVuSansMono-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/DejaVuSansMono-BoldOblique-webfont.woff') format('woff'),
         url('../font/DejaVuSansMono-BoldOblique-webfont.ttf') format('truetype'),
         url('../font/DejaVuSansMono-BoldOblique-webfont.svg#DejaVuSansMonoBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}