@charset "UTF-8";
html, body {width: 100%; height: 100%; background-color: #FFFFFF; margin: 0px; padding: 0px}

#container {position: absolute; width: 100%; left: 0px; height: 520px; top: 50%; margin-top: -260px}
#subcontainer {position: relative; width: 780px; height: 520px; margin: auto; background-color: #000000; border: 1px solid #999999;}

span.footer {width: 760px; margin: auto; position: relative; display: block; text-align: center; margin-top: 6px;}
span.footer a.copyright {float: left}
span.footer a.imprint {float: right}
span.footer span.legal {float: right; text-align: right; color: #666666; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
span.footer a {text-decoration: none; color: #666666; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
span.footer a strong {color: #666666; font-size: 1em; line-height:inherit}

div.carousel {position: relative; width: 390px; padding-left: 20px; padding-right: 20px}
div.carousel div.container {position: relative; width: 100%; overflow: auto; height: 100px;}

div.carousel ul {position: relative; list-style-type: none; left: 0px; margin: 0px; padding: 0px;}
div.carousel ul li {width: 110px; height: 120px; float: left; padding: 0px; margin-left: 0px; margin-right: 20px;}

div.carousel div.previous_button {top: 50%; position: absolute; left: 2px; cursor: pointer;}
div.carousel div.next_button {top: 50%; position: absolute; right: 2px; cursor: pointer;}

a.back {position: absolute; bottom: -10px; color: #dfdfdf; text-decoration: underline; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}