@CHARSET "UTF-8";
@import url('pristine.css');
@import url('hacks.css');
/* @import url('../res/scripts/squeezebox/SqueezeBox.css'); */
@import url('../res/scripts/ReMooz/ReMooz.css');

body, a, textarea {color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:10pt;}
body {background:#000;}
body * {font-size:1em;}

a {display:block; width:100%; height:100%;}
b, b * {font-weight:bold;}

#container {width:900px; margin:auto; overflow:hidden; border:1px solid #333; xmargin-top:10px;}

#header {position:relative; xborder:1px solid #fff; height:258px;}
#slide {position:absolute; right:0; top:0; xbackground: url('../res/images/header-bg.jpg') right top no-repeat; height:100%; width:100%;}
#slide img {position:absolute; right:0; top:0;}
#page-sportaward #slide {xbackground-image: url('../res/images/header/h1.jpg');}
#page-kategorien #slide {xbackground-image: url('../res/images/header/h2.jpg');}
#page-erfolgreiche_leistungssportler #slide {xbackground-image: url('../res/images/header/h3.jpg');}
#page-top-sportler #slide {background-image: url('../res/images/header/h4.jpg');}
#page-engagement #slide {background-image: url('../res/images/header/h5.jpg');}
#page-sportler #slide {xbackground-image: url('../res/images/header/h6.jpg');}
#page-partner #slide {background-image: url('../res/images/header/h7.jpg');}
#page-kontakt #slide {background-image: url('../res/images/header/h8.jpg');}
#page-impressum #slide {background-image: url('../res/images/header/h9.jpg');}
#mask {position:absolute; left:0; top:0; width:100%; height:100%; background: url('../res/images/header.png') center center no-repeat; z-index:5;}
#logo {position:absolute; left:28px; top: 40px; width:250px; height:100px; overflow:hidden; z-index:10;}
#logo a {text-indent:-9999px;}
#voting {position:absolute; bottom:-25px; right:80px; width:130px; height:116px; z-index:10; background: url('../res/images/abstimmung.png') 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
#gallery {position:absolute; bottom:-25px; right:80px; width:130px; height:116px; z-index:10; background: url('../res/images/galerie.png') 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}

#menu {height:50px; margin-left:30px;}
#menu li {position:relative; float: left; text-transform:uppercase; height:20px; line-height:20px;  background-position: 0 0; background-repeat: no-repeat;}
#menu a {display:inline; font-size:1.25em; font-weight:bold; color:transparent; xpadding-right:10px;}
#menu ul {display:none; position:absolute; left:13px; top:20px; xborder:1px solid #f00; width:575px;}
#menu ul li {text-transform:none;}
#menu ul a {font-size:0.9em; color:#fff; padding: 0 10px; border-right:2px solid #fff;}
#menu ul li:first-child a {padding-left:0;}
#menu ul li:last-child a {padding-right:0; border:0;}
#menu .current a:hover,
#menu .current .current a {text-decoration:underline;}
#menu .current ul {display:block;}

#menu-sportaward {width:175px; background-image: url('../res/images/menu/sportaward.jpg');}
#menu-kategorien {width:174px; background-image: url('../res/images/menu/kategorien.jpg');}
#menu-sportler {width:146px; background-image: url('../res/images/menu/sportler.jpg');}
#menu-winners {width:195px; background-image: url('../res/images/menu/winners.jpg'); background-position:0 -1px !important;}
#menu-winners ul {left:-161px;}
* html #menu-winners ul {left:-170px;}
#menu-partner {width:135px; background-image: url('../res/images/menu/partner.jpg');}

#frame {position:relative; height:330px; padding-left:30px; margin:20px 0; background: url('../res/images/victor.png') 30px top no-repeat; xoverflow-x:hidden; xoverflow-y:auto;}

#content {xvisibility:hidden; padding-left:150px; padding-right:30px; xheight:400px; xoverflow-x:hidden; xoverflow-y:auto;}
#page-sportler #content,
#page-winners #content {padding-right:0;}

#content h1 {display:none;}
#content h3,
#content h4 {font-weight:bold; margin-bottom:5px;}
#content h3 {font-size:1.2em;}
#content a {display:inline; width:auto; height:auto;}
#content p {margin-bottom:5px; line-height:1.2em;}
#content p a {text-decoration:underline;}

#footer {position:relative; xborder:1px solid #fff; height:90px; background: url('../res/images/footer.jpg') center center no-repeat;}

#sponsors, #quicklinks {position:absolute; bottom:10px;}
#sponsors li, #quicklinks li {float:left;}
#sponsors {left:30px;background: url('../res/images/logos.png') left bottom no-repeat; width:296px; height:60px; text-transform:lowercase; xfont-weight:bold; font-size:x-small;}
#sponsors li {display:block; height:45px; xborder:1px solid #f00; width:50px;} 
#sponsors #srn {width:60px;}
#sponsors #basf {width:80px;}
#sponsors #heidelb {width:38px;}
#sponsors #fitline {width:35px;}
#sponsors #rnf {width:60px;}
#sponsors a {display:block; width:100%; height:100%; text-indent:-9999px;}

#quicklinks {right:30px;}
#quicklinks li {float:left; margin-left:10px;}
#quicklinks a {font-weight:bold; font-size:0.8em;}

.candidates a {display:inline;}
.candidates .preview {position:relative; xborder:1px solid #f00; font-size:0.8em; width:229px; height:100px; float:left; margin-right:5px; margin-bottom:10px; overflow:hidden;}
.candidates .preview dt,
.candidates .preview dd {float:left; xborder:1px solid #0f0;}
.candidates .preview dd {position:absolute; left:105px; bottom:0; padding-right:0px;}
.candidates .preview dd span {display:block;}
.candidates .preview .name {font-weight:bold;}

.candidates.profile {position:relative; padding-right:30px;}
.candidates.profile img {position:fixed; xposition:absolute; float:right;}
.candidates.profile p {font-style:italic;}
.candidates.profile .enum p {font-style:italic; background:url(../res/images/up.gif) left 2px no-repeat; padding-left:15px;}
.candidates.profile dl {float:left;}
.candidates.profile dt,
.candidates.profile dd {float:left; margin-bottom:5px;}
.candidates.profile dt {clear:left; margin-right:5px; font-weight:bold; width:110px; margin-right:10px;}
.candidates.profile dd {width:350px; xpadding-left:5px;}
.candidates.profile .text {margin-top:20px;}
.candidates.profile .text dt {width:auto; margin-top:5px;}
.candidates.profile .text dd {clear:left; width:450px; xborder:1px solid #f00;}
.candidates.profile li {padding:2px 0;}
.candidates.profile a {font-weight:bold;}
.candidates.profile a.back {float:left; margin-top:40px; clear:both;}

#winners-index.cat-2 h4 {height:30px;}
#winners-index .preview {height:auto;}
#winners-index.cat-1 .preview {width:160px;}
#winners-index .preview .dt,
#winners-index .preview dd {float:none;clear:both;}
#winners-index .preview dd {position:static; margin-top:5px;}
* html #winners-index .preview dd a {font-size:1em;}
#download {text-decoration:underline;}

#page-gallery a.remooz {display:block; float:left; margin:5px}

.scrollControlsY, .scrollControlsY * {position:absolute; right:0;}
.scrollControlsY {right:10px; top:0; xborder:1px solid #fff; height:328px; width:10px;}
.upBtn, .downBtn {width:100%; height:10px; background-position:left center; background-repeat:no-repeat; cursor:pointer;}
.upBtn {top:0; background-image:url('../res/images/scrollbar/up.png');}
.downBtn {bottom:0; background-image:url('../res/images/scrollbar/down.png');}
.scrollBar {top:12px; bottom:12px; width:100%;}
.scrollHandle {top:0; width:10px; max-height:304px !important; cursor:pointer;}
.scrollHandleBG {position:relative; width:100%; height:100%; background:url('../res/images/scrollbar/handle.jpg') 0 0 repeat-y;}
.scrollHandleTop {}
.scrollHandleMiddle {}
.scrollHandleBottom {}

.Tx-Formhandler p {padding-bottom:15px;}
.Tx-Formhandler input,
.Tx-Formhandler textarea {background:#fff; color:#000; padding:2px; width:400px;}
.Tx-Formhandler label {display:block; width:150px; float:left; clear:left;}
.Tx-Formhandler .row {margin-bottom:5px;}
.Tx-Formhandler p.notice,
.Tx-Formhandler .button,
.Tx-Formhandler .error {padding-left:150px;}
.Tx-Formhandler p.notice {font-size:0.7em; margin:0;}
.Tx-Formhandler .button {background:none; color:#fff; font-weight:bold; width:auto;}
.Tx-Formhandler .error {color:#f00; padding-bottom:2px; font-weight:bold; font-size:0.9em;}

/* IE6 */
* html #sponsors {font-size:0.8em;}
* html #quicklinks a {display:inline; xfont-size:1em;}

/* IE8 */
#menu a {width:100%; display:block; text-indent:-9999px;}
#menu ul a {text-indent:0; display:inline;}
#menu ul .last a {border:0;}

#frame {xoverflow:hidden;}
#content {position:relative; height:330px; overflow-x: hidden; overflow-y: auto; xborder:1px solid #f00;}

.candidates .info {width:450px; xborder:1px solid #0f0;}
.candidates .info dd {xborder:1px solid #00f; width:300px;}
.candidates.profile {border:1px solid transparent; position:static;}
* html .candidates.profile {border:0;}
.candidates.profile img {xposition:fixed; position:absolute; xfloat:right; right:30px; top:0;}