849/* Normalisieren der Browser Default Styles */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Headlines auf Dokumentschriftgroesse setzen */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* Listenpunkte ausschalten */
ol, ul {
	list-style: none;
}

address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

caption, th {
	text-align: left;
}

a, area {
	outline: none !important;;
	border: none !important;
}

/*************************************************************
Allgemeine Styles
*************************************************************/

body {
 margin: 0;
 border: 0;
 padding: 0;
 background: #052F57;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 line-height: 1.5em;
}
	
p {
 margin: 0;
 padding: 5px 0 5px 0;
 font-size: 11px;
 color: #616264; 
}

h1 {
 margin: 0 ;
 padding: 0 0 5px 0;
 border: 0;
 font: bold 16px Arial, Helvetica, sans-serif;
}

.portlet_frame_gradient h3,
.marginal_portlet h3 {
 margin: 0 ;
 padding: 0 0 5px 0;
 border: 0;
 font: bold 16px Arial, Helvetica, sans-serif;
}
	
h2 {
 margin: 0 0 10px 0;
 padding: 5px 0 0 0;
 border: 0;
 font: 14px Arial, Helvetica, sans-serif;
 font-weight: bold;
}

h3 {
 margin: 0 0 5px 0;
 padding: 0;
 border: 0;
 font: bold 12px Arial, Helvetica, sans-serif;
}

h4 {
 margin: 0;
 padding: 0;
 border: 0;
 font: bold 12px Arial, Helvetica, sans-serif;
}

h5 {
 margin: 0;
 padding: 0;
 border: 0;
 font: bold 20px Arial, Helvetica, sans-serif;
}

ul {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 list-style: none;
}
	
li {
 margin: 2px 0 5px 0;
 padding: 0 0 0 12px;
 border: 0;
 background-image: url(/media/images/bullet_gray.gif);
 background-repeat: no-repeat;
 background-position: .1em .5em !important;/*(first # controls horz, second # controls vert)*/
 background-position: .1em .45em;/*(first # controls horz, second # controls vert)*/
}
	
img {
 margin: 0;
 border: 0;
 padding: 0;
}

a {
/* color: #000000;*/
 color: #004489;
 text-decoration: none;
 outline: none;
}

a:hover {
color: #004489;
/* color: #616264;*/
 text-decoration: underline;
}

.clear { 
 clear:both; 
 height:1px; 
 overflow:hidden; 
 line-height:1%; 
 font-size:0px; 
 margin-bottom:-1px; 
}

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

*+html .clearfix {
	zoom: 1;
}

* html .clearfix {
	zoom: 1;
}

/*************************************************************
Farben
*************************************************************/

.green {color: #6EBB21}
.green_25 {color: #DBEEC7}
.orange {color: #FF850C}
.orange_25 {color: #FFE0C2}
.blue {color: #1C5598}
.blue_25 {color: #C6D4E5}
.dark_blue {color: #052F57}
.dark_blue_25 {color: #C0CBD5}
.light_blue {color: #4FB0D1}
.light_blue_25 {color: #D3EBF3}
.purple {color: #773688}
.purple_25 {color: #DDCDE1}
.teal {color: #31A498}
.teal_25 {color: #CBE8E5}
.red {color: #F90100}
.red_25 {color: #FDBFBF}
.white {color: #FFFFFF}
.gray {color: #616264} 
.gray_25 {color: #D7D8D8}  

.bg_green {background-color: #6EBB21}
.bg_green_25 {background-color: #DBEEC7}
.bg_orange {background-color: #FF850C}
.bg_orange_25 {background-color: #FFE0C2}
.bg_blue {background-color: #1C5598}
.bg_blue_25 {background-color: #C6D4E5}
.bg_dark_blue {background-color: #052F57}
.bg_dark_blue_25 {background-color: #C0CBD5}
.bg_light_blue {background-color: #4FB0D1}
.bg_light_blue_25 {background-color: #D3EBF3}
.bg_purple {background-color: #773688}
.bg_purple_25 {background-color: #DDCDE1}
.bg_teal {background-color: #31A498}
.bg_teal_25 {background-color: #CBE8E5}
.bg_red {background-color: #F90100}
.bg_red_25 {background-color: #FDBFBF}
.bg_white {background-color: #FFFFFF}
.bg_gray {background-color: #616264} 
.bg_gray_25 {background-color: #D7D8D8}  

.green a {color: #6EBB21}
.green_25 a {color: #DBEEC7}
.orange a {color: #FF850C}
.orange_25 a {color: #FFE0C2}
.blue a {color: #1C5598}
.blue_25 a {color: #C6D4E5}
.dark_blue a {color: #052F57}
.dark_blue_25 a {color: #C0CBD5}
.light_blue a {color: #4FB0D1}
.light_blue_25 a {color: #D3EBF3}
.purple a {color: #773688}
.purple_25 a {color: #DDCDE1}
.teal a {color: #31A498}
.teal_25 a {color: #CBE8E5}
.red a {color: #F90100}
.red_25 a {color: #FDBFBF}
.white a {color: #FFFFFF}
.gray a {color: #616264} 
.gray_25 a {color: #D7D8D8}    

/*************************************************************
Allgemeine Styles Formulare
*************************************************************/

form {
 margin: 0;
 padding: 0;
}
	
label {
 font-size: 12px;
 float: left;
 width: 150px;
 margin: 4px 0 0 0;
}

label.normal {
 color: green;
}

label.error {
 color: red;
}

input.text {
 margin: 2px 0 0 0;
 padding: 1px 2px 1px 2px;
 border: 1px solid #dcdcdc;
 background: url(/media/images/input_bkg_light.gif) top left repeat-x;
 font: 11px Arial, Helvetica, sans-serif;
}

input.geb_datum {
 margin: 2px 0 0 0;
 padding: 1px 2px 1px 2px;
 border: 1px solid #dcdcdc;
 background: url(/media/images/input_bkg_light.gif) top left repeat-x;
 font: 11px Arial, Helvetica, sans-serif;
 width: 25px;
}

textarea {
 margin: 2px 0 0 0;
 padding: 1px 2px 1px 2px;
 border: 1px solid #dcdcdc;
 background: url(/media/images/input_bkg_light.gif) top left repeat-x;
 font: 11px Arial, Helvetica, sans-serif;
 overflow: auto;
}

select {
 margin: 2px 0 0 0;
 padding: 1px 2px 1px 2px;
 border: 1px solid #dcdcdc;
 font: 11px Arial, Helvetica, sans-serif;
}

.button {
 margin: 0;
 padding: 2px 2px 2px 2px;
 border: 1px solid #dcdcdc;
 font: 11px Arial, Helvetica, sans-serif;
}

.formular select {
 width: 231px;
}

.formular {
 margin: 0 0 10px 0;
}

.formular-auswahl {
 width: 381px;
 margin: 0 0 10px 0;
}

.formular-auswahl label {
 margin: 0;
}

.formular-auswahl input {
 margin: 0 10px 0 0;
}

.formular-ds {
 width: 381px;
 margin: 30px 0 10px 0;
}

.formular-ds .left {
 float: left; 
 width: 25px; 
 padding-top: 2px;
}

.formular-ds .right { 
 float: right; 
 width: 355px;
}

.formular-submit {
 	margin: 30px 0 20px 0;
}

/*.formular-submit span.submit {
	background: url(/media/images/form-button-right.png) right top no-repeat;
	float: left;
	display: block;
	padding-right: 30px;
}

.formular-submit span.submit:hover {
	background: url(/media/images/form-button-right.png) right -30px no-repeat;
}

.formular-submit span.submit:active {
	background: url(/media/images/form-button-right.png) right -60px no-repeat;
}*/

.formular-submit input {
	outline: none;
	display: block;
	margin: 0;
	padding: 0px 35px 4px 5px;
	border: none;
	height: 30px; 
	background: url(/media/images/form-button.png) left -30px no-repeat;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #e32322;
	width: 100px;
}

.formular-submit .submit-big input {
	background: url(/media/images/form-button-big.png) left -30px no-repeat;
	width: 150px;
}

.formular-submit .submit-big2 input {
	background: url(/media/images/form-button-big2.png) left -30px no-repeat;
	width: 200px;
}

.formular-submit .submit-big3 input {
	background: url(/media/images/form-button-big3.png) left -30px no-repeat;
	width: 250px;
}


*+html .formular-submit input {
	overflow: visible;
	padding-bottom: 2px;
}

* html .formular-submit input {
	overflow: visible;
	padding-bottom: 2px;
}

.formular-submit input:hover {
	background: url(/media/images/form-button.png) left top no-repeat;
	outline: none;
	color: #ffffff;
}

.formular-submit .submit-big input:hover {
	background: url(/media/images/form-button-big.png) left top no-repeat;
}

.formular-submit .submit-big2 input:hover {
	background: url(/media/images/form-button-big2.png) left top no-repeat;
}

.formular-submit .submit-big3 input:hover {
	background: url(/media/images/form-button-big3.png) left top no-repeat;
}
/*.formular-submit input:active {
	background: url(/media/images/form-button.png) left -60px no-repeat;
	outline: none;
	color: #e32322;
}*/

.formular-submit-schnell {
 margin: 10px 0 0 0;
 float: right;
}

.formular-submit-schnell input {
 margin: 0 4px 0 0;
 padding: 2px 2px 4px 2px;
 border: 1px dashed #888; 
 background-color: #fff; 
 height: 25px; 
/*width: 100px; */
 background: url(/media/images/input_bkg_light.gif) top left repeat-x;
}

.formular .error {
 color: red; 
 margin: 0; 
 padding: 0 0 0 151px;
}

/* IE6 Hack fur formular .error */
* html .formular .error {
 color: red; 
 margin: 0; 
 padding: 0 0 0 153px;
}

.error-test {
 width: 100%;
 color: red; 
 margin: 0; 
 padding: 0 0 0 0px;
}

/*************************************************************
Tabellen
*************************************************************/

table {
 width: 95%;
 border-collapse: collapse;
 margin: 0;
}

td, 
th {
 text-align: left;
 margin: 0;
 padding: 5px 0 5px 0;
 border: none;
 font: 12px Arial, Helvetica, sans-serif;
}

table input, 
td input {
 margin: 0;
 padding: 1px 2px 1px 2px;
 border: 1px solid #dcdcdc;
 background: url(/media/images/input_bkg_light.gif) top left repeat-x;
 font: 11px Arial, Helvetica, sans-serif;
}

/*************************************************************
Buttons
*************************************************************/

a.button {
 float: right;
 margin: 5px 0 0 0;
 padding: 0 0 0 12px;
 border:0 ;
 height: 15px;
 color: #616264;
 outline: none;
 background: url(/media/images/btn-arrow.gif) left  0.3em no-repeat;
}

a.btnClose {
 background: url(/media/images/btn-close.gif) -5px  center no-repeat !important;
}
/*
a.green {
 background: url(/media/images/btn_squ_green.gif) no-repeat 1em .2em !important;
 outline: none;
}

a.green:hover {
 color: #6EBB21;
}

a.orange {
 background: url(/media/images/btn_squ_orange.gif) no-repeat 1em .2em !important;
 outline: none;
}

a.orange:hover {
 color: #FF850C;
}

a.blue {
 background: url(/media/images/btn_squ_blue.gif) no-repeat 1em .2em !important;
 outline: none;
}

a.blue:hover {
 color: #1C5598;
}

a.dark_blue {
 background: url(/media/images/btn_squ_dk_blue.gif) no-repeat 1em .2em !important;
 outline: none;
}

a.dark_blue:hover {
 color: #052F57;
}

a.light_blue {
 background: url(/media/images/btn_squ_lt_blue.gif) no-repeat 1em .2em !important;
 outline: none;
}

a.light_blue:hover {
 color: #4FB0D1;
}

a.purple {
 background: url(/media/images/btn_squ_purple.gif) no-repeat 1em .2em !important;
 outline: none;
}

a.purple:hover {
 color: #773688;
}

a.teal {
 background: url(/media/images/btn_squ_teal.gif) no-repeat 1em .2em !important;
 outline: none;
}

a.teal:hover {
 color: #31A498;
}

a.red {
 background: url(/media/images/btn_squ_red.gif) no-repeat 1em .2em !important;
 outline: none;
}

a.red:hover {
 color: #F90100;
}

a.white:hover {
 color: #fff;
}

*/

#content a.top {
	display: block;
	padding-left: 17px;
	height: 14px;
	background: transparent url(/media/images/to-top.png) left 1px no-repeat;
	margin-top: 40px !important;
	outline: none;
	clear: both;
	font-size: 12px;
	font-weight: bold;
	color: #b6b5b6;
	text-decoration: none;
	float: left;
	white-space: nowrap;
}

#content a.top:hover{
	background: transparent url(/media/images/to-top.png) left -19px no-repeat;
	color: #b6b5b6;
}

#content a.top:active{
	background: transparent url(/media/images/to-top.png) left -39px no-repeat;
	color: #b6b5b6;
}

/*************************************************************
Contain
*************************************************************/

#contain {
 margin: 0 auto;
 padding: 0;
 border: 0;
 width: 968px;
 background: #F2F2F2;
}

/*************************************************************
Header
*************************************************************/

#header {
 margin: 0;
 padding: 0;
 border-top: 4px solid #6EBB21;
 width: 968px;
 height: 18px;
 background: url(/media/images/header_dash.gif) top left repeat-x;
}

/*************************************************************
Linke Spalte - Logo, Navigation, Student Login
*************************************************************/

#left {
 float: left;
 margin: 0 0 0 16px !important;
 margin: 0 0 0 8px;
 padding: 0;
 border: 0;
 width: 180px;
}

#left .student_login {
 /*margin: 18px 0 0 0;*/
 margin: 0px;
 padding: 0;
 border: 8px solid #ffffff;
 background: #ffffff;
 width: 145px;
}

#left .student_login h4 {
	margin-bottom: 8px;
}
#left form {
 margin: 0 0 0 9px;
 padding: 0;
}

#left input {
 margin: 2px 0 0 0;
 padding: 1px 2px 1px 2px;
 border: none;
 background: url(/media/images/input_bkg.gif) top left repeat-x;
 font: 11px Arial, Helvetica, sans-serif;
}

#left h1 {
 margin: 7px 9px 0 9px;
 padding: 0;
 border: 0;
 font: 11px Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 color: #ffffff;
 text-align: center;
 background: url(/media/images/login_dash.gif) left bottom repeat-x;
 height: 19px;
}

#left p {
 margin: 0;
 padding: 8px 0 0 0;
 border: 0;
 color: #ffffff;
}

#left a.button {
 float: right;
 margin: 5px 9px 4px 0;
 padding: 0 0 0 19px;
 border:0 ;
 height: 18px;
 color: #ffffff;
 outline: none;
}

#left a.blue {
 background: url(/media/images/btn_squ_blue.gif) no-repeat 1em .2em !important;
 outline: none;
}

#left a.blue:hover {
 color: #135794;
}

/*************************************************************
Metanavigation top
*************************************************************/

#aux_nav {
 float: left;
 margin: 0 20px 11px 0 !important;
 padding: 0;
 border: 0;
 width: 550px;
 font-size: 10px;
 color: #616264; 
 text-align: left;
 line-height: 1.25em;
}
	
#aux_nav li {
 display: inline;
 background: none;
 padding: 0;
 margin: 0;
}

#aux_nav li a {
 margin: 0;
 padding: 0 3px 0 3px;
 text-transform: uppercase;
 color: #616264; 
 text-decoration: none;
 outline: none;
}

#aux_nav li a:hover {
 text-decoration: none;
 color: #052F57; 
}

/*************************************************************
Header/Suchfeld
**************************************************************/

.search_area {
	display: block;
	margin-top: -7px;
	width: 160px;
	height: 30px;
	float: right;
	padding-right: 16px;
}



.search_area .text {
	width: 93px;
	height: 18px;
	margin: 0px;
	display: block;
	float: left;
	background: transparent url(/media/images/search-input.png)  left 1px no-repeat;
	border: none;
	padding: 6px 5px 5px 25px;
	margin-right: 2px;
	color: #052F57;
	font-size: 12px;
}

.search_area .searchbutton {
	display: block;
	text-indent: -9999px;
	background: transparent url(/media/images/search-submit.png) left top no-repeat;
	width: 30px;
	height: 29px;
	float: left;
	border:  none;
}

*+html .search_area .searchbutton {
	line-height: 0px;
}

* html .search_area .searchbutton {
	line-height: 0px;
}

.search_area .searchbutton:hover{
	background: transparent url(/media/images/search-submit.png) left -30px no-repeat;
}
/*************************************************************
Footer/Metanavigation bottom
*************************************************************/

#content_footer {
 clear: both;
 float: left;
 margin: 15px 0 0 197px !important;
 margin: 15px 0 0 99px;
 padding: 0;
 border: 0;
 width: 755px;
 height: 10px;
 background: url(/media/images/gray_dash_horz.gif) left top repeat-x;
}

#footer {
 clear: both;
 float: left;
 margin: 0 0 7px 0;
 padding: 0;
 border: 0;
 width: 968px;
 font-size: 10px;
 text-transform: uppercase;
 color: #616264;
}

#footer .copyright {
 float: left;
 margin: 0 0 0 197px !important;
 margin: -5px 0 0 99px;	
 padding: 0;
 border: 0;
 width: 150px;
}

* html #footer .copyright {
 float: left;
 margin: 0 0 0 197px !important;
 margin: -2px 0 0 99px;	
 padding: 0;
 border: 0;
 width: 150px;
}

#footer a {
 margin: 0;
 padding: 0 3px 0 3px;
 color: #616264; 
 text-decoration: none;
 outline: none;
}

#footer a:hover {
 text-decoration: none;
 color: #052F57; 
}

#footer .footer_nav {
 display: block;
 float: right;
 margin: 0 20px 0 0 !important;
 /*margin: -5px 10px 0 0;*/
 padding: 0;
 border: 0;
 width: 585px;
 text-align: right;
}

* html #footer .footer_nav {
 display: block;
 float: right;
 margin: 0 10px 0 0 !important;
 /*margin: -5px 10px 0 0;*/
 padding: 0;
 border: 0;
 width: 450px;
 text-align: right;
 line-height: 1.25em;
}

#footer .footer_nav li {
 display: inline;
 background: none;
 padding: 0;
}


/**************************
		Sitemap 
**************************/

#content #sitemap {
	float: none;
	/*width: 100%;*/
	padding-top: 20px;
	margin-left: 0px;
	margin-bottom: 30px;
}

#content #sitemap ul {
	float: none;
}

#content #sitemap li {
	background: none;
	padding-left: 0px;
}

#content #sitemap .icon {
	display: block;
	width: 15px;
	float: left;
}

#content #sitemap li .icon {
	height: 16px;
}

#content #sitemap li li .icon {
	height: 18px;
}
#content #sitemap li li {
	padding-left: 15px;
}

#content #sitemap li li li {
	padding-left: 12px;
}


#content  #sitemap li,
#content  #sitemap li a {
	padding-left: 0px;
	color: #106aa9;
	padding-bottom: 0px;
	outline: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

#content  #sitemap li li,
#content  #sitemap li li a {
	font-weight: bold;
	text-transform: none;
	font-size: 11px;
}

#content  #sitemap li li li,
#content  #sitemap li li li a {
	padding-left: 12px;
	font-weight: normal;
	text-transform: none;
}

#content  #sitemap li a.icon {
	background: none;
	padding-left: 0px;
}

#content  #sitemap li li a.icon,
#content  #sitemap li.closed li a.icon,
#content  #sitemap li.open li a.icon {
	background: none;
	padding-left: 0px;
}

#content  #sitemap li li li a.icon,
#content  #sitemap li.open li li a.icon,
#content  #sitemap li.open li.open li a.icon,
#content  #sitemap li.open li.closed li a.icon,
#content  #sitemap li.closed li li a.icon,
#content  #sitemap li.closed li.open li a.icon,
#content  #sitemap li.closed li.closed li a.icon {
	background: none;
	padding-left: 0px;
}

#content  #sitemap li.open a.icon {
	background: transparent url(/media/images/sitemap-e1-open.gif) left center no-repeat;

}

#content  #sitemap li li.open a.icon {
	background: transparent url(/media/images/sitemap-e2-open.gif) left 3px no-repeat;

}

#content  #sitemap li li li.open a.icon {
	background: none;
}


#content  #sitemap li.closed a.icon {
	background: transparent url(/media/images/sitemap-e1-closed.gif) left center no-repeat;

}

#content  #sitemap li li.closed a.icon {
	background: transparent url(/media/images/sitemap-e2-closed.gif) left 3px no-repeat;

}

#content  #sitemap li li li.closed a.icon {
	background: none;
}

#content #sitemap li.closed ul {
	display: none;
}




/* Tracking */

.tracking {
	margin: 10px auto;
	border: 1px solid white;
	color: white;
	width: 600px;
	text-align: center;
	padding: 10px;
}

/* Popupfenster */

body.popup {
	background-color: #fff;
}

.popupWrapper {
	margin: 10px auto;
	width: 400px;
	text-align: center;
}