/* 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;}
div, span, p, thead, tbody, th, td, a {font-size: 0.9em;}
.important {font-weight: bold;}
.tracking {letter-spacing: 1pt; font-size: 0.9em;}
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: 1.2em;}

div.logocampus img {position: absolute; top: 0.5em; right: 3em;}

/* 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: url("/Images/Decor/transparent"); 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; border-color: transparent; }
div.productnavigation ul li.actived {background-color: transparent;}
div.productnavigation a {white-space: nowrap; 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: transparent; text-decoration: none;}
div.productnavigation a:link {text-decoration: none;}
div.productnavigation a.actived {background-color: transparent; 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: url("/Images/Decor/transparent");}
div.productnavigation ol li {display: block; float: none; border-style: none;}
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:hover.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: 170px; height: 100%; float: left; 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 {width: 100%; background-color: #CCCCC9; font-weight: bold; color: #4E4D49; padding: 0.6em 0;}
div.main div.leftnavigation div.search input.advanced {cursor: pointer; width: 100px; height: 20px; margin-left: 0.3em; padding: 0; 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 span {margin-left: 0.8em;}
div.main div.leftnavigation div.search ul {list-style-type: none; margin: 0.2em; padding: 0.2em;}
div.main div.leftnavigation div.search ul li {margin: 0.2em; color: #4E4D49; border-style: none;}
div.main div.leftnavigation div.search ul input {width: 70%; height: 1.5em; border: solid 1px #4E4D49; margin: 0.2em 0.2em 0.1em 0;}
div.main div.leftnavigation div.search ul input.submit {font-weight: bold; width: 20%; height: 1.6em; color: #FFF; background-color: #00724D;}

/* 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: #CCCCC9; border: outset 1px #EBEBEB; 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;}
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: -1.5em 0 0 8.7em; padding: 0; border: solid 1px #CCCCC9;}
div.main div.leftnavigation fieldset ul.repertory li table {display: none; position: absolute; background-color: #EBEBEB; margin: -1.5em 0 0 8em; padding: 0; border: solid 1px #CCCCC9; width: auto;}
div.main div.leftnavigation fieldset ul.repertory li table tr td  {font-size: 100%; display: block; 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;}
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;}


/* 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;}
div.main div.shortcut div.news {margin-bottom: 1em; width: 90%; height: auto; background-color: #EBEBEB; 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; background-color: #4E4D49; color: #FFF; padding: 0.3em; font-weight: bold;}
div.main div.shortcut div.news ul li.teaser {font-weight: bold;}

div.stati {background-color: #EBEBEB; border: solid 1px red; padding: 0.2em; margin: 1em 190px;}
div.stati span {font-weight: bold; font-size: 110%; color: red;}
div.location {font-size: 75%; margin: 1em 190px; color: #4E4D49;}
div.location span {color: #4E4D49;}

/* Content ----------------------------------------------------------------------------------*/
div.main div.content {margin: 1em 190px;}
div.main div.content h1 {font-size: 1.2em; color: #6C71AD; letter-spacing: 0.1em; text-transform: uppercase;}
div.main div.content h2 {font-size: 0.9em; color: #4E4D49; letter-spacing: 0.1em; text-transform: uppercase; width: 100%; border-bottom: solid 1px #6C71AD;}
div.main div.content h3 {font-size: 0.85em; padding: 0.2em; background-color: #4E4D49; color: #FFF; font-weight: bold; text-transform: uppercase;}
div.main div.content h4 {font-size: 0.85em; width: 100%;}
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: 18em; float: left; margin: 0.3em 5em 0.3em 0.1em;}
div.main div.content table.seminarprice {background-color: #EBEBEB; width: 18em; margin: 0.3em 0;}
div.main div.content table.seminarprice a {color: #FFF; font-weight: bold; font-size: 105%;}
div.main div.content table.seminardata th, div.main div.content table.seminarprice th {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;}
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: #4D4E49; 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;}
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; width: 60%; min-width: 100%; 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.2em; text-align: center; border: solid 1px #FFF;}
div.main div.content table.offer tbody tr th {padding: 0.3em 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.odd tr td {background-color: #CCCCC9; text-align: left;}
div.main div.content table.offer tbody.even tr td {background-color: #EBEBEB; text-align: left;}
div.main div.content ul.datalist {margin-left: 0.5em; padding-left: 1.0em;}
div.main div.content ul.datalist li {list-style-type: square;}
div.main div.content ul.datalist li ul {margin: 0.2em 0.3em; padding: 0.2em 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 legend.attention {color: red;}
div.main div.content fieldset.form fieldset input {margin-left: 0.3em;}
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: auto; max-width: 15em; margin-left: 0.3em;}
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;}

/* Content2 ----------------------------------------------------------------------------------*/
div.main2 div.content2 {margin: 1em 190px;}
div.main2 div.content2 h1 {font-size: 1.2em; color: #6C71AD; letter-spacing: 0.1em; text-transform: uppercase;}
div.main2 div.content2 h2 {font-size: 0.9em; color: #4E4D49; letter-spacing: 0.1em; text-transform: uppercase; width: 100%; border-bottom: solid 1px #6C71AD;}
div.main2 div.content2 h3 {font-size: 0.85em; padding: 0.2em; background-color: #4E4D49; color: #FFF; font-weight: bold; text-transform: uppercase;}
div.main2 div.content2 h4 {font-size: 0.85em; width: 100%;}
div.main2 div.content2 img.left {margin: 0.3em; float: left;}
div.main2 div.content2 img.right {margin: 0.3em; float: right;}
div.main2 div.content2 a {font-weight: bold;}
div.main2 div.content2 table.seminardata {background-color: #4E4D49; width: 18em; float: left; margin: 0.3em 5em 0.3em 0.1em;}
div.main2 div.content2 table.seminarprice {background-color: #EBEBEB; width: 18em; margin: 0.3em 0;}
div.main2 div.content2 table.seminarprice a {color: #FFF; font-weight: bold; font-size: 105%;}
div.main2 div.content2 table.seminardata th, div.main div.content table.seminarprice th {text-align: left; padding: 0.3em 0.5em; color: #FFF;}
div.main2 div.content2 table.seminardata td, div.main div.content table.seminarprice td {padding: 0.3em 0.5em; color: #FFF;}
div.main2 div.content2 table.date {color: #000; width: 60%; min-width: 100%; float: none;}
div.main2 div.content2 table.date thead tr th {background-color: #4D4E49; color: #FFF; font-weight: bold; text-align: left; padding: 0.3em 0.5em; border: solid 1px #FFF;}
div.main2 div.content2 table.date tbody tr td {padding: 0.2em; text-align: center; border: solid 1px #FFF;}
div.main2 div.content2 table.date tbody tr th {padding: 0.3em 0.5em; background-color: #4A88B5; color: #FFF; border: solid 1px #FFF;}
div.main2 div.content2 table.date tbody.odd tr th {text-align: left;}
div.main2 div.content2 table.date tbody.even tr th {text-align: left;}
div.main2 div.content2 table.date tbody.odd tr td {background-color: #CCCCC9;}
div.main2 div.content2 table.date tbody.even tr td {background-color: #EBEBEB;}
div.main2 div.content2 table.offer {color: #000; width: 60%; min-width: 100%; float: none;}
div.main2 div.content2 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.main2 div.content2 table.offer tbody tr td {padding: 0.2em; text-align: center; border: solid 1px #FFF;}
div.main2 div.content2 table.offer tbody tr th {padding: 0.3em 0.5em; background-color: #4E4D49; color: #FFF; border: solid 1px #FFF;}
div.main2 div.content2 table.offer tbody.odd tr th {text-align: left;}
div.main2 div.content2 table.offer tbody.even tr th {text-align: left;}
div.main2 div.content2 table.offer tbody.odd tr td {background-color: #CCCCC9; text-align: left;}
div.main2 div.content2 table.offer tbody.even tr td {background-color: #EBEBEB; text-align: left;}
div.main2 div.content2 ul.datalist {margin-left: 0.5em; padding-left: 1.0em;}
div.main2 div.content2 ul.datalist li {list-style-type: square;}
div.main2 div.content2 ul.datalist li ul {margin: 0.2em 0.3em; padding: 0.2em 0.3em;}
div.main2 div.content2 ul.datalist li ul li {}

div.main2 div.content2 fieldset.form {border-style: none; width: 350px; background-color: #CCCCC9;}
div.main2 div.content2 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.main2 div.content2 fieldset.form fieldset {margin: 0.5em 0; padding: 0.2em; border: solid 1px #CCCCC9;}
div.main2 div.content2 fieldset.form fieldset legend {margin: 0; padding: 0; font-weight: bold; color: #4E4D49;}
div.main2 div.content2 fieldset.form fieldset legend.attention {color: red;}
div.main2 div.content2 fieldset.form fieldset input {margin-left: 0.3em;}
div.main2 div.content2 fieldset.form fieldset input.text {border: solid 1px #4E4D49; width: 12em;}
div.main2 div.content2 fieldset.form fieldset select {border: solid 1px #4E4D49; width: auto; max-width: 15em; margin-left: 0.3em;}
div.main2 div.content2 fieldset.form fieldset textarea {border: solid 1px #4E4D49; width: 25em; height: 10em; margin-left: 0.3em;}
div.main2 div.content2 fieldset.form fieldset input.number {width: 3em; height: auto; border: solid 1px #4E4D49;}
div.main2 div.content2 fieldset.form fieldset input.submit {background-color: #4A88B5; color: #FFF; border: solid 1px #4E4D49;}
div.main2 div.content2 fieldset.form fieldset input.reset {background-color: #EBEBEB; border: solid 1px #4E4D49;}