@charset "UTF-8";

* { margin: 0; padding: 0; }

html {
    background: #000 url(../images/design/background_matches.jpg) no-repeat center top;
	height: 100%;
	width: 100%;
}

body {
    font-family: "Lucida Grande", Tahoma, Arial, Helvetica, Geneva, Swiss;
    color: #ccc;
    font-size: 11px;
	height: 100%;
	width: 100%;
}

#Intro {
    margin-left: -9999px;
    height: 0px;
}

#EndText {
    overflow: hidden;
    height: 0px;
}

#UserLicence a,
#UserLicence a:link,
#UserLicence a:visited {
    color: #fff;
    text-decoration: none;
}

#UserLicence a:hover,
#UserLicence a:focus {
    color: #ff8900;
    text-decoration: none;
}

/* Obere globale Fehlermeldungen */
.warning, .success, .neutral {
    margin: 8px;
    padding: 8px;
    background-color: #a60000;
    color: white;
    text-align: center;
}
.designed {
    text-align: inherit;
}


.success {
    background-color: #125d00;
}

.neutral {
    background-color: #1E2531;
}

.notice {
    padding: 8px;
    background-color: #00FFFF;
    color: #000;
    text-align: center;
}

.notice table {
    margin: 0 auto;
    text-align: left;
}

.notice td {
    padding-bottom: 5px;
}

/* Haupt-Div */
#mainbox {
	width: 100%;
    /* min-height: 800px; fix weil content nicht lang genug*/
}

#main {
    width: 980px;
    margin: auto;
}

/* Kopfbereich */
#kopf { /* allgemeiner Kopf mit Logo und Info */
    height: 128px;
}

#logoarea {
	float: left;
    width: 345px; /* main = logoarea + managerinfo */
	margin-top: 0px;
}

#logo {
    background: url("../images/design/content/logo_perfectgoal.png") scroll no-repeat 0px -5px;
    display: block;
    width: 100%;
    height: 139px;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
}

.managerinfo { /* Infobox für den Manager */
    color: white;
    float: right;
    padding-top: 15px;
    margin-right: 14px;
    line-height: 13px;
    vertical-align: top;
}

.managerinfo tr , .managerinfo div {
    height: 13px;
}

.managerinfo .managerInfoServer,
.managerinfo .managerInfoTeam,
.managerinfo .managerInfoPoints,
.managerinfo .managerInfoTeamLogo {
    float: left;
    padding: 5px 10px;
    height: 50px;
}

.managerinfo .managerInfoServer,
.managerinfo .managerInfoTeam,
.managerinfo .managerInfoPoints {
    background: transparent url(../images/design/main_panel_pix_halftransparent.png) repeat top left;
}

.managerinfo .managerInfoServer,
.managerinfo .managerInfoTeam {
    border-right: 1px solid #f6ae2c;
}

.managerinfo .managerInfoTeam table {
    width: 100%;
}
/* Firefox <=2 hack */
.managerinfo .managerInfoTeam table, x:-moz-any-link {
    width: auto;
}
.managerinfo .managerInfoTeam table, x:-moz-any-link, x:default {
    width: 100%;
}

.managerinfo .managerInfoPoints .customerPointsactivity,
.managerinfo .managerInfoPoints .customerPointsprestige,
.managerinfo .managerInfoPoints .customerPointsmanager {
    /*height: 13px;*/ /* ist sowieso 13px, gibt in firefox probleme */
    width: 20px;
    background: transparent url(../images/wiki/points-sprite.png) no-repeat top left;
}

.managerinfo .managerInfoPoints .customerPointsactivity {
    background-position: 0 0;
}

.managerinfo .managerInfoPoints .customerPointsprestige {
    background-position: 0 -13px;
}

.managerinfo .managerInfoPoints .customerPointsmanager {
    background-position: 0 -26px;
}

.managerinfo .managerInfoTeamLogo {
    background: transparent no-repeat right top;
    height: 50px;
    width: 50px;
}

.managerinfo .managerInfoTeamName {
    clear: both;
    font-weight: bold;
    padding-top: 10px;
    float: right;
}

.managerinfo table .alignrightWOPadding {
    text-align: right;
}

.managerinfo table .alignright {
    text-align: right;
    padding-right: 10px;
    border: none;
}

.managerinfo table .alignleft {
    text-align: left;
    border: none;
}

.managerinfo .licenceDuration {
    margin-left: 10px;
    text-align: right;
}

.managerinfo .licenceDuration a {
    color:#FF8900;
    text-decoration: none;
}

.managerinfo .licenceDuration a:hover {
    text-decoration: underline;
}

#ChatInvites {
    clear: right;
    color: #fff;
    font-weight: bold;
    width: 850px;
}

#Headline {
    float: right;
    margin-top: -18px;
}

#Headline > div {
    float: left;
    background: transparent url(../images/design/Headline_begin.png) no-repeat scroll 0px 0px;
    height: 32px;
    width: 43px;
}

#Headline > h2 {
    float: left;
    background: transparent url(../images/design/Headline_rest.png) repeat-x scroll 0px 0px;
    font-size: 16px;
    padding: 8px 14px 8px 0px;
}

/* contentarea */

#contentarea {
    clear: both;
    width: 980px;
}

#contentborder {
    width:952px;
    padding: 8px 14px 14px 14px;
    background: url("../images/design/main_panel_pix_transparent.png") scroll repeat top left;
    clear: both;
}

#contentborder h2 {
    float: right;
    text-align: right;
    height: 18px; /* höhe wegen hilfe knopf */
    display: block;
    background:  url(../images/design/header_back.png) no-repeat scroll 0px 0px;
    color: #6e7276;
    font-size: 16px;
    padding: 8px 8px 6px 40px;
}

/* Content */

.contentabschnitt {
    padding: 14px;

    border-width: 0px 1px 1px 1px;
    border-color: #1e2531;
    border-style: solid;

}

.contentabschnitt h3 {
    margin-top: 14px;
    margin-bottom: 8px;
    font-size: 14px;
}

.contentabschnitt p {
	line-height: 17px;;
}

.contentabschnitt a {
	color: #ff8900;
	text-decoration: none;
}

.contentabschnitt a:hover {
    text-decoration: underline;
}

textarea {
	background: #fff url("../images/design/textarea_shadow.png") scroll no-repeat top left;
	border: none;
	padding-left: 10px;
	padding-top: 10px;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, Geneva, Swiss;
    font-size: 11px;
}

/* globales Panel */

.panel {
    background: url("../images/design/panel_background.png") scroll top left repeat-x;
    border: 1px solid;
    border-color: #4e5454 #000 #000 #4e5454;
    padding: 14px;
    margin-top: 14px;
    overflow: hidden;
}

/* Tabelle immer von Panel eingeschlossen */

.panel table {
    border-collapse:separate;
    border-spacing: 1px;
    width: 100%;
}

.panel td {
	text-align: center;
    vertical-align: middle;
	 padding: 5px;
}

.panel td.tdRed {
    color: Red;
}

.panel td.linksbuendig {
	text-align: left;
}
.panel td.rechtsbuendig {
	text-align: right;
}

.panel td a {
    color: #ccc;
}

.panel td a:hover {
	color: #000;
}

.panel .even td {
    background-color: #44494b;
}

.panel .red td {
    background-color: red;
}

.panel th {
    background-color:#8f9293;
    padding: 4px;
    color: black;
}

.panel th a {
    color: #5b3100;
}

.panel tr:hover td {
    background-color: #ff8900;
    color: black;
}

.panel tr:hover td a {
	color: #000 !important;
}

/* Tabelle sortierbar */

.panel .sortable th a {
	display: block;
    padding-left: 10px;
    background: scroll no-repeat 0px 0px;
    color: #000 !important;
}

.panel .sortable th a:hover {
	color: #ff8900;
}

.panel .sortable th a.notsorted {
    background-image: url('../images/design/sort_arrow_none.png');
}
.panel .sortable th a.sortasc {
    background-image: url('../images/design/sort_arrow_up.png');
}
.panel .sortable th a.sortdesc {
    background-image: url('../images/design/sort_arrow_down.png');
}

/* footer */
#footer {
    clear: both;
    color: #ccc;
    text-align: right;
    margin: 10px 0px 15px 0px;
}

#footer > ul {
    padding-right: 24px;
    float: right;
}

#footer > ul > li {
    margin-left: 7px;
    display: inline;
}

#footer > ul > li:first-child a {
    border-left: 0px solid #555;
}

#footer a,
#footer a:visited,
#footer a:link {
    color: #ccc;
    display: inline;
    border-left: 1px solid #ccc;
    padding-left:10px;
    text-decoration: none;
}

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

#firstStepsLink {
    font-weight: bold;
    font-size: 13px;
}

#firstStepsLink > a,
#firstStepsLink > a:visited,
#firstStepsLink > a:link {
    color: red;
}

#AddThis {
    display: inline;
    float: left;
}
.addthis_separator {
    padding: 0;
    margin: 0 3px;
    border-right: 1px solid #CCC !important;
    width: 0 !important;
    height: 20px !important;
}
.addthis_toolbox .hover_effect
{
    width: 284px;
    padding: 0 0 6px 28px;
    border: none !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.addthis_toolbox .hover_effect a
{
    border: none !important;
    padding: 2px 2px 2px 2px !important;
    position: relative;
    text-decoration: none;
}
.addthis_toolbox .hover_effect a:hover
{
    border: 2px solid white;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: orange;
    color: black !important;
    text-decoration: none !important;
}
.addthis_toolbox .hover_effect a.addthis_button_facebook_like {
    background: transparent;
    margin-right: -6px;
    margin-left: -20px;
}
.addthis_toolbox .hover_effect span
{
    width: 16px;
    height: 16px;
}



/* sonstiges */

.team {
	padding-left: 36px;
	background: transparent scroll no-repeat 0px 0px;
	height: 43px;
	display: block;
	vertical-align: middle;
}

.scrollable {
    overflow: auto;
}

/* Spieltageleiste & Spielzeitleiste */

#Matchtimes,
#Matchdays {
	clear: both;
	padding-top: 10px;
}

/* Spieltageleiste */

#Matchdays {
    height: 17px;
}

#Matchdays > div {
	float: left;
	margin-top: 5px;
}

#Matchdays > ul {
	float: right;
	margin-right: 3px;
}

#Matchdays > ul > li {
	background: transparent url('../images/design/buttons_spieltage.png') scroll no-repeat left top;
	display: block;
	float: left;
	font-size: 10px;
	text-align: center;
	margin-right: 1px;
	height: 23px;
	width: 24px;
}

#Matchdays > th {
    background: transparent url('../images/design/buttons_spieltage.png') scroll no-repeat left top;
    font-size: 10px;
    padding: 0px;
    height: 18px;
    width: 24px;
}

#Matchdays > ul > li:hover,
#Matchdays > th:hover {
    background-position: 0px -23px;
}

#Matchdays > ul > li.old,
#Matchdays > th.old {
	background-position: 0px -92px;
	color: #555;
}

#Matchdays > ul > li.old:hover,
#Matchdays > th.old:hover {
    background-position: 0px -115px;
}

#Matchdays > ul > li.highlight,
#Matchdays > th.highlight {
    background-position: 0px -46px;
    color: #000;
}

#Matchdays > ul > li.highlight:hover,
#Matchdays > th.highlight:hover {
    background-position: 0px -69px;
}

#Matchdays > ul > li > a {
	color: #ccc;
	display: block;
	text-decoration: none;
	padding-top: 5px;
	height: 18px;
}

#Matchdays > th > a {
    color: #ccc;
    display: block;
    text-decoration: none;
    padding-top: 5px;
    height: 18px;
}

#Matchdays > ul > li.old > a,
#Matchdays > th.odd > a {
	color: #555;
}

#Matchdays > ul > li.highlight > a,
#Matchdays > th.highlight > a {
	color: #000;
}

#Matchdays > th.text {
    background: transparent none scroll no-repeat left top;
    color: #ccc;
    width: inherit;
}

/* Spielzeitleiste */

#Matchtimes {
	height: 38px;
}

#Matchtimes > ul > li {
	background-image: url('../images/design/matchtime_button_back.png');
	background-position: 0px 0px;
	color: #ccc;
	display: block;
	float: left;
	margin-left: 1px;
	white-space: nowrap;
	padding: 3px 0px 0px 3px;
	height: 35px;
    width: 149px;
}

#Matchtimes > ul > li:hover {
    background-position: 0px -38px;
}

#Matchtimes > ul > li.finish {
    background-position: 0px -76px;
    color: #555;
}

#Matchtimes > ul > li.finish:hover {
    background-position: 0px -114px;
}

#Matchtimes > ul > li.highlight {
	background-position: 0px -152px;
}

#Matchtimes > ul > li.highlight:hover {
    background-position: 0px -190px;
}

#Matchtimes > ul > li > a {
	color: #ccc;
    display: block;
    height: 32px;
}

#Matchtimes > ul > li.highlight > a {
    color: #000;
}

#Matchtimes > ul > li > span,
#Matchtimes > ul > li > a > span {
    display: block;
    float: left;
    overflow: hidden;
}

#Matchtimes > ul > li > span.matchtime,
#Matchtimes > ul > li > a > span.matchtime {
    height: 100%;
	width: 32px;
}

#Matchtimes > ul > li > span.matchtime > span,
#Matchtimes > ul > li > a > span.matchtime > span {
    font-weight: bold;
    line-height: 20px;
    margin-left: 10px;
}

#Matchtimes > ul > li > span.match,
#Matchtimes > ul > li > a > span.match,
#Matchtimes > ul > li > a > span.referee {
    white-space: nowrap;
    height: 50%;
    width: 113px;
}

a.buttongrau:hover {
	text-decoration: none;
	cursor: pointer;
}
a.buttongrau .aussen {
}
a.buttongrau .mitte {
	display: inline-block;
	height: 22px;
    margin-left: 16px;
    padding-right: 16px;
    background: transparent url(../images/design/button_grau_back.png) scroll no-repeat right 0px;
}
a.buttongrau .innen {
	color: #ccc;
    margin-left: -16px;
    padding-left: 16px;
    background: transparent url(../images/design/button_grau_back.png) scroll no-repeat left 0px;
    height: 22px;
    display: inline-block;
    line-height: 22px;
    min-width: 80px;
    text-align: center;
}

a.buttongrau:hover .innen {
    background: transparent url(../images/design/button_grau_back.png) scroll no-repeat left -22px;
}

a.buttongrau:hover .mitte {
    background: transparent url(../images/design/button_grau_back.png) scroll no-repeat right -22px;
}


a.buttonorange:hover {
    text-decoration: none;
    cursor: pointer;
}
a.buttonorange .aussen {
}

a.buttonorange .mitte {
    display: inline-block;
    height: 22px;
    margin-left: 16px;
    padding-right: 16px;
    background: transparent url(../images/design/button_back.png) scroll no-repeat right 0px;
    vertical-align: middle;
}
a.buttonorange .innen {
    color: #000;
    margin-left: -16px;
    padding-left: 16px;
    background: transparent url(../images/design/button_back.png) scroll no-repeat left 0px;
    height: 22px;
    display: inline-block;
    line-height: 22px;
    min-width: 80px;
    text-align: center;
    vertical-align: middle;}

a.buttonorange:hover .innen {
    background: transparent url(../images/design/button_back.png) scroll no-repeat left -22px;
}

a.buttonorange:hover .mitte {
    background: transparent url(../images/design/button_back.png) scroll no-repeat right -22px;
}

/* Page Spinner */


.keyprevious, .pageOverview, .keynext {
	float: left;
}

.pageOverview {
	width: 850px;
	text-align: center;
}

.keynext {
	float: right;
}

.clearing {
	clear: both;
}

.keynext, .keyprevious {
	width: 33px;
}

.hideText {
	display: none;
}

.inputPageNumber .pgtextboxinner {
	width: 50px;
}

.goleft, .goright {
	height: 22px;
	width: 33px;
	display: block;
	float: left;
}

.goleft {
	background: url(../images/design/bt_left.png) no-repeat scroll top left;
	}

.goright {
	background: url(../images/design/bt_right.png) no-repeat scroll top left;
	}

.goright:hover, .goleft:hover {
	background-position: bottom left;
}

/* GetLicence Includer */

#GetLicenceBack {
	height: 487px;
	width: 922px;
	background: transparent url(../images/design/get_licence_back.jpg) scroll no-repeat top left;
}

#GetLicenceHead,
#GetLicenceHeadShadow {
	position:absolute;
	font-size: 22px;
	font-weight: bold;
}

#GetLicenceHead {
	margin-left: 250px;
	margin-top: 210px;
	color: #382a00;
}

#GetLicenceHeadShadow {
	margin-left: 251px;
	margin-top: 211px;
	color: #ffc24c;
}

#GetLicenceText {
	position:absolute;
	font-size: 15px;
	color: white;
	margin-left: 238px;
	margin-top: 253px;
}

#GetLicenceText td {
	padding: 12px;
	width: 330px;
}

#GerdMuellerLink {
    float: left;
}

#GerdMuellerLink > a,
#GerdMuellerLink > a:link,
#GerdMuellerLink > a:visited {
    border-width: 0px;
}

#BannerExchange {
    text-align: center;
}

#BannerExchange > span {
    margin: 2px;
}


/* Farbenspiele */

.baseColor {
    background-color:#8F9293;
}
.baseColorRed {
    background-color:#da2d26;
}
.baseColorLightRed {
    background-color:#eb7128;
}
.baseColorOrange {
    background-color:#eaa327;
}
.baseColorLightOrange {
    background-color:#eac326;
}
.baseColorDirtyYellow {
    background-color:#e9e428;
}
.baseColorYellow {
    background-color:#f9f74c;
}
.baseColorLightGreen {
    background-color:#c9ea27;
}
.baseColorNeonGreen {
    background-color:#89ea27;
}
.baseColorGreen {
    background-color:#27d423;
}
.baseColorDarkGreen {
    background-color:#18b648;
}

.headline {
    background-color:#44494B;
    font-weight:bold;
    padding:8px;
}

.firstStepsLink > a,
.firstStepsLink > a:visited,
.firstStepsLink > a:link {
    color:#FF8900;
    font-size: 12px;
    font-weight: bold;
}

.managerPointsHint {
    background: transparent url("../images/managerpunkte.png") scroll no-repeat top left;
    padding-left: 24px;
    height: 20px;
    text-align: left;
}

.pointsWrapperButton {
    display: inline-block;
    margin: -5px -10px 0 10px;
    *margin-top: -3px;
}

.pointsWrapper {
    display: inline-block;
    width: 24px;
    height: 20px;
    background: url(../images/managerpunkte.png) top left no-repeat;
    vertical-align: middle;
}

.contentabschnitt a:hover .pointsWrapper, .contentabschnitt  a:hover .pointsWrapper * {
    text-decoration: none !important;
}

.pointsPopIn {
    font-size: 11px;
    font-weight: normal;
    display: block;
    visibility: hidden;
    position: relative;
    top: 25px;
    left: -125px;
    width: 250px;
    min-height: 14px;
    background: url(../images/design/main_panel_pix_halftransparent.png) top left repeat;
    border: 1px solid white;
    color: white;
    overflow: visible;
    margin: 0;
    padding: 2px 5px;
    text-align: center;
    white-space: normal;
    line-height: 14px;
    z-index: 2700;
}

.pointsPopIn.visible {
    visibility: visible;
}

.pointsPopIn.left {
    top: -3px !important;
    left: -281px !important;
}

.pointsPopIn.right {
    top: -3px !important;
    left: 31px !important;
}