﻿body 
{
	margin:            0px;
	background-image:  url(../img/Body.png);
	background-repeat: repeat-x;
	background-color:  #0d440c;
	font-family:       'Trebuchet MS', Helvetica, sans-serif;
	font-size:         11px;
	color:             #8bd301;	
}

.header, .RadioButton label
{
	font-size:      9px;
	color:          #cccbcb;
	padding-bottom: 5px;
}

span.title, a.title, div.title
{
	font-size:   18px;
	font-weight: bold;
	color:       #cccbcb;
}

.text
{
	text-align:  justify;
	line-height: 18px
}

.boxTitle
{
	font-weight: bold;
	color:       #cccbcb;
}

a
{
	text-decoration: none;
	color:          #f2fdb4;
	font-weight:    bold;
}

a:hover, a.NavigationButton:hover
{
	cursor: hand;
	color: #d40303;
}

a.NavigationLink
{	
	text-decoration: none;
	color:           #8b8989;
	font-weight:     bold;
}

a.NavigationLink:hover
{
	cursor: hand;
	color:  #FFFFFF;	
}


behavior
{
	behavior: url("pngbehavior.htc");
}

table.Main
{
	margin-left:  auto; 
	margin-right: auto;
	width:        807px;
}

td
{
	vertical-align: top;
}

.SurveyBar
{
	background-color: #8bd301;
	height:           8px;
}

/***********************
* Top Navigation
***********************/
td.Head
{
	background-image:  url("../img/Header.png");
	width:             807px;
	height:            122px;
	background-repeat: no-repeat;	
	padding-left:      1px;
}

td.HeadIE
{
	background-image:  url("../img/HeaderIE.png");
	width:             807px;
	height:            122px;
	background-repeat: no-repeat;	
	padding-left:      1px;	
}

td.Footer
{
	background-image:  url("../img/Footer.png");
	width:             800px;
	height:            12px;
	background-repeat: no-repeat;
}

a.NavigationButton
{
	/*color: #a3aa7a;*/
	color: #353535;
	float:          left;
	margin-top:     94px;
	margin-left:    12px;
	margin-right:   13px;
	font-size:      13px;	
}


/***********************
* Sup Navigation (left)
***********************/
div.NavigationBox
{
	width:             100%; 
	height:            26px;
	background-image:  url("../img/N_Box.png");
	background-repeat: no-repeat;
}

img.NavigationBlink
{
	float:    left;
	position: relative;
	left:     130px;
	top:      -8px;
	margin-bottom: -1px;
}

input.Error, textarea.Error
{
	border: 1px solid #cc0000;
}



/***********************
* Login
***********************/
div.LoginLabel
{
	
}

input.LoginTextbox
{
	border: 1px solid #333333;	
}

input.LoginTextboxError
{
	border: 1px solid #cc0000;
}

input.LoginTextbox, input.LoginTextboxError
{
	width: 145px;
	height: 14px;
	background-color: #000000;
	color:            #cc0000;
	font-size:        11px;
	font-weight: bold;
	padding-left: 2px;
}

input.LoginButton
{
    border:           1px solid #333333;
    height:           18px;
    background-color: #000000;
    width:            50px;
    margin-top:       3px;
    padding-bottom:   1px;	        
	font-size:        9px;
	font-weight:      bold;
	color:            #cccccc;	
}

/***********************
* Input Fields
***********************/
input, textarea, select
{
	background-color: #041303;
	border:           1px solid #606060;
	font-family:      'Trebuchet MS', Helvetica, sans-serif;
	font-size:        11px;
	color:            #606060;
}


.RadioButton
{
	margin-top:    10px;
	margin-bottom: 10px;
	position:      relative;
	left:          -5px;
}

.RadioButton input
{
	background-color: Transparent;
	border:           0px;
}

.RadioButton label
{
	position: relative;
	top:      -2px;	
}

input, textarea, select, body
{
	scrollbar-base-color: #041303;
	scrollbar-arrow-color: #606060;
	scrollbar-track-color: #606060;

	scrollbar-shadow-color: #2a4128;
	scrollbar-lightshadow-color: #2a4128; 
	scrollbar-darkshadow-color: #2a4128; 

	scrollbar-highlight-color: #2a4128;
	scrollbar-3dlight-color: #000000;		
}

.cut
{
	text-overflow:  ellipsis; /* Nicht für alle Browser */
	overflow:       hidden;
	white-space:    nowrap;	
}


#overlay{ background-image: url(../img/overlay.png); }

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(../img/t.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
	}
	
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }	



/***********************
* Input Fields
***********************/
td { vertical-align: top; }

span.Name, span.Message 
{
	font-weight:   bold;
	padding-right: 3px;
}

.Chat 
{ 
	margin-top: 15px;
	width:      100%;
	height:     300px;
	overflow-y: scroll;
	overflow-x: hidden;
	border-top: 1px dashed #606060; 
	border-left: 1px dashed #606060; 
	border-bottom: 1px dashed #606060; 

}

div.Message 
{ 
	margin-top: 15px;
	padding-top: 15px;
	width:      100%;
}

.Chat .ItemTemplate            { padding: 5px; margin: 5px 5px 0px 5px; background-color: #1e301e; }
