/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 * style.css
 * @client kick-tipp
 * @author  Martin Platzgummer, Franz PAUL http://www.flyweb.at
 * @copyright (c)2005 PUBLICK - IT Consulting Platzgummer KEG
 * @licence view copyright.txt
 * @version 1.0
 * Created on 29.09.2007
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */


/* General Settings */

*{margin: 0; padding: 0;}

html{height: 100%;}


body{
 background: url(../images/bg_gras0.jpg);
 text-align: center;
 height: 100%;
 font-family: arial, Helvetica, verdana, sans-serif;
 font-size: 100%;
 line-height: 1.125em;
 color: #333333;
}


h1 {font-size: 1.750em; /* 16x1.750=28px */ font-weight: normal;}
h2 {font-size: 1.625em; /* 16x1.625=26px */ font-weight: normal;}
h3 {font-size: 1.375em; /* 16x1.437=22px */ font-weight: normal;}
h4 {font-size: 1.125em; /* 16x1.187=19px */ line-height: 1.025em; font-weight: 500;}
h5 {font-size: 1.000em; /* 16x1.375=16px */}

ul {margin: 0 0 1em 1em;}
li {margin-left: 1.5em;}

<!--[if !IE]>-->
body {font-size:0.875em;}
<!--<[endif]-->

/* font size should be set im em's e.g font-size:0.875em;  (16 x .875 = 14px)
 see end of document #contentMain for main font size

 */

a{outline: none;background: none;} /* fix ugly dotted borders from links in FF */

img {border:none}

p {padding: 9px 0px 9px 5px;}

/* select {font-size: .75em;} */

blockquote, q{border-left:4px solid #e7e7e7; padding:4px 4px 4px 8px; margin-left:15px; display:block;}

#right blockquote{border:0px;}

/* ---------------------

 [ LAYOUT STARTS HERE ] 
 
 ---------------------- */


/* --- Position Settings --- */ 
#schottengras {
background: url(../images/bg_gras1.jpg) repeat-x;
position: absolute;
top:0px;
left:0px;
height:250px;
width: 100%;
}

#page{
 width: 950px; /* 914 */
 margin: 0 auto;
 min-height: 100%;
 text-align: left;
 background: url(../images/l_pageBG.gif) 23px 133px no-repeat;
}

* html #page{height: 100%;}

#wrapper{
 position: relative;
 background: transparent;
 z-index: 11;
}

* html #wrapper{height: 100%;}

.clearer{
 clear: both;
 display: block;
 height: 1px;
 margin-bottom: -1px;
 font-size: 1px;
 line-height: 1px;
}

.hidden{
 position: absolute;
 left: -10000px;
}

#header{
 height: 99px;
 margin: 0;
 text-align: right;
 padding: 0 9px 0 0;
 background: url(../images/l_headerBG.gif) no-repeat;
}

#content{
 background-image: url(../images/l_contentMainBG.gif);
 background-repeat: no-repeat;
 background-position: 0px 42px;
 padding: 0; /* bottom: 150px*/
 min-height: 668px;
 _height: 1px;
 }

*html #content{height: 80%;}

/* --- Main Navi --- */

ul#navi{
 margin: 0 0 0 0px;
 padding: 0;
 height: 42px;
}

ul#navi li{
 list-style-type: none;
 display: inline;
 margin: 0;
 padding: 0;
 float:left;
}

ul#navi #naviFake1{padding: 6px 0 0 0; background: url(../images/l_naviFake1.gif) no-repeat;}

ul#navi li a{padding-bottom: 25px;}

#naviNews a:link, #naviNews a:active, #naviNews a:visited{background: url(../images/l_naviNews.gif) no-repeat;}
#naviNews a:hover{background: url(../images/l_naviNewsActive.gif) no-repeat;}
#naviNews.selected a:link, #naviNews.selected a:active, #naviNews.selected a:hover, #naviNews.selected a:visited{background: url(../images/l_naviNewsActive.gif) no-repeat;}

#naviToto a:link, #naviToto a:active, #naviToto a:visited{background: url(../images/l_naviToto.gif) no-repeat;}
#naviToto a:hover{background: url(../images/l_naviTotoActive.gif) no-repeat;}
#naviToto.selected a:link, #naviToto.selected a:active, #naviToto.selected a:hover, #naviToto.selected a:visited{background: url(../images/l_naviTotoActive.gif) no-repeat;}

#naviRanking a:link, #naviRanking a:active, #naviRanking a:visited{background: url(../images/l_naviRanking.gif) no-repeat;}
#naviRanking a:hover{background: url(../images/l_naviRankingActive.gif) no-repeat;}
#naviRanking.selected a:link, #naviRanking.selected a:active, #naviRanking.selected a:hover, #naviRanking.selected a:visited{background: url(../images/l_naviRankingActive.gif) no-repeat;}

#naviUsers a:link, #naviUsers a:active, #naviUsers a:visited{background:url(../images/l_naviUsers.gif) no-repeat;}
#naviUsers a:hover{background: url(../images/l_naviUsersActive.gif) no-repeat;}
#naviUsers.selected a:link, #naviUsers.selected a:active, #naviUsers.selected a:hover, #naviUsers.selected a:visited{background: url(../images/l_naviUsersActive.gif) no-repeat;}

#naviFanclubs a:link, #naviFanclubs a:active, #naviFanclubs a:visited{background: url(../images/l_naviFirm.gif) no-repeat;}
#naviFanclubs a:hover{background: url(../images/l_naviFirmActive.gif) no-repeat;}
#naviFanclubs.selected a:link, #naviFanclubs.selected a:active, #naviFanclubs.selected a:hover, #naviFanclubs.selected a:visited{background: url(../images/l_naviFirmActive.gif) no-repeat;}

#naviFaq a:link, #naviFaq a:active, #naviFaq a:visited{background: url(../images/l_naviFaq.gif) no-repeat;}
#naviFaq a:hover{background: url(../images/l_naviFaqActive.gif) no-repeat;}
#naviFaq.selected a:link, #naviFaq.selected a:active, #naviFaq.selected a:hover, #naviFaq.selected a:visited{background: url(../images/l_naviFaqActive.gif) no-repeat;}

#naviForum a:link, #naviForum a:active, #naviForum a:visited{background: url(../images/l_naviForum.gif) no-repeat;}
#naviForum a:hover{background: url(../images/l_naviForumActive.gif) no-repeat;}
#naviForum.selected a:link, #naviForum.selected a:active, #naviForum.selected a:hover, #naviForum.selected a:visited{background: url(../images/l_naviForumActive.gif) no-repeat;}

/* --- Language Panel --- */

ul#navi #naviLangLI{padding: 6px 0 0 10px;}

ul#navi li a.naviLang{
 background: url(../images/l_langBG.gif) left no-repeat;
 color: #fff;
 width: 95px;
 padding: 8px 15px 8px 5px;
 text-decoration: none;
}

#lang{
 width: 413px;
 height: 21px;
 margin: -38px 0 0 0px;
 padding: 5px;
 top: 139px;
 left: 100px;
 position: absolute;
 background: url(../images/l_languaBG.gif) repeat-x top;
}

/* --- YUI SubNavi --- */

#subNavi.yui-navset {
 background: url(../images/l_breadBG.gif) no-repeat;
 margin: -4px 0px 0 0px; 
 padding: 0 0px 0 0px;
}

#subNavi ul.yui-nav {padding: 23px 0 0 60px;}
*html #subNavi ul.yui-nav{ position:absolute;}
#subNavi ul.yui-nav li{padding: 0px 4px; margin: 0 0.5em 0 0;}

#subNavi ul.yui-nav li a{
 text-decoration: none;
 margin: 0px -10px 0px -2px;
 padding: 0px 11px 10px 3px;
 color:#333;
}

#subNavi ul.yui-nav li:hover, #subNavi ul.yui-nav li.iehover, #subNavi ul.yui-nav li.selected{color:#8cb006; /* background-color:#dee5c6; */}
#subNavi ul.yui-nav li a:hover, #subNavi ul.yui-nav li.selected a{color:#8cb006;}
/*
#subNavi ul.yui-nav li:hover, #subNavi ul.yui-nav li.iehover, #subNavi ul.yui-nav li.selected{background: url(../images/l_subNaviBG1.gif) no-repeat top left;}
#subNavi ul.yui-nav li a:hover, #subNavi ul.yui-nav li.selected a{background: url(../images/l_subNaviBG.gif) no-repeat top right; color: #922221;}

#subNavi div.yui-content{margin: 0px 3px 0px 12px;}
* html #subNavi div.yui-content{padding-top: 0px;}
*/
#subNavi.yui-navset div.yui-content.loading {
    background: transparent url(../js/yui/build/tabview/assets/loading.gif) no-repeat center center;
    height: 8em;
}


/* --- Content --- */

#contentMain{
/*  background-image: url(../images/l_contentMainBG.gif); 
*/ background-color: none;
 display: inline;
 clear: both;
 float: left;
 margin-left: 0px; /* 20 */
 width: 696px; /* 450 */
 padding: 4px 0px 20px 0px;


}

/* --------------------------------------

 [ User Panel Right ] 
 all position settings for the userpanel,
 the YUI tabs
 
 -------------------------------------- */

#right{
 float: left;
 width: 254px;
 margin: -42px 0 0 0;
 background: url(../images/l_panelBG.gif) 27px 0 repeat-y;
}

#userpanelTop{
 width: 227px;
 height: 69px;
 background: url(../images/l_panelTop.gif) no-repeat;
 margin-left: 27px;
 padding-top: 5px;
}

#userpanelLogout{padding-top:4px; white-space:nowrap;}

/* YUI userpanel tabs */

#userpanelTabs{
 width: 21px;
 margin-top: -67px;
}

ul#userpanelTabsList, #userpanelTabsList.yui-nav{
 margin: -7px 0 0 0px;
 background: url(../images/l_panelTabsBG.gif) no-repeat;
 position: absolute;
 padding-left: 5px;
 float: left;
}

.yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-left .yui-nav, .yui-navset-right .yui-nav{width: 22px;}
.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li{margin:0;}
 
ul#userpanelTabsList li, ul.yui-nav li{
 list-style-type: none;
 margin-bottom: -3px;

}
* html ul#userpanelTabsList li {margin-bottom: -5px;}

ul#userpanelTabsList li a{padding-right: 0px}

#userpanelUser a:link, #userpanelUser a:active, #userpanelUser a:visited{background: #edb908 url(../images/l_panelTabUser.gif) no-repeat;}
#userpanelUser a:hover{background: #edb908 url(../images/l_panelTabUserActive.gif) no-repeat;}
#userpanelUser.selected a:link, #userpanelUser.selected a:active, #userpanelUser.selected a:hover, #userpanelUser.selected a:visited{background: #edb908 url(../images/l_panelTabUserActive.gif) no-repeat;}

#userpanelFriends a:link, #userpanelFriends a:active, #userpanelFriends a:visited{background: #edb908 url(../images/l_panelTabFriends.gif) no-repeat;}
#userpanelFriends a:hover{background: #edb908 url(../images/l_panelTabFriendsActive.gif) no-repeat;}
#userpanelFriends.selected a:link, #userpanelFriends.selected a:active, #userpanelFriends.selected a:hover, #userpanelFriends.selected a:visited{background: #edb908 url(../images/l_panelTabFriendsActive.gif) no-repeat;}

#userpanelToto a:link, #userpanelToto a:active, #userpanelToto a:visited{background: #edb908 url(../images/l_panelTabToto.gif) no-repeat;}
#userpanelToto a:hover{background: #edb908 url(../images/l_panelTabTotoActive.gif) no-repeat;}
#userpanelToto.selected a:link, #userpanelToto.selected a:active, #userpanelToto.selected a:hover, #userpanelToto.selected a:visited{background: #edb908 url(../images/l_panelTabTotoActive.gif) no-repeat;}

#userpanelPictures a:link, #userpanelPictures a:active, #userpanelPictures a:visited{background: #edb908 url(../images/l_panelTabPicture1.gif) no-repeat;}
#userpanelPictures a:hover{background: #edb908 url(../images/l_panelTabPictureActive.gif) no-repeat;}
#userpanelPictures.selected a:link, #userpanelPictures.selected a:active, #userpanelPictures.selected a:hover, #userpanelPictures.selected a:visited{background: #edb908 url(../images/l_panelTabPictureActive.gif) no-repeat;}

#userpanelFanclub a:link, #userpanelFanclub a:active, #userpanelFanclub a:visited{background: #edb908 url(../images/l_panelTabFanclub.gif) no-repeat;}
#userpanelFanclub a:hover{background: #edb908 url(../images/l_panelTabFanclubActive.gif) no-repeat;}
#userpanelFanclub.selected a:link, #userpanelFanclub.selected a:active, #userpanelFanclub.selected a:hover, #userpanelFanclub.selected a:visited{background: #edb908 url(../images/l_panelTabFanclubActive.gif) no-repeat;}

#userpanelStats a:link, #userpanelStats a:active, #userpanelStats a:visited{background: #edb908 url(../images/l_panelTabStats.gif) no-repeat;}
#userpanelStats a:hover{background: #edb908 url(../images/l_panelTabStatsActive.gif) no-repeat;}
#userpanelStats.selected a:link, #userpanelStats.selected a:active, #userpanelStats.selected a:hover, #userpanelStats.selected a:visited{background: #edb908 url(../images/l_panelTabStatsActive.gif) no-repeat;}

#userpanelJournal a:link, #userpanelJournal a:active, #userpanelJournal a:visited{background: #edb908 url(../images/l_panelTabBlog1.gif) no-repeat;}
#userpanelJournal a:hover{background: #edb908 url(../images/l_panelTabBlogActive.gif) no-repeat;}
#userpanelJournal.selected a:link, #userpanelJournal.selected a:active, #userpanelJournal.selected a:hover, #userpanelJournal.selected a:visited{background: #edb908 url(../images/l_panelTabBlogActive.gif) no-repeat;}

#userpanelHopping a:link, #userpanelHopping a:active, #userpanelHopping a:visited{background: url(../images/l_panelTabHopping1.gif) no-repeat;}
#userpanelHopping a:hover{background: url(../images/l_panelTabHoppingActive.gif) no-repeat;}
#userpanelHopping.selected a:link, #userpanelHopping.selected a:active, #userpanelHopping.selected a:hover, #userpanelHopping.selected a:visited{background: url(../images/l_panelTabHoppingActive.gif) no-repeat;}

/* last navi LI needs some negative margin*/
* html #userpanelHopping a:link{margin-bottom: -10px;}

/* #userpanelContent{min-height: 450px;}
* html #userpanelContent{height: 450px;}
*/
.userpanelContentText{top:62px; position:relative; left:29px; padding: 5px 4px 0 10px; width: 205px;}

.userpanelContentText.yui-content{ min-height: 395px;}
* html .userpanelContentText.yui-content{height: 395px;}

#userpanelBottom{
 width: 227px;
 height: 16px;
 margin: 0 0 0 27px;
}

/*--- User Panel Features ---*/

#loginForm{
 background: #ecc644 url(../images/l_loginBG.gif) bottom;
 padding: 6px;
 text-align: center;
 
}


/* ----------------------------

 [ FOOTER ]
 footer position settings
 
 ---------------------------- */

#footer{
 width: 100%;
/* padding-bottom: 1.5em; 
  margin-left: 25px;*/
 background: url(../images/l_footerWrapperBG.gif);
 text-align: center;
 line-height: 1.5em;
 font-size: 85%;
 position: relative;
 height: 122px;
 z-index: 10;
 margin-top: -7.3em;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer{margin-top: -7.8em;}

#footerFake{
  background: url(../images/l_footerBG.gif) top center no-repeat;
  margin-left: -256px;
  height: 198px;
  font-size: 11px;
  padding-top: 30px;
}
* html #footerFake{height: 255px;}

* html #footerWrapper{width: auto;}

#footerFakeContent{width:696px; text-align:left;}
#footerFakeContentL{float:left; width:200px; padding:2px 0 0 10px;}
#footerFakeContentR{float:left; width:470px; text-align:right;}

/* ---------------------
  
  [VARIOUS CSS ID's] 
  
  --------------------- */

#response{
  /*background: #000;*/
  color: #fff;
  opacity: .9;
  filter: alpha(opacity=90);
  position: absolute;
  width: 325px;
  left: 40%; /* 0px */
  right: 0px;
  top: 10%;  /* 45px */
  z-index: 999;
  padding: 3px 3px 15px 15px;
  font-size:0.875em;
}

#response a {
	color:#fff;
	text-decoration: underline;
}

dl.responseDL{
 
}


dl.responseDL dt{
 background: url(../images/l_responseRD1.png) top left no-repeat !IMPORTANT; 
 height: 18px !IMPORTANT;
 padding-left: 10px;

 font-size: 11px;
 cursor: move;
}

dl.responseDL dt img{
 position: absolute;
 right: 3px;
 top: 3px;
}

dl.responseDL dd{
 /*background: url(../images/l_greyBoxBG.gif) top right repeat-y;
 border-left: 3px solid #fff;*/
 background:#333332 !IMPORTANT;
 border:0px !IMPORTANT;
 /*background: url(../images/l_greyBoxBG1.gif) top right repeat-y;
 border-left: 1px solid #fff;*/
 padding: 6px 8px 0 8px;
}


dl.border_preview1{
 height:auto;
 filter: alpha(opacity=90);
 opacity: .9;
 z-index: 999;
 text-align:left;
 font-size:0.875em;
 color: #fff;
}


/*position nicht verändern sonst überlappt uns der div den content und man kann pager oder subNavi nicht klicken!!!*/ 
#message {width:400px; position: absolute; top:180px; left:110px; z-index: 100; padding:20px; float:none;}



#newsPBbg{
 margin-top:10px;
 padding:42px 11px 0 32px;
 height:36px;
 text-align:right;
 background: url(../images/l_USBGnewpings.gif) top left no-repeat;
}

#newsMEMBERSbg{
 background: url(../images/l_USBGwhosnew.gif) top left no-repeat;
 height: 23px;
 padding: 42px 0 10px 51px;
 margin: 20px 0 0 0;
 color: #4e4e4e;
}

#newsKTbg{background: url(../images/l_USBGwhatsnew.gif) bottom left no-repeat;}
#newsKTbg1{
 background: url(../images/l_USBGwhatsnew1.gif) top left no-repeat;
 height: 10px;
 padding: 35px 0 10px 61px;
 }

#friendsUSBG{background: url(../images/l_USBGfriends.gif) bottom left no-repeat;}

#pingboardUSBG{
 background: url(../images/l_USBGpingboard.gif) bottom left no-repeat;
 height: 17px;
 padding: 35px 0 10px 61px;
 }
#pingboardUSBG1{background: url(../images/l_USBGpingboard1.gif) bottom left no-repeat;}

#statsUSBG{
 background: url(../images/l_USBGstats.gif) top left no-repeat;
 padding: 23px 0 10px 61px;
 color: #4e4e4e;
}

#teamStatsUSBG{
 background: url(../images/l_USBGstats1.gif) top left no-repeat;
}

#bankUSBG{
 background: url(../images/l_USBGbankGras.gif) top left no-repeat;
 height: 17px;
 padding: 35px 0 10px 61px;
 color: #4e4e4e; 
}
#bankUSBG1{background: url(../images/l_USBGbank.gif) bottom left no-repeat;}

#settingsUSBG{background: url(../images/l_USBGsettings.gif) bottom left no-repeat;}

#welcomeUSBG{
 background: url(../images/l_USBGwelcome.gif) bottom left no-repeat;
 height: 10px;
 padding: 31px 0 10px 61px;
}

#pricesUSBG{
 background: url(../images/l_USBPrice.gif) bottom left no-repeat;
 height: 10px;
 padding: 31px 0 10px 61px;
}

#passwordUSBG{background: url(../images/l_USBGpassword.gif) bottom left no-repeat;}
#newaccountUSBG{background: url(../images/l_USBGnewaccount.gif) bottom left no-repeat;}

#personaldataUSBG{background: url(../images/l_USBGpersonal.gif) bottom left no-repeat;}

#tippsUSBG{background: url(../images/l_USBGtipps.gif) bottom left no-repeat;}

#faqUSBG{background: url(../images/l_USBGfaq.gif) bottom left no-repeat;}

#userresultsUSBG{
 background: url(../images/l_USBGresults.gif) top left no-repeat;
 height: 32px;
 padding: 37px 0 10px 61px;
 color: #4e4e4e;
}

#sportbetsUSBG{
 background: url(../images/l_USBGsportbets.gif) top left no-repeat;
 height: 10px;
 padding: 35px 0 10px 61px;
 color: #4e4e4e; 
}

#rankingUSBG{background: url(../images/l_USBGranking.gif) bottom left no-repeat;}
#weeklyRankingUSBG{background: url(../images/l_USBGweekRanking.gif) bottom left no-repeat;}
#halloffameUSBG{background: url(../images/l_USBGhallOfFame.gif) bottom left no-repeat;}


#belovedUSBG{background: url(../images/l_USBGbeloved.gif) bottom left no-repeat;}

#rssfeedsUSBG{
 background: url(../images/l_USBGrssFeeds.gif) top left no-repeat;
 height: 10px;
 padding: 35px 0 10px 59px;
 color: #4e4e4e;
}

#userSearchUSBG{background: url(../images/l_USBGsearchUsers.gif) bottom left no-repeat;}


#bookUSBG{
 background: url(../images/l_USBGbooks.gif) top left no-repeat;
 height: 10px;
 padding: 35px 0 10px 59px;
 color: #4e4e4e;
}

#pickerlUSBG{background: url(../images/l_USBGpickerl.gif) bottom left no-repeat; background-position: bottom;}

#fanclubUSBG{background: url(../images/l_USBGfanclubs.gif) bottom left no-repeat;}

#blankUSBG{background: url(../images/l_USBGblank.gif) bottom left no-repeat;}

#fanclubRankingUSBG{background: url(../images/l_USBGfcRanking.gif) bottom left no-repeat;}

#goleadorUSBG{background: url(../images/l_USBGgoleador.gif) bottom left no-repeat;}


#rollOverH4{
 background:transparent url(../images/1x1trans35.png);
 color: #fff;
 font-size:13px;
 margin:-1px;
 padding:4px;
}

ul#listFirms li{
 list-style-type: none;
}

ul#firmMembersList li{
 list-style-type: none;
}


#karriere{
 background:url(../images/l_iconKarriereBalken.png) no-repeat;
 border: 1px #8cb006 solid;
 color: #000; 
 opacity: 1;
 filter: alpha(opacity=100);
 overflow: hidden;
 margin-top: 4px;
}


/* ---------------------------- 
   
   [ CLASSES ]
   all kind of class settings
   
   -------------------------- */

/* #newAccount Überarbeiten und alle boxen als klasse verwenden???  */ 

#newAccount{
 margin: 10px auto -20px auto;
 text-align: left;
 background: url(../images/l_newAcFormBG.gif) repeat-y;
 width: 361px;
 padding: 20px 20px 0 20px;
}
#newAccount form{padding-right: 5px;}


dl.roundBox{
 background: url(../images/l_greyBoxBottom.gif) bottom left no-repeat;
 padding-bottom: 23px;
}
body>#page dl.roundBox{*padding-bottom: 0px;}
*html dl.roundBox{*padding-bottom: 0px;}
dl.roundBox dt{
  background: url(../images/l_greyBoxTop.gif) top left no-repeat;
  height: 16px;
 }
dl.roundBox dd{
 background: url(../images/l_greyBoxBG.gif) top right repeat-y;
 border-left: 3px solid #fff;
 padding: 0 8px;
}

/* bright box settings */
dl.roundBox1{
 background: url(../images/l_greyBoxBottom1.gif) bottom left no-repeat;
 padding-bottom: 23px;
}
body>#page dl.roundBox1{*padding-bottom: 0px;}
*html dl.roundBox1{*padding-bottom: 0px;}
dl.roundBox1 dt{
  background: url(../images/l_greyBoxTop1.gif) top left no-repeat;
  height: 16px;
 }
dl.roundBox1 dd{
 background: url(../images/l_greyBoxBG1.gif) top right repeat-y;
 border-left: 1px solid #fff;
 padding: 0 8px;
}

/* another bright box settings */
dl.roundBox2{
 background: url(../images/l_greyBoxBottom2.gif) bottom left no-repeat;
 padding-bottom: 23px;
}
body>#page dl.roundBox2{*padding-bottom: 0px;}
*html dl.roundBox2{*padding-bottom: 0px;}
dl.roundBox2 dt{
  background: url(../images/l_greyBoxTop2.gif) top left no-repeat;
  height: 16px;
 }
dl.roundBox2 dd{
 background: url(../images/l_greyBoxBG2.gif) top right repeat-y;
 /*border-left: 1px solid #e9eed6;
 padding: 0 8px;*/
}


.pos_USBG{
 margin: -40px 0 20px 0;
 height: 51px;
}
*html .pos_USBG{margin-top: 10px;}

.userPic{
 padding: 5px;
 background: #fff;
 border:1px solid #f3f3f3;
}
.userPicSmall{
 padding: 2px;
 background: #fff;
 border: 1px solid #f3f3f3;
}

.userPicSmallPD{
 padding: 3px;
 margin: 10px 0 0 20px;
 background: #fff;
}

.userPanelContentClass{padding:3px; margin:5px 0 5px -3px; width:199px;}

.userPanelPrivateMsg{background-image: url(../images/l_iconPrivatSchleifeRight.png); background-position:top right; background-repeat:no-repeat;}

.userPicMediumBox {height:auto; margin:3px; padding:0;}

.pagerlinks{padding-bottom:5px;}

.newsText{
 margin-top: 3px;
 padding: 0 7px 0 24px;
}

.newsTextRe{
 margin-top: 0px;
 padding: 0px 0 10px 40px;
 width: 410px;
}

.blackDots{
 background: url(../images/l_black1pxdot.gif) center left repeat-x;
 height: 3px;
 line-height: 3px;
 margin: 10px 0;
}

.loaderGif{
 display: none;
 height: 17px;
 width: 17px;
 background: url(../images/tipperLoaderGif.gif) no-repeat top center;
}

/* Form Fields */
.text{background-color:#f2f2ec; border:1px solid #dbd9c4;}

.padding2{padding:2px;}
.padding4{padding:4px; margin:8px;}
.padding6{padding:6px;}
.padding10{padding:10px 0;}

.margin2{margin:2px;}
.margin3{margin:3px;}

.bla{height:auto; border:1px solid red;}
.borderTBgrey{border-top:1px solid #d2d2d2; border-bottom:1px solid #e0e0e0;}
.borderBottomgrey{border-bottom:1px solid #ccc;}
.borderLeftgrey{border-left: 4px solid #e6e6e6;}
.borderRed{border: 1px solid #922221;}
.borderGreen{border: 1px solid #8cb006;}

.underlineGreen {border-bottom: 1px solid #8cb006; margin-bottom:6px;}
.underlineBlack {border-bottom: 1px solid #333; margin-bottom:6px;}
.underlineGrey {border-bottom: 1px solid #7c7c7c; margin-bottom:6px;}
.underlineBrown {border-bottom: 1px solid #f2f2ec; margin-bottom:6px;}
.underline {border-bottom: 1px solid;}

.contentGrey{background-color: #ebebeb;}
.darkGrey{background-color: #e5e5e5;}
.brightOrange{background-color: #fcc308;}
.onlineBorder{background: url(../images/isOnline.gif)}
.green{background: #8cb006;}
.lightred{background: #FF5050;}
.lightblue{background: #99DCF6;}



.floatR{width:470px; float:left; padding-left: 20px;}
*html .floatR{width:465px; padding-left: 5px;}
.floatL{width:180px; float:left; padding-left:4px; }

.tableCellEven{border-bottom: 1px solid #f2f2ec; background-color: none;}
.tableCellUneven{background-color: #f2f2e6;}

.privateRibbon{background-image: url(../images/l_iconPrivatSchleife.png); background-position:top left; background-repeat:no-repeat;}
.privateRibbonHeadline{padding-left:27px;}

.boxHiddenContentDiv{height:1%; background:#f5f5f5; padding:2px; margin:4px 0;}

.contentClass{
   padding: 15px;
}
*html .contentClass{padding: 0 8px 0 0;}

.picCarpet{padding:1px; float:left;}


.border_preview{
 background:transparent url(../images/1x1trans75.png);
/* opacity:.75;
 filter: alpha(opacity=75);
 border: 1px solid #789f04; */
 padding: 1px;
 color: #828282;
}


ul.awardsBoard{list-style-type:none; height:33px; width:100%; margin:0 0 -10px 7px; padding:0; background:transparent;}
ul.awardsBoard li{float:left; height:36px; margin:0; padding:0;}
li.awardsBoardMi{background: url(../images/l_awardBoardBG.gif) 0 6px repeat-x;  margin:0; padding:0;}


ul.colList{width: 470px; list-style-type:none; margin:0; padding:0; text-align:left;}
ul.colList li{float: left; width: 138px; text-align:left; padding:0;}


.keepDivHeight{clear:both; height:1px; overflow:hidden;}


.pingMsgPadding{padding:0 2px 0 30px;}
.pingReplyHeader{background: transparent url(../images/l_tableH2bgC.gif) center left; margin-right:10px;}




/* ------------------------------ 

   [ TYPHOGRAPHIE  ] 
   all kinds of text settings
   
   
   ----------------------------- */



/* --- Links --- */
a, a:link, a:hover {background: transparent; height:1%; text-decoration: none; cursor: pointer; outline: none;} 
a:link {color: #4e7c02; text-decoration: none;} 
a:visited {color: #922221; text-decoration: none;} 
a:hover,a:active {color: #922221; text-decoration: underline;} 


/* --- Überschriften --- */
h1, h2, h3, h4, h5, h6 {
 letter-spacing: 0em;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#8cb006;
 padding: .2em 0 .3em 0;}


/* ----------------

   Typo in ID's 
   
   --------------- */

#contentMain{font-size: 0.812em;}

/*
font-size: 0.875em;
16x0.687=11px
16x0.750=12px
16x0.812=13px
16x0.875=14px
16x1.125=18px
16x1.375=22px
*/

#content h4 a{color:#4e7c02;}

#footerFakeContent a:link, #footerFakeContent a:active, #footerFakeContent a:visited{text-decoration:none; color:#000;}
#footerFakeContent a:hover{text-decoration:underline;}

#right a:link, #right a:active, #right a:visited{color:#185b25; text-decoration:underline;}
#right a:hover{text-decoration:none;}

#right h1{padding: 13px 15px 0 0; color: #185b25;}
#right h2{
/* margin: -2px 0 0 -12px; */
 width: 208px;
 color: #185b25;
 padding: 4px 15px 0 0;
}
#right h3{
 margin: 1px 0 0 -11px;
 width: 211px;
 color: #185b25;
 padding: 10px 12px 0 0;
 font-weight: 700;
}

#right h4{
 color: #185b25;
 font-weight:100;
}

#right h5{color:#333;}

#right h1 a:link,#right h1 a:active, #right h1 a:visited,
#right h2 a:link,#right h2 a:active, #right h2 a:visited,
#right h3 a:link,#right h3 a:active, #right h3 a:visited,
#right h4 a:link,#right h4 a:active, #right h4 a:visited,
#right h5 a:link,#right h5 a:active, #right h5 a:visited
{text-decoration: none; color: #185b25;}
#right h1 a:hover,
#right h2 a:hover,
#right h3 a:hover,
#right h4 a:hover,
#right h5 a:hover
{text-decoration: underline;}

#userpanelContent{font-size: 11px;}

ul#navi li a.naviLang{font-size: 11px;}

/*DO NOT CHANGE line-height, its not perfect but fits FF/Safari on MAC & FF/IE6-7 onPC */
#subNavi ul.yui-nav {font-size: 11px; line-height:22px;}

#lang{font-size: 10px;color: #85ac0e;}
#lang a{color: #85ac0e;}

/* response must be the last one so we stay save with the colors from the box */
#response h1, #response h2, #response h3{color:#fff; margin:0; padding: 0.2em 0 0.3em; background:none;}

/* ----------------

   Typo in CLASSES 
   
   --------------- */
.small, .mandatory {
  font-size: 11px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 16px; /*132%;*/
}

.newsText a:link, .newsText a:visited, .newsText a:hover, .newsText a:active{color:#4e7c02;}

.black{color:#000;}
a.black{color:#000; font-weight:bolder;}
.white, a.white{color:#fff;}
.grey, a.grey{color:#7c7c7c !important;} 
.red, a.red{color:#922221 !important;}
.lightBlack{color:#333333 !important;}
.darkgreen, a.darkgreen{color: #185b25 !important;}
.lightgreen, a.lightgreen {color: #8cb006 !important;}
.yellow, a.yellow {color: #fcc308 !important;}
.orange, a.orange{color:#edb908 !important;}

.big{font-size: 1.2em;}
.nounderline{text-decoration: none !important;}

.gameStats {background: #FFFFFA; margin: 15px; padding: 10px;}

.filter, a.filter{
 padding: 3px 0 3px 20px;
 background: url(../images/tick.png) -20px 0 no-repeat;
}
a:hover.filter, a.filterSelected{
 background: url(../images/tick.png) 0 0 no-repeat;
 text-decoration: underline;
}

.slogan {
 color: #a6a6a6;
 font-size: 1.95em;
 font-style: oblique;
 line-height: 0.9em;
}

#right a:link.bgOrange{text-decoration: none;}
#right a:visited.bgOrange{background:#edb908; text-decoration: none;font-style: italic;}
a:hover.bgOrange{background:#edb908; text-decoration: underline;}


dl.roundBox a{text-decoration: none;}
dl.roundBox1 a{text-decoration: none;}

/* UserPanel US */ 
h3.userPanelNewsUs{ background: url(../images/l_userPanelNewsUS.gif) no-repeat;}
h3.userPanelFriendsUs{ background: url(../images/l_PanelFriendUS.gif) no-repeat;}
h3.userPanelPBus{ background: url(../images/l_panelPbUS.gif) no-repeat;}
h3.userPanelVisitUs{ background: url(../images/l_PanelLastVisitUS.gif) no-repeat;}











/* ----------------

   BEWARE HERE MAY BE DRAGONS
   
   used and unused CSS, we should dump this!!!! 
   
   --------------- */

/* FORMS */
/*form {margin: 0 0 1.5em}*/
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {padding: 5px 6px;}
label br {clear:left}
.error_msg {font-size:11px; color: #cc0000; font-family: Lucida Grande, Verdana, Helvetica, sans-serif;}
	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
		
		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}


input.tipCardCheckbox {
  margin-right: 3px;
  vertical-align: middle;
}

input.betInput {
  width:27px;
  text-align: right;
}

/* GENERAL */

hr {margin: 1em 0;background:#c7c7c7;height:1px;color:#c7c7c7;border:none;clear:both}

/* SEARCH */
	#search {color:#fff;font-weight:bold;position:absolute;top:10px;right:110px;left:auto;width:18em}
	#search form {margin:0}
	#search input {width:8em;margin: 0 0 -1px;height:1.2em}
	#search label {padding:5px 0 0;display:inline}
	#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
	
	.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold}

	.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
	.thumbnail img {border: 1px solid #000}
	
	.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
	.pagination p {position:relative;text-align:right}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
	.pagination p a:hover {background:#c00;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-1.45em;padding:0;border:none}
	
	#resultslist-wrap {margin: 0 0 1.5em;font-size:92%}
	#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
	#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
	#resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
	#resultslist-wrap li dd {font: normal 73% arial}
	#resultslist-wrap li dl {margin:0}
	#resultslist-wrap dd {line-height:1.3}
	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}
	
	/* TABLES */

.table1 {background: url(../images/l_tableBG.gif) repeat-y 1px 0; width:100%;}
.table1 thead th{color:#7c7c7c; font-size:180%; padding: 4px 15px 10px 15px; text-align:center;}

tbody th h4{padding: 8px; font-size:14px;}
/*.table1 tbody th h2{background: url(../images/l_tableH2bg.gif) repeat-x; text-align:center; color:#7c7c7c; font-size:115%; padding: 6px 0px 6px 16px; margin: 0 0 0 16px; width: 458px;}*/
.table1 tbody td {background-color: transparent;}
.table1 table {background: #e6e6e6;}

/*--- Colored Table Cells ---*/

.tdColor{background-color: #fccb23; padding: 3px;}
.tdColor1{background-color: #e0b00d; padding: 3px;}


	/*	.table1 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px; padding:3px; border: 1px solid #fff}
		.table1 th {text-align:left;border: 1px solid #fff}

		
		.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px}
*/
	/* TABLES - calendar */
	.calendar {width:200px;font-size:92%}
		.calendar td {text-align:center;border: 1px solid #ddd}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
		a.morelink:hover {background: transparent url("images/sprites.gif") 5px -400px}
		.morelink span {position:absolute;left:-9999px;width:900px}
		
	/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
		ol.code {font-family: monospace;position:relative}
		ol.code li {color: #666;margin-bottom: 1px}
		ol.code code {color: #000;display: block}
		ol.code .cmt {color: #4077d2}
		li.tab0 code {padding-left: 4em}
		li.tab1 code {padding-left: 8em}
		li.tab2 code {padding-left: 12em}
		li.tab3 code {padding-left: 16em}
		li.tab4 code {padding-left: 20em}
		li.tab5 code {padding-left: 24em}
		ol.code li  {background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%}
		p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}
		
.mandatory11 {
	color:#FF0000;
	font-weight:normal;
	}



#teaser {font-size:1.0em; height:1%; text-align:left;}
#teaser h2 { font-size: 1.1em; color: #651D04; font-weight: bold;}

#shout {
background: #FCC308;
width: 201px;
}

#shout_line_input {
width: 90%;
}

#shout_box {
width: 90%;
height:80px;
}