* { margin:0; padding:0; }

html {
	height:100%;
	min-height:100.01%;
	width:100%;
}

body {
	height:100%;
	min-height:101%;
	width:100%;
	position: relative;
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color: #4A4A4A;
}

#outer { margin:0 auto; width:870px;}

#metanavi {float:right; height:40px; font-size:1em}
#metanavi a { text-decoration:none; color: #4A4A4A;}
#metanavi a:hover { text-decoration:none; color: #FF6600;}
#metanavi .active {text-decoration:underline; }


#header {clear:both; height:75px; background: #FF6600; }
#header_unilogo {float:left; width:290px; height:50px; background:#ffffff;}
#header_unilogo a {text-decoration:none;}
#header_unilogo img {border:none;}
#header_title {float:right; padding:14px 10px 0px 0px;}

#topnavi {font-size:1.2em; background: #FF6600; height:25px; }
#topnavi ul {list-style-type:none; padding:0px; margin:0px; }
#topnavi li {float:left; height:25px;}
#topnavi a { display:block; padding: 5px 15px; letter-spacing: 0.02em; text-decoration:none; color: #FFFFFF; background: url(../gfx/bg_topnavi.gif) no-repeat; background-position:bottom right;}
#topnavi a:hover { text-decoration:none; color: #4A4A4A; }
#topnavi div.active {padding: 5px 15px; color: #FFFFFF; font-weight:bold; letter-spacing: 0.01em; background: url(../gfx/bg_topnavi_a.gif) no-repeat; background-position:bottom right; 
			background: #bebebe; color:#ff6600;}
#topnavi #elearninglink {float:right; margin-right:12px;}
#topnavi #elearninglink  a{display:block; padding:5px 0px 5px 25px; background: url(../gfx/btn_arrow.gif) no-repeat;}


#subnavi {clear:both; padding:6px 10px; margin:0px; font-size:1.2em; background:#BEBEBE;}
#subnavi ul, li {list-style-type:none; padding:0px; margin:0px; }
#subnavi ul  {background:#BEBEBE; clear:both;height:18px;}
#subnavi li {float:left; padding:2px 2px; height:16px;}
#subnavi a {display:block; padding:0px 5px; text-decoration:none; color:#4A4A4A; }
#subnavi a:hover {color:#FF6600; }
#subnavi .active {display:block; padding: 0px 5px; text-decoration:none; color: #4A4A4A; font-weight:bold; }

#subnavi2 {clear:both; padding:5px 10px; margin:0px; font-size:1.1em; background:#d6d6d6;}
#subnavi2 ul, li {list-style-type:none; padding:0px; margin:0px;}
#subnavi2 ul  {background:#d6d6d6; clear:both; height:16px;}
#subnavi2 li {float:left; padding:1px 2px; height:16px;}
#subnavi2 a {display:block; padding:0px 3px; text-decoration:none; color:#4a4a4a; }
#subnavi2 a:hover {color:#FF6600; }
#subnavi2 .active {display:block; padding: 0px 3px; text-decoration:none; color: #4a4a4a; font-weight:bold;}

#subnavi2 .active_aktuell{width:5px;}
#subnavi2 .active_konzept{width:88px;}


#main {clear:both;margin: 20px 0px 0px 0px; padding: 0px 0px 0px 10px; width:860px; background:url(../gfx/bg_content.gif) repeat-y; font-size:1.2em; line-height:1.4em; }
#content {float:left; width:561px; padding:0px 0px 30px 0px; }
#right {float:right; width:240px; padding: 30px 20px; margin: 0px 0px 150px 0px;}

#footer {clear:both; padding: 5px 0px 35px 0px;}
#footer_line { height:1px; border-top:3px solid #ff6600;}
#footer_copy { padding: 11px; font-size:1em; }

#rics {float:right; margin-top:-160px; margin-left: 580px; height:100px; width:240px; padding: 0 20px; }
#pagetools{clear:both; padding:0px 5px; margin-top:15px; border-top: 1px solid #cccccc; color: #6f6f6f; font-size: 0.9em;}

.wrapper {clear:both;}
.trenner {clear:both; height:7px; background:url(../gfx/bg_trenner.gif) repeat-x; margin: 3px 0px 15px 0px;}
.content_colA {float:left; width:270px; margin-right:18px;} /* Hier muss noch ein Hack rein!!!!! Mozi brauch 20 px*/
.content_colB {float:left; width:270px;}
.pagetoolsA {float:left;}
.pagetoolsB {float:right; text-align:right}
.contactError {border:1px solid #ff6600; padding: 3px 10px; font-weight:bold; background: #FFE0CC; color:#990000; margin: 3px 0px;}
.left {float:left; width:160px; margin-right:20px;}


#main ul {padding: 0px 0px 0px 15px; margin:0px; }
#main ul li {list-style-image: url(../gfx/content_list_style_arrow.gif); padding-bottom:1px;}
#main ol {padding:0px 0px 0px 35px; margin:5px 0px 15px 0px;}
#main ol li {list-style-type:decimal; padding:0px; height:auto;}

#main .contentlist {padding:0px 35px; margin:10px;}
#main .contentlist  li {padding-bottom:1px;}

#loginform {border:1px solid #ff6600; padding:20px; margin:10px 0px 25px 0px;}
#loginform label {width:150px; display:block; float:left;}

.formfield {clear:both; margin:10px 0px;}

/* --- PARAGRAPH_STYLES --- */ 
p {padding: 3px 0px; margin:0;}
p.first {margin-top:15px;}
p.teaser {display: block; margin-top:5px;}
p.bildtext {font-size: 0.8em; margin:5px 0px 15px 0px; line-height:1.3em;}
p.einzug {padding:20px 30px;}
p.actdate {font-size: 0.8em; margin:20px 0px 5px 0px; padding:0px 5px; color:#6f6f6f; border-bottom:1px solid #cccccc; clear:both;}


/* ---- LINK _STYLES ---- */ 
#main a {color:#FF6600; text-decoration:none; }
#main a:hover {text-decoration:underline; }

#main a.externlink {color:#FF6600; text-decoration:none; padding-left:15px; background: url(../gfx/ico_link_a.gif) no-repeat;}
#main a.externlink:hover {text-decoration:underline; padding-left:15px; background: url(../gfx/ico_link_b.gif) no-repeat;}

#main a.backlink {color:#FF6600; text-decoration:none; padding-left:15px; background: url(../gfx/ico_backlink_a.gif) no-repeat;}
#main a.backlink:hover {text-decoration:underline; padding-left:15px; background: url(../gfx/ico_backlink_b.gif) no-repeat;}

#main  a.maillink {padding-left:23px; background: url(../gfx/ico_maillink_a.gif) no-repeat; }
#main  a.maillink:hover { background: url(../gfx/ico_maillink_b.gif) no-repeat; }

#main  a.downloadlink {padding-left:18px; background: url(../gfx/ico_downloadlink_a.gif) no-repeat; }
#main  a.downloadlink:hover { background: url(../gfx/ico_downloadlink_b.gif) no-repeat; }

#main a.pdfdownload {display:block; width:35px; height:35px; float:left; margin-right:20px; background: url(../gfx/ico_pdf_a.gif) no-repeat; }
#main a.pdfdownload:hover { background: url(../gfx/ico_pdf_b.gif) no-repeat; }


#pagetools a{color:#6f6f6f; text-decoration:none;}
#pagetools a:hover{color:#ff6600; text-decoration:none;}

#pagetools a.top {display:block; padding-left:15px; background: url(../gfx/ico_top_a.gif) no-repeat;}
#pagetools a.top:hover { background: url(../gfx/ico_top_b.gif) no-repeat; }

#pagetools a.print {display:block; padding-left:15px; background: url(../gfx/ico_print_a.gif) no-repeat;}
#pagetools a.print:hover { background: url(../gfx/ico_print_b.gif) no-repeat; }

#sitemap a {color: #4A4A4A; text-decoration:none; }
#sitemap a:hover {color: #FF6600; text-decoration:underline; }

/* ---- HEADLINE _STYLES ---- */ 
/*
h1, h2, h3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 1em 0px 0em 0px;
	font-weight: normal;
	padding: 0;
	color: #ff6600;
	line-height:1em
}

h1.flash {font-size:32px; padding:0px; margin:0.1em; }
h2.flash {font-size:28px; height:28px; padding:0px; margin:0.1em; }
h3.flash {font-size:22px; height:22px; padding:0px; margin:0.1em; }
*/


h1, h2, h3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 1em 0px 0.7em 0px;
	font-weight: normal;
	padding: 0;
	color: #ff6600;
	line-height:1em
}

h1.flash {font-size:3.0em; padding:0px; margin:0; margin-bottom:0.1em;}
h2.flash {font-size:2.4em; padding:0px; margin:0; margin-bottom:0.1em;}
h3.flash {font-size:2.0em; padding:0px; margin:0; margin-bottom:0.1em;}

h4, h5 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 3px 5px;
	color: #4C4C4C;
	margin: 1em 0 0.5em 0;
	border-bottom: 1px solid #ff6600;

}

h4 {font-size:1.2em;}
h5 {font-size:1.1em;}

.content_colB h1.flash {}

.title {padding: 1px 0; margin: 0em 0px 0.5em 0px; border:none;}

blockquote {padding:10px 0px 5px 0px; margin:0px; font-style:italic;}

img.headline {margin-top:175px;}
img.teaserimg {margin-bottom:15px;}
img.thumb {float:left; margin: 5px 20px 15px 0px; border:1px solid #828282;}
img.cimg {margin: 5px 0px; border:1px solid #828282;}


th {font-size:0.8em; font-weight:bold;}
.lightgrey {background:#e9e9e9;}
.darkgrey {background: #e1e1e1;}

/**.lightgrey {background:#e4e4e4;}
.darkgrey {background:#e2e2e2;} **/
/* Alle Modulfarben als RGB:
M01: R153 G205 B255 
M02: R51 G102 B255
M03: R0 G52 B102
M04: R255 G255 B0
M05: R255 G204 B0
M06: R243 G151 B26
M07: R255 G100 B0
M08: R153 G191 B28
M09: R127 G129 B31
M10: R19 G51 B21
M11: R51 G51 B51

*/


td.head_modul1 { padding:5px 15px; background: #99CDFF; font-weight:bold; color: #222222;}
td.head_modul2 { padding:5px 15px; background: #3366FF; font-weight:bold; color:#ffffff;}
td.head_modul3 { padding:5px 15px; background: #003466; font-weight:bold; color:#ffffff;}
td.head_modul4 { padding:5px 15px; background: Yellow; font-weight:bold; color: #222222;}
td.head_modul5 { padding:5px 15px; background: #FFCC00; font-weight:bold; color: #222222;}
td.head_modul6 { padding:5px 15px; background: #F3971A; font-weight:bold; color: #222222;}
td.head_modul7 { padding:5px 15px; background: #FF6400; font-weight:bold; color: #222222;}
td.head_modul8 { padding:5px 15px; background: #99BF1C; font-weight:bold; color: #222222;}
td.head_modul9 { padding:5px 15px; background: #7F811F; font-weight:bold;  color:#ffffff;}
td.head_modul10 { padding:5px 15px; background: #133315; font-weight:bold; color:#ffffff;}
td.head_modul11 { padding:5px 15px; background: #333333; font-weight:bold; color:#ffffff;}
td.head_praktikum { padding:5px 15px; background:#333333; font-weight:bold; color:#ffffff;}
td.head_master { padding:5px 15px; background: #cccccc; font-weight:bold; color: #222222;}

table.content_table {width:100%; border:none;}
table.content_table tr {vertical-align:top;}
table.content_table td {padding:6px;}

td.col30 {width:30%;}
td.col40 {width:40%;}


.spacer{ padding:5px 15px;}

/* --- FORM_STYLES --- */
 
fieldset {clear:both; border: none; padding: 3px 10px; margin-bottom:1px;}
label {width:150px; float:left;}
textarea, input, select { border:1px solid #4A4A4A; padding:2px; font-size:0.9em; margin: 3px;}
textarea {font-size:1.2em;}
.textfield25, .selectbox { width:250px;}
.radio { width:2.5em; height: 1.2em; margin: 0px 5px 0px 0px; border:none;}