html, body {
	background:#CBDEF3 url(../pics/body_bg.png) repeat-x fixed left bottom;
	/*background:#CBDEF3 url(../pics/bgr_xmas.jpg) repeat-x fixed left bottom;*/
	margin:0px;
	padding:0px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

p {
	margin: 0px;
	padding: 0px;
	line-height: 16px;
}

form{
	padding: 0;
	margin: 0;
}

#sticker[id] {
	background-image:url(../pics/sticker_wm2010.png);
}

#sticker {
	background-color:transparent;
	height:188px;
	left:0;
	position:absolute;
	top:20px;
	width:480px;
}	

#container {
	background-image:url(../pics/container_bg.png);
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	width:965px;
}

#container #head {
	background-image:url(../pics/head_wm2010.jpg);
	/*background-image:url(../pics/head_xmas.jpg);*/
	/*background-image:url(../pics/head_winter.jpg);
	background-image:url(../pics/head_ostern.jpg);*/
	
	background-repeat:no-repeat;
	height:212px;
	margin-left:3px;
	margin-right:2px;
}

#container #innerWrap {
	margin-left:26px;
	margin-right:26px;
	margin-top:18px;
}

#navi {
	width:210px;
	margin-right: 20px;
	float:left;
}

#navi a {
	color:#000;
	text-decoration:none;
}

#navi a:hover {
	color:#000;
	text-decoration:none;
}

#navi ul.mainnavi {
	list-style-type:none;
	padding:0;
	margin:0px;	
}

#navi ul.mainnavi li {	
	padding: 0px;
	margin: 0px;
	margin-bottom:8px;
	background-repeat:no-repeat;
	cursor: pointer;
}

#navi ul.mainnavi li a p {
	padding-bottom:12px;
	padding-left:50px;
	padding-top:12px;		
}

#navi ul.mainnavi li#naviHome {
	background-image:url('../pics/nav01a.gif');
}

#navi ul.mainnavi li#naviTippen {
	background-image:url('../pics/nav02a.gif');
}

#navi ul.mainnavi li#naviTeams {
	background-image:url('../pics/nav03a.gif');
}

#navi ul.mainnavi li#naviInfos {
	background-image:url('../pics/nav04a.gif');
}

#navi ul.mainnavi li#naviTreffpunkt {
	background-image:url('../pics/nav05a.gif');
}

#navi ul.mainnavi li#naviGewinner {
	background-image:url('../pics/nav06a.gif');
}

#navi ul.mainnavi li#naviPreise {
	background-image:url('../pics/nav07a.gif');
}

#navi ul.mainnavi li#naviHomeActiv {
	background-image:url('../pics/nav01c.gif');
}

#navi ul.mainnavi li#naviTippenActiv {
	background-image:url('../pics/nav02c.gif');
}

#navi ul.mainnavi li#naviTeamsActiv {
	background-image:url('../pics/nav03c.gif');
}

#navi ul.mainnavi li#naviInfosActiv {
	background-image:url('../pics/nav04c.gif');
}

#navi ul.mainnavi li#naviTreffpunktActiv {
	background-image:url('../pics/nav05c.gif');
}

#navi ul.mainnavi li#naviGewinnerActiv {
	background-image:url('../pics/nav06c.gif');
}

#navi ul.mainnavi li#naviPreiseActiv {
	background-image:url('../pics/nav07c.gif');
}

#navi ul.subnavi {
	list-style-type:none;
	padding:0;
	margin: 0px;
	margin-top:30px;
	cursor: pointer;
}

#navi ul.subnavi li {
	width: 210px;
	height:  28px;
	padding: 0px;
	margin: 0px;	
	margin-bottom:8px;
	background-repeat:no-repeat;
}

#navi ul.subnavi li a p {
	padding-bottom:7px;
	padding-left:16px;
	padding-top:7px;
}

#navi ul.subnavi li#naviSpielregeln {
	background-image:url('../pics/nav08a.gif');
}

#navi ul.subnavi li#naviMailsystem {
	background-image:url('../pics/nav08a.gif');
}

#navi ul.subnavi li#naviSupport {
	background-image:url('../pics/nav08a.gif');
}

#navi ul.subnavi li#naviImpressum {
	background-image:url('../pics/nav08a.gif');
}

#navi ul.subnavi li#naviMailsystem {
	background-image:url('../pics/nav08a.gif');
}

#navi ul.subnavi li#naviSpielregelnActiv {
	background-image:url('../pics/nav08c.gif');
}

#navi ul.subnavi li#naviMailsystemActiv {
	background-image:url('../pics/nav08c.gif');
}

#navi ul.subnavi li#naviSupportActiv {
	background-image:url('../pics/nav08c.gif');
}

#navi ul.subnavi li#naviImpressumActiv {
	background-image:url('../pics/nav08c.gif');
}

#navi ul.subnavi li#naviMailsystemActiv {
	background-image:url('../pics/nav08c.gif');
}

#content #logout {
	background-color:transparent;
	height:14px;
	float:right;
	position:relative;
	background-image:url(../pics/nav00a.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	width:77px;
}

#content #logout a {
	color:#8e9cb3;
	text-decoration:none;
}

#content h1 {
	margin:0px;
	margin-left: 230px;
	border-bottom:1px dotted #000;
	font-weight:normal;
	font-size:2em;
}

#main {
	float:left;
	width:445px;
	margin-top:12px;
}

#sidebar {
	float:right;
	width:210px;
	margin-top: 12px;
}

#main_xtra {
	float:left;
	width:683px;
	margin-top:12px;
}

#footer {
	background-image:url(../pics/footer_bg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	clear:both;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	width:965px;
}

.clear {
	overflow:hidden;
}

.atom div.atomBody {
	border: 1px solid #cedbf1;
	border-top:0px;
}

.atom div.atomBody p, .atom div.atomBody div {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.atom div.atomBody div div{
	padding: 0;
	padding-bottom: 5px;
	margin: 0;
}

#main .atomHead {
	background-repeat:no-repeat;
	background-image:url(../pics/table_head_wide.gif);
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	border:0px;
	
	height:20px;
	font-size:1.40em;
}

#main_xtra .atomHead {
	background-repeat:no-repeat;
	background-image:url(../pics/table_head_xtrawide.gif);
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	border:0px;
	
	height:20px;
	font-size:1.40em;
}

#sidebar .atomHead {
	font-size:1.40em;
	height:20px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	border:0px;
	background-repeat:no-repeat;
	background-image:url(../pics/table_head_narrow.gif);
}

a {
	color: #339900;
	text-decoration: none;
}

a:hover {
	color: #339900;
	text-decoration: underline;
}

.atom .atomFooter .linkList a {
	color: #339900;
	text-decoration: none;
}

.atom .atomFooter .linkList a:hover {
	color: #339900;
	text-decoration: underline;
}

.atom .atomFooter .linkList .link {
	background:url(../pics/arrow.gif) no-repeat;
	background-position: right;
	padding-right: 12px;
	padding-top:3px;
	margin-left: 10px;
	padding-bottom:3px;
	width: 50px;
}

.atom .atomFooter .linkList .atomContentLeft .link {
	margin-left: 0px;
	padding-left: 12px;
	background:url(../pics/arrow_back.gif) no-repeat;
	background-position: left;
}

/*Wichtige Ausnahme!!!*/
.atom .atomFooter #spieltageNav #spieltageNavLeft span.link,
.atom .atomFooter .atomNavTable .firstcol span.link{
	margin-left: 0px;
	padding-left: 12px;
	background:url(../pics/arrow_back.gif) no-repeat;
	background-position: left;
}

/*Ausnahme für die Control Atome*/
.atomUserControl .atomBody p,
.atomTeamControl .atomBody p,
.atomTeamLigaControl .atomBody p,
.atomMailControl .atomBody p{
	text-align: right;
	border-top: 1px #cedbf1 solid;
}

/*Ausnahme für die Control Atome*/
.atomUserControl .atomBody .link,
.atomTeamControl .atomBody .link, 
.atomTeamLigaControl .atomBody .link,
.atomMailShow .atomBody .link{
	background:url(../pics/arrow.gif) no-repeat;
	background-position: right;
	padding-right: 10px;
	padding-top:3px;
	margin-left: 10px;
	padding-bottom:3px;
	width: 50px;
}

.atom .atomFooter .linkListWrap{
	border-left: 1px solid #cedbf1;
	border-right: 1px solid #cedbf1;
	background-color: #fff;
}

.atom .atomFooter .linkList{
	border: 1px solid #fff;	
	background-color: #ccf2bf;
	color: #339900;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	text-align: right;
}

.atomFooter .atomNavTable {
	width: 100%;
}

.atomFooter .atomNavTable td{
	width: 33%;
	text-align: center;
}

.atomFooter .atomNavTable td.lastcol{
	text-align: right;
}

.atomFooter .atomNavTable td.firstcol{
	text-align: left;
}

#sidebar .atom .atomFooter .bottomImg{
	background-repeat:no-repeat;
	background-image:url(../pics/atomfooter_small.gif);
}

#main .atom .atomFooter .bottomImg{
	background-repeat:no-repeat;
	background-image:url(../pics/atomfooter.gif);
}

#main_xtra .atom .atomFooter .bottomImg{
	background-repeat:no-repeat;
	background-image:url(../pics/atomfooter_xtra.gif);
}

#content .atomTable{
	font-size:12px;	
	line-height:25px;
	width:100%;
}

#content .atomTable th {
	background-color:#ccf2bf;
	font-size:12px;
	font-weight:normal;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:left;
	vertical-align:top;
}

#content .atomTable th.lastcol {
	border-right:1px solid #fff;
	padding-right:10px;
}

#content .atomTable th.firstcol {
	border-left:1px solid #fff;
	padding-left:10px;
}

#content .atomTable td {
	background-color:#fff;
	font-size:12px;
	font-weight:normal;
	border-top:1px solid #cedbf1;
	vertical-align:top;	
}

/*aussnahme für die beiden atome tippcheck*/
#content .atomTeamTippCheck .atomTable td,
#content .atomTeamTippCheckSondertipp .atomTable td,
#content .atomSpielstandTeam .atomTable .lastcol,
#content .atomSpielstandEinzel .atomTable .lastcol,
#content .atomBundesligaTabelleDetail .atomTable .lastcol {
	vertical-align:middle;	
}

#content .atomTable td.lastcol {
	padding-right:10px;
}

#content .atomTable td.firstcol {
	padding-left:10px;
}

#content .atomContentLeft {
	float:left;
}

#content .atomContentRight {
	float:right;
}

.atom div.new {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #FFFFFF;
}

.new{
	background-color:#CCF2BF;
	color:#339900;
}

.card img{
	width: 15px;
}

.legende img {
	width: 9px
}

.legende .small{
	font-size: 10px;
}

.searchBox {
	padding:12px;
}

#content .atomTable .centerAlignCol{
	text-align: center;
}

#content .atomTable .rightAlignCol{
	text-align: right;
}

.atom div.atomBody .avatarcol{
	width: 40px;	
	vertical-align: middle;
	text-align: center;
}

.atom div.atomBody .avatarcol div {
	overflow:hidden; 
	width:40px; 
	height:40px; 
	padding:0px; 
	margin:5px; 
	text-align:center;
}

.atom div.atomBody .avatarList div{
	overflow:hidden; 
	height:40px; 
	padding:0px; 
	width: 40px;
	margin:0px; 
	margin-left:20px;
	margin-right: 20px;
	
	text-align:center;
}

.atom div.atomBody .avatarList p{
	width: 80px;
	padding: 0px;
	padding-top: 5px;
}

.avatar {
	height: 60px;
	border: 1px solid white;
	overflow:hidden;
	margin-left:-10px;
}

.avatar_default{
	height: 40px;
	width: 40px;
	border: 1px solid white;
}

.atom div.atomBody .avatarList{
	text-align: center;
	width: 95px;
	float: left	;
	padding: 0px;	
	margin-top: 5px;	
}
		
		
#content .error{
	color: red;
}