/* Diese vorliegende Cascading Style Sheet Datei beschreibt das Aussehen  */
/* der Campus Education Center Websites fuer das Ausgabemedium "screen" (Bildschirmausgabe) */
/* Globale Merkmale fuer das Erscheinungsbild der Seite  ---------------------------------------- */
body {margin: 0px; padding: 0px; background-color: #FFF;}
h1, h2, h3, h4, thead, tbody, th, td, div, p, span, a {font-family: Arial, Helvetica,sans-serif; color: #000;}
p {line-height: 1.4em; margin-top: 0.6em}
div, span, p, thead, tbody, th, td, a {font-size: 90%;}
.important {font-weight: bold;}
.tracking {letter-spacing: 1pt; font-size: 90%;}
a {text-decoration: underline;}
a:link {text-decoration: underline;}
a:hover {text-decoration: none;}
a:active {text-decoration: underline;}
a:visited {text-decoration: underline;}
img {border-style: none;}
table {border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; font-size: 110%;}
abbr {border-bottom: dotted 1px #4E4D49;}
acronym {border-bottom: dotted 1px #4E4D49;}
sup {font-weight: bold; font-size: 120%;}
div.logocampus img {position: absolute; top: 0.5em; margin-top: 10px; margin-bottom: 10px; right: 2em;}
/* Kopf fuer die Druckausgabe ------------------------------------ */
div.viewprint {display: none;}
/* Kopf mit der Haupt-Naviagtion und Peacock Logo --------------------------------*/
div.superiornavigation {font-size: 75%; width: 100%; background-color: #B2B1AA; float: left;}
div.superiornavigation span {color: #4D4E49;}
div.superiornavigation img {float: left; margin: 0.3em;}
div.superiornavigation ul {float: left; list-style-type: none; margin: 2.5% 0 0 1%; padding: 0px;}
div.superiornavigation ul li {display: inline; border-right: solid 1px #000; padding: 0 0.1em 0 0.3em;}
div.superiornavigation ul li a {color: #373737; padding: 2px; font-weight: bold; text-transform: uppercase;}
div.superiornavigation ul li a.actived {background-color: #4D4E49; text-decoration: none;}
div.superiornavigation ul li a:link {text-decoration: none;}
div.superiornavigation ul li a:hover {color: #FFF; text-decoration: none;}
div.superiornavigation ul li a:active {text-decoration: none;}
div.superiornavigation ul li a:visited {text-decoration: none;}

/* wechselnde Grafik zur Veranschaulichung des ausgewaehlten Themas ------------------------*/
div.topimage {width: 100%;}
/* horizontale Navigation -----------------------------------------------------------------*/
div.productnavigation {font-size: 75%; font-weight: bold; width: 100%; padding: 0; margin-top: 0.1em; background-color: #4D4E49; border-bottom: solid 8px #00724D; float: left; min-height: 25px;}
div.productnavigation ul {list-style-type: none; overflow: visible; white-space: nowrap; margin: 0 0 0 2em; padding: 0;}
div.productnavigation ul li {display: table-cell; border-collapse: collapse; float: left; border-right: solid 1px #FFF; background-color: #4D4E49;}
div.productnavigation ul li.actived {background-color: #B2B1AA;}
div.productnavigation a {white-space: nowrap; text-transform: uppercase; letter-spacing: 0.1em; display: block; background-color: transparent; color: #FFF; padding: 0.4em 1em 0.4em 1em; text-decoration: none;}
div.productnavigation a:hover {background-color: #B2B1AA; text-decoration: none;}
div.productnavigation a:link {text-decoration: none;}
div.productnavigation a.actived {background-color: #B2B1AA; text-decoration: none;}
div.productnavigation a:active {text-decoration: none;}
div.productnavigation a:visited {text-decoration: none;}
div.productnavigation ol {display: none; position: absolute; list-style: none; margin: 0; padding: 0; background-color: #4D4E49;}
div.productnavigation ol li {display: block; float: none; border-style: none;  margin: 0; padding: 0; border-bottom: solid 1px #EBEBEB;}
div.productnavigation ol li a {text-transform: none;}
div.productnavigation ol li a:link {text-decoration: none;}
div.productnavigation ol li a:active {text-decoration: none;}
div.productnavigation ol li a:visited {text-decoration: none;}
div.productnavigation ul li:hover ol {display: block; z-index: 99;}
div.productnavigation ul li.opened ol {display: block; z-index: 99;}
div.productnavigation ol li:hover {color: #FFFFFF;}
div.productnavigation ol li:hover a:hover {background-color: #B2B1AA;}
/* Main Content mit linker Navi. + Content + Shortcuts--------------------------------------*/
div.main {clear: left; width: 100%; float: left; height: 100%;}
div.main div.leftnavigation {background-color: #EBEBEB; width: 12em; height: 75em; float: left; margin-left: 0; margin-top: 0; margin-right: 1em; margin-bottom: 1em; padding: 0; }
div.main div.leftnavigation ul.navigation {list-style-type: none; margin: 0.1em 0 0.1em 0.2em; padding: 0.1em 0 0.1em 0.2em;}
div.main div.leftnavigation ul.navigation li {margin-top: 0.1em;}
div.main div.leftnavigation ul.navigation li a {white-space: nowrap; border-left: 3px solid #EBEBEB; border-bottom: solid 1px #EBEBEB; color: #666; text-decoration: none; display: block; padding: 0.1em 0.1em 0.1em 0.5em; width: 100%;}
html>body div.main div.leftnavigation ul.navigation li a {width: auto;}
div.main div.leftnavigation ul.navigation li a:hover {border-right: 5px solid #B2B1AA; border-bottom: solid 1px #B2B1AA; background-color: #4E4D49; color: #FFF; font-weight: bold;}
div.main div.leftnavigation ul.navigation li a.actived {border-right: 5px solid #B2B1AA; border-bottom: solid 1px #B2B1AA; background-color: #4E4D49; color: #FFF; font-weight: bold;}
div.main div.leftnavigation ul.navigation li a:link {text-decoration: none;}
div.main div.leftnavigation ul.navigation li a:active {text-decoration: none;}
div.main div.leftnavigation ul.navigation li a:visited {text-decoration: none;}
div.main div.leftnavigation ul.navigation li ul {list-style-type: none; margin: 0.1em 0 0.1em 0.3em; padding: 0.1em 0 0.1em 0.3em;}
div.main div.leftnavigation ul.navigation li ul li a:hover {border-right: 5px solid #4E4D49; border-bottom: solid 1px #4E4D49; background-color: #B2B1AA; color: #FFF; font-weight: bold;}
div.main div.leftnavigation ul.navigation li ul li a.actived {border-right: 5px solid #4E4D49; border-bottom: solid 1px #4E4D49; background-color: #B2B1AA; color: #FFF; font-weight: bold;}
div.main div.leftnavigation ul.navigation li ul li a:link {text-decoration: none;}
div.main div.leftnavigation ul.navigation li ul li a:active {text-decoration: none;}
div.main div.leftnavigation ul.navigation li ul li a:visited {text-decoration: none;}
div.main div.leftnavigation div.search {margin: 0; height: auto; background-color: #CCCCC9; font-weight: bold; color: #4E4D49; padding: 0; padding-top: 0.2em; }
div.main div.leftnavigation div.search ul {list-style-type: none; margin: 0.2em 0 0.1em 0; padding: 0;}
div.main div.leftnavigation div.search ul li {margin: 0.1em 0 0.2em 0.2em; padding: 0.1em 0 0.2em 0.2em; color: #4E4D49; border-style: none;}
div.main div.leftnavigation div.search ul input {width: 70%; border: solid 1px #4E4D49;}
div.main div.leftnavigation div.search input.advanced {cursor: pointer; width: 100px; height: 20px; font-size: 90%; white-space: nowrap; border-style: none; text-decoration: underline; background-color: transparent; font-weight: bold; color: #4E4D49;}
div.main div.leftnavigation div.search ul input.submit {font-weight: bold; width: 20%; color: #FFF; background-color: #00724D; margin-left: 0.2em; padding: 0.1em;}
/* left navigation for selection location, date, producer, usw.-------------------------------*/
div.main div.leftnavigation h4 {margin-left: 0.5em; color: #4E4D49;}
div.main div.leftnavigation fieldset {height: 50px; padding: 0.2em 0 0 0.3em; margin: 0.3em 0 0.8em 0.3em; border-width: 1px 0px 1px 1px; border-color: #CCCCC9; border-style: solid;}
div.main div.leftnavigation fieldset legend {width: 6em; padding: 0.1em 0.3em; background-color: #EBEBEB; border: solid thin #CCCCC9; color: #4E4D49;}
div.main div.leftnavigation fieldset legend.actived {background-color: #CCCCC9; border: inset 1px #EBEBEB; color: #000;}
div.main div.leftnavigation fieldset ul.repertory {list-style-type: none; cursor: pointer;}
div.main div.leftnavigation fieldset ul.repertory li {display: block; white-space: nowrap; border: outset 1px #EBEBEB}
div.main div.leftnavigation fieldset ul.repertory li span {margin-left: 3.5em; color: #4E4D49;}
div.main div.leftnavigation fieldset ul.repertory li span.actived {color: #000; font-weight: bold;}
div.main div.leftnavigation fieldset ul.repertory li span.course {color: #FF7C00; margin: 0;}
div.main div.leftnavigation fieldset ul.repertory li ul {display: none; position: absolute; background-color: #EBEBEB; margin: -2.5em 0 0 0; padding: 0; border: solid 1px #CCCCC9;}
div.main div.leftnavigation fieldset ul.repertory li table {display: none; position: absolute; background-color: #EBEBEB; margin: -2.5em 0 0 0; padding: 0; border: solid 1px #CCCCC9; width: auto;}
div.main div.leftnavigation fieldset ul.repertory li table tr td  {font-size: 100%; margin: 0.2em; }
div.main div.leftnavigation fieldset ul.repertory li table tr td a {color: #4E4D49; text-decoration: none; display: block; white-space: nowrap;}
div.main div.leftnavigation fieldset ul.repertory li table tr td a.inactived {color: #CCCCC9;}
div.main div.leftnavigation fieldset ul.repertory li table tr td a:hover {background-color: #CCCCC9;}
div.main div.leftnavigation fieldset ul.repertory li ul li  {display: block; margin: 0.1em; padding: 0.2em; text-align: left; border: none}
div.main div.leftnavigation fieldset ul.repertory li ul li a {color: #4E4D49; text-decoration: none; display: block; white-space: nowrap;}
html body div.main div.leftnavigation fieldset ul.repertory li ul li a {width: auto;}
div.main div.leftnavigation fieldset ul.repertory li ul li a.inactived {color: #CCCCC9;}
div.main div.leftnavigation fieldset ul.repertory li ul li:hover {background-color: #CCCCC9;}
div.main div.leftnavigation fieldset ul.repertory li ul li a:hover {background-color: #CCCCC9;}
div.main div.leftnavigation fieldset ul.repertory li:hover ul {display: block; z-index: 95;}
div.main div.leftnavigation fieldset ul.repertory li:hover table {display: block; z-index: 95;}
div.main div.leftnavigation fieldset ul.repertory li.opened ul {display: block; z-index: 95;}
div.main div.leftnavigation fieldset ul.repertory li.opened table {display: block; z-index: 95;}
/* Shortcuts--------------------------------------------------------------------------------*/
div.main div.shortcut {width: 170px; float: right;}
div.main div.shortcut div.log {margin-top: 0.3em; width: 90%; height: auto; padding: 0.2em; margin-bottom: 1em; font-weight: normal;}
div.main div.shortcut div.news {margin-bottom: 1em; width: 90%; height: auto; background-color: #EBEBEB; color: #4E4D49;}
div.main div.shortcut div.banner {margin-bottom: 1em; width: 90%; height: auto; background-color: #fff; color: #4E4D49;}

div.main div.shortcut div.advertising {margin-top: 0.3em; width: 90%; height: auto; padding: 0.2em; margin-bottom: 1em; border: solid 1px #EBEBEB;}
div.main div.shortcut div ul {list-style-type: none; margin: 0.1em 0; padding: 0;}
div.main div.shortcut div ul li {margin-left: 0.2em; padding: 0.2em;}
div.main div.shortcut div ul li input {width: 100%; border: solid 1px #4E4D49;}
div.main div.shortcut div ul li input.submit {background-color: #00724D; font-weight: bold; color: #FFF; text-transform: uppercase; font-size: 90%;}
div.main div.shortcut div.log li.topic {border-style: none; padding: 0.3em; margin: 0 0 0.3em 0; display: block; border-bottom: solid 1px #00724D; border-left: solid 6px #00724D; font-weight: bold; color: #4E4D49;}
div.main div.shortcut div.log li.salutation {font-weight: bold;}
div.main div.shortcut div.news ul li.topic {margin: 0; border-color: #4E4D49; background-color: #FFF; color: #4E4D49; border-top-style: none; border-right-style:none; border-left-style: solid; border-bottom-style:solid; border-left-width: 6px; border-bottom-width: 1px; padding: 0.3em; font-weight: bold;}
div.main div.shortcut div.news ul li.teaser {font-weight: normal;}
div.stati {background-color: #EBEBEB; border: solid 1px red; padding: 0.2em; margin: 1em 190px; display: block}
div.stati span {font-weight: bold; font-size: 110%; color: red; }
div.location {/* font-size: 90%; */ margin: 1em 190px 3em; color: #4E4D49;}
div.location span {color: #4E4D49;}
/* Content ----------------------------------------------------------------------------------*/
div.main div.content {margin: 1em 14em; font-size: 100%; width: auto;}
div.main div.content h1 {font-size: 120%; margin-top: 0.4em; margin-bottom: 0.9em; color: #6C71AD; letter-spacing: 0.1em; text-transform: uppercase;}
div.main div.content h2 {font-size: 90%; margin-top: 0.4em; margin-bottom: 0.9em;  color: #4E4D49; letter-spacing: 0.1em; text-transform: uppercase; border-bottom: solid 1px #6C71AD;}
div.main div.content h3 {font-size: 85%; margin-top: 0.4em; margin-bottom: 0.9em;  padding: 0.2em 0 0.2em 0.5em; background-color: #4E4D49; color: #FFF; font-weight: bold; text-transform: uppercase;}
div.main div.content h4 {font-size: 100%; margin-top: 1.9em; margin-bottom: 0.3em;  font-weight: bold;}
div.main div.content h5 {font-size: 130%; margin-top: 0.5em; margin-bottom: 0.9em; color: #FFF; letter-spacing: 0.15em; text-transform: uppercase; padding: 0.2em 0 0.2em 0.5em; background-color: #800000;}
div.main div.content img.left {margin: 0.3em; float: left;}
div.main div.content img.right {margin: 0.3em; float: right;}
div.main div.content a {font-weight: bold;}
div.main div.content table.seminardata {background-color: #4E4D49; width: 10em; float: left; margin: 0.1em 1.5em 0.3em 0.1em;}
div.main div.content table.seminarprice {background-color: #EBEBEB; width: 10em; margin: 0.1em;}
div.main div.content table.seminarprice a {color: #FFF; font-weight: bold; font-size: 100%;}
div.main div.content table.seminardata th, div.main div.content table.seminarprice th {font-weight: bold; text-align: left; padding: 0.3em 0.5em; color: #FFF;}
div.main div.content table.seminardata td, div.main div.content table.seminarprice td {padding: 0.3em 0.5em; color: #FFF; white-space: nowrap}
div.main div.content table.date {color: #000; width: 60%; min-width: 100%; float: none;}
div.main div.content table.date thead tr th {background-color: #748B8B; color: #FFF; font-weight: bold; text-align: left; padding: 0.3em 0.5em; border: solid 1px #FFF;}
div.main div.content table.date tbody tr td {padding: 0.2em; text-align: center; border: solid 1px #FFF; white-space: nowrap;}
div.main div.content table.date tbody tr th {padding: 0.3em 0.5em; background-color: #4A88B5; color: #FFF; border: solid 1px #FFF;}
div.main div.content table.date tbody.odd tr th {text-align: left;}
div.main div.content table.date tbody.even tr th {text-align: left;}
div.main div.content table.date tbody.odd tr td {background-color: #CCCCC9;}
div.main div.content table.date tbody.even tr td {background-color: #EBEBEB;}
div.main div.content table.offer {color: #000; float: none;}
div.main div.content table.offer thead tr th {background-color: #4A88B5; color: #FFF; font-weight: bold; text-align: left; padding: 0.3em 0.5em; border: solid 1px #FFF;}
div.main div.content table.offer tbody tr td {padding: 0.5em; text-align: left; vertical-align: top; border: solid 1px #FFF;}
div.main div.content table.offer tbody tr th {padding: 0.5em; background-color: #4E4D49; color: #FFF; border: solid 1px #FFF;}
div.main div.content table.offer tbody.odd tr th {text-align: left;}
div.main div.content table.offer tbody.even tr th {text-align: left;}
div.main div.content table.offer tbody tr.odd th {text-align: left;}
div.main div.content table.offer tbody tr.even th {text-align: left;}
div.main div.content table.offer tbody.odd tr td {background-color: #CCCCC9; }
div.main div.content table.offer tbody.even tr td {background-color: #EBEBEB; }
div.main div.content table.offer tbody tr.odd td {background-color: #CCCCC9; }
div.main div.content table.offer tbody tr.odd td {background-color: #EBEBEB; }
div.main div.content table.offer tbody tr td.number {text-align: right; white-space: nowrap; }
div.main div.content table.logo {color: #000; float: none;}
div.main div.content table.logo thead tr th {background-color: #4A88B5; color: #FFF; font-weight: bold; text-align: left; padding: 0.3em 0.5em; border: solid 1px #FFF;}
div.main div.content table.logo tbody tr td {padding: 0.5em; text-align: center; vertical-align: top; border: solid 1px #FFF;}
div.main div.content table.logo tbody tr th {padding: 0.5em; background-color: #4E4D49; color: #FFF; border: solid 1px #FFF;}
div.main div.content table.logo tbody.odd tr th {background-color: #FFF; text-align: left; border: solid 1px #EBEBEB;}
div.main div.content table.logo tbody.even tr th {background-color: #FFF; text-align: left; border: solid 1px #EBEBEB;}
div.main div.content table.logo tbody.odd tr td {background-color: #CCCCC9; text-align: left;}
div.main div.content table.logo tbody.even tr td {background-color: #EBEBEB; text-align: left;}

div.main div.content table.logo2 {color: #000; float: none;}
div.main div.content table.logo2 thead tr th {background-color: #4D4E49; color: #FFF; font-weight: bold; text-align: left; padding: 0.3em 0.5em; border: solid 1px #FFF;}
div.main div.content table.logo2 tbody tr td {padding: 0.5em; text-align: center; vertical-align: top; border: solid 1px #FFF;}
div.main div.content table.logo2 tbody tr th {padding: 0.5em; background-color: #4E4D49; color: #FFF; border: solid 1px #FFF;}
div.main div.content table.logo2 tbody.odd tr th {background-color: #FFF; text-align: left; border: solid 1px #EBEBEB;}
div.main div.content table.logo2 tbody.even tr th {background-color: #FFF; text-align: left; border: solid 1px #EBEBEB;}
div.main div.content table.logo2 tbody.odd tr td {background-color: #CCCCC9; text-align: left;}
div.main div.content table.logo2 tbody.even tr td {background-color: #EBEBEB; text-align: left;}


div.main div.content table.hotel {color: #000; width: 85%; float: none;}
div.main div.content table.hotel a {color: #FFF;}
div.main div.content table.hotel thead tr th {background-color: #4A88B5; color: #FFF; font-weight: bold; text-align: left; padding: 0.3em 0.5em; border: solid 1px #FFF;}
div.main div.content table.hotel tbody tr td {padding: 0.5em; text-align: center; border: solid 1px #FFF; vertical-align: top; width: 25%;}
div.main div.content table.hotel tbody tr th {padding: 0.5em; background-color: #4E4D49; color: #FFF; border: solid 1px #FFF; vertical-align: top; width: 24%;}
div.main div.content table.hotel tbody.odd tr th {text-align: left;}
div.main div.content table.hotel tbody.even tr th {text-align: left;}
div.main div.content table.hotel tbody.odd tr td {background-color: #CCCCC9; text-align: left;}
div.main div.content table.hotel tbody.even tr td {background-color: #EBEBEB; text-align: left;}
div.main div.content ul.datalist {margin: 0.5em; padding: 0.5em 1.4em 0.5em 1.4em; font-size: 90%; line-height: 1.4em;}
div.main div.content ul.datalist li {list-style-type: square;}
div.main div.content ul.datalist li ul {margin: 0.2em 0.9em; padding: 0.1em 0.3em;}
div.main div.content ul.datalist li ul li {}
div.main div.content fieldset.form {border-style: none; width: 350px; background-color: #CCCCC9;}
div.main div.content fieldset.form legend.formname {background-color: #FFF; font-size: 110%; font-weight: bold; padding: 0.2em 2em 0.2em 0.5em; border-left: solid 6px #4E4D49; border-bottom: solid 1px #4E4D49;}
div.main div.content fieldset.form fieldset {margin: 0.5em 0; padding: 0.2em; border: solid 1px #CCCCC9;}
div.main div.content fieldset.form fieldset legend {margin: 0; padding: 0; font-weight: bold; color: #4E4D49;}
div.main div.content fieldset.form fieldset b {margin: 0; padding: 0; font-weight: bold; color: #4E4D49;}#test jens
div.main div.content fieldset.form fieldset legend.attention {color: red;}
div.main div.content fieldset.form fieldset input {margin-left: 0.3em;}
div.main div.content fieldset.form fieldset input.attention {border: solid 1px #FFFF00;}
div.main div.content fieldset.form fieldset input.text {border: solid 1px #4E4D49; width: 12em;}
div.main div.content fieldset.form fieldset select {border: solid 1px #4E4D49; width: 25em; max-width: 35em; margin-left: 0.3em;}
div.main div.content fieldset.form fieldset option {width: 45em}
div.main div.content fieldset.form fieldset textarea {border: solid 1px #4E4D49; width: 25em; height: 10em; margin-left: 0.3em;}
div.main div.content fieldset.form fieldset input.number {width: 3em; height: auto; border: solid 1px #4E4D49;}
div.main div.content fieldset.form fieldset input.submit {background-color: #4A88B5; color: #FFF; border: solid 1px #4E4D49;}
div.main div.content fieldset.form fieldset input.reset {background-color: #EBEBEB; border: solid 1px #4E4D49;}
div.main div.content div.section {width: auto; height: 200px; max-height: 200px; margin-bottom: 0.5em;}
div.main div.content div.sitemap ul.even {float: left; clear: right; padding: 5px; margin: 0px; width: 18em; }
div.main div.content div.sitemap ul.odd { padding: 5px; margin: 0px; width: 18em;}
div.main div.content div.manage {border-style: solid; border-color:#0000d0; border-width: thin; background: #e0e0ff; margin: 0; padding: 2px;}
span.searchword0 {border-style: solid; border-color: #f88; border-width: 1px; background: #fee}
span.searchword1 {border-style: solid; border-color: #8f8; border-width: 1px; background: #efe}
span.searchword2 {border-style: solid; border-color: #88f; border-width: 1px; background: #eef}
span.searchword3 {border-style: solid; border-color: #f8f; border-width: 1px; background: #fef}
span.searchword4 {border-style: solid; border-color: #8ff; border-width: 1px; background: #eff}

div.main div.content table.order2 {color: #000; width: 98%; float: none;}
div.main div.content table.order2 a {color: #FFF;}
div.main div.content table.order2 thead tr th {background-color: #4A88B5; color: #FFF; font-weight: bold; text-align: left; padding: 0.3em 0.5em; border: solid 1px #FFF;}
div.main div.content table.order2 tbody tr td {padding: 0.5em; text-align: center; border: solid 1px #FFF; vertical-align: top;}
div.main div.content table.order2 tbody tr th {padding: 0.5em; background-color: #4E4D49; color: #FFF; border: solid 1px #FFF; vertical-align: top;}
div.main div.content table.order2 tbody.odd tr th {text-align: left;width:100%;}
div.main div.content table.order2 tbody.even tr th {text-align: left;}
div.main div.content table.order2 tbody.odd tr td {background-color: #CCCCC9; text-align: left;width=100%}
div.main div.content table.order2 tbody.even tr td {background-color: #EBEBEB; text-align: left;}