@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - FULLPAGE-layout type layout
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.2
 * @revision        $Revision: 743 $
 * @lastmodified    $Date: 2012-10-23 23:01:14 +0200 (Di, 23 Okt 2012) $
 */

@media screen {

	/* force vertical scrollbar */
	body {
		overflow-y: scroll;
	}

	/* Layout Module Configuration */
	.ym-wrapper {
		max-width: 80em;
		margin: 0 auto;
	}

	.ym-wbox {
		padding: 1.5em;
	}

	/* fallback for missing media queries support*/
	body > header,
	body > nav,
	body > #main,
	body > footer {
		min-width: 760px;
	}

	/* Basic Element Styling */
	header {
		background: #fff;
		color: #ccc;
		height:auto;
	}

	header h1 {
		background: transparent;
		color: #fff;
	}
			
	nav {
		background: #222222;
	}

	#main .info {
		margin-bottom: 1.5em;
	}

	footer {
		margin-top:20px;
		color: #444;
		border-top:1px solid #000;
	}
	
	footer label {
		text-transform:uppercase;
	}
	
	#label {
		width:218px;
		margin-left:auto;
		margin-right:auto;
		background-color:#fff;
		margin-top:-11px;
		padding:0 10px
	}

	footer p {
		margin: 0;
	}

	header .ym-wbox,
	footer .ym-wbox {
		padding: 1.5em;
	}
	
	.grey {
		background-color:#cccccc;
		border:none;
	}
	
	.ym-gbox { padding: 0 1.5em; }
	.ym-gbox-left { padding: 0 3em 0 0; }
	.ym-gbox-right { padding: 0 0 0 3em; }

	section.box { padding: 0 1.5em 1.5em 1.5em; }

	#main aside .ym-gbox-right {
		border-left: 1px #ddd solid;
	}

	/* skip links styling */
	.ym-skiplinks a.ym-skip:focus,
	.ym-skiplinks a.ym-skip:active {
		color:#fff;
		background:#333;
		border-bottom:1px #000 solid;
		padding:10px 0;
		text-align: center;
		text-decoration:none;
	}
	
#clock {
  position: relative;
  top: 100px;
  left: -120px;
}
		
	header .ym-wbox {
  margin-bottom: 10px;
}
	
	#memoligaKarte {
		margin-top:60px;
	}
	
	/**ACCORDION**/
.trigger {
  background: -moz-linear-gradient(center top , #E9E9E9 50%, #DDDDDD 50%) repeat scroll 0 0 #DDDDDD;
  border: 1px solid #DDDDDD;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 1px #FFFFFF inset;
  /*color: #666666;*/
  cursor: pointer;
  padding: 5px;
  text-shadow: 0 1px 0 #FFFFFF;
  margin-top: 30px;
}chatcc

.trigger:hover {
	text-decoration:underline;
	color:#bd0926;
}

.trigger_active {
	text-decoration:underline;
	color:#bd0926;
}

.toggle_container {
  padding:5px 10px;
}

	/**LOGIN ACCORDION**/
.ym-hlist .loginTrigger {
  cursor: pointer;
}

.login {
	float:left;
}

.buttonLogin, .formLogin label {
	margin-left:20px;
	color:#fff
}


/**CHAT**/

.chat {
	margin-top:80px;
}

.chat .ym-hlist {
  margin-bottom: -20px;
  width: 340px;
}

#chat {
  border: 1px solid #CCCCCC;
  padding: 10px;
  margin-top:20px;
  margin-bottom:20px;
  max-height: 450px;
  overflow: auto;
}

#chat .left {
  display: inline;
  float: left;
  margin: 0 1em 0em 0;
}

#chat .ym-clearfix {
	margin:10px 0 10px 0;
}

#chat .spieler1 {
	color:#bd0926;
}

#chat .spieler2 {
	color:#f8b333;
}

/**REGISTRIERUNG**/
#registrierungForm .float-left {
  width: 45%;
}

/**SPONSOREN**/
#label > label {
  color: #888888;
}

/**TIPPABGABE**/
.tabelle {
  padding-top: 20px;
}

.reg {
  margin-left: 128px;
}

.liga {
	margin-left:20px;
}

.tipp {
	margin-left:10px;
}

/* Tabellenlayout */
.tabreihe_1, .tabreihe_3, .tabreihe_5, .tabreihe_7, .tabreihe_9, .tabreihe_11, .tabreihe_13, .tabreihe_15, .tabreihe_17 {
	background-color:#f2f2f2;
}

.tabreihe_2, .tabreihe_4, .tabreihe_6, .tabreihe_8, .tabreihe_10, .tabreihe_12, .tabreihe_14, .tabreihe_16, .tabreihe_18 {
	background-color:#fff;
}

.tabreihe_1, .tabreihe_2, .tabreihe_3, .tabreihe_4, .tabreihe_5, .tabreihe_6, .tabreihe_7, .tabreihe_8, .tabreihe_9, .tabreihe_10, .tabreihe_11, .tabreihe_12, .tabreihe_13, .tabreihe_14, .tabreihe_15, .tabreihe_16, .tabreihe_17, .tabreihe_18 {
}

.tabplatz_1, .tabplatz_2, .tabplatz_3 {
  background-color: #33CC00;
  width: 15px;
  text-align:center;
}

.tabplatz_4 {
	background-color:#5af25a;
	text-align:center;
}

.tabplatz_5, .tabplatz_6 {
	background-color:#ccffcc;
	text-align:center;
}

.tabplatz_16 {
	background-color:#ff7b7b;
	text-align:center;
}

.plztabplatz_1, .plztabplatz_2, .plztabplatz_3 {
  /*background-color: #33CC00;*/
  width: 15px;
  text-align:center;
}

.plztabplatz_4 {
	/*background-color:#5af25a;*/
	text-align:center;
}

.plztabplatz_9 {
	/*background-color:#5af25a;*/
	text-align:center;
}

.plztabplatz_7 {
	/*background-color:#5af25a;*/
	text-align:center;
}

.plztabplatz_8 {
	/*background-color:#5af25a;*/
	text-align:center;
}

.interntabplatz_1, .interntabplatz_2, .interntabplatz_3 {
  /*background-color: #33CC00;*/
  width: 15px;
  text-align:center;
}

.plztabplatz_5, .plztabplatz_6 {
	/*background-color:#ccffcc;*/
	text-align:center;
}

.plztabplatz_18 {
	text-align:center;
}

.plztabplatz_16 {
	text-align:center;
}

.plztabplatz_17 {
	text-align:center;
}


.tabplatz_7, .tabplatz_8, .tabplatz_9, .tabplatz_10, .tabplatz_11, .tabplatz_12, .tabplatz_13, .tabplatz_14, .tabplatz_15  {
	text-align:center;
}

.tabplatz_17, .tabplatz_18 {
	background-color:#ff2b2b;
	text-align:center;
}

.tabreihe_1, .tabreihe_3, .tabreihe_5, .tabreihe_7, .tabreihe_9, .tabreihe_11, .tabreihe_13, .tabreihe_15, .tabreihe_17 {
	background-color:#f2f2f2;
	text-align:center;
}

.tabreihe_2, .tabreihe_4, .tabreihe_6, .tabreihe_8, .tabreihe_10, .tabreihe_12, .tabreihe_14, .tabreihe_16, .tabreihe_18 {
	background-color:#fff;
	text-align:center;
}

.trennlinie .tabreihe_8 {
  	border-bottom: 1px solid #33CC00;
	text-align:center;
}

.up {
	background-image:url(../images/table/up.png);
	background-repeat:no-repeat;
}

.down {
	background-image:url(../images/table/down.png);
	background-repeat:no-repeat;
}

.same {
	background-image:url(../images/table/same.png);
	background-repeat:no-repeat;
}

.duell {
	border: 1px solid rgba(255, 255, 255, 0.01);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3), 0 0 6px rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 20px;
    padding: 15px;
    transition: all 0.3s ease-out 0s;
	font-size:0.8em;
}

.toggle_container {
  line-height:30px;
}

.klein {
	  font-size: 0.8em;
}

.reihe_1, .reihe_2, .reihe_3, .reihe_4, .reihe_5, .reihe_6, .reihe_7, .reihe_8, .reihe_9, .reihe_10, .reihe_11, .reihe_12, .reihe_13, .reihe_14, .reihe_15, .reihe_16, .reihe_17, .reihe_18, .tipp_1, .tipp_2, .tipp_3, .tipp_4, .tipp_5, .tipp_6, .tipp_7, .tipp_8, .tipp_9, .tipp_tore, .tippDirekt_1, .tippDirekt_2, .tippDirekt_3, .tippDirekt_4, .tippDirekt_5, .tippDirekt_6, .tippDirekt_7, .tippDirekt_8, .tippDirekt_9 {
  text-align: left;
}

.centerTabelle {
  text-align: right;
}

.ligabegegnungenErg {
  width: 50px;
}

.chatter {
  color: #FFFFFF;
  float: left;
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
}

.abstandOben {
  position: relative;
  top: 10px;
}

.ergebnisDuell {
  padding: 0;
  text-align:right
}

.erg {
  position: relative;
  top: 5px;
}

.playerOne {
  position: relative;
  top: 12px;
  text-align:right;
  font-weight:bold;
}

.playerTwo {
	color:blue;
	font-weight:bold;
}

.ergTor {
  color: red;
  font-size: 0.8em;
  position: relative;
  top: 4px;
}

.trennlinie .plztabplatz_6, .trennlinie .plztabplatz_4, .trennlinie .plztabplatz_2 {
	background-color:#fff;

}

.trennlinie .plztabplatz_5, .trennlinie .plztabplatz_3, .trennlinie .plztabplatz_1 {
	background-color:#f2f2f2;
}
		
}

/* reset fallback values in modern browsers */
@media screen and ( min-width: 0px ) {

	body > header,
	body > nav,
	body > #main,
	body > footer {
		min-width: 0;
	}
}

@media screen and ( max-width: 760px ) {

	.secondary {
		border-top: 1px #888 solid;
		margin-top: 1.5em !important;
	}

	#main aside .ym-gbox-right {
		border: 0 none;
	}

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
	.linearize-level-1,
	.linearize-level-1 > [class*="ym-g"],
	.linearize-level-1 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
		width: 100% !important;
	}

	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow: hidden; /* optional for containing floats */
		padding: 0;
		margin: 0;
	}

	.ym-searchform {
		display:block;
		float: none;
		width: auto;
		text-align: right;
	}

	.ym-searchform input[type="search"] {
		width: 14%;
	}
	
	/*Verschiedene Formulare*/
	#formTippliga select {
		margin-right:30px;
		width:100%;
	}
}

@media screen and ( max-width: 480px) {

	header {
		padding: 0.75em 10px;
		height:330px;
	}
	
	#clock {
  position: relative;
  top: 10px;
  left: 15px;
  margin-bottom:30px;
}

#sponsoren {
	margin-left:15px;
}

#sponsoren > label {
  color: #888888;
  position: relative;
  top: -10px;
}

	footer .ym-wbox,
	.ym-wbox,
	.ym-searchform,
	nav .ym-hlist ul {
		padding-left: 10px;
		padding-right: 10px;
	}

	header h1 {
		font-size: 1.5em;
		line-height: 1em;
		margin: 0;
	}
	
	#label {
		margin-top:5px
	}

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2  */
	.linearize-level-2,
	.linearize-level-2 > [class*="ym-g"],
	.linearize-level-2 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: 100% !important;
	}

	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow: hidden; /* optional for containing floats */
		padding: 0;
		margin: 0;
	}

	.ym-searchform,
	nav .ym-hlist ul,
	nav .ym-hlist li {
		display:block;
		float: none;
		width: auto;
		text-align: left;
	}

	.ym-searchform input[type="search"] {
		width: 50%;
	}
	
	.reg {
  margin-left: 0px;
}

.liga {
	margin-left:0px;
}

.abstandOben {
  position: relative;
  top: 10px;
  width:50px;
}

.ergTor {
  color: red;
  font-size: 0.8em;
}

.duell2 {
	font-size:0.6em;
}

.erg {
  position: relative;
  top: 5px;
  font-size:0.6em;
}

.playerOne {
  position: relative;
  top: 18px;
  text-align: center;
  font-size: 0.6em;
}

.playerTwo {
  text-align: center;
  font-size: 0.6em;
  position: relative;
  top: 16px;
}

.duell.direktesDuellSmart, .alleTippsSmart {
  font-size: 0.58em;
}

#sponsoren img {
  width: 49%;
}

.smartIl {
  font-size: 0.85em;
}
	
}

.aufstiegsFarbe {
	
	background-color: #33CC00 !important;
	
}

.abstiegsFarbe {
	
	background-color: #FF2B2B !important;
	
}

.relegationsFarbeAuf {
	
	background-color: #5AF25A !important;
	
}

.relegationsFarbeAb {
	
	background-color: #FF7B7B !important;
	
}

.chatHand {
	
	cursor: pointer;
	cursor: hand;
	
}


#overlay {
   position: fixed;
   z-index:199;
   top: 0px;
   left: 0px;
   height:100%;
   width:100%;

}

* html #overlay { /* ie6 hack */
   position: absolute;
   height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.overlayBG {
   background-color:#000;
   -ms-filter: "Alpha(Opacity=75)";
   filter:alpha(opacity=75);
   -moz-opacity: 0.75;
   opacity: 0.75;
}

#lightBox {
	display: none;
	font-family: Arial, sans-serif;
	font-size: 18px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	position:fixed;
	top:40%;
	left:50%;
	margin-left:-250px;
	margin-top:-150px;
	z-index:200;
	width:500px;
	height:300px;
	background-color:#fff;
	text-align:center;
}

#lightBox a {
	font-size: 14px;
	margin-right: 11px;
	margin-top: 10px !important;
}

* html #lightBox { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) +
     (TBWindowMargin = document.documentElement &&
     document.documentElement.scrollTop ||
     document.body.scrollTop) + 'px');
}


#gotoChat {

	border: 1px solid #DDDDDD;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 1px #FFFFFF inset;
	cursor: pointer;
	padding: 5px;
	text-shadow: 0 1px 0 #FFFFFF;
	margin-top: 30px;


}

#gotoChat:hover {
	background-color: #d0d2d0;

}

#messageShower {
	position: absolute;
	width: 15px;
	height: 15px;
	left: 640px;
	top: 1px;
	/*background-color: red;*/
	background-image: url('../../images/style_elements/notification.png');
	background-repeat: no-repeat;
	color: #fff;
	fonz-size: 5px;
	line-height: 15px;
	padding-left: 3px;
	display: none;
}

#spieltagauswahl {
	text-align: right;
}


#overlay {
	position: fixed;
	z-index:199;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;

}

* html #overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.overlayBG {
	background-color:#000;
	-ms-filter: "Alpha(Opacity=75)";
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#lightBox {
	display: none;
	font-family: Arial, sans-serif;
	font-size: 18px;
	padding-top: 20px;
	position:fixed;
	top:40%;
	left:50%;
	margin-left:-250px;
	margin-top:-175px;
	z-index:200;
	width:500px;
	height:350px;
	background-color:#fff;
	text-align:center;
}

* html #lightBox { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) +
     (TBWindowMargin = document.documentElement &&
     document.documentElement.scrollTop ||
     document.body.scrollTop) + 'px');
}