/* ---------- 2 Spalten Ansicht ---------- */

#leftbox {
	width:226px;
	float:left;
}
#rightbox {
	width:575px;
	float:right;
}
.detailbox, .box, .box_or { /* .box > links, detailbox > rechts */
	padding:10px;
	background:#F4F4F4 url(../img/test.gif) 0px 0px repeat-x;
	line-height:1.3em;
	font-size:13px;	
}

.box a {
	color:#96BC0F;
}
.box_or table {
	color:#FFF;
	font-size:12px;
}
.box_or img {
	margin-right:5px;
}
#leftbox div.h1, div.h1 { /* GRÜN Verlauf */
	background:transparent url(../img/bg_head_box.gif) 0px 0px repeat-x;
	/*width:224px;*/
}
#leftbox div.h1outer, div.h1outer {
	background-color:#96BC10;
}

#leftbox div.h2 { /* BLAU Verlauf */
	background:transparent url(../img/bg_head_box_blau.gif) 0px 0px repeat-x;
	width:224px;
}
#leftbox div.h2outer {
	background-color:#0292BF;
}

div.box_orouter {
	background-color:#FF962E;
	margin-bottom:4px;
}


#leftbox div.h1 a, #leftbox div.h2 a,  #leftbox .caption, .leftboxcap {
	font:bold 13px/30px Arial, sans-serif;
	color:#FFF;
	display:block;
	padding:0px 10px;
}
#leftbox .caption1 {
	color:#0292BF; /* blauer Text */
	font-weight:bold;
	cursor:default;
}
#leftbox .caption1_gray {
	color:#CCC; /* blauer Text */
	font-weight:bold;
	cursor:default;
}
div.outer { 
	background-color:#C0C0C0;
	margin-bottom:4px;
}
div.updown {
	margin-top:10px;
}
img.updown {
	margin-top:-3px;
	float:right;
	cursor:pointer;
}

span.updown{
	cursor: default;
}

.detailbox .caption {
	color:#0292BF; /* blauer Text */
	font-weight:bold;
	font-size:13px;
}

/* --- MEINE POST --- */

td a.gelesen {
	font-weight:normal;
}	

td a.ungelesen {
	font-weight:bold;
}
td.ungelesen{
	font-size:11px;
}	

/* --- MEINE GRUPPEN --- */

.gruppenbox {
	display:inline;
	float:left;
	margin:0px 5px 10px 5px;
	width:258px;
	height:190px;
}
.gruppenbox .head {
	height:30px; 
	background:transparent url(../img/bg_gruppe.gif); 
	padding:5px; 
	color:#FFF;
	font-size:13px;
}
.gruppenbox .head a {
	color:#FFF;
	font-weight:bold;
}
.gruppenbox .main {
	height:115px;
	padding:5px;
	border-left:1px solid silver;
	border-right:1px solid silver;	
	background-color:#EFEFEF;
	font-size:12px;
}
.gruppenbox .main a {
	font-size:11px;
}

.gruppenbox .footer {
	height:25px;
	color:#FFF;
	font-size:10px;
}
.gruppenbox .footer img {
	vertical-align:middle;
}
.blau {
	background-color:#0292BF;
}
.grau {
	background-color:#8C8C8C;
}
.orange {
	background-color:#FF7F00;
}

/* Login/Logout-Button */
input.login{
	width:55px;
	height:25px;
	font-size:11px;
	cursor:pointer;
	background:transparent url(../img/bg_btn_0.gif) center right no-repeat;
	border:none;
}
input.typ1 {
	width:145px;
	font-size:11px;
	padding:2px 4px;
	border-width:1px;
}

/* ---------- Anzeige "STEP" ---------- 
.step_done {
	display:block;
	float:left;
	height:18px;
	width:16px;
	background:transparent url(../img/bg_step_done.gif) left top no-repeat;
	font-weight:bold;
	font-size:10px;
	line-height:18px;
	font-family:Arial, sans-serif;
	color:#FFF;
	padding-left:6px;
}
.step_todo {
	display:block;
	float:left;
	height:18px;
	width:16px;
	background:transparent url(../img/bg_step_todo.gif) left top no-repeat;
	font-weight:bold;
	font-size:10px;
	line-height:18px;
	font-family:Arial, sans-serif;
	color:#FFF;
	padding-left:6px;
}*/

/* ---------- Formular und Elemente ---------- */
input, textarea, select {
	margin:3px 0px;
	border-left:2px solid #BFBFBF;
	border-top:2px solid #BFBFBF;
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	font-family:Arial, sans-serif;
	font-size:13px;	
	width:259px;	
	padding:1px 4px;	
}

.kurz {
	width:60px
}
.sehr_kurz{
	width:30px;
}
.falsch {
	border-color:#E30000; !important;
	background: #FFFFD2 url(../img/warning_obj.gif) center right no-repeat;
}

.rot {
	color:#E30000;
}
select {
	width:270px;	
	padding:0px;
}
option {
	margin:0px 3px;
}

input.felder {

}
textarea {
	height:90px;
}
.haken {
	width:auto;
	margin-top:5px;
	padding:0px;
	border:none;
}
label {
	clear:left;
	display:block;
	float:left;
	width:180px;
	margin-top:5px;
	/*
	overflow:hidden;
	line-height:25px;
	*/
	font-size:13px;
	/*color:navy;*/
}
.schmal { /* "mini-labels" */

	display:block;
	float:left;
	width:133px;
	margin-top:5px;
	/*
	overflow:hidden;
	line-height:25px;
	*/
	font-size:13px;
	/* color:navy; */
}

.leftmargin {
	padding-left:180px;
}

/* Formatierung der Zu- und Absagebuttons >> ja2 bzw. nein2 bedeutet inaktiv */
input.ja {
	width:55px;
	cursor:pointer;
	height:21px;
	background:transparent url(../img/btn55.gif) center center no-repeat;
	border:none;
	font-size:11px;
}
input.nein {
	width:55px;	
	cursor:pointer;
	height:21px;
	background:transparent url(../img/btn55.gif) center center no-repeat;
	border:none;	
	font-size:11px;
}

input.ja2 {
	width:55px;
	height:21px;
	background:transparent url(../img/btn55o.gif) center center no-repeat;
	border:none;	
	font-size:11px;	
}
input.nein2 {
	width:55px;
	height:21px;
	background:transparent url(../img/btn55o.gif) center center no-repeat;
	border:none;	
	font-size:11px;
}
/* Formatierung der Zu- und Absagebuttons 40 BREITE >> ja2 bzw. nein2 bedeutet inaktiv */
input.ja_40 {
	width:40px;
	cursor:pointer;
	height:21px;
	background:transparent url(../img/btn40.gif) center center no-repeat;
	border:none;
	font-size:11px;
}
input.nein_40 {
	width:40px;
	cursor:pointer;
	height:21px;
	background:transparent url(../img/btn40.gif) center center no-repeat;
	border:none;	
	font-size:11px;
}

input.ja2_40 {
	width:40px;
	height:21px;
	background:transparent url(../img/btn40o.gif) center center no-repeat;
	border:none;	
	font-size:11px;	
}
input.nein2_40 {
	width:40px;
	height:21px;
	background:transparent url(../img/btn40o.gif) center center no-repeat;
	border:none;	
	font-size:11px;
}

.bild_user {
	border:0px solid #AAA;
	margin:2px 2px 2px 0px;
}
input.buttons {
	background:transparent url(../img/bg_btn_115.gif);
	width:115px;
	height:21px;
	border:none;
	cursor:pointer;
	font-size:11px;	
}
input.buttons_bigone {
	background:transparent url(../img/bg_btn_165.gif);
	width:165px;
	height:21px;
	border:none;
	cursor:pointer;
	font-size:11px;		
}
.btn_link {
	background:transparent url(../img/bg_btn_115.gif);
	display:block;
	float:left;
	text-align:center;
	font-weight:normal;
	font-size:1.2em;
	font-family:Arial, sans-serif;
	padding-top:4px;
	width:115px;
	height:21px;
	margin-right:5px;
	margin-top:3px;
	text-decoration:none;
}
td.bearb{
	font-size: 10px; 
	line-height: 12px;
	vertical-align: middle;
}

.mini {
	font-size:10px;
	font-weight:bold;
	color:#96BC0F;
}

ul li {
	margin-left:15px;
}

.result {
	/*text-transform:uppercase;*/
	font-weight:bold;
	padding:0px 2px;
	/*background-color:#FFF;*/
	color:#0292BF;
}

.user_abgesagt{
	color:#C00;
	font-weight:bold;
}
	
.text_falsch {
	color:#C00;
	font-weight:bold;
	font-size:11px;
}

.druckansicht_head {
	text-align:left;
	vertical-align:top;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:11px;
}
.druckansicht td {
	text-align:left;
	vertical-align:top;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:11px;
	border-bottom:solid 1px;
}
.druckansicht th {
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
.werbung {
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}

.werbung .anzeige{
	text-align:right;
	font-size:11px;
	vertical-align:middle;
}

.werbung .ueberschrift{
	font-size:16px;
	font-weight:bold;
}

.werbung .bild{
	padding-right:10px;
	vertical-align:middle;
}

.werbung .anzeigentext{
	line-height:13px;
	font-size:11px;
	padding-top:5px;
}

.werberkampagne_infotext {
	font-size:10px;
}
#user_erreichbar,.user_erreichbar {
	color:#96BC0F;
	font-weight:bold;

}
.status_abgelaufen {
	color:#ff0000;
}





/*@CHARSET "ISO-8859-1";*/

#NoScript
{
	height: 100px;
	width: 896px;
	border: 2px solid #CC0000;
	background-color: #FFAD94;
	font-weight: bold;
	font-size: 16px;
	color: #880000;
	margin-bottom: 10px;
	padding: 50px;
	text-align: center;
	vertical-align: center;
	line-height: 100px;
}

div.AddTeamForm
{
	background-color: #CCCCCC;
	width: 198px;
	height: 148px;
	border: 1px solid #999999;
	text-align: left;
}

#PopupBg
{
	z-index: 10;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 1000px;
	background-color: #000000;
	opacity: 0.35;
	filter: Alpha(opacity=35);
}

#Popup
{
	background:#F4F4F4 url(../img/test.gif) 0px 0px repeat-x;
	z-index: 11;
	position: fixed;
	/*background-color: #FFFFFF;*/
	border: 1px solid #CCCCCC;
	border-bottom-color: #777777;
	border-right-color: #777777;
	margin-top: 150px;
	padding: 10px;
	overflow:visible;
	font-size:12px;
}
/*
#Popup a
{
	border: 1px solid #777777;
	background-color: #CCCCCC;
	color: #555555;
	padding: 2px;
	text-decoration: none;
}

#Popup a:hover
{
	color: #EEEEEE;
}

 Mannschaftsbild 
	#Popup div.Img
	{
		width: 400px;
		height: 320px;
		border: 1px solid #CCCCCC;
		margin: auto;
		line-height: 320px;
		text-align: center;
		vertical-align: middle;
	}
	
		#Popup div.Img div.ImgLinkContainer
		{
			width: 0px;
			height: 0px;
			overflow: visible;
			z-index: 12;
			position: relative;
		}
	
			#Popup div.Img div.ImgLinkContainer div.ImgLink
			{
				display: block;
				width: 35px;
				height: 35px;
				background-color: transparent;
				border: 2px dotted #EEEEEE;
			}
			
			#Popup div.Img div.ImgLinkContainer div.ImgLink:hover
			{
				border-color: lime;
			}
			
	#Popup a.Start
	{
		background-color: #E6FFCC;
		color: #00B33C;
		border: 1px solid #00B33C;
		font-weight: bold;
	}
	
	#Popup a.Cancel
	{
		background-color: #FFB899;
		color: #E63900;
		border: 1px solid #E63900;
		font-weight: bold;
	}*/
	
	
/* ########### IMAGEFLOW ############*/
.clear{
	clear:both;
}
#images{
	visibility:hidden;
}
#loading{
	margin-top:0px;
	margin-bottom:20px;
	text-align:center;
	width:100%;
}
#loading img{
	margin-top:10px;
	position:relative; 
}
#captions{
	padding-top:5px;
	font-weight:bold;
	position:relative; 
	text-align:center;
	z-index:10000;
}
#scrollbar{
	height:0px;
	visibility:hidden;
	position:relative; 
	/*border-bottom:1px solid #b3b3b3;*/
	z-index:10001;
}
#slider{
	height:0px;
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(../img/slider.png);
	background-repeat:no-repeat;
	width:14px;
	/*height:14px;	*/
}
#imageflow{
	/*margin-left:350px;*/
	margin-bottom:-30px;
	text-align:left;
	max-width:400px;
}
#changelog{
	width:349px;
	border-right:solid 1px #666;
	float:left;
	/*argin-top: 15px;*/
}
#changelog div{
	text-align: justify;
	padding: 0 15px 5px 15px;
}