
/* ########### CONTENT ########### */

#content_left {
margin: 0 18px 0 0;
width: 630px;
float: left;
}

#content_right {
width: 300px;
float: left;
}

#banner_right {
padding-top: 15px;
}

#banner_right img {
padding-bottom: 15px;
}

blockquote {
font-style: italic;
background: url(../i/quote.png) 0 0 no-repeat;
margin: 5px 5px 0 5px;
padding: 10px 10px 10px 20px;
}

.image {
margin: 2px;
}

.image img {
border: #ccc solid 1px;
}

.image_left {
float: left;
margin: 0 10px 10px 0;
}

.image_left img {
border: #ccc solid 1px;
}

.image_right {
float: right;
margin: 0 0 10px 10px;
}

.image_right img {
border: #ccc solid 1px;
}


table.list td {
vertical-align: top;
padding: 10px;
}
table.list tr.alt {
background-color: #f0f0f0;
}


.image_list {
text-align: center;
float: left;
margin: 0 20px 20px 20px;
width: 200px;
height: 200px;
}

.image_list_schmal {
text-align: center;
float: left;
margin: 0 3px 10px 3px;
width: 180px;
}

.image_list_big {
text-align: center;
float: left;
margin: 0 3px 10px 3px;
width: 280px;
}

.image_list2 {
text-align: center;
float: left;
margin: 0 10px 10px 10px;
height: 170px;
}

.image_list_small {
text-align: center;
float: left;
margin: 0 0 20px 0;
width: 150px;
height: 150px;
}

.image_list_small_profil {
text-align: center;
float: left;
margin: 0 16px 0 0;
width: 150px;
height: 150px;
}


.list01 {
float: left;
padding: 0 15px 10px 15px;
width: 270px;
}

.linie {
	height: 1px;
	background-color: #ccc;
	/*border-bottom: #fff solid 1px;*/
}

.small {
font-size: 11px;
}

.trenner {
padding: 3px 10px 3px 10px;
background: #E1E1E1;
}

.error {
color: #ff0000;
font-weight: bold;
}


/* ########### BOXEN ########### */


.box_header {
background: #C7C7C7 url(../i/box_head_bg.jpg) repeat-x;
border: #ccc solid 1px;
border-bottom: none;
-moz-border-radius: 10px 10px 0 0; 
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0; 
height: 100%;
padding: 5px 5px 0 5px;
}


.box_content {
border: #ccc solid 1px;
height: 100%
}

.box_bottom {
background: #E1E1E1 url(../i/box_bottom_bg.jpg) repeat-x;
border: #ccc solid 1px;
border-top: none;
padding: 5px 2px 5px 2px;
-moz-border-radius: 0 0 10px 10px; 
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px; 
margin: 0 0 15px 0;
}

.boxpadding {
padding: 10px;
height: 100%;
}

.boxpadding5 {
padding: 5px;
}
.box_alterna {
background-color: #e2e2e2;
}

#overlayGrey {
background-color:#000000;
position:absolute;
left:0px;
top:0px;
opacity:0.7;
filter: alpha(opacity = 50);
width:100%;
height:100%;
z-index: 200;
}

#messageContent {
padding:16px;
width:300px;
height:250px;
position:absolute;
left:50%;
top:20%;
margin-left:-166px;
margin-top:-91px;
background-color:#ffffff;
z-index: 300;
}



/* ########################################################### BUTTONS / LINKS ################################################################# */

.button, .button:visited {
	background: #222 url(../i/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px;
	margin: 0 0 4px 0; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.button:hover   								{ background-color: #111; color: #fff; }

.button img									{ vertical-align:middle; margin: 0 2px 0 0; border: 0px; float: left; }
.button:active									{ top: 1px; }
.button:hover									{ text-decoration: none; }
.button:focus									{ color: #fff; }
.small.button, .small.button:visited 		{ font-size: 11px; padding: ; }
.button, .button:visited,
.medium.button, .medium.button:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.button, .large.button:visited 		{ font-size: 14px; padding: 8px 14px 9px; }
.green.button, .green.button:visited		{ background-color: #91bd09; }
.green.button:hover							{ background-color: #749a02; }
.blue.button, .blue.button:visited		{ background-color: #064A7C; }
.blue.button:hover								{ background-color: #096CB7; }
.red.button, .red.button:visited			{ background-color: #e33100; }
.red.button:hover								{ background-color: #872300; }
.magenta.button, .magenta.button:visited	{ background-color: #a9014b; }
.magenta.button:hover							{ background-color: #630030; }
.orange.button, .orange.button:visited	{ background-color: #ff5c00; }
.orange.button:hover							{ background-color: #d45500; }
.yellow.button, .yellow.button:visited	{ background-color: #ffb515; }
.yellow.button:hover							{ background-color: #fc9200; }
input.large.button 							{ padding: 6px 14px 6px; }
input.middle.button 							{ padding: 2px 14px 3px; }
input.small.button 							{ padding: 2px 14px 3px; }

#content a.active {
background: #e33100;
}

ul.cat, ul.cat li ul {
list-style: none;
margin:0;
padding:0;
}

.cat li a {
	background: url(../i/icon_right.png) 0 6px no-repeat;
	margin: 0 0 2px 0;
	padding:2px 0 5px 15px;
	display:block;
}

.cat li a:hover{
	text-decoration: none;
	font-weight: bold;
}

#content .cat li a.active{
	background: #fff url(../i/icon_down.png) 0 8px no-repeat;
	text-decoration: none;
	font-weight: bold;
}


.cat li ul {
	margin-top:-2px;
}

.cat li ul li a {
	border: none;
	display:block;
	margin:0 0 1px 0px;
	padding:2px 0 2px 35px;
	background: url(../i/icon_right.png) 18px center no-repeat;
}

.cat li ul li a:hover, .cat li ul li a.active  {
	background: #fff url(../i/icon_right.png) 18px center no-repeat;
	font-weight: bold;	
}



.icon_right {
background: url(../i/icon_right.png) 0 center no-repeat;
padding: 0 0 0 11px;
}

.icon_right2 {
background: url(../i/icon_right.png) right center no-repeat;
padding: 0 11px 0 0;
margin: 0 10px 0 0;
}

.icon_top {
background: url(../i/icon_top.png) right center no-repeat;
padding: 0 11px 0 0;
margin: 0 20px 0 0;
}

.rubrik {
	color: #999;
	font-weight: bold;
	padding: 0 0 5px 0;
}

.article {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}


/* ####### FORUM ####### */

table.forum {
width: 100%;
border: 0px;
}

table.forum th {
text-align: left;
padding: 5px 5px 5px 10px;
}

table.forum td {
padding: 10px 5px 10px 10px;
vertical-align: top;
}

table.forum tr.alt {
background-color: #e2e2e2;
}

.commentEntry {
float: left; 
width: 80%; 
margin: 0 0 10px 0;
}

.lastAction {
float: left;
width: 125px;
}
td.ui-datepicker-current-day {
	background-color: #D97E04;
}



/* ########################################################### KALENDER ################################################################# */

.calendar {
	font-size: 12px;
}

.calendarbox {
	border-right: #8D8682 solid 1px;
	text-align: center;
	font-size: 12px;
	color: #8D8682;
	font-weight: bold;
}

.calendarbox span.month {
	text-transform: uppercase;
}

.calendarbox span.day {
	font-size: 30px;	
}


.box {
background: #fff;
border: #CCCCCC solid 1px;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0 0 3px 0;
}

.boxpadding5 {
padding: 5px;
}

.boxpadding10 {
padding: 10px;
}

.balken01 {
text-align: center;
background: url(../i/nav_bg.jpg) repeat-x;
color: #fff;
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 20px;
font-weight: bold;
text-shadow: 1px 1px 0px #000;
padding: 2px 0px 6px 0px;
}
.news_bottom {
background-color:#E3E7E8;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
height:100%;
margin:0 0 10px;
padding:5px 25px;
}
.sprechblase {
background: url(../i/sprechblase.gif) no-repeat;
width: 11px; 
height: 7px; 
top: 1px; 
left: 25px; 
position: relative;
}

.chatright {
width: 547px; 
float: right;
}

.innerchatright {
width: 475px; 
float: right;
}



.button, .button:visited {
	background: #333 url(../i/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin: 3px 3px 0 0;
}

.button:hover   						{ background-color: #111; color: #fff; }
.button img									{ vertical-align:middle; border: 0px; }
.button:active							{ top: 1px; }
.button:hover								{ text-decoration: none; }
.small.button, .small.button:visited 	{ font-size: 11px; padding: ; }
.button, .button:visited,
.medium.button, .medium.button:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.button, .large.button:visited 	{ font-size: 14px; padding: 8px 14px 9px; }
input.large.button 						{ padding: 6px 14px 6px; }
input.middle.button 					{ padding: 2px 14px 3px; }
input.small.button 						{ padding: 2px 14px 3px; }
.lila.button, .lila.button:visited		{ background: #B31E65; border: #5B0F33 solid 2px; }
.lila.button:hover						{ background: #87164B; }
.red.button, .red.button:visited		{ background: #e33100; }
.red.button:hover						{ background: #872300; }
.blue.button, .blue.button:visited		{ background: #3b5998; }
.blue.button:hover						{ background: #0f147b; }
#content .active, #content .active:hover {
background: #333 url(../i/box_bottom_bg.jpg) repeat-x;
}

/* ###################################### partyplaner #####################################*/

.calender {
	width: 43px;
	float: left;
	text-align: center;
	margin: 0 5px 5px 0;
	color: #fff;
}

.calender .month {
	background: #333;
	height: 19px;
	font-weight: bold;
	padding: 3px 0 0 0;
	-moz-border-radius: 5px 5px 0 0; 
	border-radius: 5px 5px 0 0; 
	-webkit-border-radius: 5px 5px 0 0; 
}

.calender .day {
	background: url(../i/box_head_bg1.jpg) repeat-x;
	color: #fff;
	font-size: 30px;
	border: #333 1px solid;
	border-top: none;	
	line-height: 1.3;	
	-moz-border-radius: 0 0 5px 5px; 
	border-radius: 0 0 5px 5px; 
	-webkit-border-radius: 0 0 5px 5px; 		
}

h3.partyplaner {
	padding-top: 20px;
}

.partyplaner {
	width: 280px; 
	float: left; 
	padding: 10px 0 0 0;
}

.partyplaner_user {
text-align: right;
width: 320px; 
float: left;
}

.partyplaner_userlist {
width: 60px; 
float: right; 
text-align: center; 
padding: 10px 10px 0 10px;
}

.partyplaner a.button {
height: 23px; 
display: block;
float: left;
margin-right: 3px; 
}




.chart_number {
background:url(../i/charts_bg.png) center center no-repeat;
height:18px;
width:18px;
padding:5px;
}

/* ########################## INSZENIERUNGEN ############################## */

.grau_bg_border {
    background: none repeat scroll 0 0 #F2F2F2;
    border-bottom: 1px solid #C2C2C2;
    border-top: 1px solid #C2C2C2;
    margin: 20px 0;
}

.nouldisc ul {
    line-height: 1.6;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.nouldisc .image_list2 {
text-align: center;
float: left;
margin: 0 5px 10px 5px;
width: 140px;
height: auto;
}

.pic_preview {
	margin: 0 10px 10px 0;
}

.pic_preview ul li {
    margin: 3px 3px 0 0;
}

.box_list_item2 {
    float: left;
    padding: 5px 15px 15px 0;
    width: 185px;
}

a.inszenierung:hover, a.inszenierung:active {
	color: #C62D00;
}

/* ################################ WEBX0 Icon ###################################### */
.divbox {float:left;height:480px;padding:10px;background-color:#eaeaea;width:300px}

.link_infoboxWebx {
	position:relative;
	cursor:help;
}

.link_infoboxWebx:hover .infoboxWebx {
	display:block;
}

.infoboxWebx {
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
/*	background:none repeat scroll 0 0 white;
	border:1px solid #CCCCCC;*/
	background: none;
	color:#333333;
	display:none;
	height:auto;
	left:0px;
	padding:5px 10px;
	position:absolute;
	bottom:0px;
	width:1000px;
	z-index:10000;
}

.infoboxWebx ul {
	padding-left: 20px;
	list-style-type: disc;
}

.infoboxWebx ul li {
	margin-bottom: 5px;
}

div#bottom .divbox a {
	color: #D97E04;
	font-size: 12px;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* ####################### Manschaften usw. #################### */

.head_trenner {
background-color: #E3E7E8;
border-top: #ccc solid 1px;
border-bottom: #ccc solid 1px;
padding: 3px 20px 3px 20px;
margin: 0 0 0 0;
height: 100%;
}

.head_trenner  p{
	padding: 0;
}

/* #################################### Spielberichte ########################### */
/*
.spielbericht_ergebnis{
padding:5px;
width:510px;
float:left;
}*/
.spielbericht_liga{
padding:5px;
width:230px;
float:right;
margin-top:3px;
}
.spielbericht_liga img{
margin:0 10px 0 0;
}

.spielbericht_ergebnis table tr td{
text-align:center;
width:33%;
}
.spielbericht_event{
padding:0 5px;
width:645px;
}

.new_event .time_empty, .new_event .time{
float:left;
width:60px;
padding:10px 20px;
font-weight:bold;
}
.align-right{
text-align:right;
}
.new_event .text{
width:400px;
float:left;
padding:10px 15px;
text-align:justify;
}
.bg_hell{
	/*
background-color:#efefef; background-image: -moz-linear-gradient(90deg, #efefef, #ffffff 9px); background-image: -webkit-linear-gradient(90deg, #efefef, #ffffff 9px); background-image: -o-linear-gradient(90deg, #efefef, #ffffff 9px); background-image: -ms-linear-gradient(90deg, #efefef, #ffffff 9px); background-image: linear-gradient(90deg, #efefef, #ffffff 9px);
*/
}
/*
.spielbericht{
width:240px;
float:right;
}*/
#content .spielbericht p.small, #content .spielbericht_view p.small{
line-height:1em;
font-size:9px;
text-align:right;
padding:5px 0 3px 0;
}
#content .spielbericht_view h1{
line-height:37px;
font-size:30px;
}

a.normal h2 {
color: #D97E04;
}

.sportlerprofil .head_trenner h2 {
	margin: 0;
}