/* Ehemals base.css aus YAML-Design */
html { height:101% }
body { font-size: 100.01%; position: relative; color: #000; background: #fff; text-align: left; }
#nav { clear:both; width: 100%; z-index: 100; }
#main { clear:both; width: 100%; z-index: 10; }
#col1 { float: left; width: 200px; }
#col2 { width:auto; margin-left: 200px; margin-right: 200px; }
#col3 { float:right; width: 200px; }
#col1 { z-index: 3; }
#col2 { z-index: 1; }
#col3 { z-index: 5; }
#col1_content { z-index: 4; }
#col2_content { z-index: 2; }
#col3_content { z-index: 6; }
#col1, #col2, #col3 { position: relative; }
#col1_content { position: relative; }
#col2_content { position: relative; }
#col3_content { position: relative; }
#footer { clear:both; width:auto; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.floatbox { overflow:hidden; }
.clear_columns { content: "."; display: block; height: 0; font-size: 0; clear: both; float: left; visibility: hidden; border: 0; margin-top: -2em; }
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Allgemeine HTML-Elemente */
a { color: #900; font-weight: bold; background-color: white; text-decoration:none; }
a em.file { color: #900; background-color: white; text-decoration:none; }
a.dl_link:hover { background-color: transparent; background-position: 0px -40px; text-decoration: none; }
a:hover { color: white; background-color: #900; text-decoration:none; }
body { font-family: sans-serif; padding: 10px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; }
h1 { color: #069; font-size: 1.2em; font-weight:bold; background-color: white; background-image: inherit; background-repeat: inherit; background-attachment: inherit; background-position: inherit; margin:-0.5em 0 0.5em; padding-top: 0; border-bottom: 1px solid silver; display:block; }
h2 { font-size: 0.9em; font-weight:bold; color: black; margin:0.2em 0 -0.1em; display:block; }
h3 { color: black; font-size: 0.8em; font-weight:bold; line-height: 1.2em; background-color: white; margin:0 0 0.2em; padding-top: 0.2em; display:block; }
hr { color: #000; background:inherit; border-top: 1px solid #ccc; }
p { font-size: 0.8em; line-height: 140%; font-family: sans-serif; margin: 0 0 1em; }
ul { font-size: 0.8em; line-height: 140%; margin: 0 0 1em; padding: 0; }
table { margin: -3px; padding: 0; }
td { font-size: 0.8em; line-height: 120%; padding-top: 2px; border-bottom: 1px solid silver; vertical-align: top }
/* Spaltendefinitionen */
#col1 { width: 160px; margin-top: 0.5em; }
#col1_content { background-image: inherit; background-repeat: inherit; background-attachment: inherit; background-position: inherit; margin-left: 10px; margin-right: 10px; }
#col1_content a { color: #f90; font-weight: bold; background-color: white; text-decoration: none; }
#col1_content a:hover { color: #069; font-weight: bold; background-color: white; text-decoration: none; }
#col1_content li { margin-left: 1.5em; padding-top: 0.2em; list-style-image: url(../media/pic/icons/li.gif); list-style-position: outside; display: list-item; }
#col2 { margin-top: 1.5em; margin-left: 160px; margin-right: 160px; border-right: 1px solid silver; border-left: 1px solid silver; }
#col2_content { margin-left: 10px; margin-right: 10px; }
#col2_content h3 { border-top: 1px solid #069; }
#col2_content li { margin-left: 1.5em; padding-top: 0.2em; list-style-image: url(../media/pic/icons/li.gif); list-style-position: outside; }
#col2 a[href^="http:"] { padding-left: 12px; background-image: url(../media/pic/icons/ext_link.gif); background-repeat: no-repeat; background-position: left; }
#col3 { width: 160px; margin-top: 0.5em; }
#col3_content { margin-left: 10px; margin-right: 10px; }
#col3_content a { line-height: 125%; }
#col3_content h3 { line-height: 120%; margin-bottom: 0; display: block; }
/* Fußbereich */
#footer { color:#888; font-size: 0.8em; background:white; text-align: center; margin: 1em 0 0; padding-top: 0.3em; padding-bottom: 0.3em; border-top: 1px solid silver; }
/* Kopfbereich */
#header { position:relative; height: 110px; color: #fff; background-color: white; background-image: url(../media/pic/design/header2.jpg); width: 798px; }
/* Navigation */
#main { color: #000; background: white ; padding: 1em 0 0 0; }
#nav { background-color: #069; }
#nav_main { width:100%; float:left; color: #fff; font-weight: bold; background-color: #069; }
#nav_main ul { white-space: nowrap; line-height: 1em; margin:0; padding:0 0 0 50px; list-style:none; }
#nav_main li { float:left; background: url(../media/pic/nav/left.jpg) no-repeat top left; padding: 0 0 0 3px; margin: 0; border-bottom:1px solid #000; }
#nav_main a { float:left; display:block; color:#334; background: transparent; background: url(../media/pic/nav/right.jpg) no-repeat right top; padding:5px 11px 3px 8px; text-transform: none; text-decoration:none; font-weight:bold; } #nav_main a {float:none;}
#nav_main a:hover { color:#fff; background-color:#00c; background: url(../media/pic/nav/right.jpg) no-repeat top right; }
#nav_main #current { background-image: url(../media/pic/nav/left_on.jpg); border-bottom:0px solid #f00; }
#nav_main #current a { color:#334; background-image: url(../media/pic/nav/right_on.jpg); font-weight:bold; padding-bottom:4px; padding-top:5px; }
/* Allgemeiner Seitenaufbau */
#page { color: white; border: solid 1px #667; background: #fff; }
#page_margins { text-align: left; width: 800px; margin:auto; }
/* Eigene Klassenstile */
img.float_left { float: left; margin-right: 0.3em; border:0; }
img.float_right { float: right; margin-left: 0.3em; border:0; }
.activelink { color: #069; font-weight: bold; background-color: white; }
.datum { color: #069; font-weight: bold; background-color: white; padding-top: 2px; padding-bottom: 5px; border-top: 1px solid gray; }
.datum1z { color: #069; font-weight: bold; background-color: white; padding-top: 2px; padding-bottom: 5px; }
.fett { font-weight: bold; }
.mager { color: #777; font-size: 90%; font-weight: bold; background-color: white; }
.marginalie { font-size: 90%; line-height: 125%; }