/* Wichtige Farben

*/

/*  ALLGEMEINES */
*{margin:0;padding:0;border:0}

html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li ,select, textarea, input,option
{ margin: 0; padding: 0; font-family:Arial,"Futura", "Century Gothic", "Avantgarde", arial, sans-serif;font-size:11px; }
body{color:#000; }
#content{line-height:20px}
select,option{font-size:11px}
option{padding: 0 1px}
body { text-align:center }
ul { padding-left:15px }
td { vertical-align:top }
html, body { font-size: 101%; }
html{background:none; background-repeat:repeat-x;background-color:#fff}
a:link { color: #999; text-decoration: underline; }
a:visited { color: #999; text-decoration: underline; }
a:hover { color: #444; text-decoration: underline; }
a:active { color: #999; text-decoration: none; }
strong { font-weight: bold; }
.c { clear: both; height:1px; overflow:hidden; }
.center { text-align: center; }
img { border: 0; }
.right { text-align: right; }
.top { vertical-align: top; }
.floatleft{float:left}
.floatright{float:right}
h1 { font-weight:bold; color:#f8ad0c;font-size:12px }
p, ul {  }
textarea, input{border:1px solid #000;}
input[type=checkbox]{border:0}
td,tr{height:10px;overflow:hidden}
textarea{overflow:auto;color:black}
input{color:black;border:1px solid #555;}
input[type=checkbox]{border:0px;height:12px;width:12px;overflow:hidden;margin-right:2px}
.smaller{font-size:10px}
.red{color:red}

.w250{width:250px}
.w290{width:290px}
.w315{width:315px;}
.w370{width:370px;}
.w440{width:440px;}
.w550{width:550px}
.w600{width:600px}
.p20{padding-top:20px}
.p2020{padding:20px}
.m0020{margin:0 0 0 20px}


html{background:url(../img/bg_html.jpg) no-repeat top center;}
#seite { width:960px; text-align:left; margin:0px auto;}
#header { }
.absolute_wrapper{position:absolute;left:50%;width:960px;margin-left:-480px;top:0px}


h1, h1 *{font-family:"Century Gothic","Avantgarde",arial,sans-serif;font-size:14px;font-weight:normal;color:black;text-transform:uppercase}
h1{margin-bottom:30px;margin-top:-5px}

#top_navi{background:url(../img/bg_top_navi.jpg) no-repeat;padding:1px 0 4px;height:51px}
#top_navi a{ }


#languages{position:absolute;top:22px;right:4px;width:200px;text-align:right;line-height:20px}
#languages a, #languages a:link, #languages a:visited, #languages a:active, #languages a:hover{text-decoration:none;color:#adadad}           
#languages img{vertical-align:middle}
           
#top_lavaLamp {
	position: relative;
	overflow: hidden;
}
        #top_lavaLamp li {
            float: left;
            list-style-image:none;
            list-style-position:outside;
            list-style-type:none;
            color:white
        }
        #top_lavaLamp li.backLava {
            background: white;
            -moz-border-radius: 1% 1% 1% 1% ;
            -webkit-border-top-left-radius:2px;
            -webkit-border-top-right-radius:2px;
            height: 52px;
            z-index: 8;
            position: absolute;
        }
        #top_lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;            
            text-align: center; 
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            padding: 28px 11px 5px;
            font-size:14px; font-family: "Century Gothic", "Avantgarde", arial, sans-serif;
            letter-spacing:0px;
            text-transform:uppercase;
            color:white;
        }
        #top_lavaLamp li.selectedLava a, 
        #top_lavaLamp li:hover a, 
        #top_lavaLamp li:hover a:hover, 
        #top_lavaLamp li:hover a:visited,
        #top_lavaLamp li:hover a:active,          
        #top_lavaLamp li.current a{
            color:black;
        }
        #top_lavaLamp li.current{
            background: white;
            -moz-border-radius: 1% 1% 1% 1% ;
            -webkit-border-top-left-radius:2px;
            -webkit-border-top-right-radius:2px;
        }           
           
           
           
#sub_lavaLamp, #sub_grey_lavaLamp {
    position: relative;
    overflow: hidden;
}
        #sub_lavaLamp li , #sub_grey_lavaLamp li {
            line-height:normal;
            float:left;width:180px;
            background:url(../img/bg_subnavi.jpg) no-repeat;
            list-style-image:none;
            list-style-position:outside;
            list-style-type:none;
        }
        #sub_lavaLamp li.backLava, #sub_grey_lavaLamp li.backLava {
            background:url(../img/bg_subnavi_active.jpg) no-repeat;;
            z-index: 8;display:block;width:180px;
            position: absolute;
        }
        #sub_lavaLamp li a , #sub_grey_lavaLamp li a {
            position: relative; 
            overflow: hidden;
            text-decoration: none;            
            text-align: left;
            font-weight:bold; 
            z-index: 10;
            letter-spacing: 0;
            float: left; 
            display: block;
            padding: 2px 11px 7px;
            display:block;
            letter-spacing:0px;
            text-transform:uppercase;
            color:black;
            width:180px;
            height:16px;
            padding-left:16px;
            margin:0 0 0px 0
        }
        #sub_lavaLamp li.selectedLava, 
        #sub_lavaLamp li.backLava a, 
        #sub_lavaLamp li:hover a, 
        #sub_lavaLamp li:hover a:hover, 
        #sub_lavaLamp li:hover a:visited,
        #sub_lavaLamp li:hover a:active,          
        #sub_lavaLamp li.current a{
            color:white ;display:block;
        }           
                              
        #sub_lavaLamp li.selectedLava a,#sub_lavaLamp li.selectedLava a:link,#sub_lavaLamp li.selectedLava a:visited {
            color:white;background:url(../img/bg_subnavi_active.jpg) no-repeat;
        }          
        #sub_lavaLamp li.current{
            color:white;background:url(../img/bg_subnavi_active.jpg) no-repeat;
        } 
        #sub_grey_lavaLamp li.selectedLava, 
        #sub_grey_lavaLamp li.backLava a, 
        #sub_grey_lavaLamp li:hover a, 
        #sub_grey_lavaLamp li:hover a:hover, 
        #sub_grey_lavaLamp li:hover a:visited,
        #sub_grey_lavaLamp li:hover a:active,          
        #sub_grey_lavaLamp li.current a{
            color:white ;display:block;
        }           
                              
        #sub_grey_lavaLamp li.selectedLava a,#sub_grey_lavaLamp li.selectedLava a:link,#sub_grey_lavaLamp li.selectedLava a:visited {
            color:white;background:url(../img/bg_subnavi_grey_active.jpg) no-repeat;
        }          
        #sub_grey_lavaLamp li.current, #sub_grey_lavaLamp li.backLava {
            color:white;background:url(../img/bg_subnavi_grey_active.jpg) no-repeat;
        } 		           
                           
        #sub_grey_lavaLamp li {background:url(../img/bg_subnavi_grey.jpg) no-repeat;}   
             
			 
			 
			
			 
			 
			 
			 
			 
			 
			 
#sub_big_lavaLamp {
    position: relative;
    overflow: hidden;
}
        #sub_big_lavaLamp li {
            line-height:normal;
            float:left;width:297px;
            background:url(../img/arrow_1.jpg) no-repeat;
            background-position: 70px 5px;
            list-style-image:none;
            list-style-position:outside;
            list-style-type:none;
        }
        #sub_big_lavaLamp li.backLava {
            background:url(../img/bg_big_subnavi_active.jpg) no-repeat;;
            z-index: 8;display:block;width:297px;
            position: absolute;
        }
        #sub_big_lavaLamp li a {
            position: relative; 
            overflow: hidden;
            text-decoration: none;            
            text-align: left;
            line-height:17px;
            z-index: 10;
            letter-spacing: 0;
            float: left; 
            display: block;
            padding: 2px 11px 7px;
            display:block;
            letter-spacing:0px;
            
            color:black;
            width:282px;
            padding-left:4px;
            height:40px;
            margin:0 0 0px 0;
        }
        #sub_big_lavaLamp li.selectedLava, 
        #sub_big_lavaLamp li.backLava a, 
        #sub_big_lavaLamp li:hover a, 
        #sub_big_lavaLamp li:hover a:hover, 
        #sub_big_lavaLamp li:hover a:visited,
        #sub_big_lavaLamp li:hover a:active,          
        #sub_big_lavaLamp li.current a{
            color:white; display:block;width:297px;
        }           
                              
        #sub_big_lavaLamp li.selectedLava a,#sub_big_lavaLamp li.selectedLava a:link,#sub_big_lavaLamp li.selectedLava a:visited {
            color:white;background:url(../img/bg_big_subnavi_active.jpg) no-repeat;display:block; width:282px;
        }          
        #sub_big_lavaLamp li.current{
            color:white;background:url(../img/bg_big_subnavi_active.jpg) no-repeat;display:block; width:282px;
        }            
                           

   
a.button:link, a.button, a.button:active, a.button:visited, a.button:hover{
	background:url(../img/bg_button.jpg) no-repeat #b00000;
    display:block;
    float:left;
    font-weight:bold;
    padding:2px 11px 0px 16px;
    position:relative;
    text-align:left;
    text-decoration:none;
    text-transform:uppercase;
    height:16px;
    line-height:normal;
    font-family:Arial,"Futura","Century Gothic","Avantgarde",arial,sans-serif;
    font-size:11px; 
    color:white;   
    margin-right:13px;
    -moz-border-radius: 1% 1% 1% 1% ;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;    
}
a.button:hover,
a.button_active:link, a.button_active, a.button_active:active, a.button_active:visited, a.button_active:hover{
background:url(../img/bg_button_active.jpg) no-repeat #e9e9e9;
    display:block;
    float:left;
    font-weight:bold;
    padding:2px 11px 0px 16px;
    position:relative;
    text-align:left;
    text-decoration:none;
    text-transform:uppercase;
    height:16px;
    line-height:normal;
    font-family:Arial,"Futura","Century Gothic","Avantgarde",arial,sans-serif;
    font-size:11px; 
    color:black;   
    margin-right:13px;
    -moz-border-radius: 1% 1% 1% 1% ;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;    
}           

           
     
           

#shadow{background:url(../img/shadow.jpg) repeat-x;height:4px;overflow:hidden;clear:both;width:960px;}

#content{padding-top:35px;padding-bottom:40px;}

#start_box_1,#start_box_2,#start_box_3{line-height:normal}

#start_box_1 a, #start_box_1 a:link, #start_box_1 a:visited{text-decoration:none;color:black}

table.drop_shadow{}

#start_box_1{
	float:left;
    margin-right:13px;
	background:url(../img/start_box_1_de.jpg);width:260px;height:135px;
    padding-top:65px;
    padding-left:25px;
    padding-right:25px;
}

#start_box_2{
	float:left;
    margin-right:13px;
	background:url(../img/start_box_2_de.jpg);width:260px;height:140px;
    padding-top:60px;
    padding-left:25px ;
    padding-right:25px;   
	height:150px;
}
#start_box_2 table{margin:0px auto}
#start_box_2 table td{text-align:center;vertical-align:middle;}
#start_box_2  img{border:1px solid #ddd;width:26px}

#start_box_3{
	float:left;
	background:url(../img/start_box_3_de.jpg);
    width:270px;
    height:155px;
    padding-top:55px;
    padding-left:25px ;
    padding-right:15px;   
}


#cont_box_1{
	float:left;
    width:370px;
    height:155px;
    padding-top:55px;
    padding-left:25px ;
    padding-right:15px;   

}



#tv_videoplayer{width:605px}
#tv_videoplayer object, #tv_videoplayer embed{width:430px;margin:0px auto;display:block}

/* bundesliga */

#chart_wrapper table{width:100%;}
td.c4u_cols1{padding:3px 0}
td.c4u_cols2{padding:3px 0;background:#f2f2f2}
#chart_wrapper table td.c4utabs_td{height:20px;}

/* talk to */
table#talk2form{width:320px}
input.talk{width:190px}
textarea.talk{width:265px;height:90px;margin-bottom:10px}
input.talk_submit{width:267px;background:black;color:white;margin-top:10px;font-weight:bold;text-align:right;padding-right:10px}
.form_hints{margin-top:20px;line-height:normal}
.grey{color:#999}
div.question{background:#f3f3f3;padding:4px 7px;margin-bottom:15px;-moz-border-radius: 2px 2px 2px 2px ;    -webkit-border-top-left-radius:2px;    -webkit-border-top-right-radius:2px;margin-bottom:15px;padding-right:20px}
div.question table{margin-bottom:5px;}
td.question{padding-right:25px;}
td.user_pic{padding-right:10px}
td.user_pic img{border:1px solid black;padding:2px;width:66px}
div.answer{background:white;margin-left:30px;padding:4px 7px;margin-bottom:15px;margin-top:5px}


/* talk to => videos */
.bg_grey{background:#f3f3f3}
.rounded{
    -moz-border-radius: 2% 2% 2% 2% ;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px; 
	}
	
/* footer */	
#foot_divider{border-bottom:1px solid #cfcfcf;}
#footer{padding:20px 0 30px;color:#999; width:960px; text-align:left; margin:0px auto;}
#footer a,#footer a:link,#footer a:visited,#footer a:active,#footer a:link{color:#999}
#footer_left {width:670px;float:left}
#footer_right{width:280px; float:right;}
#footer_left img{margin:0px 21px}


/* admin */
td.odd{background:#e0e0e0}
td.even{background:none}
table.admin_entries td{padding:1px}
table.admin_entries td a,table.admin_entries td a:link,table.admin_entries td a:visited{color:black}

