/**
 * @version $Id: layout.css 9765 2007-12-30 08:21:02Z ircmaxell $
 * @author Design & Accessible Team ( Angie Radtke  )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */
@charset "utf-8";
/* CSS Document */
* {
 margin:0;
padding:0;
}

a, a:visited, a:link {
        font-weight: bold;
	color: #57a1ca;
        text-decoration:none;
}

a:hover {
       text-decoration:underline;
}



html, body {
	height:100%; 
	margin:0; 
	padding:0;
	border:0;
	text-align: left;
}

body {
	background:#ffffff url(../images/bg_main.gif) repeat-x 0% 245px;
	font-size: 10px; 
	font: normal 65% 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
	color:#012354;
}
body img {
border:0;
}
#all {
	height:auto;
	width:100%;
	margin:0;
}

/*---------------------------------------
	HAUPTMEN�
---------------------------------------*/

#top {
	background:url(../images/bg_top.gif) repeat-x 0% 0%;
	height:92px;
	width:100%;
	margin:0;
}

#top .mainnav {
	background:url(../images/bg_mainnav.jpg) no-repeat 0% 0%;
	position:relative;
	height:92px;
	width:760px;
	margin:0 auto;
	z-index:10;

}

#top .mainnav .menu{
	float:left;
	height:45px;
	width:750px;
	padding:16px 0 0 10px;
	list-style-type:none;
}


#top .mainnav .menu li{
	float:left;
	width:80px;
	text-decoration:none;
	text-align:center;
	display:block;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	color:#000f35;
	
}

#top .mainnav .menu li.active {
	background:url(../images/bg_nav_li-hover.gif) no-repeat 0% 0%;
	height:29px;
	width:80px;
	padding-top:0px;
	color:#FFFFFF;
}
#top .mainnav .menu li:hover{
	color:#ffffff;
	text-transform:uppercase;
	position:relative;
	background:url(../images/bg_nav_li-hover.gif) no-repeat 0% 0%;
padding:0px;
}

#top .mainnav .menu li:hover a{
	color:#ffffff;
}

#top .mainnav .menu a{
	padding-top:10px;
	text-decoration:none;
	color:#ffffff;
	display:block;
	height:19px;
	width:80px;
}

#top .mainnav .menu a:hover{
	text-decoration:none;
	color:#ffffff;
	background:url(../images/bg_nav_li-hover.gif) no-repeat 0% 0%;
	position:relative; 
	white-space:normal;

}

#top .mainnav .menu a:link, #top .mainnav .menu a:visited{
	text-decoration:none;
}

#top .mainnav .menu table {
	border-collapse:collapse; 
	padding:0; 
	margin:0; 
	position:absolute; 
	left:0; 
	top:0;
}

#top .mainnav .menu :hover ul {
	list-style-type:none; 
	float:left; 
	left:0px; 
	top:29px; 
	padding:0; 
	border:0; 
	white-space:nowrap; 
	width:100px; 
	height:auto; 
	display:block;
}

#top .mainnav .menu :hover ul li{
	background-color:#012353;
	padding:0; 
	display:block; 
	height:18px; 
	float:left; 
	width:100px; 
	font-weight:normal;
	text-align:left;
	font-size:10px;
	text-transform:none;
	font-weight:bold;
}

#top .mainnav .menu :hover ul li a{
	background:url(../images/bg_sub_a.gif) no-repeat 0% 0%;
	display:block; 
	width:100px; 
	padding-top:2px;
	text-indent:10px; 
	color:#fff; 
	height:18px; 
	text-decoration:none;
	color:#6aa3c4;
}

#top .mainnav .menu :hover ul li a:hover{
	background:url(../images/bg_sub_a-hover.gif) no-repeat 0% 0%;
	color:#fff;
}
	
#top .mainnav .menu li ul li a.fly{
	color:#6aa3c4;
	background:url(../images/bg_sub_a.gif) no-repeat 0% 0%;
}

#top .mainnav .menu :hover ul li a.fly:hover{
	color:#fff;
	background:url(../images/bg_sub_a-hover.gif) no-repeat 0% 0%;
}

#top .mainnav .menu :hover ul li:hover > a.fly {
	color:#fff;
	background:url(../images/bg_sub_a-hover.gif) no-repeat 0% 0%;
}
#top .mainnav .menu ul, 
#top .mainnav .menu li:hover ul ul,
#top .mainnav .menu a:hover ul ul,
#top .mainnav .menu a:hover a:hover ul ul,
#top .mainnav .menu a:hover a:hover a:hover ul ul,
#top .mainnav .menu a:hover a:hover a:hover a:hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 	
}

#top .mainnav .menu :hover ul :hover ul,
#top .mainnav .menu :hover ul :hover ul :hover ul,
#top .mainnav .menu :hover ul :hover ul :hover ul :hover ul,
#top .mainnav .menu :hover ul :hover ul :hover ul :hover ul :hover ul{
	left:100px; 
	top:0;
	white-space:nowrap; 
	width:100px; 
	z-index:200; 
	height:18px;
}


/*---------------------------------------
	TITELMOTIV
---------------------------------------*/

#header {
	z-index:0;
	background:url(../images/bg_header.gif) repeat-x 0% 0%;
	height:153px;
	width:100%;
	margin:0;
}

#header .mainimage{
	background:url(../images/bg_mainimage.jpg) no-repeat 0% 0%;
	position:relative;
	height:153px;
	width:760px;
	margin:0 auto;
}

#header .loginarea{
	float:right;
	height:153px;
	width:190px;
	margin:0;
}

#header .loginform{
	height:143px;
	width:175px;
	margin:10px 0 0 15px;
}
#header .loginform #alex ul {
list-style-type:none;
padding-top:50px;
width:175px;
}
#header .loginform #alex ul li a {
color:#FFFFFF;
text-decoration:none;

}
#alex {
width:165px;
position:absolute; 
}
#header .loginform ul li a span {

}
#header .loginform ul li #current {



}
#header .loginform ul li .active {

}

#header .loginhead{
	background:url(../images/bg_loginhead.gif) no-repeat 0% 0%;
	height:29px;
	width:175px;
	margin:0;
	float:left;
}

#header .logincontent{
	height:114px;
	width:175px;
	margin:0;
	float:right;
	padding:0px;
	color:#FFFFFF;
}



#header .fillin {
	border-color:#00204c #b9cdeb #b9cdeb #00204c; 
	border-style:solid;
	border-width:1px;
	background:#0786bd; 
	height:14px; 
	width:100px; 
	text-align:left; 
	font-weight:bold; 
	color:#fff; 
	font-size:11px; 
	font-family:tahoma,arial,verdana,sans-serif; 
	padding:1px 0 1px 5px; 
	margin-bottom:3px;
}

#header .logincontent a.login{
	background:url(../images/button_login.gif) no-repeat 0% 0%;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	height:16px;
	width:47px;
	margin-bottom:3px;
}

#header .logincontent a.login:hover{
	background:url(../images/button_login-hover.gif) no-repeat 0% 0%;
	text-decoration:none;
}

#header .logincontent a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}


#header .logincontent a:hover{
	color:#b9cdeb;
	text-decoration:underline;
}


/*---------------------------------------
	INHALTSBEREICH
---------------------------------------*/

#main {
	z-index:0;
	height:100%;
	width:100%;
	margin:0;
}



#main .interior {
	position:relative;
	height:auto;
	width:760px;
	margin:0 auto;
	display:block;
}


#main .contentarea {
	background:url(../images/bg_content.gif) repeat-y 0% 0%;
	float:left;
	height:auto;
	width:760px;
	margin:0 auto;
	padding:0;
}

.topspacer {
	background:url(../images/bg_topspacer.gif) no-repeat 0% 0%;
	float:left;
	height:36px;
	width:760px;
	margin:0;
}
/*---------------------------------------
	INHALT LINKS
---------------------------------------*/

#main .contentleft {
	width:550px;
	float:left;
	padding:0 10px 10px 10px;
}

#main .contentleft .textcontainer{
	background:url(../images/bg_textcontainer.gif) no-repeat 0% 0%;
	width:510px;
	float:left;
	padding:15px 20px 5px 20px;
        font-size:1.1em;
	line-height: 1.3em;
}

#main .contentleft .breaker{
	background:url(../images/bg_breaker.gif) no-repeat 0% 0%;
	width:510px;
	height:25px;
        text-indent:-9999px;
	display:block;
	float:left;	
        margin:8px 0;

}

#main .contentleft h1, .contentheading{
	font-size: 1.8em;
  	line-height: 1.2em; 
	font-weight: bold;
	color: #57a1ca;
	margin-bottom:20px;
}

#main .contentleft h2{
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	color: #57a1ca;
	margin-bottom:3px;
}

#main .contentleft p{
       margin-bottom:8px;
}

#main .contentleft img{
       margin-right:8px;
       margin-bottom:8px;
}

#main .contentleft tr .blue{
      background-color:#D5E3F0;
}

#main .contentleft td{
       vertical-align:top;
       align:left;
}

#main .contentleft ul{
      list-style-type:square;
}


/*---------------------------------------
	INHALT RECHTS
---------------------------------------*/

#main .contentright {
	width:190px;
	float:right;
	margin:0;
        height:auto;
}

#main .contentright .textcontainer{
	width:190px;
	float:left;
	padding:0 5px;
        margin-bottom:8px;
}

#main .contentright .textcontainer img{
        padding: 0 15px;
}


#main .contentright .white{
      background-color:#ffffff;
}

#nextgame{
	width:190px;
	height:auto;
	float:left;
	margin-bottom:10;
	text-align:center;
	color:#FFFFFF;
        display:block;
}


#nextgame .head{
	background:url(../images/bg_next_game_head.gif) no-repeat 0% 0%;
	width:190px;
	height:77px;
	float:left;
	text-align:center;
	color:#FFFFFF;
        display:block;
}

#nextgame .body{
	background:url(../images/bg_next_game_body.gif) repeat-y 0% 0%;
	width:190px;
	height:auto;
	float:left;
	text-align:center;
	color:#FFFFFF;
        display:block;
}

#nextgame .foot{
	background:url(../images/bg_next_game_footer.gif) no-repeat 0% 0%;
	width:190px;
	height:29px;
	float:left;
	margin-bottom:10;
	text-align:center;
	color:#FFFFFF;
        display:block;
}


#nextgame .body p{
	padding:5px 15px 5px 15px;

}

#main .contentright h1{
	font-size:1.6em;
	font-weight:bold;
	line-height:1em;
	margin-bottom:5px;
}

#main .contentright h2{
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	color: #57a1ca;
	margin-bottom:3px;
}

#main .contentright h3{
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	color: #57a1ca;
	margin:10px 0 3px 0;
}

/*---------------------------------------
	FUSSBEREICH
---------------------------------------*/

.bottomspacer {
	background:url(../images/bg_bottomspacer.gif) no-repeat 0% 0%;
	float:left;
	height:36px;
	width:760px;
	margin:0;
}

#main .footer {
	background:url(../images/bg_mainfooter.gif) no-repeat 0% 0%;
	float:left;
	text-align:center;
	color:#FFFFFF;
	height:25px;
	width:760px;
	margin:0;
	line-height:25px;
}

#main .footer a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}


#main .footer a:hover{
	color:#b9cdeb;
	text-decoration:underline;
}