
/* CSS Document */

/* ie6 */
#matchday_selector {
	display:none;
}

#printout_title {
	display:none;
}

html {
    height:100%; margin:0; padding:0;
    font-size: 13px;
    line-height: 18px;
    @media (max-width: 1200px) { font-size: 13px; }
    @media (max-width: 800px) { font-size: 12px; }
}

body {	
  font-family: "Dosis";  
  font-weight: 400;
	color: #333;
	word-spacing: normal;
  letter-spacing:0px;
	text-align: left;
  margin:0; 
  padding:0;
  background-position:center center;
  background-repeat:no-repeat;
    background-color: #910D3C;
    background-image: url(../layout/mydreamteam_background.svg);
  background-attachment: fixed;
  background-size: cover;
  height:100.2%;
  font-style:normal !important;
  overflow-x:hidden;
}

div#mutterschiff {
    width:1000px;
    margin: 0 auto;
    padding: 0px;
    border:0px yellow dotted;
    position: relative;
}

div#footer {
  margin:20px 0 0 0;
  position:relative;
  height:15px;
  clear:both;
  color:black;
  font-size: 10px;
  background-color: rgba(255,255,255,0.5);
  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;  margin-bottom:10px;
  padding:7px;
  z-index:1;
  -moz-box-shadow: 1px 1px 10px 0px #000;-webkit-box-shadow: 1px 1px 10px 0px #000;box-shadow: 1px 1px 10px 0px #000;  
}

#mydreamteamlogo {
  display: block !important;
  position: absolute;
  left: 245px;
  top: 7px;
  width: 340px;
}

div#footer a {
  color:white;
}

#mobile_nav {
  display:none;
}

#copyright {
    position:absolute;
    background:url(../layout/fuss_menu_super.png) no-repeat;
		margin-top:-1px;
		padding-top:6px;
		background-position:0px 3px;
    width:210px;
    height:29px;
    right:30px;
    top:-1px;
}

/* Oben */

div#header {
    background-color: #5f0b2a;
    background-image: url(../layout/mydreamteam_background_white.svg);
    position: relative;
    position:relative;
    height:103px;
		margin:10px 42px 10px 17px;
    background-position:left bottom;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;    -moz-box-shadow: 1px 1px 10px 0px #000;-webkit-box-shadow: 1px 1px 10px 0px #000;box-shadow: 1px 1px 10px 0px #000;}

div#top {
    position:absolute;
    left: 800px;
    top:0;
    width:170px;
}

#register_form {
	position:relative;
	left:70px;
	z-index:9;
	width:800px;
	height:535px;
  color:black !important;
  background:white !important;
  border: #288833 3px solid !important;
}

#register_form input {
  background-color: #ef3e1b;
  color:white !important;
  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

#register_form input::-webkit-input-placeholder {
  color:white !important;
  font-size:0.9em;
}

#register_table {
	margin:20px 0 20px 20px;
	width:760px;
}

.register_td {
	height:34px;
}

.register_td input {
	font-size:18px !important;
	height:26px !important;
  border:none !important;
}

.top_link {
    height:16px;
    padding:5px 10px;
    margin:0;
    width:60px;
    background:url(../layout/top_menu.png) no-repeat left top;
    float:left;
}

.top_link a:link, .top_link a:visited {
    color:#b63e38;
}

.top_link a:hover {
    background:url(../layout/top_menu_hover.png) no-repeat left top;
    color:#b63e38;
    display: inline;
}

div#jubel {
    position:absolute;
    background-repeat: no-repeat;
    z-index:2;
    transform: rotate(-8deg);
    width:150px;
    height:120px;
    background: url(../layout/hirschmatt_white.svg);
    background-repeat: no-repeat;
    top:-12px !important;
    left:56px;
}


div#jubel a, div#schriftzug a {
    display:block;
    height:100%;
}

div#schriftzug {
    position:absolute;
    height:66px;
    width:397px;
    top:23px;
    margin-left:166px;
		background:none;
}

div#header h1 {
    margin:0;
    padding:0;
    font-size:0.9em;
    margin-left:-9999px;
}

/* Content */

div#content {
    width:940px;
    padding:0 24px 4px 18px;
    background-repeat:repeat-y;
    margin:0;
    overflow:auto;
    border:0px blue dotted;
    z-index:1;
}
 
/* Links */

div#left {
  clear:both;
  width:226px;
  float:left;
  color:black;
  background-color: rgba(255,255,255,0.8);
  border: 1px #333 solid;
  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  -moz-box-shadow: 1px 1px 10px 0px #000;-webkit-box-shadow: 1px 1px 10px 0px #000;box-shadow: 1px 1px 10px 0px #000;  
}

#left a {
	color:black;
}

div#login {
  padding-top:8px;
}

#left .modul_left {
	border-bottom:1px black solid;
}

#right .modul_left {
  background: rgba(255,255,255,0.95);
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;  -moz-box-shadow: 1px 1px 10px 0px #000;-webkit-box-shadow: 1px 1px 10px 0px #000;box-shadow: 1px 1px 10px 0px #000;  
}

.modul_left {
    position:relative;
    margin-bottom:12px;
}

.fb-like-box {
  border:none !important;
}

.modul_left .modul_left {
  background-color:none;
}

/* Rechts */

div#right {
  margin-left:229px;
  padding: 0px 10px;
  width:700px;
  height:100%;
}

#right h2 {  
  background-color: rgba(255,255,255,0.95);
  padding:3px 5px;
  margin:0 0 0 5px;
  display:inline-block;
  border: 1px solid white;
  border-bottom:none;
  line-height:26px;
  -webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;  -moz-box-shadow: 1px 1px 5px 0px #000;-webkit-box-shadow: 1px 1px 5px 0px #000;box-shadow: 1px 1px 5px 0px #000;}

#right h3 {  
  background-color: rgba(0,0,0,0.7);
  color: white;  
  padding:3px 5px;
  margin:0 0 0 5px;
  display:inline-block;
  border: 1px solid white;
  border-bottom:none;
  -webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;  -moz-box-shadow: 1px 1px 5px 0px #000;-webkit-box-shadow: 1px 1px 5px 0px #000;box-shadow: 1px 1px 5px 0px #000;}

#right h3 a {
  color: white;  
}

#spalte_links {
    float:left;
    width:459px;
}

#spalte_rechts {
    margin-left:472px;
}

#newsbalken, #rulesbalken, #matchbalken {
    margin-top:15px;
    padding:0px 6px;
    font-weight:normal;
		background-repeat:no-repeat;
		height:30px;
}

#newsbalken {
		background-image:url(../layout/newsboard_super.jpg);
    margin-bottom:20px;
}

#rulesbalken {
		background-image:url(../layout/regeln_super.jpg);
    margin-bottom:20px;
}

#matchbalken {
		background-image:url(../layout/spielplan_super.jpg);
    margin-bottom:20px;
}

#status_form {
    margin-bottom:20px;
    background-color: #ffdb00;
    color: black;
    padding: 0px 0px;
    font-weight: normal;
		border-top:1px #999 solid;
}

#status_meldung {
	margin:0;
	width:480px;
	height:50px;	
	border: 0px solid #999;
	padding: 5px;
}

.article {
  background: rgba(255,255,255,0.8);
  border: 1px solid #333;
  -webkit-border-radius: 3px;
  margin: 0px 0 10px;
  padding: 5px;
  position:relative;
  -moz-box-shadow: 0.5px 0.5px 10px 0px #000;-webkit-box-shadow: 0.5px 0.5px 10px 0px #000;box-shadow: 0.5px 0.5px 10px 0px #000;}

.like_and_comment {  
  color: white;
  float: right;
  background-color: rgba(0,0,0,0.7);
  padding:3px 5px;
  margin:6px 0 0 0;
  display:inline-block;
  border: 1px solid white;
  border-top:none;
  -webkit-border-bottom-left-radius: 3px;border-bottom-left-radius: 3px;-moz-border-radius-bottomleft: 3px;-webkit-border-bottom-right-radius: 3px;border-bottom-right-radius: 3px;-moz-border-radius-bottomright: 3px;}

.like_link {
  min-width: 30px;
}

.regel_div .article {
  min-height:100px;
}

.season_title {
  border: 1px #333 solid;
  border-radius: 3px;
  margin: 0 0 0.5em;
  padding: 0.4em 0.4em;
  background: rgba(255,255,255,0.9);
  font-size: 2em;
}

.article h2 {
  margin:2px 0;
  padding:0;
  font-size:1em;
  color:#333;
  line-height:18px;
  font-weight:bold;
  border-bottom:0px #999 solid;  
}

.article h3, #status_form h3, .modul_left h3 {
	margin:0 0 2px 0px;
  padding:3px 6px 1px;
  font-size:1.1em;
  font-weight:bold;
  border-bottom:0px #999 solid;
}

.news_article table {
  min-height:90px;
}

.starticle p {
  font-size: 1em !important;
}

.modul_left h4 {
  
}

.modul_left p {
  margin:2px 6px 2px;
}

#left .modul_left h3 {
  font-size:0.95em;
}

#right .modul_left h3 {
  font-size:1.2em;
}

.article p {
  font-size:1em;
}

.comment p, .voting_answer {
  font-size:0.9em;
}

.article h3 {
  margin-left:106px;
  margin-top:0;
  padding-top:0;
  padding-bottom:5px;
  color:black;
}

.article .huelle {
    margin-left:0px;
}

.article_image {
    float:left;
    margin:0px 5px 0px 0px; 
    border:1px #eee solid;
    padding:0px;
    height:100px;
    width:100px;
  border-radius:3px;
}

.article_footer {
	margin:0 !important;
  padding: 2px 6px 2px 6px;
	border-top:1px #999 solid;
	color:#555;
}

#paypal_div {
  border:3px black solid !important;
	margin:0px 0 20px -310px;
  padding:5px;
  padding-top: 18px;
  position: absolute;
  width:600px;
  left:50%;
  top:120px;
  z-index:10;
  behavior: url(/assets/PIE.htc);background: #fff;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#DCFFC2));background: -moz-linear-gradient(#fff, #DCFFC2);background: -o-linear-gradient(#fff, #DCFFC2);background: linear-gradient(#fff, #DCFFC2);-pie-background: linear-gradient(#fff, #DCFFC2);  -moz-box-shadow: 1px 1px 20px 0px #999;-webkit-box-shadow: 1px 1px 20px 0px #999;box-shadow: 1px 1px 20px 0px #999;  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

#right .article p, #right .article table, #right .article textarea, #right .article h5 {
  margin-left: 112px;
  margin-top:1px;
  margin-bottom:0;
  padding-right:5px;
  border-spacing:0px;
}

#right .article ul {
	margin:0 0 0 152px;
	padding:0;
}

.action {
	background-image:url(../layout/headline_super.jpg);
	margin:0 0 20px 0;
	padding:15px;
	color:black;
	border:#999 0px solid;
}

.action_done {
	background-image:url(../layout/headline_super.jpg);
	margin:0 0 20px 0;
	padding:15px;
	color:black;
	border:#999 0px solid;
}

.action a, .action_done a {
	color:black;
}



/* Navigation */

div#menu {
    position:absolute;
    left:50%;
    margin-left:122px;
    top:18px;
    z-index:800;
}

div#menu ul#mainmenu {
    margin:0;
    padding: 0;
    list-style:none;
    border:0px red dotted;
    width:350px;
    overflow:hidden;
}

div#menu ul#mainmenu li {
    margin:0;
    float:left;
    padding: 0 0 0 3px;
    width:86px;
    font-size:0.8em;
    border: yellow 0px solid;
    border-left: 1px white solid;
}

div#menu ul.submenu {
    margin:0;
    padding:0px 0px 0 3px;
    list-style-type:none;
    float:left;
    width:86px;
    font-size:0.9em;
    border: 0px blue dotted;
    border-left: 1px white solid;
}

div#menu ul.submenu li {
    padding: 0px;
    margin:0;
}

div#menu a {
    text-decoration:none;
}

div#menu a.main {
    font-weight:bold;
    color:#000;
}

div#menu a.main:hover {
    font-weight:bold;
    color:red;
}


div#menu a.sub {
    font-weight:normal;
    color:#fff;
}

div#menu a.sub:hover {
    font-weight:normal;
    color:red;
    background-color:white;
}

div#menu a.selected {
    color:white;
    cursor:default;
}

.topmenu {
	width:145px;
	height:15px;
	padding-top:31px;
	text-align:center;
	margin-right:23px;
	float:right;
	font-weight:bold;
	margin-bottom:20px;
	position:relative;
}

.topalert {
	border-bottom: 1px red solid;
}

.topdone {
	border-bottom: 1px green solid;
}


.top_icon {
	right:-8px;
	top:0px;
	position:absolute;
}

/* Elemente */

div, input, button, textarea, form, a, .friends_image, .topmenu {
}

p, h1, h2, h4, h5, h6, li {
    margin: 2px 0;
}

img {
	border:none;
}

p {
    font-size:0.9em;
    margin-bottom:10px;
}

.outlet {
  color:#666;
  font-size:0.9em;
  line-height:16px;
  margin-bottom:12px;
}

a {
    text-decoration:none;
    color:black;
}

.article a {
  text-decoration: underline;
}

.article .td_club a, .live_box a {
  text-decoration: none;
}


a:hover {
}

ul li {
    list-style-type:none;
    padding:0;
}

form {
    position:relative;
}

#dark {
    position:absolute;
    z-index:2000;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url(../layout/transe_hell.png);
}

.good_message {
    background:url(../layout/dialog_ok.png);
}

.bad_message {
    background:url(../layout/dialog_alert.png);
}

.speichermeldung {
    background:url(../layout/speichermeldung.png);
}

/* Formularelemente */

#left input[type="text"], #left input[type="password"], #left input[type="email"] {
    border-bottom: 1px white solid;
}

#right input[type="text"], #right input[type="password"], #right input[type="email"] {
    border-bottom: 1px #ef3e1b solid;
}

input[type="text"], input[type="password"], input[type="email"] {
    -webkit-font-smoothing: subpixel-antialiased;
    color: white;
    background: transparent;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    vertical-align: middle;
    border: none;
    -webkit-appearance: none;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    text-align: start;
    font: -webkit-small-control;
    -webkit-writing-mode: horizontal-tb;
    padding: 1px 3px 1px 3px !important;
    font-family: 'Dosis', sans-serif;  font-weight: 400;
    font-size: 1em;
    height:30px;
    width:100%;
    color:black;
		margin-bottom:2px;
}

input[type="submit"], input[type="button"] {
    background:rgba(0,0,0,0.2);
    width:100%;
    height:25px;
    padding:0px 2px;
    cursor:pointer;
    margin-top:5px;
    font-family: 'Dosis', sans-serif;  font-weight: 400;
		font-size:0.95em;
    font-weight:400;
    color:white;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

input[type="submit"].mini, input[type="button"].mini {
    width:60px !important;
}

input[type="submit"]:hover, input[type="button"]:hover {
    border:2px solid black;
}

input[type="submit"], input[type="button"], .speicherknopf, .abbruchknopf  {
  border:1px solid black;
}

.speicherknopf {
  background: white;
  border:2px green solid;
  padding:2px 6px;
  margin:10px 0;
  heigth:16px !important;
  -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;  -moz-box-shadow: 1px 1px 10px 0px #999;-webkit-box-shadow: 1px 1px 10px 0px #999;box-shadow: 1px 1px 10px 0px #999;}

.abbruchknopf {
  background: white;
  border:2px red solid;
  padding:2px 6px;
  margin:10px 0;
  width:320px;
  heigth:16px !important;
  -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;  -moz-box-shadow: 1px 1px 10px 0px #999;-webkit-box-shadow: 1px 1px 10px 0px #999;box-shadow: 1px 1px 10px 0px #999;}

.form_link {
    color:black;
    text-decoration:underline;
    padding:2px 5px;
    margin:4px 0 0 0px;
    
}

#left input::-webkit-input-placeholder {
    color:white;
    font-style:italic;
    font-size:0.8em;
    padding-top:3px;
}

#right input::-webkit-input-placeholder {
    color:black;
    font-style:italic;
    font-size:0.8em;
    padding-top:3px;
}

select {
    font-family: 'Dosis', sans-serif;  font-weight: 400;
    font-size: 1em;
    background-color:white;
    border: 1px solid #666;
    color:black;
    height:22px;
    margin: 5px 0;
    width:100%;
}

option {
    font-family: 'Dosis', sans-serif;  font-weight: 400;
    font-size: 1em;  
}

/* Klassen */

.icon {
    width:16px !important;
    height:16px !important;
    vertical-align:bottom !important;
    border:none !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
}

.club_icon {
    width:19px;
    height:19px;
    vertical-align:bottom;
    border:none;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5)); 
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
}

.player {
    font-size:0.9em;
    line-height:16px;
}

.out_of_tournament {
    opacity: 0.3;
}

.player a {
    /*display:block;*/
}

div.position_title {
    clear:left;
    font-size:1em;
    padding:7px 0 0;
    margin-bottom:5px;
    height:20px;
}

.squad_mosaique {
  clear:both;
}

div.player {
  float:left;
  position:relative;
  height:120px;
  width:120px;
  margin:0 12px 10px 8px;
  -moz-box-shadow: 1px 1px 20px 0px #bbb;-webkit-box-shadow: 1px 1px 20px 0px #bbb;box-shadow: 1px 1px 20px 0px #bbb;  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

div.player_name {
  position: absolute;
  left:0px;
  top:105px;
  width:120px;
  text-align:center;
 	-webkit-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;-moz-border-radius-bottomright: 10px;}

div.player_club_icon {
	position:absolute;
	left:98px;
	top:92px;
    transform: rotate(-8deg);
}

div.lineup_club_icon {
    position:absolute;
    left:-6px;
    top:-15px;
    transform: rotate(-8deg);
}

div.player_star {
	position:absolute;
	left:5px;
	top:5px;
}

div.player_out {
	position:absolute;
	left:100px;
	top:5px;
}

.pos_1, .pos_1 a {
    color:#250;
}

.pos_2, .pos_2 a {
    color:#963;
}

.pos_3, .pos_3 a {
    color:#036;
}

.pos_4, .pos_4 a {
    color:#A00;
}

.close_button {
    position:absolute; 
    top:2px; 
    right:3px; 
    font-weight:bold;
    padding: 0 4px;
}

.close_button a {
    color:#999;
    display:block;
}


/* Avatar */

.avatar {
    width:136px;
    height:227px;
    background-repeat:no-repeat;
    position:relative;
}

#avatar {
    float:left;
    margin:16px 0 0 2px;
		background-image:url(../layout/html_texture.jpg);
    border: 1px #e6e7e8 solid;
    padding-bottom:10px;
}

#avatar_selektor {
    margin-left:200px;
    padding-top:5px;
}

.frisur_icon {
    width:60px;
    border: 1px black solid;
}

.td_figur {
	background-color:#fff;
}


/* Tabellen */



td, th { 
    margin:0;
    padding: 1px 4px;
    border-collapse:collapse;
}

.nice_table {
  margin:0;
}

#left .nice_table td, #left .nice_table td a {
	color:black;
}

.border_bottom {
	border-bottom: 1px solid white;
}

table.daten {
  width:100%;
  border-spacing: 1px;
}

#ranking {
  border-collapse:collapse;
}

.daten td, #ranking td  {
  border-bottom: 1px solid #eee;
  padding:0px 2px 4px;
}

td a, th a {
	display:block;
}

table .header {
    font-weight:bold;
}

table .col {
    padding:2px 8px;
    text-align:center;
    min-width:30px;
}


.fett {
    font-weight:bold;
}

.td_bigger {
	font-size:0.9em;
}

.td_deaktiviert {
	color:grey;
	font-style:italic;
}

.td_linie {
	border-bottom:1px black dotted;
}

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

.td_rang {
    text-align:right;
    width: 10px;
}

.td_player {
    width:200px;
}

.td_game_team {
    font-size:12em;
}

.td_value {
  width:20px;
  text-align:center;
  font-weight:bold;
  white-space:nowrap;
}

.td_datum {
  width:280px;
}

.td_club {
  width:140px;
}

.td_box_club {
  width:40%;
}

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

td.center, th.center {
  text-align:center;
}

.td_white {
	background-color:#ddd;
}

.td_value_eng {
    width:25px;
    text-align:center;
    padding:0;
}

.td_alert {
    background-color:#e4f356;
}

.td_title {
  font-weight:bold;
  font-size:0.9px;
  padding:2px 4px;
  color:white;
  background:#333;
}

.stripe1 {
	background-color:rgba(100,100,100,0.5);
  color:#333;
}

.stripe2 {
  background-color:rgba(200,200,200,0.5);
  color:#333;
}

.stripe3 {
  background-color:rgba(255,255,255,0.5);
  color:black;
}

.highlight {
    background-color:rgba(245,6,6,0.5) !important;
    color:white;
}				

.highlight a {
    color:white;
}

.info_table a {
    display:block;
}

.grey {
	color:#bbb !important;
}

table.rundenbox {
  width:100%;
}

.rundenbox td, .rundenbox td a {
	color:black;
}

/* accordion */

.accordion h3 {
    font-size:0.75px;
}

.tabs p:first-child {
    width:100%;
    padding-top:28px;
}


.drinnen_2 {
    background-color:rgba(234, 37, 37, 0.45);
    color:black;
}

.drinnen_3 {
    background-color:rgba(234, 37, 37, 0.15);
    color:black;
}

.drinnen, tr.drinnen_2:hover, tr.drinnen_3:hover {
    background-color:rgba(234, 37, 37, 0.85);
    color:white;
}

.draussen {
    color:#999;
    background-color:#333;
}

.pagination {
    background-color:#f3f3f3;
}

.tab {
  -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;	background: url(../layout/transe.png);
  border: 1px #333 solid;
}

.active_tab {
  -webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;  background: white;
  color:#ef3e1b!important;
}

.active_tab a {
	color:#ef3e1b !important;
}

#left #swap_1 {
  border-top:none;
}


/* EINZELSEITEN */

#player_details_personalien {
    margin:18px 0 0 153px;
}

#player_details_resultate {
    margin:6px 0 0 153px;
}

#player_details_aufgestellt{
    margin:6px 0 0 153px;
}

#player_details_punkte{
    margin:6px 0 0 153px;
}

#player_details_managercount{
    margin:6px 0 0 153px;
}

.lineup {
    visibility:hidden;
    cursor:pointer;
    position:relative;
}

.lineup_box {
}

.lineup_player {
    width:100px;
    height:95px;
    background-repeat:no-repeat;
    background-position:top center;
    position:relative;
}

.lineup_player_name {
    width:80px;
    text-align:center;
    font-size:0.8em;
    background-color:#fff;
    border:1px #999 solid;
    position:relative;
    margin-left:-11px;
    left:20px;
    top:0px;
    color:black !important;
    z-index:1003;
}

.lineup_player_wappen {
    width:22px;
    height:22px;
    position:absolute;
    left:-10px;
    top:-10px;
    background-repeat: no-repeat;
}

.head_player {
    width:20px;
    height:20px;
    background-repeat:no-repeat;
    background-position:top center;
    position:relative;
    border:none;
}

.figur_player {
    height:100px;
    width:100px;
    background-repeat:no-repeat;
    background-position: center -8px;
    position:relative;
    border:none;
    float:left;
}

.article .figur_player .figur_player .figur_player .figur_player {
    border: 1px #eee solid;
}

#tool_tip {
    position:absolute;
    left:50%;
    top:0;
    padding:10px 10px 0 38px;
    height:50px;
    width:187px;
    background-image:url(../layout/tool_tip_red.png);
    z-index:2000;
}

#savediv, #dialogdiv {
    top:0;
    left:0;
    position:fixed;
    width:100%;
    height:100%;
    z-index:1199;
    background-image:url(../layout/transe_hell.png);
}

.dialog {
    position:fixed;
    left:50%;
    top:40%;
    width:200px;
    height:151px;
    margin-left:-200px;
    padding:30px 60px 0px 140px;
    color:black;
    font-size:0.8em;
    text-align:left;
}

#savealert {
    background-image:url(../layout/speichermeldung.png);
}

#dialog {
    background-image:url(../layout/dialog_ok.png);
}

.dialog h6 {
    font-weight:bold;
    font-size:1em;
    color:white;
    margin-bottom:12px;
}

.rundenlink {
    display:block;
    padding:3px;
    border:1px solid #999;
    background: white;
    width:16px;
    float:left;
    text-align:center;
		margin:1px 0px 0px 1px;
  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.eventlink {
    display:block;
    padding:0px;
    border:1px solid #999;
    background: white;
    width:25px;
    float:left;
    text-align:center;
		margin:1px 0px 0px 1px;
  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.clublink {
    display:block;
    padding:0px;
    border:none;
    background: white;
    width:23px;
    float:left;
    text-align:center;
		margin:1px 2px 0px 2px;
  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.riesenlink {
    display:block;
    padding:3px;
    border:1px solid #999;
    background: white;
    text-align:center;
		margin:1px 0px 0px 1px;
		width:216px;		
  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.halblink {
    display:block;
    padding:3px;
    border:1px solid #999;
    background: white;
    text-align:center;
    width:103px;
    float:left;
		margin:1px 1px 0px 1px;
  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.drittellink {
    display:block;
    padding:3px;
    border:1px solid #999;
    background: white;
    text-align:center;
    width:66px;
    float:left;
		margin:1px 0px 0px 1px;
  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}


#message_display {
    overflow:auto; 
    margin:5px; 
    padding:10px 5px; 
    background-color:#e4f3c6;
}

.hell_back {
    background-color:#e4f3c6;
}

.start {
    background-repeat: no-repeat; 
    position:relative; 
    border:none;
}

.text_link {
  text-decoration:underline;
  font-weight:bold;
}

.article_link {
  color:#333;
	font-weight:bold;
}

.article_link:hover {
  text-decoration:underline;
}


/* COUNTDOWN */

.countdown_holding span {
    background-color: #ccc;
}
.countdown_row {
    clear: both;
    width: 100%;
    padding: 0px 2px;
    text-align: center;
}
.countdown_show1 .countdown_section {
    width: 98%;
}
.countdown_show2 .countdown_section {
    width: 48%;
}
.countdown_show3 .countdown_section {
    width: 32.5%;
}
.countdown_show4 .countdown_section {
    width: 23.5%;
}
.countdown_show5 .countdown_section {
    width: 17.5%;
}
.countdown_show6 .countdown_section {
    width: 14.25%;
}
.countdown_show7 .countdown_section {
    width: 12%;
}
.countdown_section {
    display: block;
    float: left;
    font-size: 0.75em;
    text-align: center;
}
.countdown_amount {
    font-size: 2em;
}
.countdown_descr {
    display: block;
    width: 100%;
}


/*****************/


/* Kommentare */
div.comment, div.blog {
  padding: 3px 0;
  background:rgba(255,255,255,0.4);
	border-top: 1px solid #e5e5e5;
}

div.blog.comment {
  background:#fcfcfc;
}

div.comment a.delete, div.blog a.delete {
    float:right;
    padding: 1px 2px 0 0;
}
div.comment p {
  margin:0;
  padding:0;
}

div.blog p {
  margin:0;
  padding:0;
  font-size:0.8em;
}

/* Chats */
div.chat {
	border-top: 1px solid #999;
}
div.chat a {
	float:right;
	padding: 1px 2px 0 0;
}
div.chat p {
	margin:0;
	padding:0;
}

.blog_content {
    margin-left:40px !important;
}

div.new_blog {
  width: 600px;
  position: fixed;
  left: 50%;
  top: 20%;
  margin-left: -200px;
  z-index: 999;
  background: #eee;
  border: 2px black solid;
  border-radius: 5px;
  padding: 10px;
}

.blog_title {
  background: #ddd;
  font-weight:normal;
  padding: 2px 10px;
}

.blog_div {
  max-height: 200px;
  overflow: scroll;
}

/* Punktebox */


.hell_back {
    background-color:#e4f3c6;
}

.punktebox {
	width:490px;
}

.punktebox td {
	padding:0px 0px;
  font-size: 0.9em;
  line-height:16px;
}

.punktebox .header {
	width:30% !important;
}

.punktebox .remarks {
	font-style:italic;
	color:#666;
	width:60% !important;
}

.pluginBoxContainer {border:none !important}


.extra_article {
  background-color: rgba(255,223,120,0.9) !important;
}

.main_article {
  background-color: #E6C6CF !important;
}

.main_article .article_image {
  height:50px !important;
  width:50px !important;
  background-size: auto 50px !important;
}

.main_article h3 {
  margin-left: 60px !important;
}

.main_article p {
  margin-left: 65px !important;
  min-height:20px !important;
  margin-bottom:0px !important:
}

.profile_picture {
    border: 1px black solid;
}

.profile_avatar {
  float:left; 
  cursor:pointer; 
  margin:5px 8px;
  position:relative; 
}

.voting_img {
  float:right;
  border:1px solid #eee;
}

iframe {
  max-height:227px;
}

#mysquad_teamselector {
  width:240px;
  margin-left:5px;
  min-height:80px;
}

#mysquad_add_player {
  display:none;  
}

#mysquad_teamselector div {
  cursor:pointer;
}

.spielfeld {
  background-image:url(../layout/pitch.png);
  height:465px;
  min-height:465px;
  background-repeat:no-repeat;
  position:absolute;
  left:50%;
  margin-left:-230px;
  margin-top:45px;
  width:400px;
  z-index:2;
}

/* mobile */

#change_to_change, #change_to_pitch, #save_lineup {
  display:none;
  cursor:pointer;
  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.mobile_switch {
  display:none;
}

.mobile {
  display:none;
}

.dialog a {
  text-decoration:underline;
}

.miniball {
  width:10px !important;
  height:10px !important;
  vertical-align:middle !important;
}

audio {
  width:260px !important;
}

#hamburger {
  cursor:pointer;
  display:none;
}

/* *** LIVE *** */

.live_box {
  min-height:50px;
}

.live_box_inner {
  width:565px;
  margin:0 auto;
}

.live_game_matchday_infos {
  font-size: 0.8em;
  border-bottom: 0.5px solid #999;
}

.event_icon {
  height:14px;
  width:14px;
  vertical-align:sub;
}

.live_home_club {
    position: absolute;
    width: 18%;
    opacity: 0.5;
    top: -20%;
    left: -3%;
    transform: rotate(-10deg);
}

.live_guest_club {
  position: absolute;
  width: 18%;
  opacity: 0.5;
  top: -20%;
  right: -3%;
  transform: rotate(10deg);
}

.live_clubname {
  border-bottom:1px red solid;
  font-size:1.2em;
  padding-bottom: 4px;
}

.live_stripe {
  background:#ffdd93;
  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.live_player_points {
  text-align: center;
  font-size:0.9em;
  color:#333;
  font-weight:bold;
  width: 28px;
}

.my_player {
  border: 1px red solid;
  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;  
  background-color: #E9B5A5;
}

.desaturate { 
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
}

.pointbox {
  position:absolute;
  top:78px;
  left:74px;
  width:16px;
  height:16px;
  background:white;
  border-radius:10px;
  border: 1px black solid;
  text-align:center;
}

.zeigmir {
	color:white !important;
	background: black !important;
}

.red {
  color: red;
  font-weight: bold;
}

.award_box {
  position: relative;
  display: block;
}

.award {
  position: absolute;
}

.ranking_table {
  height:103px;
}