/* ***************  Code by Linus Holtstiege  ******************* */
/* Grundeinstellungen */

body {
    font-family:      Tahoma;
    font-size:        11px;
    color:            #6E6E6E;
    background-color: #C67E07;
    background-image:	url(bilder/background.jpg);
    background-repeat:repeat-x;
	width:			  1000px;
    margin:	      0px auto;

}


table {
    font-family:      Tahoma;
    font-size:        11px;
    font-weight:      normal;
    color:            #6E6E6E;
}
/* ********************************** */
/* Schriften */

.title {

	background-image:	url(bilder/icons/title-bg.jpg);
	height:				41px;
	background-repeat:	repeat-x;
	
	color:				#7F7F7F;
	font-size:			12px;
	font-weight:		bold;
}

.subtitle {

	background-color:	#F2F2F2;
	height:				30px;
	background-repeat:	repeat-x;
	border-bottom:		1px solid #9E9E9E;
	color:				#7F7F7F;
	font-size:			11px;
	font-weight:		normal;
}



h2 {
    font-family:      Arial;
    font-size:        12px;
    color:            #ffa000;

    font-weight:      bold;
}
/* ********************************** */
/* Links */

a, a:visited, a:active {
    color:            #8C8C8C;
    text-decoration:  none;
    font-weight:      bold;
	outline:		  none;
}

a:hover {
    color:            #8C8C8C;
    text-decoration:  underline;
    font-weight:      bold;
}


a.orange, a.orange:visited, a.orange:active {
    color:            #FFA000;
    text-decoration:  none;
    font-weight:      bold;
	outline:		  none;
}

a.orange:hover {
    color:            #8C8C8C;
    text-decoration:  underline;
    font-weight:      bold;
}


a.featurelink, a.featurelink:visited, a.featurelink:active {
    color:            #8C8C8C;
    text-decoration:  none;
    font-weight:      bold;
	outline:		  none;
}

a.featurelink:hover {
    color:            #8C8C8C;
    text-decoration:  none;
    font-weight:      bold;
}


a.titlelink2, a.titlelink2:visited, a.titlelink2:active {
    font-family:      Arial;
    font-size:        12px;
    color:            #8C8C8C;
	font-weight:	  bold;
	outline:		  none;
}

a.titlelink2:hover {
    color:            #8C8C8C;
    text-decoration:  underline;
	font-weight:	  bold;
}


a.titlelink, a.titlelink:visited, a.titlelink:active {
    font-family:      Arial;
    font-size:        12px;
    color:            #ffa000;
	font-weight:	  bold;
	outline:		  none;
}

a.titlelink:hover {

    text-decoration:  underline;
	font-weight:	  bold;
}

a.white, a.white:visited, a.white:active {
    color:            #FFFFFF;
    text-decoration:  none;
    font-weight:      normal;
	outline:		  none;
}

a.white:hover {
    color:            #FFA000;
    text-decoration:  none;
    font-weight:      normal;
}

a.active, a.active:visited, a.active:active {
    color:            #FFA000;
    text-decoration:  none;
    font-weight:      normal;
	outline:		  none;
}

a.active:hover {
    color:            #FFA000;
    text-decoration:  none;
    font-weight:      normal;
}

a.matchlink, a.matchlink:visited, a.matchlink:active {
	
	font-size:		  11px;
    color:            #7F7F7F;
    text-decoration:  none;
    font-weight:      bold;
	outline:		  none;
}

a.matchlink:hover {
    color:            #7F7F7F;
    text-decoration:  underline;
    font-weight:      bold;
}

a.topiclink, a.topiclink:visited, a.topiclink:active {
	
	font-size:		  11px;
    color:            #7F7F7F;
    text-decoration:  none;
    font-weight:      bold;
	outline:		  none;
}

a.topiclink:hover {
    color:            #7F7F7F;
    text-decoration:  underline;
    font-weight:      bold;
}


a.boardlink, a.boardlink:visited, a.boardlink:active {
	
	font-size:		  10px;
    color:            #7F7F7F;
    text-decoration:  none;
    font-weight:      normal;
	outline:		  none;
}

a.boardlink:hover {
    color:            #FFA000;
    text-decoration:  none;

}

.shoutbox {
	
	font-size:		  11px;
    color:            #FFA000;
    text-decoration:  none;
    font-weight:      bold;
	outline:		  none;
}

.shoutbox-date {
	
	font-size:		  11px;
    color:            #7F7F7F;
    text-decoration:  none;
    font-weight:      bold;
	outline:		  none;
}




/* ********************************** */
/* Eingabefelder */

.username {

	background-image:	url(bilder/header/username.jpg);
	width:				77px;
	height:				18px;
	border:				0px;
	margin:				0px;
	padding-left:       69px;
	padding-top:        6px;
	padding-right:      5px;
	
	color:				white;
	font-size:			10px;
}

.password {

	background-image:	url(bilder/header/password.jpg);
	width:				77px;
	height:				18px;
	border:				0px;
	margin:				0px;
	padding-left:       69px;
	padding-top:        6px;
	padding-right:      5px;
	
	color:				white;
	font-size:			10px;
}

ul, li {

	list-style-type: 	none;
	border:				0px;
	margin:				0px;
	padding:         	0px;
	float:				left;
}

option, textarea, file {
    font-family:     Tahoma;
    font-size:       11px;
    color:           #555555;
	padding:         2px;
    border:          1px solid #EBEBEB;
    background-color:white;
}



input {
    font-family:     Tahoma;
    font-size:       11px;
    color:           #7F7F7F;
	padding:         4px;
    border:          1px solid #EBEBEB;
    background-color:white;
}


select {
    font-family:     Tahoma;
    font-size:       11px;
    color:           #7F7F7F;
	padding-bottom:  1px;
	padding-top:     1px;
    border:          1px solid #EBEBEB;
    background-color:white;
}



/* ********************************** */
/* Spezielle Funktionen */

#header {

	width:				1070px;
	height:				185px;
	float:				left;
	margin-left:		-35px;
}

#flash {

	width:				790px;
	height:				185px;
	float:				left;
}

#login {

	background-image:	url(bilder/header/02.jpg);
	width:				280px;
	height:				185px;
	float:				left;
}

#navigation {

	width:				1070px;
	height:				40px;
	float:				left;
	margin-left:		-35px;

}

#boxen {

	width:				1000px;
	height:				174px;
	float:				left;
}

#boxen-top {

	background-image:	url(bilder/boxen/01.jpg);
	width:				1000px;
	height:				31px;
	float:				left;
}

#page {

	width:				1000px;
	float:				left;
}

#headline {

	width:				699px;
	margin-top:			2px;
	float:				left;
}

#readmore {

	width:				699px;
	float:				left;
}


#content {

	width:				699px;
	float:				left;
}

#content2 {

	width:				699px;
	float:				left;
}

#special-rand {

	background-image:	url(bilder/boxen/rand.jpg);
	width:				1px;
	height:				143px;
	float:				left;
}


#special-content {

	width:				595px;
	height:				143px;
	float:				left;
}



#special-right {

	width:				404px;
	height:				143px;
	float:				left;
}

#page-wrapper {

	background-image:	url(bilder/page-wrapper-bg.jpg);
	width:				1000px;
	float:				left;
}


.inhalt {

	width:				669px;
	margin-left:		15px;
	margin-right:		15px;
	margin-top:         20px;
	margin-bottom:      10px;
}

#subnews {

	background-image:	url(bilder/content/subnewsbg.jpg);
	width:				669px;
	float:				left;
	margin-top:			10px;
	margin-left:		16px;
}

#spacer {

	width:				694px;
	height:				48px;
	float:				left;
}

#topmatchboxen {

	width:				694px;
	float:				left;
	margin-bottom:		20px;
}

#topmatch-head {

	background-image:	url(bilder/content/topmatch/01.jpg);
	width:				694px;
	height:				13px;
	float:				left;
	margin-left:		1px;
}

#sc-topmatch {

	width:				347px;
	float:				left;
}

#hr-topmatch {

	background-image:	url(bilder/content/topmatch/hr.jpg);
	width:				1px;
	height:				146px;
	margin-top:			31px;
	float:				left;

}


#sc-partners {

	width:				346px;
	float:				left;
}


#right {

	width:				301px;
	float:				left;
}

#video-player-top {

	background-image:	url(bilder/right/01.jpg);
	width:				298px;
	height:				41px;
	float:				left;
	margin-top:         1px;
	margin-left:        2px;
}

#video-player-content {

	width:				299px;
	height:				147px;
	float:				left;
	margin-left:        2px;
}

#matches-top {

	background-image:	url(bilder/right/02.jpg);
	width:				298px;
	height:				42px;
	float:				left;
	margin-top:         1px;
	margin-left:        2px;
}

#matches-content {

	width:				301px;
	float:				left;

}


#topics-top {

	background-image:	url(bilder/right/03.jpg);	
	width:				298px;
	height:				41px;
	float:				left;
	margin-top:         1px;
	margin-left:        2px;
}

#topics-content {

	width:				301px;
	float:				left;

}

#shoutbox-top {

	background-image:	url(bilder/right/04.jpg);
	width:				298px;
	height:				41px;
	float:				left;
	margin-top:         1px;
	margin-left:        2px;
}

#shoutbox-content {

	width:				301px;
	float:				left;

}

#footer {

	background-image:	url(bilder/footer/01.jpg);
	width:				1000px;
	height:				71px;
	float:				left;
}


/* Infomessages - Miscellaneous */
.tooltip {
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #DDDDDD;
  border-left: 4px solid #0E8AEA;
  padding: 4px 10px;
  z-index: 100;
}

.errorbox {
  background-color: #FFCCCC;
  border: 1px solid #D60000;
  color: #666666;
  font-size: 10px;
  width: 500px;
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}

/* BBCode Tags */
.quote {
  color: #383838;
  text-align: left;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 3px;
}

.list {
	list-style-type: disc;
	list-style-position:outside;
}
.list_num {
	list-style-type: decimal;
	list-style-position:outside;
}

.list_alpha {
	list-style-type: lower-latin;
	list-style-position:outside;
}

.code {
  color: #000000;
  text-align: left;
  margin: 0 auto;
  padding: 3px;
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.codeinner {
  color: #000000;
  font: 11px 'Courier New', Courier, monospace;
}

.codeline0 {
	background-color: #F3F3F3;
	height: 15px;
	padding-left: 3px;
	white-space: nowrap;
}

.codeline1 {
	background-color: #FFFFFF;
	height: 15px;
	padding-left: 3px;
	white-space: nowrap;
}