/*** TEMPLATE STYLESHEET -------------------------------------------

The colors are changed in the template.
Use the Update styles -link to update the css stylesheet.

The following color definitions are used:

Text color 													#000000
Text color in top navigation 				#000000
Text color in login error messages	#0000FF

Link color in contents 							#295E8B
Link color in top navigation 				#000000
Link color in left navigation 			#000000

Decoration color (lines etc.)				#83B1DB									

Background color of contents				#FFFFFF
Background color of selected item		#FFFFFF
Background color of navigations			#F7FAFD
Background color of frontpage link	#C5DBF1
Background color of logo						#FFFFFF

Top color of gradient								#DAE8F6
Bottom color of gradient						#F7FAFD

------------------------------------------------------------------*/

/*** GENERAL STYLES ***/

body
{
	font-family: verdana,arial,sans-serif;
	background-color: #FFFFFF;						/* Background color of contents */
	color: #000000;															/* Text color */
	margin: 0;
	font-size: 0.8em;
}

h1
{
	font-size: 1.2em;
	font-weight: bold;
}

a
{
	color: #295E8B;															/* Link color in contents */
}

hr
{
	color: #FFFFFF;												/* Background color of contents */
	border-style: none;
	border-top: 1px solid #83B1DB;				/* Decoration color */
}

table,td
{
	vertical-align: top;
}

form
{
	margin: 0;
	padding: 0;
}

table.wide
{
	width: 100%;
	font-size: 1em;															/* overwrites the style defined in wysiwyg-editor */
	font-family: verdana,arial,sans-serif;			/* overwrites the style defined in wysiwyg-editor */
}

/*** STYLES FOR LOGIN BOX ***/

body#login
{
	background-color: #F7FAFD;
}

td.login-top
{
	background-color: #DAE8F6;						/* Top color of gradient */
	height: 20%;
}

td.login-bottom
{
	background-color: #F7FAFD;				/* Background color of navigations */
	height: 100%; 
	vertical-align: top; 
	text-align: center;
}

td.login-middle
{
	background-color: #F7FAFD;				/* Background color of navigations */
}

td.login-middle-top
{
	background-color: #DAE8F6;						/* Top color of gradient */
	width: 40%; 
	height: 50%;
}

td.login-middle-bottom
{
	background-color: #F7FAFD;				/* Background color of navigations */
	width: 40%;
	height: 50%;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFDAE8F6, endColorstr=#FFF7FAFD);   /* Top and bottom colors of gradient */
}

td.login-box
{
	background-color: #FFFFFF;						/* Background color of contents */
	border: 1px solid #83B1DB;						/* Decoration color */
	padding: 20px; 
	width: 400px;
}

div.logo
{
	padding: 10px; 
	background-color: #FFFFFF;				/* Background color of logo */
	border-top: 1px solid #83B1DB;				/* Decoration color */
}

div.login-copyright
{
	color: #83B1DB;												/* Decoration color */
	font-size: 0.7em; 
	text-align: center; 
	padding-top: 3px;
}

div.login 
{
	font-size: 0.9em;
}

div.login-notes
{
	font-size: 0.9em; 
	text-align: center; 
	padding-bottom: 10px; 
	padding-top: 30px;
}

div.login-error
{
	color: #0000FF;														/* Text color in login error messages */
}

input.login-textfield
{
	font-size: 0.8em;
	border: 1px solid #83B1DB;						/* Decoration color */
	margin-bottom: 5px;
}

/*** STYLES FOR TOP NAVIGATION ***/

td.topnavi
{
	background-color: #F7FAFD;				/* Background color of navigations */
	color: #000000;													/* Text color in top navigation */
	text-align: right;
	padding: 5px;
	margin: 0;
	vertical-align: bottom;
	height: 20px;
}

td.topnavi a
{
	color: #000000;											/* Link color in top navigation */
	background-color: transparent;
}

input.button
{
	background-color: transparent;
	color: #000000;											/* Link color in top navigation */
	font-size: 0.8em;
	border: 1px solid #83B1DB;						/* Decoration color */
	margin: 0;
}

input.textfield
{
	font-size: 0.8em;
	margin-right: 1px;
	border: 1px solid #83B1DB;						/* Decoration color */
}

span.pipe
{
	color: #83B1DB;												/* Decoration color */
}

span.logout
{
	background-color: #DAE8F6;						/* Top color of gradient */
	border: 1px solid #83B1DB;						/* Decoration color */
	padding: 3px;
}

/*** STYLES FOR LEFT NAVIGATION ***/

td.navibar
{
	width: 20%;
}

td.logo
{
	background-color: #F7FAFD;				/* Background color of navigations */
	border-right: 1px solid #83B1DB;			/* Decoration color */
	padding: 15px 0px 15px 0px;
	text-align: left;
}

td.frontpage
{
	background-color: #C5DBF1;		/* Background color of frontpage link */
	border-top: 1px solid #83B1DB;				/* Decoration color */
	border-bottom: 1px solid #83B1DB;			/* Decoration color */
	border-right: 1px solid #83B1DB;			/* Decoration color */
	padding: 2px;
	padding-left: 13px;
}

td.frontpage a
{
	color: #000000;											/* Link color in left navigation */
	text-decoration: none;
}

td.frontpage a:hover
{
	text-decoration: underline;
}

td.gradient
{
	width: 100%;
	height:100%;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFDAE8F6, endColorstr=#FFF7FAFD);   /* Top and bottom colors of gradient */
	background-color: #DAE8F6;						/* Top color of gradient */
	border-bottom: 1px solid #83B1DB;
}

div.mark
{
	color: #83B1DB;												/* Decoration color */
	float: left;
	margin-left: 0.2em;
}

span.forward
{
	color: #83B1DB;												/* Decoration color */
	font-size: 0.9em;
}

div.level1
{
	border-right: 1px solid #83B1DB;			/* Decoration color */
	margin-left: 1.4em;
	padding: 1px;
	clear: right;
}

div.level2
{
	border-right: 1px solid #83B1DB;			/* Decoration color */
	margin-left: 1.4em;
	padding: 1px;
	padding-left: 20px;
}

div.level1 a
{
	color: #000000;											/* Link color in left navigation */
	text-decoration: none;
}

div.level1 a:hover
{
	text-decoration: underline;
}

div.level2 a
{
	color: #000000;											/* Link color in left navigation */
	text-decoration: none;
}

div.level2 a:hover
{
	text-decoration: underline;
}

.filler
{ 
	background-color: transparent;
	border-right: 1px solid #83B1DB;			/* Decoration color */
	width: 100%;
}

#selected
{
	background-color: #FFFFFF;		/* Background color of selected item */
	border-top: 1px solid #83B1DB;				/* Decoration color */
	border-bottom: 1px solid #83B1DB;			/* Decoration color */
	border-left: 1px solid #83B1DB;				/* Decoration color */
	border-right-style: none;
}

/*** STYLES FOR CONTENT ***/

td.content
{
	padding: 25px; 
	border-top: 1px solid #83B1DB;				/* Decoration color */
	vertical-align: top;
}

div.intro
{
	font-style: italic;
	padding: 5px;
	background-color: #F7FAFD;				/* Background color of navigations */
}

div.copyright
{
	text-align: right;
	color: #83B1DB;												/* Decoration color */
	font-size: 0.8em;
	clear: right;
}

div.footer
{
	text-align: left;
	color: #83B1DB;												/* Decoration color */
	font-size: 0.8em;
	float: left;
}

/*** STYLES FOR PRINTER ***/
body#printer
{
	margin: 10px;
}

div.close
{
	padding-top: 20px;
	text-align: center;
}