@CHARSET "UTF-8";
* {								/* Part of CSS-Reset */
	margin: 0;
	padding: 0;
}
option {						/* Part of CSS-Reset */
	padding-left: 0.4em
}
html {
	height: 100%;
}

body {
	margin: 0 auto;
	padding: 0;
	text-align:center;
	height:auto;
	!height:100%;
	width:1024px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 0.9em;
	background-color: #fff;
	color: black;
	background:url(../images/example_bg_image.jpg) 0 0 repeat-x;
}



*html body{
  width:100%;
}

fieldset, img {					/* Part of CSS-Reset, Rahmen löschen */
	border: 0 solid;
}

fieldset table th
{
  font-size:11px;
}

ul, ol, dl {					/* Part of CSS-Reset, Standard für Listen&Zitate */
	margin: 0 0 1em 1em;
}
li {							/* Part of CSS-Reset */
	margin-left: 1.5em;
	line-height: 1.5em;
}
dt {							/* Part of CSS-Reset */
	font-weight: bold;
}
dd {							/* Part of CSS-Reset */
	margin: 0 0 1em 2em;
}
blockquote, cite {				/* Part of CSS-Reset */
	margin: 0 0 1em 1.5em;
}

.absatz{
  margin:25px 0 0 0;
}

.buttonBlue{
  background-color:#00A2C9;
  color:#fff;
  cursor:pointer;
  text-decoration:none;
}

.buttonGreen{
  background-color:#34A91D;
  color:#fff;
  cursor:pointer;
  text-decoration:none;
}

.clearBoth{
  clear:both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

/*----- Fehler/Error sTART-----*/

.action-errors{
  color:red;
  list-style:none;
  margin:0;
}

#layer{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background:transparent url('../images/example_overlay.png') 0 0 repeat;
}

*html #layer{
  background:transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/example_overlay.png, sizingMethod='scale');
}

#errorBox{
  width:695px;
  text-align:center;
  position:relative;
  font-weight:bold;
  font-size:13px;
  color:#000;
  background-color:#fff;
  padding:15px;
  border:2px solid black;
  margin:15% 0 0 -365px;
  left:50%;
  !margin:15% 0 0 0;
  !top:0;
  !left:0%;
}

#errorBox span#close{
  font-size:11px;
  float:right;
  border:1px solid black;
  padding:3px;
  cursor:pointer;
}

#errorBox span.headerErrorMessage{

}


/*----- Fehler/Error END-----*/

.action-errors li{
  margin:0;
  padding:0;
}

.center{
  text-align:center;
}

.right{
  text-align:right;
}

.bold{
  font-weight:bold;
}


#page {
	width: 1024px;
	background-color:#fff;
  text-align:left;
  padding:0;
  height:auto;
  float:left;
	/* nur horizontale zentrierung, k.i.s.s */
	margin:0 auto;
	position:relative;
	/* nur horizontale zentrierung */
	/* position: absolute; */
	/*left: 50%;*/
	/*margin-left: -512px;/		/* 50% der Breite */

	/* keine vertikale ...
	top: 50%;
	margin-top: -400px;			// 50% der Höhe
	*/
	/* jedoch einen kleinen, oberen Abstand
	margin-top: 15px;*/

	/*border: 1px dotted dimgray;*/

}

*html #page{
  float:none;
}

#header-wrapper {
    clear:both;
  	background: white;
  	color: white;
  	height: 150px;
}
#header {
  	/*background: black;
  	padding-top: 1em;
  	padding-bottom: 1em;
  	margin: 20px 0px 20px 0px;
  	text-align: center;*/
}
#left {
	float: left;
	width: 150px;
	background:url(../images/example_bg_left.jpg) 0 0 repeat-y;
	display:block;
}
#left img {
  border:none;
}

#middle {
	float: left;
	margin:0;
	width: 715px;
	padding:0 5px 0 5px;
	background-color:#fff;
	border-bottom:1px solid #999;
	display:block;
}
#menu { /* have a lock at menu.css */ }

#pad {
	width: 715px;
	height:auto;
	float:left;
	margin:25px 0 0 0;
	padding-bottom:15px;
}

*html #pad{
  width:714px;
}

#content {
	float:left;
	width: 430px;
	display:block;
	min-height:565px;
  margin:3% 10px 0 10px;
}

*html #content{
  margin:3% 5px 0 5px;
  display:block;
}

#content h1{
  font-size:15px;
  margin:15px 0 5px 0;
}


#right {
  float:left;
	width: 149px;
	background:url(../images/example_bg_right.jpg) 0 0 repeat-y;
	height:100%;
	display:block;
	/*height : 750px;*/
	/*border:1px dotted red;*/
}

#right img {
  border:none;
  margin:0;
  padding:0;
}

#footer-wrapper {
  	clear: both;
  	color: white;
  	height: 25px;
}
#footer {
  	text-align: center;
  	font-size: 0.75em;
  	padding:5px;
}

#footer a{
  text-decoration:none;
  color:#333;
}



/*----FIELDSET GLOBAL -----*/


fieldset{
  border:1px solid #6d6d6d;
  padding:10px;
  font-size:11px;
}


fieldset legend{
  border:1px solid #6d6d6d;
  margin:0 0 0 5px;
  !margin:0 0 0 -5px;
  padding:5px 10px 5px 10px;
  font-size:11px;
}

fieldset table{
  width:100%;
}

fieldset table thead th{
  color:#6d6d6d;
  padding:0 0 5px 0;
  !padding:5px 0 5px 0;
}

fieldset table tbody tr.line{
  background-color:#d6d6d6;;
}

fieldset table tbody tr.line2{
  background-color:#eee;
}

fieldset table tbody tr td{
  font-size:11px;
  padding:2px 0 2px 0;
}

fieldset table tbody tr td img{
  vertical-align:top;
  
}


fieldset form label{
  display:block;
  float:left;
}

fieldset form input{
  border:1px solid #6d6d6d;
}

/*------- FIXTURES GLOBAL -------*/

#prelimrounds, #season {
  width:695px;
}

/*------- LEFT CONTENT -------*/
/*---- CONTENT-DIV GLOBAL ----*/


#content div.text{
  font-size:12px;
  margin:0 0 0 0;
}


#content div.text h3{
  font-size:14px;
  padding:0 0 10px 0;
}

#content div.text h5{
  font-size:13px;
  padding:15px 0 3px 0;
}

#content div.text a{
  color:black;
  text-decoration:none;
  font-weight:bold;
}

#content div.text a:hover{
  text-decoration:underline;
}

#content div.text ul{
  margin:0;
  padding:0;
}

#lostPassLink, #registerLink {
	margin: 5px 0px 0px 0px;
	text-align: right;
}
.link a{
  color:black;
  text-decoration:none;
/*  font-weight:bold; */
  font-size: 10px;
}

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

/*---- PREISE ----*/

#overviewWinnings{
  margin:15px 0 15px 0;
}


#overviewWinnings fieldset legend{
  color:#fff;
  background-color:#34A91D;
}

#overviewWinnings fieldset h4{
  font-size:14px;
  color:#6d6d6d;
  padding:0 0 5px 0;
  !padding:10px 0 5px 0;
}

/*---- REGISTRIERUNG ----*/

#registerForm{}

#registerForm fieldset legend{
  color:#fff;
  background-color:#34A91D;
}

#registerForm fieldset form{
  text-align:left;
  !margin:9px 0 0 0;
}

#registerForm fieldset form a, #registerForm fieldset form a:visited{
  color:#fe0000;
}


#registerForm fieldset form label{
  width:200px;
  margin:0 0 10px 0;
}

#registerForm fieldset form input{
  width:206px;
  !width:204px;
  margin:0 0 10px 0;
}

*html #registerForm fieldset form input{
  width:201px;
}

#registerForm fieldset form div.checkbox input {border: none; clear: left; float: left; width:30px}
#registerForm fieldset form div.checkbox label {float: left; width:80%}

#registerForm fieldset form span.inputRadio { border: none; float: left;}
#registerForm fieldset form span.inputRadio input { border: none; float: left; width:20px;}
#registerForm fieldset form span.inputCheckbox { border: none; float: left;}
#registerForm fieldset form span.inputCheckbox input { border: none; width:20px;}
#registerForm fieldset form div.inputCheckbox { border: none; height:30px; width: 200px;}
#registerForm fieldset form div.inputCheckbox input { border: none; width:20px; float:left; }
#registerForm fieldset form div.inputCheckbox span { display: block; float:left; !padding-top:3px; width: 175px;}

#registerForm fieldset form input.buttonGreen{
  width:150px;
  float:right;
  margin: 0 0 0 0;
}

#registerForm .action-errors{
  /*float:right;
  margin:15px 0 0 0;*/
  display:none;
}

#registerForm fieldset form select{
  width:208px;
  margin:0 0 10px 0;
  border:1px solid #6D6D6D;
  !width:204px;
}

/*---- BONUS----*/

fieldset.bonus{
  margin:15px 0 0 0;
}

fieldset.bonus legend{
  color:#fff;
  background-color:#34A91D;
}


fieldset.bonus table tbody tr td{
  font-size:14px;
}

fieldset.bonus table tbody tr td h5{
  font-size:13px;
  padding:0 0 15px 0;
}

fieldset.bonus form input{
  margin: 10px 0 0 15px;
  !margin:8px 0 0 15px;
  border:none;
  float:left;
}

fieldset.bonus form span{
  font-size:12px;
  float:left;
  line-height:15px;
  !line-height:18px;
  margin:6px 0 0 15px;
  width:350px;
}


fieldset.bonus a.buttonGreen{
  border:1px solid #6d6d6d;
  text-align:center;
  display:inline;
  padding:3px 10px 3px 10px;
  !padding:0 10px 0 10px;
  margin: 0 10px 0 0px;
  font-size:13px;
}


fieldset.bonus a.buttonGreen:hover{

}

/*---- TOP 10----*/

#ranking fieldset table tbody tr td{
  font-size:14px;
}

#ranking fieldset legend{
  color:#fff;
  background-color:#34A91D;
}

/*---- GEWINNE ----*/

fieldset.winnings{
  margin:0 15px 0 0;
  width:408px;
}



fieldset.winnings legend{
  color:#fff;
  background-color:#34A91D;
}


/*---- FIXTURES ----*/

#mysection fieldset.fixtures{
  width:408px;
}

#mysection fieldset.fixtures td.country{
  width:117px;
}

fieldset.fixtures{
  width:450px;
  float:left;
}


fieldset.fixtures legend{
  color:#fff;
  background-color:#34A91D;
}

fieldset.fixtures td.country{
  width:130px;
}

fieldset.fixtures td span.fixtureResult{
  margin:0 0 0 25px;
}

fieldset.fixtures hr{
  margin:10px 0 10px 0;
}

fieldset.fixtures table{
  !padding:0 0 10px 0;
}

fieldset.fixtures div.championQuestion{
  float:left;
  width:100%;
}

fieldset.fixtures div.championQuestion div span{
  line-height:18px;
  font-weight:bold;
}

fieldset.fixtures span{
  line-height:16px;
  font-weight:bold;
  font-size:11px;
}

fieldset.fixtures div form#fBonusQuest0 select{
  border:1px solid #6D6D6D;
  font-size:11px;
  width:200px;
  padding:2px 2px 2px 25px;
}




/*------- RIGHT CONTENT -------*/
/*---- LOGIN ----*/

#loginForm{
  width:250px;
  float:right;
  margin:3% 10px 0 0;
}

*html #loginForm{
  margin:3% 5px 0 0;
}


#loginForm fieldset legend{
  color:#fff;
  background-color:#00A2C9;
}

#loginForm fieldset form{
  !margin:9px 0 0 0;
  !padding:0 0 22px 0;
}

#loginForm fieldset form label{
  width:70px;
  margin:0 0 10px 0;
}

#loginForm fieldset form input{
  width:156px;
  margin:0 0 10px 0;
}

*html #loginForm fieldset form input{
  width:151px;
}


#loginForm fieldset form input.buttonBlue{
  float:right;
  margin:0 0 0 0;
  !margin:0 0 -14px 0;
  width:110px;
}

#loginForm .action-errors{
  /*float:right;
  margin-top:15px;*/
  display:none;
}

/*---- NEWS ----*/

#advert{
  width:250px;
  float:right;
  margin:15px 10px 0 0;
  text-align:center;
}

*html #advert{
  margin:15px 5px 0 0;
}

#advert fieldset legend{
  color:#fff;
  background-color:#00A2C9;
}

#advert img{
  border:1px solid #999;
  margin:5px 0 5px 0;
  !margin:13px 0 1px 0;
}

/*---- STASTISTIK ----*/
#userstats{
  width:250px;
  float:right;
  margin:3% 10px 0 0;
  text-align:center;
  color:#555;
}

*html #userstats{
   margin:3% 5px 0 0;
}




#userstats fieldset legend{
  color:#fff;
  background-color:#00A2C9;
}

#userstats fieldset table{
  margin:-1px 0 0 0;
  !margin:0;
}

#userstats fieldset table thead th{
  border-bottom:1px solid #8d8d8d;
}

#userstats fieldset table tbody tr td{
  height:20px;
  !height:16px;
  font-size:12px;
}

/*---- TIPPS----*/

fieldset.tipps{
  width:186px;
  float:right;
  text-align:center;
}

fieldset.tipps legend{
  color:#fff;
  background-color:#00A2C9;
}


fieldset.tipps table tbody tr td{
  height:22px;
}



fieldset.tipps hr{
  margin:10px 0 0 0;
}

#tipps_petitefinal legend{
  padding:5px 5px 5px 5px;
  font-size:12px;
}

fieldset.tipps #fBonusQuest0{
  margin:7px 0 0 0;
}

fieldset.tipps #fBonusQuest0 select{
  font-size:11px;
  width:100%;
  text-align:center;
}



/*---- TABELLE ----*/

fieldset.standings{
  margin:15px 0 0 0;
}

fieldset.standings legend{
  color:#fff;
  background-color:#34A91D;
}

fieldset.standings table th{
  text-align:center;
}

fieldset.standings table td.country{
  width:350px;
  padding:0 0 0 5px;
}

fieldset.standings table td.games{
  width:50px;
}

fieldset.standings table td.won, fieldset.standings table td.draw, fieldset.standings table td.lost, fieldset.standings table td.goals, fieldset.standings table td.goalsAgainst, fieldset.standings table td.points{
  width:25px;
}


#finals_bg{
  background:url(../images/example_final_bg.jpg) 0 0 no-repeat;
  width:688px;
  height:235px;
  float:left;
  margin:15px 0 0 0;
}

/*---- NÄCHSTES RENNEN ----*/

#nextrace{
  width:250px;
  float:right;
  margin:3% 10px 0 0;
  text-align:center;
}

*html #nextrace{
  clear:both;
  margin:3% 5px 0 0;
}

#nextrace fieldset legend{
  color:#fff;
  background-color:#00A2C9;
}

#nextrace fieldset div{
  background-color:#eee;
  padding:15px 0 0 0;
  !margin:10px 0 0 0;
}

#nextrace fieldset p{
  padding:5px 0 5px 0;
}
#nextrace fieldset p strong{
  font-size:13px;
}

#nextrace img{
  margin:0 0 5px 0;
  !margin:0x 0 1px 0;
  padding:0;
}

#doubleoptin{
  text-align:center;
  font-size:13px;
  margin:3% 15px 0 0;
}

/*---- WM TIPPS ----*/
div.fixtureTipp {
	/*border: 1px dotted red;*/
	width:50px;
}
input.inputFixtureTipp {
	 width: 15px;
	 text-align: center;
}

/*---- GP TIPPS ----*/

#mytipps select{
  font-size:11px;
  margin:0;
  padding:0;
  width:100%;
}

#mytipps tr{
  height:17px;
}


.line { height: 22px;}
.line2 { height: 22px;}



/**BUNDES LIGA BL**/


div#selectGameday,div#tippsPH{
  height:40px;
}

div#selectGameday table tr.nohover td{
  text-align:center;
  border-bottom:1px solid #ccc;
}

div#selectGameday table tr.nohover td form select{
  width:200px;
  text-align:center;
  padding:3px;  
}

/** Gewinner durch blättern **/
#pageControl{
 border-top:1px solid #6d6d6d;
 margin:15px 0 0 0;
 padding:5px 0 15px 0;  
}

#pageControl a{
  text-decoration:none;
  color:#000;
  font-size:11px;
}

#pageControl a.active{
  text-decoration:underline;
}


/** FACEBOOK **/

#facebook_big{
  margin:15px 0 0 0;
}

*html #facebook_big{
  margin:15px 5px 0 0;
}


#facebook_big fieldset legend{
  color:#fff;
  background-color:#34A91D;
}

#facebook_big fieldset iframe{
  border:none; 
  overflow:hidden; 
  width:405px;
  height:587px;
}

#tellfriend_menu{
  border:1px solid #999;
  margin:13px 0 15px 0;
  padding:10px;
  font-size:11px;
}

#fb_twitter_menu img
{
  border:none;
}

#fb_twitter_menu table tr td
{
  padding:0 3px;
  vertical-align:center;
}

#fb_twitter_menu table tr td img
{
  margin:0;
  padding:0;
}

#tellfriend_menu table tr td{
  padding:0 5px 0 5px;
}


#facebook_small{
  width:250px;
  float:right;
  margin:35px 10px 0 0;
}

*html #facebook_small{
  width:245px;
  margin:35px 5px 0 0;
}


#facebook_small iframe{
  border:none; 
  overflow:hidden; 
  width:245px; 
  height:287px;
}



#tellfriend_menu table tr td a{
  text-decoration:none;
}

#tellfriend_menu table tr td a img{
  border:none;
  margin:0;
  padding:0;
}

#tellfriend_menu table tr td a.studivz{
  color:#000;
}