/* GENERAL */
body {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color:#000000; margin:0;}
div {border-collapse:collapse;}
hr {color:#000000;}
table {border-collapse:collapse;}
img {border:0 none;}

/* TEXT */
H1, H2, H3, H4, H5, H6 {margin: 0; padding:0; font-weight:bold;}

H1 {font-family: Arial, Helvetica, sans-serif; font-size: 28px; display:inline;}
H2 {font-size: 14px;}
H3 {font-size: 12px;}
H4 {font-size: 10px;}

H5 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style:italic;}
H6 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style:italic;}

p, ul, li, td, tr {font-size: 11px; margin: 0; padding:0;}

a:link {color: #000000; text-decoration:underline;}
a:hover {color: #CC0000;}
a:visited {color: #000000;}

.Txt {font-size: 11px;}
.list {line-height:1.3;}
.small {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.active {color: #CC0000;}

.red {color: #CC0000; text-decoration:none;}
a:link.red {color: #CC0000; text-decoration:none;}

.white {color: #FFFFFF; text-decoration:none;}
a:link.white {color: #FFFFFF; text-decoration:none;}
a:hover.white {color: #FFFFFF; text-decoration:none;}
a:visited.white {color: #FFFFFF; text-decoration:none;}

.yellow {color: #FFD51F; text-decoration:none;}
a:link.yellow {color: #FFD51F; text-decoration:none;}

.line {color: #FFFFFF; font-size:8px; line-height:0.5; padding-bottom:5px;}

/* FORM */
input {font-family: Verdana; font-size: 10px; color:#FFFFFF;}
textarea {font-family: Verdana; font-size: 10px; color:#FFFFFF;}

.topicfield, .topicfield_error { background-color:#000000; font-family: Verdana; font-size: 10px; color:#FFFFFF; width:300px; height:22px; border:0px; margin-top:3px; color:#FFFFFF;}
.field, .field_error { background-color:#000000; width:360px; height:20px; border:0px; margin-top:3px;}
.fieldlogin { background-color:#000000; width:310px; height:20px; border:0px; margin-top:3px;}
.textfield, .textfield_error { background-color:#000000; width:360px; height:100px; border:0px; margin-top:3px;}
.addfield  { background-color:#000000; width:360px; height:60px; border:0px; margin-top:3px;}
.zipfield { background-color:#000000; width:60px; height:20px; border:0px; margin-top:3px;}
.cityfield { background-color:#000000; width:90px; height:20px; border:0px; margin-top:3px;}
.countryfield, .countryfield_error { background-color:#000000; font-family: Verdana; font-size: 10px; color:#FFFFFF; width:200px; height:22px; border:0px; margin-top:3px; color:#FFFFFF;}
.button { background-color:#000000; font-size: 10px; color:#FFFFFF; width:60px; height:25px; border:0px; margin-top:10px;}
.field_error, .textfield_error { border:2px solid #fff; width:358px;}
.countryfield_error, .topicfield_error { border:2px solid #fff; }

/* CONTAINERS */
#OuterContainer { height:100%; margin:0 auto; width:955px;}
#Container {position:absolute; bottom:51%; top:49%; width:955px; height:600px; margin-top:-295px; border-top: solid 1px #FFCC00;  border-bottom: solid 1px #FFCC00; background-color:#000000;}

/* NAVIGATION LEFT */
#NaviLeftTop {position:absolute; top:0px; left:0px; width:138px; height:220px; background-color:#FFD51F;}
#logo { position:absolute; top:0px; left:0px; width:138px; height:145px; background-color:#FFCC00;}
#mediamix { position:absolute; top:145px; left:0px; width:138px; height:30px; background-color:#000000;}
#fun4you { position:absolute; top:180px; left:0px; width:138px; height:30px; background-color:#000000;}

#Teaser {position:absolute; top:220px; left:0px; width:138px; height:215px; background-color:#CC0000;}
#TeaserButton {position:absolute; top:0px; left:0px; width:138px; height:215px; z-index:2;}
#black {height:2px; background-color:#000000;}

#NaviLeftBottom {position:absolute; top:435px; left:0px; width:138px; height:165px; background-image:url(menu/img/bg_navi_left_bottom.gif);}
#bg {position:absolute; top:0px; left:0px; width:138px; height:165px; background-image:url(img/bg_navi_left_bottom.gif);}
#bg #links {position:absolute; top:100px; left:0px; width:138px;}
#bg #copyright  {position:absolute; top:148px; left:0px; width:138px; height:20px;}

/* MAIN */
#MainTop {position:absolute; top:0px; left:140px; width:814px; height:55px; border-right: solid 1px #FFCC00; background-color:#000000; }

#Main {background-color:#FFD51F; position:absolute; top:55px; left:140px; width:815px; height:545px; overflow:auto;}
#MainHidden {background-color:#FFD51F; position:absolute; top:55px; left:140px; width:814px; height:545px; overflow:hidden; border-right: solid 1px #FFCC00;}

/* MAIN HOME */
#MainHomeButton {position:absolute; top:0px; left:0px; width:814px; height:415px; z-index:2; border-right: solid 1px #FFCC00;}
#FotoSlideHome {position:absolute; top:415px; left:0px; width:815px; height:130px;}

/* CONTENT MAIN */
#Headline {position:absolute; top:20px; left:25px; width:765px; height:60px;}
#Content {position:absolute; top:90px; left:25px; width:765px;}
#ContentScroll {position:absolute; top:90px; left:25px; width:745px;}
#DD4U {position:absolute; top:520px; left:25px; width:765px; height:25px;}

/* MENU THE ENERGY SHOT */
ul#menu { height: 43px; background: url("img/menu-bg.gif") top left repeat-x; font-size: 11px; font-family: Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; overflow:hidden;}
ul#menu li { display: block; float: left; margin: 0; }
ul#menu li a { height: 43px; color: #000; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; width:auto; overflow:hidden; }
ul#menu li a:hover { color: #CC0000; }
ul#menu li a.current{ color: #FFF; background: url("img/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }

/* THE ENERGY SHOT */
#BGshot {width:100%; height:390px; margin:0;}
#BGshot ul, li, tr, td {font-size: 11px; margin: 0; padding:0; line-height:1.5;}

/* CONTENT FUN 4 U */
#AreaScrollFun {position:absolute; height:420px; width:570px; margin-top:0; overflow:hidden; background-color:#000000;}
#AreaScrollFun #ContentScrollFun {position:absolute; width:560px; margin-top:0; margin-left:10px;}
#ScrollFun {position:absolute; height:420px; width:25px; margin-top:0; margin-left:570px; background-color:#000000;}
#MemoryFun {position:absolute; margin-top:0; margin-left:625px;}

/* CONTENT NEWS */
#NewsMonthButtons {position:absolute; top:80px; width:525px; height:20px; left:25px;}
#AreaScrollNews {position:absolute; height:400px; width:500px; margin-top:110px; left:25px; overflow:hidden;}
#AreaScrollNews #ContentScrollNews {position:absolute; width:500px;}
#ScrollNews {position:absolute; height:400px; width:25px; margin-top:110px; margin-left:525px;}
#PicareaNews {position:absolute; top:20px; width:230px; margin-left:560px;}

/* CONTENT SCROLL AUTO WITH SHORT PICAREA */
#Picarea230 {position:absolute; top:20px; width:230px; margin-left:550px;}
#AreaScrollAuto {position:absolute; width:500px; margin-top:80px; left:25px;}

/* CONTENT SCROLL HIDDEN WITH WIDE PICAREA (EVENTS, SPORTS...) */
#AreaScrollPicareaWide {position:absolute; height:430px; width:390px; margin-top:80px; left:25px; overflow:hidden;}
#AreaScrollPicareaWide #ContentScrollPicareaWide {position:absolute; width:390px;}
#ScrollPicareaWide {position:absolute; height:430px; width:25px; margin-top:80px; margin-left:415px;}
#PicareaWide {position:absolute; top:20px; width:330px; margin-left:460px;}