/* Copyright Scientec Internet Applications + Media GmbH - www.scientec.de */

body {margin:0; padding:0; background-color:#d8d8d8; color:#000; font-family: arial, helvetica, sans-serif; font-size:95% }
table {font-size:95% }
#seite{position:relative;background-color:#d8d8d8; color:#000;width:100%}
#kopf{position:relative;width:100%; background-color:#fff; height: 125px}
#kopf a:hover{ background-color:#666}
#kopf img {border:0}
#logo_uhh {float:left}
#logo_fb {float:right;margin-top:0px;margin-right:10px;}
#logo-jahr-der-chemie {margin-left:10%;width:279px;height:102px;}

#navigation {position:relative;width:100%;clear: both;background-color:#777777; border-top:1px solid #ccc; border-bottom:1px solid #333; color:#fff; font-size:85%}
#pfad { background-color:#777777;color:#fff; padding:0 8px 0px 8px;float:left}
#navigation a {color:#FFF;text-decoration:none;font-weight:bold}
#navigation a:hover{color:#FFF;text-decoration:underline}
.pathseparator{font-weight:bold}
#navigation div.toolbar{padding:1px 8px 1px 0; float:right; text-align: right; white-space:nowrap}

#container {}

#subnavigation {width:22%; float:left; font-size:85%}
#subnavigation .pad {padding:8px}
#subnavigation ul{margin-top:0; margin-left:0; padding-left:0}
#subnavigation li{margin-bottom:0; margin-left: 0; list-style-type: none; background-repeat: no-repeat; background-position: 0px 4px}
li.seite{ border-bottom:1px solid #f0f0f0; padding-left:10px; margin-top:0;background-image: url(../_grafik/nav/arrow_page.gif)}
li.intern{ border-bottom:1px solid #f0f0f0; padding-left:10px; margin-top:0;background-image: url(../_grafik/nav/arrow_link.gif)}
li.extern{ border-bottom:1px solid #f0f0f0; padding-left:10px; margin-top:0;background-image: url(../_grafik/nav/arrow_out.gif)}
li.spacer{border-bottom:1px solid #f0f0f0;font-size:1px;height:0; padding-left:0px; margin-top:5px; margin-bottom:5px}
#subnavigation a{color:#000; text-decoration:none}
#subnavigation a:hover{text-decoration:underline}

#subnavigation2 {width:12%; float:left; font-size:85%}
#subnavigation2 .pad {padding:8px}
#subnavigation2 ul{margin-top:0; margin-left:0; padding-left:0}
#subnavigation2 li{margin-bottom:0; margin-left: 0; list-style-type: none; background-repeat: no-repeat; background-position: 0px 4px}
#subnavigation2 a{color:#000; text-decoration:none}
#subnavigation2 a:hover{text-decoration:underline}

#inhalt {border-left:1px solid #999; width:75%; float: right}
#inhalt .pad {padding:8px; background-color:#f8f8f8; color: #111}
#inhalt h1{margin-top:0}
#inhalt a{color:#000}
#inhalt a:hover{text-decoration:none; color: red}

#inhalt2 {border-left:1px solid #999; width:95%; float: right}
#inhalt2 .pad {padding:8px; background-color:#f8f8f8; color: #111}
#inhalt2 h1{margin-top:0}
#inhalt2 a{color:#000}
#inhalt2 a:hover{text-decoration:none; color: red}

#inhalt3 {border-left:1px solid #999; width:85%; float: right}
#inhalt3 .pad {padding:8px; background-color:#f8f8f8; color: #111}
#inhalt3 h1{margin-top:0}
#inhalt3 a{color:#000}
#inhalt3 a:hover{text-decoration:none; color: red}

#fuss { clear: both; background-color:#777777; border-top:1px solid #ccc; border-bottom:1px solid #333; color:#fff; font-size:85%}
#info { background-color:#777777;color:#fff; padding-left:8px; float:left}
#fuss div.toolbar {float:right;text-align:right; padding-right:8px}
#fuss a {color:#FFF;text-decoration:none;font-weight:bold}
#fuss a:hover{color:#FFF;text-decoration:underline}
#fuss div.toolbar{padding:1px 8px 1px 0; float:right; text-align: right; white-space:nowrap}

div.clear{clear: both}
div.leer{}
.hide{display:none}
.hidden{display:inline}

h1,h2,h3,h4,h5 {color: #333; letter-spacing: 0.05em; text-decoration:none}
h2 * a, a[name] {text-decoration:none; color:green}
h1 {border-left:8px solid red;padding-left: 3px; font-size: 120%; text-align: left; background-color:; text-transform: uppercase}
h2 {border-left:8px solid #666; padding-left: 3px;font-size: 110%}
h3 {border-left:8px solid #ccc; padding-left: 3px;font-size: 100%}
h4 {font-size: 95%}

table.veranstaltungen td {vertical-align:top}
#heute {background-color:#f0f0f0;float:right; width:30%; border:1px solid #5474B8; font-size:85%; margin-left:10px}
#heute h2.titel{font-size:90%;margin:0;border:0;background-color:#5474B8; color:white; font-weight: bold; text-align:center;padding:2px}
#heute div.mehr{ text-align:center;font-weight: bold}
#heute ul{margin-top:1px; margin-left:0; padding-left:0; margin-bottom:1px}
#heute span.titel{font-weight: bold}
#heute li{margin:0; list-style-type: none;padding:2px; border-bottom:1px dotted #5474B8}

#aktuell {margin-top:0; margin-left:0; padding-left:0; font-size:90%}
#aktuell li{margin-bottom:1px; margin-left: 0; list-style-type: none;padding-left:8;}
#aktuell span.titel{font-weight: bold;position:relative;left:-8px }