/* ----- Content ----- */

#page_main {
	background: #eee;
	border-left: 1px solid #a5a5a5;
	border-right: 1px solid #a5a5a5;
	clear: both;
	float: left;
	height:100%;
}

#content {
	float: left;
	width: 760px;
	height:100%;
}

/* ----- Content Main ----- */

#content_main {
	background-color: #fff;
	float: left;
	padding: 20px;
	width: 540px;
}

#content_main.widecolumn {
	float: none;
	width: 720px;
}

#content_main li {
	margin-left: 20px;
	list-style-type: disc;
}

#content_main a {
	color: #008ee8;
}

#content_main h2 {
	clear: both;
	color: #444;
	margin:0 0 10px;
}

#content_main h2 a {
	color: #444;
}

#content_main h2 a:hover {
	color: #008ee8;
	text-decoration: none;
}

#content_main p {
	line-height: 150%;
	margin-bottom: 12px;
}

/* News */

.news_entry {
	clear: both;
	margin-bottom: 20px;
}

.news_info {
	background: #eee none repeat scroll 0 0;
	clear: both;
	font-size: 95%;
	padding: 5px;
}

.news_text {
	line-height: 150%;
	margin-bottom: 12px;
}

/* Top-Content */

#content_home {
	float: left;
	width: 580px;
}

.top_content {
	border-bottom: 1px solid #a5a5a5;
	padding: 5px;
}

.box {
	background: transparent url("../images/box_bg_l.png") no-repeat scroll left 0;
	padding-left:4px;
}

.box div {
	background: transparent url("../images/box_bg_r.png") no-repeat scroll right 0;
	height: 265px;
}
#content_banner_1 { margin-left: -4px;position:absolute; display:none; }
#content_banner_2 { margin-left: -4px;position:absolute; }

/* Thumbnail-Auswahl */

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('../images/Jcrop.gif') top left repeat;
	/*
	opacity: .5;
	*filter:alpha(opacity=50);
	*/
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	width: 9px;
	height: 9px;
}

.jcrop-tracker {
	background-color: gray;
	width: 100%; height: 100%;
}

.jcrop-holder {
	margin-left:140px;
}

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* Tabs */

.idTabs {
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	float:left;
	height:27px;
	margin-bottom:20px;
	width:100%;
}

.idTabs li {
	float: left;
	list-style-type: none !important;
	margin-left: 0 !important;
}

.idTabs li a {
	border-top: 1px solid #aaa;
	border-right: 1px solid #ddd;
	display: block;
	padding: 6px 10px;
}

.idTabs li a.selected {
	background: #fff;
}

/* ----- Kommentare ----- */

#comments {
	background-color: #222;
	color: #ccc;
	clear: both;
	padding: 10px;
}

#comments a {
	color: #888 !important;
}

.commentlist {
	list-style-type: none;
	margin: 0px !important;
}

.commentlist li {
	clear: both;
	height: 1%;
	list-style-type: none !important;
	margin-left: 0 !important;
}

.comment_avatar {
	border: 5px solid #333;
	float: right;
	height: 64px;
	overflow: hidden;
	width: 64px;
}
.comment_data {
	background-color: #333;
	float: left;
	margin-bottom: 10px;
	padding: 10px;
	width: 416px;
}
.is_admin {
	border: 2px solid #008ee8;
	padding: 8px;
}

.commentlist li.comment_alt .comment_data { background-color: #292929; }
.commentlist li.comment_alt .comment_avatar { border-color: #292929; }

.comment_info {
	border-bottom: 1px solid #222;
	font-size: 90%;
	padding-bottom: 4px;
	margin-bottom: 0 !important;
}
.comment_number {
	float: right;
	font-size: 110%;
	font-weight: bold;
	position: relative;
	right: 0;
}
.comment_text {
	clear: both;
	margin-top: 10px;
}
.comment_text p {

}

.comment_admin {
	margin-bottom: 0px !important;
	font-size: 90%;
}

/* Formulare */

form {
	clear: both;
}

.msgForm {
	color: #9f0000;
	font-weight: bold;
}

.msgFormSuccess {
	color:#1AA000;
	display:block;
	float:right;
	font-weight:bold;
	position:relative;
	top:-30px;
}

#content_main legend {
	font-size: 110%;
	font-weight: bold;
	margin:0 0 10px;
	padding-bottom: 4px;
}

#content_main input[type=text], #content_main input[type=password], select, textarea {
	margin-bottom: 10px;
}

.captcha {
	border-top: 1px solid #aaa;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	margin-left: 5px;
	position: relative;
	top: -1px;
	vertical-align: middle;
}

#captcha {
	width: 147px;
}

label.lbNormal {
	float: left;
	padding: 5px 0;
	width: 140px;
}

label.lbNormal {
	float: left;
	padding: 5px 0;
	width: 140px;
}

div.lbNormal {
	float: left;
	width: 140px;
}

label.lbCheckbox {
	display: block;
	line-height: 150%;
	margin-left: 20px;
}

input.cbNormal {
	float: left;
	margin-top: 2px;
}

input.tfNormal {
	width: 280px;
}

textarea.taNormal {
	height: 100px;
	width: 280px;
}

select.seNormal {
	width: 290px;
}

input.required {
	background-color: #fffafa;
}

span.required {
}

a.button {
	background: transparent url(../images/button.png) no-repeat left -86px;
	cursor: pointer;
	color: #999 !important;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-left: 5px;
}

a.button span {
	background: transparent url(../images/button.png) no-repeat right -86px;
	display: block;
	color: #555;
	font-weight: bold;
	padding: 8px 40px 8px 10px;
	text-transform: uppercase;
}

a.button.twolines {
	background-position: left 0;
}

a.button.twolines span {
	background-position: right 0;
}

a.button span span {
	background: none;
	color: #999 !important;
	display: inline;
	font-size: 70%;
	padding: 0 !important;
	text-transform: uppercase;
}

a.button.small {
	background-position: left -152px;
}

a.button.small span {
	background-position: right -152px;
	font-size: 80%;
	padding: 5px 40px 6px 10px;
}

a.button:hover {
	background-position: left -86px;
	text-decoration: none;
}
a.button:hover span {
	background-position: right -86px;
	color: #008ee8;
	text-decoration: none;
}

a.button.twolines:hover {
	background-position: left -41px;
}
a.button.twolines:hover span {
	background-position: right -41px;
}

a.button.small:hover {
	background-position: left bottom;
	text-decoration: none;
}
a.button.small:hover span {
	background-position: right bottom;
	color: #008ee8;
	text-decoration: none;
}

/* ----- Sidebar ----- */

#sidebar {
	float: left;
	padding: 10px;
	width: 220px;
}

#sidebar h3 {
	font-weight: normal;
	margin: 0px 0px 12px;
	padding:5px;
	margin:0;
}

#box_upcoming_matches, #box_latest_matches { margin-bottom: 20px; }

#box_upcoming_matches h4, #box_latest_matches h4 {
	text-align:right;
	font-size: 100%;
	background-image: url("../images/bg_box_white.gif");
	background-position: top;
	background-repeat: no-repeat;
	background-color:white;
	display:blocK;
	padding:5px;
	margin:0 0 -5px 0;
}

#box_upcoming_matches a, #box_latest_matches a { color: #444; }
#box_upcoming_matches a:hover span, #box_latest_matches a:hover span { text-decoration: underline; cursor: pointer; }

#box_upcoming_matches h4 a, #box_latest_matches h4 a { color:#008ee8; }

#box_upcoming_matches .box, #box_latest_matches .box {
	margin: 0 0 5px 0;
	padding:5px;
	background-color:white;
	background-image: url("../images/bg_box_white_bottom.gif");
	background-position: bottom;
	background-repeat: no-repeat;
}

#box_upcoming_matches li, #box_latest_matches li {
	cursor:pointer;
	border-top: 1px solid #ccc;
	padding: 5px 3px 5px 3px;
	
	font-size: 90%;
}
#box_upcoming_matches li.light:hover, 
#box_latest_matches li.light:hover, 
#box_upcoming_matches li.dark:hover, 
#box_latest_matches li.dark:hover { background-color: #d4eeff;  }
#box_upcoming_matches li.light, #box_latest_matches li.light { background-color: white; }
#box_upcoming_matches li.dark, #box_latest_matches li.dark { background-color: #f5f5f5; }

#box_upcoming_matches .round, #box_latest_matches .round, .group {
	float:left;
	color:black;
	font-size: 95%;
	margin-top: 1px;
}

#box_latest_matches .results {
	margin: -5px -3px 0 5px;
	padding: 4px 5px 5px;
	float:right;
	border-left: 1px solid gray;
	background-color: #feefef;
}

.tag_cloud {
	text-align: center;
}

/* ----- Sidebar 2 ----- */

#sidebar2 {
	float: right;
	width: 180px;
}

#sidebar2 .box {
	background:#2a2a2a;
	color:#ddd;
	padding: 5px;
	margin: 0;
}

#sidebar2 h3 {
	font-size: 80%;
	font-weight: normal;
	color: gray;
	margin: 0 0 5px 0;
}

#sidebar2 hr {
	color:gray;
	background-color:gray;
	margin: 0 0 5px 0;
	padding:0;
}

#statistik {
	font-size: 80%;
	color:#ddd;
}

/* ----- Register ----- */

.signup_process {
	background: transparent url(../images/register_process.gif) no-repeat 0 0;
	display: block;
	height: 82px;
	margin: 0 auto 20px;
	width: 560px;
}
.signup_process.first { background-position: 0 0; }
.signup_process.second { background-position: 0 -82px; }
.signup_process.third { background-position: 0 -164px; }
.signup_process.fourth { background-position: 0 -246px; }

/* ----- Listen ----- */

#search_tools {
	width: 530px;
	border: 1px solid #ddd;
	padding:4px;
	margin-bottom: 20px;
}
#search_tools select { margin:0 }
#search_tools input[type="text"] { margin:0; width:100px;}
#search_tools:hover { background-color: #d4eeff; }

#search_tools li { list-style-type: none; margin: 0; }

#content_main ul.col_names {
	border-bottom: 1px solid #ddd;
	float:left;
	padding: 5px;
	width: 530px;
}
#content_main ul.col_names.widecolumn { width: 710px }

#content_main ul.col_names li {
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	float:left;
}

#content_main .table_list { width: 540px; }
#content_main .table_list.widecolumn { width: 720px; }
#content_main .table_list li {
	list-style-type: none;
	padding: 5px; 
	margin: 0;
	border-bottom: 1px solid #ddd; 
	background-color: #fff;
}

#content_main .table_list li.dark{ background-color: #f6f6f6; }
#content_main .table_list li.dark:hover { background-color: #d4eeff; }
#content_main .table_list li:hover { background-color: #d4eeff}

#content_main .table_list li.green { background-color: #eefcf0 }
#content_main .table_list li.green.dark{ background-color: #d4f5d9; }



#content_main ul.table_list_row  { width: 100%; float:left; }
#content_main ul.table_list_row li {
	background-color: transparent;
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	clear: none;
	border: none 0;
}

/* Teams */
#login_menu .cup_team_options:hover {
	background-color: #d20000;
}

#content_main ul.list-y {
	border-left: 1px solid gray;
	padding-left: 10px;
	margin-bottom: 20px;
	float:left;
}

#content_main .list-y li {
	list-style-type: none;
	float:left;
	padding: 0 10px 0 0;
	margin: 3px 10px 3px 0;
	border-right: 1px solid gray;
}
#player-list .list-y li { border: 0 }
#player-list li {
	list-style-type:none;
	float: none;
	margin:0 0 10px 0;
}

div.player_img {
	background-position: 5px 5px;
	background-repeat: no-repeat;
	float:right;
	margin: 0 0 2px 10px ;
}

div.player_img a, div.player_img span {
	width: 100px;
	height: 100px;
	display: block;
	border: 5px solid #eee;
	cursor: pointer;
}

#player-list p { clear:left; }

/* Support Start */

span.label {	
	float: left;
	width: 155px;
}

#content_main ul.SupportData li {
	list-style-type:none;
	padding: 5px;
	margin: 0;
}

#content_main ul.SupportData li.dark {
	background-color: #f8f8f8;
}
#content_main ul.SupportVerlauf li {
	list-style-type:none;
	padding: 5px;
	margin: 0;
}

#content_main ul.SupportVerlauf li.dark {
	background-color: #f8f8f8;
}
div.right_text {
	float:left;
	width: 350px;
}
#content_main ul.SupportVerlauf div.right_text {
	padding-left: 5px;
	border-left: 1px solid #d8d8d8;
}

/* Support Ende */

/* Matches */
#team1 {
	float:left;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 0 10px 10px 0;
	margin-right: 10px;
	margin-bottom: 20px;
	width: 140px;
}

#team2 {
	float:right;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 0 0 10px 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	width: 140px;
}

#team1 ol li, #team2 ol li { 
	margin: 5px 0;
	padding: 5px 0 0;
	list-style-type: none;
	border-top: 1px solid #f0f0f0;
	clear: right;
	text-align:right;
	font-weight:bold;
}
#team1 ol a, #team2 ol a { clear:right }
#team1 ol em, #team2 ol em { font-weight: normal }
#team1 ol li, #team2 ol img {
	margin: 0 0 5px;
	float:right;
}

#match_results {
	float:none;
	margin: 0 160px;
}
#match_results h5 { margin-top: 0 }
#match_results li {
	padding: 10px 0;
	margin: 0;
	list-style-type: none;
}

#match_media li {
	list-style-type: none;
	background-position: 25px center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 0;
	margin: 0;
}

#match_details li ul li {
	list-style-type: none;
	background-position: left 5px;
	background-repeat: no-repeat;
	padding: 5px 0 5px 20px;
	margin: 0;
}
#match_results div.pager li { padding: 1px 2px 2px; }
#match_results div.pager li.inactiveText { padding: 3px 2px 2px; }
#match_media li input { margin-right: 30px }

li.gif, li.jpg, li.jpeg, li.JPG {
	background-image: url(../images/extensions/image.gif);
}

li.zip, li.rar {
	background-image: url(../images/extensions/zip.gif);
}

#content_match h3 { margin: 5px 0 20px 0 }
#content_match h4.team { margin: 0 0 10px 0; }
#content_match blockquote {
	border: 4px solid #f8f8f8;
	background-color:#f8f8f8;
	padding: 5px;
	border: 1px solid #f0f0f0;
	line-height: 1.5;
}

.winner { color: green; }
.looser { color: #725252; }

/* Comments START */
.bbpanel_style select { font-size: 90% }

#list_comments {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
#list_comments li, #match_details #list_comments li {
	list-style-type:none;
	border-bottom: 1px solid #ddd;
	margin-left: 0;
	padding:5px;
}
.boxFormComments form { clear: none }
.boxFormComments textarea { width: 390px; height: 100px }
.boxFormComments { margin-top: 15px }

li.listCommentsDark {
	background-color: #f8f8f8;
}

.listCommentsLeft{
	float: left;
	width: 120px;
}

.listCommentsRight {
	padding: 0 0 0 5px;
	margin: 0 0 0 5px;
	border-left: 1px solid #ddd;
	margin-left: 130px;
}

/* ----- Comments ----- */


.listCommentsInvisible {
	background: url(../images/boxes/tableTdBgInvisible.gif) !important;
	background-repeat: repeat-x !important;
	background-position: bottom !important;
	background-color: #e1c9c9 !important;
}

.listCommentsNickname {
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 20px;
}

.listCommentsUserdata {
	padding-top: 6px;
	font-size: 9px;
	color: #8c8c8c;
}


.boxHeadlineCommentsRight {
	text-align: right;
	padding: 8px 10px 0 0;
	font-size: 9px;
}

.boxHeadlineCommentsRight a {
	color: #3f3f3f !important;
}

.boxHeadlineTeam {
	height: 23px;
	background-image: url(../images/boxes/mainBgBoxTop.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.boxHeadlineTeam h3 {
	font-size: 11px;
	color: #cb3d3b;
	padding: 5px 10px 0 10px;
}

.box1stColumnTeam {
	width: 208px;
	margin-right: 5px;
	float: left;
}

.box2ndColumnTeam {
	margin-left: 218px;
}
/* Comments ENDE */