/* -----------------------------------------------
Score-Project.eu Stylesheet
Maros Kollár . ZSI . 2007
-----------------------------------------------

-----------------------------------------------
Farben

Violett Dunkel 464ba0
Violett Mittel 6f73bf
Violett Hell 9598d6
Violett Sehr Hell #D1D3ED

Orange f89839
Orange Hell #FCD5AD
----------------------------------------------- */

/* -----------------------------------------------
Allgemeines 
----------------------------------------------- */

BODY {
	font-family: "Trebuchet MS",Trebuchet,Helvetica,Arial,sans-serif;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}

A IMG {
	border: none;	
}

INPUT, SELECT, TEXTAREA {
	border: 1px solid #464ba0;
	font : 100 1em "Trebuchet MS",Trebuchet,Helvetica,Arial,sans-serif;
	padding: 1px;
}

INPUT.button {
	border: 1px solid #464ba0;
	font-weight: 800;
	color: white;
	padding: 5px;
	background-color: #9598d6;
}

INPUT.none, INPUT[type=radio], INPUT[type=image] {
	border: none;
}

A:Hover {
	color: #9598d6;
}
	
A:Link,A:Visited,A:Active {
	color: #464ba0;
}

UL {
	list-style-type: square;
}

FORM {
	margin: 0px;
}

/* -----------------------------------------------
Layout 
----------------------------------------------- */

#container {
	text-align: left;
	/*width: 999px;*/
	width: 971px;
	padding: 5px 14px 0px 14px;
   background-image: url(bg.gif);
	background-repeat: repeat-y;
}

#printbox {
	display: none;
}

#headercontainer {
	width: 971px;
	color: white;
	height: 169px;
}

#workgroupcontainer {
	border: 1px solid #9598d6;
	margin-top: 1px;
	background-color: #D1D3ED;
	padding: 2px;
}

.headercontent {
	padding: 5px;
	font-size: 0.9em;

}

.headercontent UL  {
	list-style-type: square;
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}

.headercontent LI  {
	margin-bottom: 0px;
}

#headerbox2 LI {
	margin-bottom: 5px;
}

.headercontent A:Link, .headercontent A:Visited, .headercontentA:Active{
	font-weight: 800;
	color: white;
	text-decoration: none;
}


.headercontent A:Hover {
	color: #464ba0;
}

#headercontainer INPUT.field {
	background-color: #9598d6;
	border: 0px none;
	width: 250px;
	color: white;
}

#headerbox1 {
	width: 275px;
	border: 1px solid #9598d6;
	float: left;
	margin-right: 1px;
	height: 167px;
}

#headerbox2 {
	width: 277px;
	background-color: #9598d6;
	margin-right: 1px;
	float: left;
	height: 169px;
	overflow-y: auto;
}

#headerbox3 {
	width: 277px;
	background-color: #6f73bf;
	margin-right: 1px;
	float: left;
	height: 169px;
	overflow-y: auto;
}

#headerbox4 {
	float: left;
	width: 136px;
}

#headerbox4top {
	background-color: #464ba0;
	height: 84px;
	width: 100%;
}

#headerbox4top .headercontent {
	padding: 0px;
}

#headerbox4bottom {
	background-color: #464ba0;
	margin-top: 1px;
	width: 100%;
	height: 84px;
}

#headerbox2 IMG, #headerbox3  IMG, #headerbox4 IMG {
	margin: 3px 0px 0px 5px;
}

.headercontent IMG  {
	margin: 0px 0px 0px 0px !important; 
}

#headerbox4 .headercontent {
	text-align: center;
}

#menubox {
	width: 265px;
	border: 1px solid #9598d6;
	float: left;
	margin-top: 1px;
	padding: 5px;
}

#menu1 A.level1  {
	display: block;
	padding: 2px;
	background-color: #FCD5AD;
	margin-bottom: 1px;
	color: #464ba0;
	font-weight: 800;
	text-decoration: none;
}

#menu1 A.level1:Hover {
	background-color: #9598d6;
	color: white;
}

#menu1 A.level2, #menu1 A.level3, #menu1 A.level4  {  
	display: block;
	padding: 2px;
	color: black;
	font-size: 0.9em;
	text-decoration: none;
	margin-bottom: 1px;
	margin-left: 15px;
}

#menu1 A.level3 {
	margin-left: 25px;
}

#menu1 A.level4 {
	margin-left: 35px;
}

#menu1 A.level2:Hover, #menu1 A.level3:Hover, #menu1 A.level4:Hover {
	background-color: #9598d6;
	color: white;
}

#menu1 A.selected {
	background-color: #D1D3ED;
}


.sidebox {
	background-color: #9598d6;
	color: white;
	padding: 2px;
	margin-top: 5px;
	font-size: 0.9em;
}

.sidebox FORM {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.sidebox INPUT {
	background-color: white;
	border: none;
}

.sidebox UL {
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}

.sidebox A {
	color: white;
}

.sidebox HR {
	color: white;
	background-color: white;
	height: 1px;
	border: none;
}

#menubox H2 {
	color: white;
	font-size: 1.1em;
	margin: 1px;
}

#contentbox {
	margin-top: 5px;
	width: 686px;
	float: left;
	margin-left: 8px;
	text-align: justify;
}

.important {
	color: #d81126;
	font-weight: 800;
	padding-left: 1px;
	padding-right: 1px;
	border: 1px solid #d81126;
	background-color: #F9B0B7;
}

/* -----------------------------------------------
Popup  
----------------------------------------------- */

#popup {
	text-align: left;
	width: 600px;
	padding: 0px 5px 0px 5px;
   background-image: url(background_small.gif);
	background-repeat: repeat-y;
	height: 100%;
}

#popup #header {
	width: 588px; 
	border: 1px solid #9598d6;
}

#popup #content {
	width: 580px;
	font-size: 10pt;
	padding: 5px 5px 0px 5px;
	text-align: justify;
}

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

* HTML H1 {
	line-height: 150%;	
	font-size: 200%;
}

H1 {
	color: #464ba0;
	text-align: left;
	margin-top: 0px;
	font-size: 1.8em;
	font-variant: small-caps;
	/*	text-transform:capitalize;*/
	line-height: 150%;	
}

* HTML H2 {
	line-height: 150%;	
	font-size: 140%;
}

H2 {
	color: #464ba0;
	text-align: left;
}

H3 {
	color: #464ba0;
	text-align: left;
}

fieldset {
	color: #808080;
	font-size: 0.9em;
}

fieldset UL {
	padding-left: 15px;
}

legend  {
	color: #464ba0;
	font-weight: 900;
	font-size: 1.1em;
}

#contentbox .box {
	border: 1px solid #9598d6;
	padding: 2px;
	line-height: 150%;
}

#contentbox .smallbox {
	border: 1px solid #9598d6;
	font-size: 0.9em;
	padding: 2px;
}

#contentbox .bluebox1 {
	background-color: #D1D3ED;
	border: 1px solid #9598d6;
	
}

#contentbox .bluebox2 {
	background-color: #6f73bf;
	border: 1px solid #464ba0;
	line-height: 150%;
	color: white;
}

#contentbox .bluebox1, #contentbox .bluebox2 {
	line-height: 150%;
	padding-left: 5px;
	padding-right: 5px;
}

#contentbox .bluebox1 H3, #contentbox .bluebox2 H3, #contentbox .box H3 {
	margin-top: 0px;
}

#contentbox .bluebox2 A {
	color: white;
}

#contentbox .datalist {
	padding: 2px 5px 5px 5px;
	background-repeat: no-repeat;
	font-size: 0.9em;
	color: #808080;
	line-height: 140%;
}

#contentbox .datalist STRONG {
	color: black;
}

#contentbox .smalldatalist {
	font-size: 0.8em;
	line-height: 140%;
}

#contentbox .smalldatalist:first-line {
	font-size: 1.1em;
	line-height: 140%;
}

#contentbox .odd {
	background-color: #D1D3ED;
}

#contentbox .even {
	background-color: white;
}

#contentbox .datalist IMG {
	float: left;
	margin-right: 2px;
}

#footer {
	border-top: 1px solid #808080;
	margin-top: 20px;
	font-size: 0.8em;
	color: #808080;
}

.small {
	font-size: 0.9em;
}

.requirederror {
	border: 1px solid #d81126;
	background-color: #F9B0B7;
	padding: 2px;
	color: #d81126;
	font-weight: 800;
}

.required {
	background-color: #D1D3ED;
}

.search {
	background-color: #D1D3ED;
}

/* -----------------------------------------------
Table  
----------------------------------------------- */

#contentbox TABLE {
	border: 1px solid #464ba0;
	border-collapse: collapse;
}

#contentbox TABLE.form, #contentbox TABLE.none  {
	border: 0px none;
}

#contentbox TD {
	border: 1px solid #464ba0;	
	vertical-align: top;
}

#contentbox TABLE.none TD {
	border: 0px none;
}

#contentbox TABLE.form TD {
	border: 0px none;
	width: 30%;
}

TR.highlight TD {
	background-color: #D1D3ED;
	border-bottom: 1px solid #464ba0;
}

TR.normal TD  {
	border-bottom: 1px solid #464ba0;
}

TH {
	background-color: #9598d6;
	border-bottom: 1px solid #464ba0;
}

/* -----------------------------------------------
SEAS-Calendar  
----------------------------------------------- */

.calendar {
	width: 100%;
	vertical-align: top;
	overflow: hidden;
	border: none !important;
	padding: 0px;
	margin: 0px;
}

.calendar A {
	color: white;
}

.calendar TD {
	width: 14.28%;
}

TR.calendar_title TH {
	text-align: center;
	background-color: #464ba0;
	color: white;
}

TR.calendar_weekdays TH {
	text-align: center;
	background-color: #6f73bf;
	border-bottom: none;
	color: white;
}

TR.calendar_days {
	text-align: center;
}

TD.calendar_past {
	color: #6f73bf;
	background-color: transparent !important;
}

TD.wday6, TD.wday7  {
	font-style: italic;
	background-color: #D0D0D0;
}

TD.calendar_today {
	border: 1px solid white !important;
	font-weight: 800;
}

TD.calendar_active  {
	background-color: #FCD5AD;
	font-weight: 800;
	color: #464ba0;
}

TD.calendar_active A {
	color: #464ba0;
}



/* -----------------------------------------------
Calendar  
----------------------------------------------- */

TABLE.form TABLE TD {
	width: auto;
}

.cpYearNavigation,
.cpMonthNavigation
	{
	background-color:#464ba0;
	text-align:center;
	vertical-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	}
.cpMonthNavigation A {
	color: #FFFFFF;
}
.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText
	{
	font-size:8pt;
	}
TD.cpDayColumnHeader
	{
	text-align:right;
	border-bottom:  solid 1px #464ba0;
	font-weight: 800;
	}
.cpCurrentMonthDate,
.cpOtherMonthDate,
.cpCurrentDate
	{
	text-align:right;
	text-decoration:none;
	}
.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled
	{
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
	}
.cpCurrentMonthDate
	{
	color:#464ba0;
	font-weight:bold;
	}
.cpCurrentDate
	{
	color: #FFFFFF;
	font-weight:bold;
	}
.cpCurrentDate A {
	color: #FFFFFF;
}
.cpOtherMonthDate
	{
	color:#808080;
	}
TD.cpCurrentDate
	{
	color:#FFFFFF;
	background-color: #464ba0;
	border-width:1;
	border:solid thin #000000;
	}
TD.cpCurrentDateDisabled
	{
	border-width:1;
	border:solid thin #F9B0B7;
	}
TD.cpTodayText,
TD.cpTodayTextDisabled
	{
	border:solid thin #464ba0;
	border-width:1 0 0 0;
	}
A.cpTodayText,
SPAN.cpTodayTextDisabled
	{
	height:20px;
	}
A.cpTodayText
	{
	color:#464ba0;
	font-weight:bold;
	}
SPAN.cpTodayTextDisabled
	{
	color:#D0D0D0;
	}
.cpBorder
	{
	border: 1px solid #464ba0;
	}
	
.cpBorder TABLE, .cpBorder TD
	{
	border: 0px none ;
	}