/* 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%;

}







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: 15px;

	line-height: 1.3em;

        color: #666666;

}



/*	

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;

}

	

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;

}



	

img {

 margin: 0;

 border: 0;

 padding: 0;

}



a {

 color: #0066cc;

 text-decoration: none;

 outline: none;

}



a:hover {

 color: #ff3300;

 text-decoration: none;

}



.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;

}



/*************************************************************

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;

 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 input {

 margin: 0 10px 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-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 19px;

 border:0 ;

 height: 15px;

 color: #616264;

 outline: none;

}





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;

}



a.top {

	display: block;

	padding-top: 40px !important;

	outline: none;

	clear: both;

}



/*************************************************************

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;

 padding: 0;

 border: 8px solid #ffffff;

 background: #888888;

 width: 145px;

}



#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: right;*/

 margin: 0 10px 9px 0 !important;

 margin: 0 10px 9px 0;

 padding: 0;

 border: 0;

 /*width: 650px;*/

 font-size: 10px;

 color: #616264; 

 padding-top:20px;

 text-align: right;

 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; 

}



/*************************************************************

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: 600px;

 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: 550px;

 text-align: right;

 line-height: 1.25em;

}



#footer .footer_nav li {

 display: inline;

 background: none;

 padding: 0;

}