@charset "utf-8";
/*  -------------------------------|  Allgemeine Elemente  |-------------------------------  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	color: #2E3436;
}
:focus {
	outline: 0;
}
body {
	padding-bottom:30px;
	padding-top:20px;
	background-image: url(../pics/header_back.jpg) ;
	background-position: center 105px;
	background-repeat: repeat-x;
	text-align:center;
}
div {
	text-align:left;
}
a, a:visited {
    color: #00B7F9;
    text-decoration:none;
    outline-style: none;
}
a:hover {
    color: #2E3436;
    text-decoration: underline;
}

th {
    font-weight: inherit;
    vertical-align: top;
}

h1 {
    background-color:#416194;
    margin:0;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:10px;
    font-size: 14px;
    font-weight:bold;
    color:#FFFFFF;
    border:1px solid #3B5A98;
}
h2 {
    font-weight:bold;
    color: #2E3436;
    font-size:12px;
    padding:0;
    margin:0;
    margin-top:10px;
    margin-bottom:10px;
}
h3 {
    font-weight:normal;
    color: #2E3436;
    font-size:11px;
    padding:0;
    margin-top:10px;
    margin-bottom:10px;
}
h4 {
    font-weight:normal;
    color: #888A85;
    font-size:11px;
    padding:0;
    margin-top:0px;
    margin-bottom:1px;
}


/*  -------------------------------|  Allgemeine Formatierungen  |-------------------------------  */
.s {
    font-size: 10px;
}

.cl {
    clear:left;
}

.cb {
    clear:both;
}

a.add, a.add:visited {
    color: #00B7F9;
    text-decoration:none;
    outline-style: none;
    background-image: url(../pics/icons/16/document--plus.png) ;
	background-position: 0px center;
	background-repeat: no-repeat;
	padding-left:20px;
	display:block;
	font-weight:bold;
	height:16px;
	width:204px;
	padding-top:6px;
}
a.add:hover {
    color: #2E3436;
    text-decoration: underline;
}
.info {
    color:#666666;
    font-size:10px;
    font-weight:normal;
}
.redinfo {
    color:#FF0000;
    font-size:10px;
    font-weight:normal;
    font-style:italic;
}
.greeninfo {
    color:#00BF00;
    font-size:10px;
    font-weight:normal;
    font-style:italic;
}
.copy,.copy:visited {
    color: #3b5998;
    text-decoration:none;
    outline-style: none;
    padding-left:14px;
    background: url(../pics/icons/10/icon_copy.png) no-repeat 0 2px;
}

.copy:hover {
    color: #1D1C1C;
    text-decoration: underline;
}

.share,.share:visited {
    text-decoration: none;
    width: 37px;
    height:37px;
    float:left;
    padding-top:5px;
    padding-left:5px;
}

.share:hover {
    text-decoration: none;
    background: url(../pics/back_hover.gif);
}


/*  -------------------------------|  Formular  |-------------------------------  */
.textarea, .text, .select {
    border-bottom: #C7C6C6 1px solid;
    border-right: #C7C6C6 1px solid;
    border-left: #323232 1px solid;
    border-top: #323232 1px solid;
    background-color: #FEF9E4;
    padding:2px;
    margin-top:2px;
    margin-bottom:5px;
}

.obligation { color: #FF0000;vertical-align: top;margin-right:5px; padding-top: 6px;font-size:16px; font-family: Courier New, Courier, mono;width:20px;text-align:center; }
.submit {
    padding:4px;
    padding-left:8px;
    padding-right:8px;
    font-size:12px;
    cursor:pointer;
    background:#416194;
    color:#ffffff;
    border:1px solid #0e1f5b;
    font-weight: bold;
    border-left-color:#D9DFEA;
    border-top-color:#D9DFEA;
    margin-top:5px;
}
.submit:hover {
    background-color:#00B7F9;
}
form th {
    padding-top:6px;
    font-weight:bold;
    width:120px;
}
.error {
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
    color: #333333;
    padding: 20px;
    font-size: 14px;
    font-weight: bold;
    text-align:center;
    margin-top:10px;
    margin-bottom:20px;
}

.send {
    background-color: #ffffff;
    color: #333333;
    padding: 10px;
    font-size: 14px;
    padding: 20px;
}


/*  -------------------------------|  container  |-------------------------------  */
#container {
    width:964px;
    margin:0 auto;
}
/*  -------------------------------|  centerbox  |-------------------------------  */
#centerbox {
    float:left;
    width: 698px;
}
.centerbox {
    float:right;
    width: 752px;
}
/*  -------------------------------|  fullbox  |-------------------------------  */
#fullbox {
    float:left;
    width: 100%;
}

/*  -------------------------------|  rightbox  |-------------------------------  */
#rightbox {
    float:left;
    width:256px;
    padding-left:10px;
}
#rightbox #vote {
    text-align:center;
}
#rightbox #vote div {
    text-align:center;
}
/*  -------------------------------|  leftbox  |-------------------------------  */
#leftbox {
    float:left;
    width:202px;
    margin-right:10px;
}
/*  -------------------------------|  header  |-------------------------------  */
#header {
    height:85px;
}
#header .banner {
    float:right
}
#header p {
    padding-top:4px;
}
/*  -------------------------------|  tabs  |-------------------------------  */
#tabs {
    margin-bottom:15px;
}
#tabs .left {
    float:left;
}
#tabs .right {
    float:right;
}
#tabs .left .tab, #tabs .right .tab {
    background-color: #00B3F9;
    color: #ffffff;
    font-weight: bold;
    float: left;
    text-decoration: none;
    font-size: 12px;
    display:block;
    height:23px;
    padding-left:10px;
    padding-right:10px;
    padding-top:7px;
}
#tabs .left .tab {
    margin-right: 10px;
}
#tabs .right .tab {
    margin-left: 10px;
}

#tabs .left .tab:hover, #tabs .right .tab:hover {
    background-color: #ffffff;
    color: #00B3F9;
    cursor: pointer;
}

#tabs .left .tab_on, #tabs .right .tab_on {
    background-color: #ffffff;
    color: #00B3F9;
    font-weight: bold;
    float: left;
    text-decoration: none;
    font-size: 12px;
    display:block;
    height:23px;
    padding-left:10px;
    padding-right:10px;
    padding-top:7px;
}
#tabs .left .tab_on {
    margin-right: 10px;
}
#tabs .right .tab_on {
    margin-left: 10px;
}
/*  -------------------------------|  grey_box  |-------------------------------  */
.grey_box {
    background-color: #F5F5F5;
    padding:10px;
    border: 1px solid #EEEEEE;
    margin-bottom:10px;
}
.grey_box .content {
    background-color:#ffffff;
    padding:10px;
    margin-top:-1px;
    border: 1px solid #DDDDDD;
}
.grey_box .contents {
    background-color:#ffffff;
    padding:10px;
    margin-top:10px;
    border: 1px solid #DDDDDD;
}
.grey_box .h2 {
    font-size: 14px;
    color: #00B7F9;
    font-weight:bold;
}
.grey_box .nav, .grey_box .nav_on {
    float:left;
    padding-left:10px;
    padding-right:10px;
    height:23px;
    padding-top:7px;
    cursor:pointer;
}
.grey_box .nav {
    border-top: 1px solid #F5F5F5;
    border-left: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;

}
.grey_box .nav:hover {
    text-decoration:underline;
}
.grey_box .nav_on {
    background-color: #ffffff;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}
.grey_box .nav a, .grey_box .nav a:visited {
    color: #1D1C1C;
    text-decoration:none;
    font-weight:bold;
}
.grey_box .nav_on a, .grey_box .nav_on a:visited {
    color: #1D1C1C;
    text-decoration:none;
    font-weight:bold;
}
.grey_box .el_nav {
    padding-bottom:4px;
    padding-top:4px;
    padding-left:2px;
    cursor:pointer;
    color: #00B3F9;
}
.grey_box .el_nav a, .grey_box .el_nav a:visited {
    color: #00B3F9;
    text-decoration:none;
}
.grey_box .el_nav a:hover {
    text-decoration:underline;
    color: #1D1C1C;
}

.grey_box .flag_at { background-image: url(../pics/flags/at.png);background-repeat: no-repeat;background-position: 5px center;padding-left:25px }
.grey_box .flag_de { background-image: url(../pics/flags/de.png);background-repeat: no-repeat;background-position: 5px center;padding-left:25px }
.grey_box .flag_en { background-image: url(../pics/flags/england.png);background-repeat: no-repeat;background-position: 5px center;padding-left:25px }
.grey_box .flag_it { background-image: url(../pics/flags/it.png);background-repeat: no-repeat;background-position: 5px center;padding-left:25px }
.grey_box .flag_ch { background-image: url(../pics/flags/ch.png);background-repeat: no-repeat;background-position: 5px center;padding-left:25px }
.grey_box .flag_fr { background-image: url(../pics/flags/fr.png);background-repeat: no-repeat;background-position: 5px center;padding-left:25px }
.grey_box .flag_es { background-image: url(../pics/flags/es.png);background-repeat: no-repeat;background-position: 5px center;padding-left:25px }
.grey_box .flag_pt { background-image: url(../pics/flags/pt.png);background-repeat: no-repeat;background-position: 5px center;padding-left:25px }

/*  -------------------------------|  yellow_box  |-------------------------------  */
.yellow_box {
    background-color: #FEF9E4;
    padding:10px;
    border: 1px solid #EEEEEE;
    margin-bottom:10px;

}
.yellow_box h3 {
	background-repeat: no-repeat-x;
	height:27px;
	margin:0;
	font-size: 14px;
    color: #ffffff;
    padding-top:8px;
    padding-left:10px;
    background-color: #00B7F9;
    font-weight: bold;
    margin-bottom:10px;
}
.yellow_box ul {
    color:#3B5998;
    padding:0 10px 5px;
}
.yellow_box li {
    font-weight:bold;
    list-style-image:none;
    list-style-position:inside;
    list-style-type:square;
    padding:0 0 5px;
}
.yellow_box .descrip {
    color:#444444;
    font-weight:normal;
    padding:3px 0 0 15px;
}
.yellow_box a, .yellow_box a:visited {
    color: #00B3F9;
    text-decoration:none;
}
.yellow_box a:hover {
    text-decoration:underline;
}
.yellow_box .info {
    color:#666666;
}
.yellow_box .formtext {
    color:#666666;
    margin-top:5px;
    padding-left:1px;
}
.yellow_box .text,.yellow_box .textarea {
    background-color: #ffffff;
    width:228px;
    margin-top:2px;
    margin-bottom:5px;
    border:1px solid #2E3436;
    padding:2px;
    font-size:10px;
}

.yellow_box th {
    padding:2px;
    color: #3B5998;
    font-weight:bold;
}

/*  -------------------------------|  spieletable  |-------------------------------  */
.spieletable th {
    background-color: #EEEEEE;
    padding:2px;
    border-top:1px solid #2E3436;
    border-bottom:1px solid #CCCCCC;
    font-weight:bold;
}

.spieletable td {
    padding:2px;
    border-bottom:1px solid #CCCCCC;
}

.spieletable tr {
    cursor:pointer;
}

.spieletable .against {
    width: 20px;
    text-align:center;
}

.spieletable .round {
    width: 50px;
    text-align:center;
}

.spieletable .home_team {
    text-align:right;
    width: 150px;
}
.spieletable .away_team {
    width: 150px;
}

/*  -------------------------------|  datetabelle  |-------------------------------  */
.datetabelle th {
    background-color: #EEEEEE;
    padding:2px;
    border-top:1px solid #2E3436;
    border-bottom:1px solid #CCCCCC;
    font-weight:bold;
}

.datetabelle td {
    padding:2px;
    border-bottom:1px solid #CCCCCC;
}

.datetabelle .round {
    background-color: #F5F5F5;
    padding:2px;
    font-weight:bold;
    font-size: 10px;
}
.datetabelle .date {
    text-align:center;
}

.datetabelle .home_team_d {
    text-align:right;
    width: 360px;
    cursor:pointer
}
.datetabelle .away_team_d {
    width: 360px;
    cursor:pointer
}

.home_team_d a, .home_team_d a:visited {
    color: #00B7F9;
    text-decoration:none;
    background-image: url(../pics/icons/12/document--plus.png) ;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right:20px;
	padding-top:3px;
	padding-bottom:3px;
}
.home_team_d a:hover {
    color: #2E3436;
    text-decoration: underline;
}

.away_team_d a, .away_team_d a:visited {
    color: #00B7F9;
    text-decoration:none;
    background-image: url(../pics/icons/12/document--plus.png) ;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
}
.away_team_d a:hover {
    color: #2E3436;
    text-decoration: underline;
}

/*  -------------------------------|  gametable  |-------------------------------  */
.gametable {
    margin-top:10px;
    margin-bottom:10px;
}
.gametable td {
    vertical-align:center;
    padding-top:5px;
}
.gametable .team {
    text-align:center;
    font-weight:bold;
    width: 183px;
}

.gametable .colon {
    width: 20px;
    text-align:center;

}
.gametable .result_h {
    width: 30px;
    text-align:right;
}
.gametable .result_a {
    width: 30px;
}
.gametable .result_h,.gametable .result_a,.gametable .colon {
    font-weight:bold;
    font-size:30px;
    color: #2E3436;
}

/*  -------------------------------|  footer  |-------------------------------  */
#footer {
    margin-top:5px;
    background-color: #F5F5F5;
    padding-left:19px;
    padding-right:24px;
    padding-top:10px;
    padding-bottom:10px;
    color: #1D1C1C;
    font-size: 10px;
    border-top:1px solid #1D1C1C;
}
#footer span {
    padding-left:5px;
    padding-right:5px;
}
#footer span a,#footer span a:visited {
    padding-top:2px;
    padding-bottom:4px;
    padding-left:5px;
    padding-right:5px;
    text-decoration:underline;
    color: #1D1C1C;
}
#footer span a:hover {
    color: #EEEEEE;
    background-color: #00B3F9;
}


/*  -------------------------------|  create  |-------------------------------  */
#soccer_field,#soccer_field2 {
    height:325px;
    width: 460px;
    background-image: url(../pics/back_feld.png);
    background-position: 0px 0px;
    position:relative;
    margin-top:10px;
}

#soccer_field .player,#soccer_field2 .player {
    width:110px;
    text-align: center;
    position:absolute;
    padding:1px;
    vertical-align: middle;
}

#soccer_field .player_g,#soccer_field2 .player_g {
    background-color: #ffffff;
}

#soccer_field .player_d,#soccer_field2 .player_d {
    background-color: #0000ff;
    color:#ffffff;
}

#soccer_field .player_m,#soccer_field2 .player_m {
    background-color: #ffff00;
}

#soccer_field .player_s,#soccer_field2 .player_s {
    background-color: #ff0000;
    color:#ffffff;
}

#soccer_players,#soccer_players2 {
    height:498px;
    width: 477px;
    background-color: #ffffff;
    position:absolute;
    left:21px;
    top:108px;
    display:none;
    z-index:9999;
}

#soccer_players .spacer,#soccer_players2 .spacer {
    width:9px;
}
#soccer_players .soccer_players,#soccer_players2 .soccer_players {
    width:233px;
    vertical-align: top;
}
#soccer_players .soccer_players_s,#soccer_players2 .soccer_players_s {
    width:14px;
    background-color: #FF0000;
    background-image: url(../pics/soccer/back_s.png);
    background-position: center center;
    background-repeat: no-repeat;
}
#soccer_players .soccer_players_m,#soccer_players2 .soccer_players_m {
    width:14px;
    background-color: #FFFF00;
    background-image: url(../pics/soccer/back_m.png);
    background-position: center center;
    background-repeat: no-repeat;
}
#soccer_players .soccer_players_a,#soccer_players2 .soccer_players_a {
    width:14px;
    background-color: #0000FF;
    background-image: url(../pics/soccer/back_a.png);
    background-position: center center;
    background-repeat: no-repeat;
}
#soccer_players .soccer_players_t,#soccer_players2 .soccer_players_t {
    width:14px;
    background-color: #F4F4F4;
    background-image: url(../pics/soccer/back_t.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.players, .players_on {
    border-bottom: 1px solid #050505;
    border-right: 1px solid #050505;
    border-left: 1px solid #C7C6C6;
    border-top: 1px solid #C7C6C6;
    background-color: #F5F5F5;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    margin-bottom:0px;
    cursor:pointer;
    font-weight:bold;
}

/*  -------------------------------|  iframe Popup  |-------------------------------  */
#ifBackground {
    background-image: url(../pics/trans_background.png) ;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    position:absolute;
    cursor:pointer;
}
#if_frame {
    position:absolute;

}