body {background: black; color: white; font-family: Helvetica, Verdana, Arial, sans; font-size: 12px}
a {color: white}

div#page {width: 960px; height: 640px; position: absolute; left: 50%; top: 50%; margin-left: -480px; margin-top: -320px; background: #E01D25; overflow: hidden}
div#menuwrapper {position: absolute; left: 320px; width: 320px; height: 640px}
div#logowrapper {float: left; width: 136px; height: 137px; position: relative; left: 92px; top: 202px;}
img#logo {position: absolute}
ul#menu {position: absolute; width: 213px; height: 280px; top: 370px; text-align: right}
ul#menu li a {text-decoration: none}
div#left {background: white; width: 640px; height: 640px; position: absolute; left: -640px; overflow: hidden}
#logo_sterne, #logo {cursor: pointer}

div#content {position: absolute; left: 320px; width: 320px; height: 640px;  z-index: 10; background: #E01D25; color: white; line-height: 16px}
div#content img.leftimage {position: absolute; left: -320px; top: 0;}
div#content div.text {padding: 15px; position: relative;}
div#content h1 {padding: 15px; font-size: 16px; font-weight: normal}
div#content h2 {padding: 15px; font-size: 12px}
div#content h3 {padding: 15px; font-size: 12px; font-weight: normal}
div#content div.template {background: #E01D25; height: 100%}
div#contentScrollarea {overflow: hidden; position: relative; height: 640px}
div#contentScrollbar { position:absolute; top:0; right:0; height:100%; width:10px; background-color:transparent; cursor:move; z-index: 100} 
div#contentScrollbarHandle { width: 5px; margin: 5px 0; background-color: #000000; cursor:move; -moz-border-radius: 3px; -webkit-border-radius: 3px; opacity:0.3; -moz-opacity:0.3;filter:alpha(opacity=30);} 

div#newsWrapper {position: relative; height: 640px; overflow: hidden}
ul.newsMenu li {padding-left: 15px; padding-top: 10px}
ul.newsMenu li a {text-decoration: none}
div#content div#newsArtikelScrollarea {height: 100%; overflow: hidden; position: relative}
div#content div#newsArtikel {color: white; padding: 15px 0; overflow: hidden; position: relative;}
div#content div#newsArtikel h2 {padding-bottom: 0}
div#content div#newsArtikel p {padding: 15px}
div#content div#newsArtikel div.gallery {margin: 15px}
div#content div#newsArtikel div.gallery ul.gallery li {float: left; margin: 0 15px 15px 0}

#newsArtikelScrollbar { position:absolute; top:0; right:0; height:100%; width:10px; background-color:transparent; cursor:move; z-index: 100} 
#newsArtikelScrollbarHandle { width: 5px; margin: 5px 0; background-color: #000000; cursor:move; -moz-border-radius: 3px; -webkit-border-radius: 3px; opacity:0.3; -moz-opacity:0.3;filter:alpha(opacity=30);} 

#marken {position: absolute; left: -320px; top: 0; width: 640px; height: 640px; background: white; color: black}
#markenDisplay {position: relative; left: 320px; top: 0; width: 320px; height: 640px; overflow: hidden}
#markenDisplayContent {position: relative; width: 320px; overflow: hidden; height: 640px}
#markenDisplayContent ul li {width: 320px; text-align: center; padding: 25px 0}
#markenDisplayScrollbar { position:absolute; top:0; right:0; height:100%; width:10px; background-color:transparent; cursor:move; z-index: 100} 
#markenDisplayScrollbarHandle { width: 5px; margin: 5px 0; background-color: #000000; cursor:move; -moz-border-radius: 3px; -webkit-border-radius: 3px; opacity:0.3; -moz-opacity:0.3;filter:alpha(opacity=30);} 

#brillenDisplay {position: absolute; left: 320px; top: 0; width: 320px; height: 640px;}
#brillenDisplayContent {position: absolute; top: 0; left: 0px; width: 320px; overflow: hidden; height: 640px}
#brillenDisplayContent p {padding: 15px}
#brillenDisplayScrollbar { position:absolute; top:0; right:0; height:100%; width:10px; background-color:transparent; cursor:move; z-index: 100} 
#brillenDisplayScrollbarHandle { width: 5px; margin: 5px 0; background-color: #000000; cursor:move; -moz-border-radius: 3px; -webkit-border-radius: 3px; opacity:0.3; -moz-opacity:0.3;filter:alpha(opacity=30);} 
#brillenDisplayContent ul.brillen li {text-align: center}