*, html, body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

html {
	height: 100%;
}

a { 
	outline: none; 
}

body {
	background: #fff url(../img/background.gif) repeat-x;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;

	height: 100%;
	margin: 0px auto;
	text-align: center; /* Zentrierung für IE 5.x */
}

#wrapper {
	margin: 0 auto 0 auto;
	width: 880px;
	/*background: green;*/
	/*border: 1px solid #000;*/
}

#header {
	margin: 0 auto 0 auto;
	width: 880px;
	/*background: red;*/
}

#status {
	float: right;
	margin: 40px 50px 0px 0px;
	/*background: lightblue;*/
}

#status p,
#status a
{
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}




/* - - - - - - - - - - - - - - - - - - - -
   L O G O
- - - - - - - - - - - - - - - - - - - - */

#logo {
	float: left;
	width: 170px;
	height: 100px;
	margin: 0;
	/*background: lightblue;*/
}

#logo h1 {
	display: block;
	width: 170px;
	height: 100px;
	padding: 0px;
	margin: 0px 0px 0px 50px;
	background: url(../img/logo.gif) 0px 33px no-repeat;
}

#logo h1 a {
	display: block;
	width: 170px;
	height: 100px;
	text-indent: -5000px;
	text-decoration: none;
}

#logo h1 a:hover {
	background: none;
}



/* - - - - - - - - - - - - - - - - - - - -
   N A V I G A T I O N
- - - - - - - - - - - - - - - - - - - - */

#navigation {
	width: 100%;
	overflow: hidden;
	height: 152px;
	/*background: lightblue;*/
	margin-bottom: 25px;
}

#navigation ul {
	clear: both;
	padding: 0; 
 	margin: 0 auto; 
	list-style-type: none;
	float: left;
	position: relative; 
	left: 50%;
	height: 50px; 
	/*background: blue;*/
}

#navigation ul li {
	float: left;
	position: relative;
	right: 50%;
	line-height: 0px;
}

#navigation ul#one li a {
	width: auto;
	display: block;	
	padding: 17px 40px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #6d725d;
	text-decoration: none;
}

#navigation ul#two li a {
	width: auto;
	display: block;	
	padding: 17px 20px;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #707c7d;
	text-decoration: none;
}

#navigation ul#three li a {
	width: auto;
	display: block;	
	padding: 17px 20px;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #74869d;
	text-decoration: none;
}

#navigation ul#one li a:hover,
#navigation ul#one li a.aktiv
{ 
	color: #395374;
	background: url(../img/nav_highlight_1st.gif) top center no-repeat; 
}

#navigation ul#two li a:hover,
#navigation ul#two li a.aktiv
{ 
	color: #395374;
	background: url(../img/nav_highlight_2nd.gif) top center no-repeat; 
}

#navigation ul#three li a:hover,
#navigation ul#three li a.aktiv
{ 
	color: #395374;
	background: url(../img/nav_highlight_3rd.gif) top center no-repeat; 
}


/* Spezialnavigation für Anmeldung*/

#navigation ul#one.student li span {
	width: auto;
	display: block;	
	padding: 17px 40px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #6d725d;
	text-decoration: none;
}

#navigation ul#two.student li span {
	width: auto;
	display: block;	
	padding: 17px 20px;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #395374;
	text-decoration: none;
}

#navigation ul#one.student li.one span {
	background: url(../img/nav_number_1_out.gif) 0px 13px no-repeat;
}

#navigation ul#one.student li.one span.active {
	background: url(../img/nav_number_1_on.gif) 0px 13px no-repeat;
	color: #395374;
}

#navigation ul#one.student li.two span {
	background: url(../img/nav_number_2_out.gif) 0px 13px no-repeat;
}

#navigation ul#one.student li.two span.active {
	background: url(../img/nav_number_2_on.gif) 0px 13px no-repeat;
	color: #395374;
}

#navigation ul#one.student li.three span {
	background: url(../img/nav_number_3_out.gif) 0px 13px no-repeat;
}

#navigation ul#one.student li.three span.active {
	background: url(../img/nav_number_3_on.gif) 0px 13px no-repeat;
	color: #395374;
}



/* - - - - - - - - - - - - - - - - - - - -
   C O N T E N T
- - - - - - - - - - - - - - - - - - - - */


#content {
	margin: 0 auto 75px auto;
	text-align: center;
	padding-top: 25px;
	min-height: 175px;
}

#content.small {
	width: 500px;
	background: url(../img/bg_content_500px.jpg) no-repeat;
}

#content.wide {
	width: 800px;
	background: url(../img/bg_content_800px.jpg) no-repeat;
}


#content h2 {
	margin: 0px 25px 5px 25px;
	padding-bottom: 15px;
	font-size: 22px;
	font-weight: normal;
	color: #395374;
	/*background: lightblue;*/
	border-bottom: #395374 1px solid;
}

#content h3 {
	margin: 25px 40px 10px 40px;
	font-size: 18px;
	font-weight: normal;
	color: #395374;
	/*background: lightblue;*/
}

#content h4 {
	margin: 25px 40px 10px 40px;
	font-size: 16px;
	font-weight: normal;
	color: #395374;
	/*background: lightblue;*/
}

#content p {
	margin: 15px 40px 5px 40px;
	line-height: 18px;
	text-align: left;
}


a.article_function_edit {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	text-indent: -5000px;
	text-decoration: none;
	background: url(../img/icon_edit.gif) no-repeat;
}

a.article_function_delete {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -5000px;
	text-decoration: none;
	background: url(../img/icon_delete.gif) no-repeat;
}


/* Tabellen und Formulare */

#content table a,
#content table a:visited, 
#content p a,
#content p a:visited 
{
	color: #666;
}

#content table a:hover,
#content table a:active,
#content p a:hover,
#content p a:active
{
	color: #444;
}

#content p a.xls {
	background: url(../img/excel_icon.gif) no-repeat;
	padding-left: 20px;
}

#content p.error,
#content p.error a
{
	color: #830d0d;
}

table {
	margin: 0 auto 0 auto;
	margin-top: 15px;
	table-layout: fixed;
	border-collapse: collapse;
}

table.login,
table.small {
	width: 450px;
}

table.kurswahl,
table.wide {
	width: 725px;
}

table tr.grau {
	background: #ebedf1;
}

table tr.green {
	height: 40px;
	background: url(../img/bg_results_green.gif) 10px 4px no-repeat;
}

table tr.red {
	height: 40px;
	background: url(../img/bg_results_red.gif) 10px 4px no-repeat;
}

table tr.yellow {
	height: 40px;
	background: url(../img/bg_results_yellow.gif) 10px 4px no-repeat;
}

table tr.green td p,
table tr.red td p, 
table tr.yellow td p
{
	font-size: 14px;
	font-weight: normal;
	color: #777;
	padding-left: 20px;
}

table tr.green td p strong,
table tr.red td p strong, 
table tr.yellow td p strong
{
	font-size: 16px;
	font-weight: bold;
}

table th, 
table td {
	line-height: 16px; 
	border: 0px solid #666;
	padding: 5px;
	text-align: left;
}

table td.centered {
	text-align: center;
}

table td.oben {
	vertical-align: top;
	padding-top: 6px;
}

table td.label {
	padding-right: 10px;
	text-align: right;
	width: 140px;
}

table td.input {
	padding-left: 10px;
	text-align: left;
	width: auto;
}

table td.eval_small {
	padding-left: 0px;
	text-align: center;
	width: 50px;
	font-size: 8px;
}

table td.eval_medium {
	padding-left: 10px;
	text-align: left;
	width: 260px;
}

table td.left {
	width: 50%;
	text-align: right;
	padding-right: 3px;
}

table td.right {
	width: 50%;
	text-align: left;
	padding-left: 3px;
}

table td.active {
	font-weight: bold;
}

#content table p {
	margin: 5px 25px 5px 25px;
	line-height: 18px;
	text-align: left;
}

#content table p.right {
	text-align: right;
}

select.wide {
	width: 720px;
}

select.semiwide {
	width: 600px;
}

select.small {
	width: 210px;
}

input.small {
	width: 210px;
}

input.tiny {
	width: 50px;
}

textarea {
	width: 250px;
	height: 100px;
}

input,
select,
textarea
{
	padding: 2px;
	border: 1px solid #888;
}

/* Fehler im Formular */

tr.error input {
	border-color: #830d0d;
}

tr.error select {
	border-color: #830d0d;
}

tr.error label {
	color: #830d0d;
}



/* - - - - - - - - - - - - - - - - - - - -
   F O O T E R
- - - - - - - - - - - - - - - - - - - - */

#footer {
	margin: 25px  auto;
	padding-top: 10px;
	padding-bottom: 50px;
	border-top: #395374 1px solid;
	width: 780px;
	/*background: purple;*/
}

#footer p,
#footer a 
{
	font-size: 14px;
	line-height: 18px;
	color: #395374;
}



/* - - - - - - - - - - - - - - - - - - - -
   H E L F E R L E I N
- - - - - - - - - - - - - - - - - - - - */

.invisible {
	display: none;
}

.floataround {
	clear: both;
	display: block;
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}  


/* Holly Hack targets IE Win only \*/

* html .clearfix 	{ height: 1%; }
.clearfix 			{ display: block; }

/* End Hack */