body 
{
	font-family: verdana;
	font-size: 12px;
	background-color: #abc0dd;
	color: #000000;
	text-align: center;
	margin: 0px;
	padding: 0px;
	overflow: scroll;
}

p 
{
	line-height: 1.5em; 
	margin: 5px 0 10px 0; 
	padding: 0;
}
p.newline 
{
	clear: both;
}

.center {text-align: center;}

.comment {font-size: 11px;}

h1 {font-size: 18px; color: #003399; margin: 5px 0 10px 0; text-align: center;}
h2 {font-size: 15px; font-weight: bold; color: #003399; margin: 0; padding: 5px 0 5px 0;}
h3 {font-size: 13px; color: #003399; margin: 0; padding: 5px 0 5px 0; clear: both;}

.header
{
	 float: left;
	 width: 155px; 
	 padding-top: 40px;
	 /*border: 1px solid black; */
}

a:link, a:visited, a:active, a:hover
{ 
	text-decoration: underline;
	color: #0066CC;
	/*color: #000080;*/
}
a:active, a:hover
{ 
	/*color: #990033;*/
	color: #666666;
}

li { line-height: 1.5em; }

img
{
	border: 0;	
}

img.left { float: left; margin-top: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 10px; }
img.right { float: right; margin-top: 10px; margin-left: 10px; margin-top: 5px; margin-bottom: 10px; }

img.logo
{
	height: 70px; 
	margin-right: 25px;
	float: right;
}

table
{
	border-collapse: collapse; 
	margin: 5px auto 10px auto;
}
table.borderno td
{
	border-style: none;	
}
th {text-align: center;}
th, td
{
	border: 1px solid #000080;	
 	padding: 5px;
}


/* Verlauf */
#course
{
	font-size: 11px;
	padding-bottom: 5px;	
}

ul
{
	margin-top: 0;
}

ul.report
{
	list-style-type: none; 
	display: block; 
	margin: 0;	
	padding: 0;
}

ul.report li
{
	text-align: center;
	padding: 5px 5px 5px 5px; 
	margin: 0;
	width: 169px; 
	height: 180px;
	float: left;
}

hr { border: 0; border-top: 2px dashed black; }

.box_left
{
	text-align: center;
	float: left;
	width: 345px;
	height: 200px;
	padding: 5px;
	border: 1px dotted black;
	border-left: 0;
}

.box_right
{
	text-align: center;
	float: right;
	width: 345px;
	height: 200px;
	padding: 5px;
	border: 1px dotted black;
	border-right: 0;
}

.box_center
{
	clear: right;
	text-align: left;
	width: 380px;
	height: 200px;
	padding: 5px;
	margin: 0 auto 0 auto;
	border: 1px dotted black;
}

.box_left h2
{
	text-align: center;
}

.box_right h2
{
	text-align: center;
}

.footnote
{
	font-size: 10px;	
}

.navTop
{
	font-size: 11px;
	clear: both;
	padding-top: 10px;
}

.navTop a:visited 
{ 
	font-style: normal; 
}

/* Header: Titel, Menue */
#header
{
	height: 138px;
	border: 1px solid #000080;
	background-color: #eeeeee;
	margin-top: 5px;
}

/* Menue */
#menu
{
	color: #ffffff;
	height: 24px; 
}

#menu ul
{
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;
}

#menu li 	
{ 
	display: inline;
	line-height: 1.2em;
	margin: 0;
	padding: 0;

}
#menu li a 	
{ 
	padding: 5px 20px 5px 20px;
	margin: 0;
}

ul.menu a:link, ul.menu a:visited, ul.menu a:active, ul.menu a:hover
{
	background-color: #0066CC;
	display: block; 
	float: left;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
	margin: 0;
	border-right: 1px solid #000080;
}

ul.menu a:hover
{ 
	color: #ffffff;
	background-color: #000080;
	text-decoration: none;
}

#menu li.sub ul
{
	display: block;
	position: absolute;
	z-index: 1000;
	visibility: hidden;
}

#menu li.sub:hover ul 
{
	visibility: visible;
}


/* Inhalt */
#content
{
	border: 1px solid #000080;
	background-color: #eeeeee;
	padding: 10px;
	color: #000000;
	margin-bottom: 5px;
}

/* Huell-Container */
#root
{
	margin: 0px auto; 
	width: 748px; 
	text-align: left;
}