body 
{
	font-family: Georgia, Verdana, Arial;
	font-size: small;
	margin: 0px;	padding: 0px;	border: 0px;
	/* generate background gradient suitable for all browser screen sizes */
	background-image: url("SystemImages/gradient.jpg"); /* color gradient white to #0da5e0 */
	background-repeat: repeat-x; /* repeat image to the right forever */
	background-color: #0da5e0; /* fill below image with the bottom color of the image */
}

table, tr, td  { vertical-align: bottom; margin: 0px; border: 0px; padding: 0px; }

ul  { margin: 0px 20px 15px 20px;	padding: 0px; }

p	{	margin: 6px;	padding: 0px;	}

.Subtitleparagraph
{
	margin: 6px;
	padding: 0px;
	font-style: italic;
	background-color: #EAEBFD;
	text-align: center;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: 3px;
	margin: 0px 10px 15px 20px;
	color: #FF6600;
	vertical-align: top;
	text-align: center;
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	background-color: #FFAE79;
	text-align: center;
}

h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
}

h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}

h5
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	font-style: italic;
}


/* classes for the linklist (left box) */

.LinklistHeading
{
	margin: 10px;
	padding: 0;
	letter-spacing: 1px;
	line-height: 1.3em;
	font-weight: bold;
	background-color: #EAEBFD;
	text-align: center;
	font-size: medium;
}

.LinklistTitle
{
	margin: 10px;
	padding: 0px;
	font-weight: normal;
	font-style: italic;
}

.Linklist
{
	letter-spacing: 0px;
	line-height: 1em;
	margin: 10px;
	padding: 0px;
	font-weight: normal;
}

a.Linklist
{
	margin: 0px;
	text-decoration: none;
}

a.Linklist:hover
{
	margin: 0px;
	text-decoration: underline;
}


/* class for the top menu icons */

.menueImage:hover
{
	border-color:#1d35a2; /* hover makes a blue frame */
}

.menueImage
{
	border-color: White; /* code beind replaces white with yellow for the selected page und subpages */
	border-style: solid; /* we need a border to avoid shifts when hovering or selecting */
	border-width: thick;
	height: 80px; /* make all icons the same size */ 
	width: 80px;
}


/* class to show a tooltip - text-to-show is set between <span> and </span> */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
	position: relative; /* stay with the object that the tooltip belongs to */
	text-decoration: none; 
	font-style: italic;
	color: #0000ff; 
}

a.tooltip:hover {
	color: #1d35a2; /* hover shows blue text */ 
	background: transparent;
}

a.tooltip span {
	display: none; /* default behaviour: hide the tooltip text which is set between <span> and </span> */
	text-decoration: none; 
	top: -50px; /* changed in IE.css! */
	left: -5px; 
}

a.tooltip:hover span 
{    /* on hover show the tooltip text which is set between <span> and </span> */
	display: block; 
	position: absolute; /* relative would lead to line feeds */
	/*do not set width and heigth, calculate dynamically */
	z-index:2500; /* we want it topmost */
	color: #1d35a2; 
	border:1px solid #000000; 
	background: White;
	font: 12px Verdana, sans-serif; 
	text-align: left;
}

a.tooltip span b 
{   /* if we find a text between <b> and </b>, display it as tooltip-heading (own row) */
	display: block; /* we need a newline afterwards */
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #1d35a2;
	background-color: #adc4ff; /* light grey*/
	border: 0px;
	border-bottom: 1px solid black;
}


/* classes for boxes */

.Box155px {
	width: 155px; float: left; margin: 55px 10px 10px 10px;	padding: 0px;	
	border: 1px solid #808080;	background-color: white;
}
.Box390px {
	width: 390px; float: left; margin: 10px;	padding: 0px; 
	border: 1px solid #808080;	background-color: white;
}
.Box800px {
	width: 800px; float: left; margin: 10px;	padding: 0px; 
	border: 1px solid #808080;	background-color: white;
}
.Image390px {
	width: 390px; margin: 0px;	padding: 0px; display: block;
}
.Image800px {
	width: 800px; margin: 0px;	padding: 0px; display: block;
}


/* classes for the main page (default.aspx) with 410px boxes */
.mainpage
{
	margin: 0px 15px 10px 15px;
	padding: 0;
	letter-spacing: 1px;
	line-height: 1.3em;
	font-weight: normal;
}

.mainpageSubtitleparagraph
{
	margin: 0px 15px 10px 15px;
	padding: 0;
	letter-spacing: 1px;
	line-height: 1.3em;
	font-weight: normal;
	font-style: italic;
	background-color: #EAEBFD;
}

h1.mainpage
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: 3px;
	margin-top: 18px;
	margin-bottom: 6px;
	color: #FF6600;
}

h2.mainpage
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}