body {background: url(../_images/bg.jpg) no-repeat center top #000000;}
body, a, table, div {font: normal normal normal 12px/1.5 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;}
body, table, div {color: #999999;}
a {color: #4b6511;}
a:hover {color: #354414;}
img {border: 0;}
input, textarea {background: #333333; color: #c0c0c0; border: 1px solid white; padding: 5px;}

div.body {width: 950px; position: relative; left: 50%; margin-left: -475px; top: 45px;}
div.header {width: 950px; height: 120px;}

div.menu {padding: 7px; margin-bottom: 30px; text-align: center;}
div.menu a {background-color: rgba(0, 0, 0, 0.3); color: white; text-decoration: none; font-size: 13px; text-transform: uppercase; border: 1px solid white; padding: 2px 10px 2px 10px; margin: 0 5px 0 5px; -webkit-box-shadow: 3px 3px 10px #000; box-shadow: 3px 3px 10px #000;}
div.menu a:hover {background-color: rgba(53, 68, 20, 0.7);}
div.menu a:active {background-color: rgba(0, 0, 0, 0.7);}
div.menu a.active {background-color: rgba(53, 68, 20, 0.7);}
div.menu a.nostyles {background: transparent; border: 0;}

div.teaser {background-color: rgba(0, 0, 0, 1.0); width: 100%; height: 255px; position: relative; border-radius: 2px; -webkit-box-shadow: 0px -7px 15px #000; box-shadow: 0px -7px 15px #000;}
div.teaser div.left {position: absolute; left: 0px;}
div.teaser div.left img {border-top-left-radius: 2px; border-bottom-left-radius: 2px;}
div.teaser div.right {position: absolute; right: 5px; top: 5px; text-align: center;}

div.content {width: 100%; padding: 10px; position: relative;}
div.content div.left {width: 650px;}
div.content div.left div.news a {padding-bottom: 30px; font-size: 20px; text-decoration: none;}
div.content div.left div.news ul {list-style-type: none; padding-left: 0px;}
div.content div.left div.news li {padding-bottom: 25px; text-align: justify;}
div.content div.left div.news #creditfooter {display: none;}
div.content div.right {position: absolute; right: 0; top: 0; width: 260px;}
div.content div.instructions {padding: 0 0 15px 0;}
div.content div.sublinks {padding-bottom: 10px;}
div.content div.sublinks a {color: white; padding-right: 20px;}
div.content table {width: 100%; border: 1px solid #333333;}
div.content table tr {vertical-align: top;}
div.content table tr:hover {background: #121212;}
div.content table td {border-bottom: 1px solid #333333; padding: 10px;}
div.content table tr.bottom td {border-bottom: 0;}
div.content table td.title {color: white; font-weight: bold;}
div.content table.borderless {width: 100%; border: 0;}
div.content table.borderless.pointer td {cursor: pointer;}
div.content table.borderless tr:hover {background: transparent;}
div.content table.borderless td {border: 0; padding: 50px;}
div.content table.borderless td:hover {background: #121212;}

div.footer {background: url(../_images/footerbg.png) no-repeat; color: #444444; width: 100%; text-align: center; padding-bottom: 100px; padding-top: 50px;}

div.ueberschrift {color: #4b6511; padding-bottom: 30px; padding-top: 60px; font-size: 20px;}
div.ueberschrift.top {padding-top: 0;}

.linkbutton, a.linkbutton {background-color: rgba(53, 68, 20, 0.7); color: #c0c0c0; padding: 5px 20px 5px 20px; border: 1px solid #354414; text-decoration: none; border-radius: 2px;}
.linkbutton.input {cursor: pointer;}
.linkbutton:hover, a.linkbutton:hover {background-color: rgba(53, 68, 20, 1.0);}
.linkbutton:active, a.linkbutton:active {background-color: rgba(53, 68, 20, 0.5);}
.linkbutton.block {display: block;}

a.redlinkbutton {background-color: rgba(69, 1, 1, 0.7); color: #c0c0c0; padding: 5px 20px 5px 20px; border: 1px solid #450101; text-decoration: none; border-radius: 2px;}
a.redlinkbutton:hover {background-color: rgba(69, 1, 1, 1.0);}
a.redlinkbutton:active {background-color: rgba(69, 1, 1, 0.5);}

div.homeplayer {text-align: center; margin-bottom: 30px;}
div.homeplayerbig {background: #222222; text-align: center; padding: 8px 5px 5px 5px; margin-top: 25px; -webkit-box-shadow: inset 3px 3px 10px #000; box-shadow: inset 3px 3px 10px #000;}

.storea {background: black; width: 150px; border: 1px solid #555555; padding: 5px; position: relative; cursor: pointer;}
.storea .text, .linktext {color: #4b6511; text-decoration: underline;}
.storea .text:hover, .linktext:hover {color: #354414;}
.storea .arrow {padding: 0 3px 0 8px; border-left: 1px solid #555555; margin-left: 7px;}
.storea .stores {background: black; display: none; text-align: left; position: absolute; border: 1px solid #555555; border-top: 0; padding: 5px; top: 28px; left: -1px; width: 150px; z-index: 10000;}
.togglediv {display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 1000;}
.togglediv.bg {background: #000000; opacity: 0.7; filter: alpha(opacity=70);}

div.discoalbum {display: none; background: #000000; position: fixed; height: 500px; width: 900px; left: 50%; top: 50%; margin-left: -470px; margin-top: -270px; z-index: 100000; padding: 20px; border: 2px solid white; border-radius: 10px; -webkit-box-shadow: 0px 0px 50px #000; box-shadow: 0px 0px 50px #000;}
div.discoalbum div.close {position: absolute; right: 10px; top: 6px; cursor: pointer;}
div.discoalbum table.songlist {border: 1px solid #333333; width: 440px; margin-left: 50px; margin-top: 10px;}
div.discoalbum table.songlist td {padding: 5px; border-bottom: 1px solid #333333; cursor: pointer;}
div.discoalbum table.songlist tr:hover {background: #121212;}
div.discoalbum table.songlist tr:active {background: #000000;}
div.discoalbum table.songlist tr.playing {background: #121212;}
div.discoalbum table.songlist tr.bottom td {border-bottom: 0;}
