html	{
	height: 100%;	}
	
body {	
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url(../images/navi/bg_navi.gif);	/* - gray column below navigation - */
	background-repeat: repeat-y;	
	overflow-y: auto;	}

	
a:link		{color: #003399;}			/* - general link colors - */
a:visited	{color: #003399;}
/*a:visited	{color: #52188C;}*/
a:hover		{color: #0099ff;}
a:active	{color: #0099ff;}


img	{									/* - all images without borders - */
	border: 0;	}


	
	

/* --- positioned elements --- */

#headerbox	{							/* - container for header area - */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;						/* - height of header area - */
	overflow: hidden;	}

	
#contentbox	{							/* - container for content area (text and footer) - */
	position: absolute;
	top: 81px;							/* - height of header area - */
	left: 215px;
	height: 100%;
	border: 0px solid green;
	margin: 0;
	padding: 0;	}


#content	{							/* - container for text - */
	margin: 0 20px 25px 0;				/* - margin values without related links-box - */
	border: 0px solid red;	}


#related {								/* - related links-box - */
	float: right;
	/*width: 138px;
	width: 20ex;*/
	width: 9.5em;
	margin: 50px 5px 0 10px;
	-moz-border-radius: 4px;	}		/*	Mozilla code	*/	


#footerbox	{							/* - container for footer (copyright statement) - */
	margin-right: 20px;
	padding-top: 20px;
	clear: both;	}		


#navibox	{							/* - container for navigation - */
	position: absolute;
	top: 80px;							/* - height of header area - */
	left: 0;
	width: 194px;
	margin: 0;
	padding: 0;
	border: 0px yellow solid;	}


#treebox	{							/* - container for navigation tree - */
	margin: 0px 0px 10px 5px;
	padding-top: 5px;	}	

/* --- /positioned elements --- */

	


	
/* --- formatting header area --- */

#headmslogo	{							/* - Microsoft logo - */
	float: left;
	width: 60px;
	height: 80px;
	margin: 0px 0 0 0;	}				/* - adjust margin-top if header height differs from 80px - */

#headertitel 	{						/* - module titel in the header - */
	float: left;
	margin: 46px  6px 20px;			/* - adjust margin-top if header height differs from 80px - */
	font: 22px Tahoma,Arial,Helvetica,sans-serif;
	white-space: nowrap;	}			/* - no line-break - */
	
#headerlogo	{							/* - optional: additional logo - */
	float: right;	}

/* --- /formatting header area --- */


	


/* --- formatting text area --- */
	
#content h1	{							/* - headline - */
	margin: 0;
	padding-top: 0.6em;
	font: large Verdana,Arial,Helvetica,sans-serif;
	line-height: 1.4;
	/*font-weight: bold;*/
	color: #003399;	}	
	
#content h2	{							/* - subheadline - */
	margin: 0;
	padding-top: 1em;
	font: medium Verdana,Arial,Helvetica,sans-serif;
	line-height: 1.4;
	/*font-weight: bold;*/
	color: #003399;	}	
	
#content h3	{							/* - paragraph heading - */
	margin: 0;
	padding-top: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	line-height: 1.3;
	font-weight: bold;	}	
	
#content p	{							/* - text paragraph - */
	margin: 0;
	padding-top: 0.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	line-height: 1.3;	}	
	
#content p.box	{							/* - text paragraph - */
	margin: 2;
	background-color: #e3e0dd;
	padding: 0.6em 0.6em 0.6em 0.6em;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	line-height: 1.3;	
	}	
	
p.right	{								/* - paragraph with right-aligned image - */
	float: right;
	margin-top: 10px;
	padding: 0 0 9px 9px;
	border: 0px solid green;	}
	
p.right img	{							/* - paragraph with right-aligned image - */
	margin-top: 5px;	}		

p.left	{								/* - paragraph with left-aligned image - */
	float: left;
	margin-top: 10px;
	padding: 0 9px 9px 0;
	border: 0px solid green;	}	
	
p.left img	{							/* - paragraph with left-aligned image - */
	margin-top: 5px;	}	
	
p.centered	{							/* - paragraph with centered image - */
	border: 0px solid green;
	text-align: center;	}		

p.centered img	{						/* - paragraph with centered image - */
	margin: 10px 0 10px 0;	}		

#content ul { 							/* - unordered list - */
	margin-top: 0;						/* - no margin-left/margin-right here! - */
	margin-bottom: 0;	}	
	
#content li {							/* - list item - */
	margin: 0.5em 10px 0 -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;		}
	
#content .source	{
	font-family: "Courier New", Courier, monospace;
	font-size: x-small;
	}	
	
#content p.source	{
	margin: 5px 0 0 10px;
	padding: 0;
	}		

pre	{
	margin: 5px 0 0 10px;
	padding: 0;
	font-family: "Courier New", Courier, monospace;
	font-size: x-small;
	}			
	
.spacer {								/* - filling element - */	
	clear: both;	}
	
.stop-float {							/* - filling element - */	
	clear: both;	}	
		
/* --- /formatting text area --- */


	
/* --- formatting related links-box --- */


.relatedhead	{						/* - titel for related links-box - */
	padding: 7px 5px 8px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;	}

#related ul { 							/* -  - */
	margin-top: 0;
	margin-bottom: 10px;
	border: solid 0px green;	}	
	
#related li {							/* -  - */
	margin: 3px 5px 5px -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	border: solid 0px red;		}	
	
#related hr	{							/* - related links-box horizontal ruler - */
	width: 100%;
	height: 1px;	}

/* --- /formatting related links-box --- */
	


	

	
/* --- formatting navigation area --- */

.navibg		{							/* - background navigation tree - */
	width: 194px;
	margin: 0px;
	padding: 0px;
	display: block;
	border-top: 1px solid white;
	border-bottom: 1px solid #c6c7c6;	}
		
#treetitle		{						/* - module titel in the navigation tree - */
	margin-bottom: 5px;	}		

.treetext {								/* - text in the navigation tree - */
	font-size: x-small;
	font-family: Arial,Helvetica,sans-serif;	}


#treebox a:link, #treebox a:visited	{	/* - links in the navigation tree - */
	text-decoration: none;
	color: #000000;	}

#treebox a:hover, #treebox a:active {
	text-decoration: none;
	color: #0099ff;	}
	

	
.linkbox	{							/* - grey link box - */	
	width: 194px;
	height: 30px;
	padding-top: 3px;
	background-color: #e3e0dd;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c6c7c6;	}
	
.linkbox a	{							/* - links in the link box - */
	padding-top: 4px;
	vertical-align: middle;
	text-decoration: none;	}	
	
.linkbox a:link, .linkbox a:visited	{	
	color: #000000;	}
	
.linkbox a:hover, .linkbox a:active	{
	color: #0099ff;	}	
	
.linkbox img	{						/* - icon in the link box - */
	padding-top: 4px;
	vertical-align: middle;
	border: 0px;	}

.linkbox span	{						/* - text in the link box - */
	padding-top: 4px;
	vertical-align: middle;
	font-size: x-small;
	font-family: Arial,Helvetica,sans-serif;	}
	
.amende	{								/* - addition for last link box - */	
	border: 0px;	}		
	
/* --- /formatting navigation area --- */

	
	


		
/* --- formatting footer (copyright statement) --- */

#footerbox p {
	width: 100%;
	margin-left: auto;
    margin-right: auto;
	padding-bottom: 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	text-align: center;	}
		
/* --- /formatting footer (copyright statement) --- */