* { margin: 0;padding: 0; }
body {
background-color: #fff;
font-family: Verdana, sans-serif;
color: #000;
}
.antifloat {
clear: both;
visibility: hidden;
font-size: 1px;
height: 1px;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: blue; }
#content a { text-decoration: underline; }
h1 { font-size: 1.2em; }
h2, h3, h4, h5, h6 { font-size: 1.1em; }
img { border: none; }
p { margin: 0 0 3px; }
.print {
 display: none;
 font-size: 0.8em;
 font-weight: bold;
 margin: 2px 0 6px;
}
#top {
 background-image: url(/viomatrix/imgs/sys/head_bg.gif);
 background-repeat: repeat-x;
 height: 94px;
 position: relative;
}
#top div {
 position: absolute;
 top: 0;
 right: 0;
 padding: 7px 18px 0 0;
 font-size: 24px;
 text-align: right;
}
#menue {
 height: 1%;
 background-color: #2a4e9d;
 font-size: 0.8em;
 padding: 0 24px;
 font-weight: bold;
 text-transform: uppercase;
 color: #e5e5e5;
 border-bottom: solid 2px #fff;
}
#menue div { margin: 3px 0 2px 0; }
/* Star-Hack fuer IE6 */
* html #menue div { margin: 3px 0 1px 0; }
#menue div div { margin: 0; }
#menue .list {
 float: left;
 width: 58em;
}
#menue .list div {
 float: left;
 margin: 0 3px 0 0;
}
#menue .listtitle {
 float: left;
 width: 8em;
}
#menue a, #submenue a { color: #e5e5e5; }
#menue a:hover, #menue a.aktiv, #submenue a:hover, #submenue a.aktiv {
 background-color: #f5ca12;
 border-bottom: solid 2px #f5ca12;
 color: #0000ff;
 text-decoration: none;
}
#homelink {
 float: right;
 display: block;
}
#submenue {
 background-color: #a0a5ca;
 font-size: 0.8em;
 padding: 4px 24px;
 font-weight: bold;
 text-transform: uppercase;
 color: #e5e5e5;
 border-bottom: solid 2px #fff;
}
#slogan, #head h1 {
 background-color: #cacde6;
 padding: 0 24px;
 font-weight: bold;
 font-family: Arial, sans-serif;
 font-size: 1.3em;
 border-top: solid 1px #9fa4c9;
}
#seitenweise a { color: #003399 !important; }
#content {
 padding: 8px 24px;
 font-size: 0.8em;
 margin-right: 176px;
 color: #4c4c4c;
}
#content a { color: #6699ff; }
#content ul { 
 margin: 0;
 padding: 5px 0 5px 24px;
}
#content ol { margin: 0 0 0 22px; }
#content ul li { 
 margin: 0;
 padding: 0;
}
#content ul.checkliste li.ok { list-style-image: url(/viomatrix/imgs/gfx/accept.png); }
#content ul.checkliste li.error { list-style-image: url(/viomatrix/imgs/gfx/error.png); }
p.error {
color: red;
font-weight: bold;
}
p.ok {
color: green;
font-weight: bold;
}
.item {
margin-top: 16px;
position: relative;
}
.item div.title {
float: left;
width: 70px;
height: 70px;
}
.item .title { font-size: 1em;font-weight: normal; }
.item .title:first-letter { font-weight: bold; }
.item .title a { color: #003399 !important; }
.item .title a:first-letter { font-weight: bold; }
.item p.searchinfo { margin: 8px 0; }
.item .bname {
font-size: 1.2em;
color: #003399 !important;
font-weight: bold;
}
.withpic {
background-position: 0% 0%;
background-repeat: no-repeat;
padding-left: 67px !important;
}
.piclink {
position: absolute;
top: 0;
left: 0;
display: block;
width: 56px;
height: 58px;
text-decoration: none !important;
}
#promote {
float: right;
width: 160px;
}
#promote div { margin: 10px; }
#footer {
padding: 24px 174px 0 24px !important;
font-size: 0.80em;
background-position: 24px 0;
}
#footer a { color: #000;text-decoration: none; }
#footer a:hover { text-decoration: underline; }
.footerpic {
float: left;
margin: 0 8px 0 0;
}
fieldset { border: solid 0 transparent; }
legend { font-weight: bold; }
#seminarverwaltung button {
background-color: #fff;
border: none;
color: #000;
cursor: pointer;
font-weight: bold;
padding: 0 5px;
overflow: visible;
width: auto;
}
#seminarverwaltung button:hover { text-decoration: underline; }
label.checkboxtext { width: auto; }
input, select, textarea {
font-family: Arial, sans-serif;
font-size: 1em;
}
#search {
background-color: #fdf4ce;
border: 1px solid rgb(247,222,108);
padding: 6px 8px;
font-family: Arial, sans-serif;
color: #191919;
margin-bottom: 20px;
}
#search div { margin: 5px 0; }
#search .legend {
margin: 0;
font-weight: bold;
}
#search input.ksearch {
 border: solid 1px #a5acb2;
 padding: 1px 1px 2px 1px;
 background-color: #fff;
 width: 272px;
 margin: 0 5px;
}
div.google form {
 background-color: #fdf4ce;
 border: 1px solid rgb(247,222,108);
 padding: 6px 8px;
 font-family: Arial, sans-serif;
 color: #191919;
 margin-bottom: 20px;
}
div.google form div { margin: 5px 0; }
div.google form .legend {
 margin: 0;
 font-weight: bold;
}
div.google form input.ksearch {
 border: solid 1px #a5acb2;
 padding: 1px 1px 2px 1px;
 background-color: #fff;
 width: 272px;
 margin: 0 5px;
}
#kursform {
 background-color: #fdf4ce;
 border: 1px solid rgb(247,222,108);
 padding: 6px 8px;
 font-family: Arial, sans-serif;
 color: #191919;
 margin-bottom: 20px;
}
#kursform div { margin: 5px 0; }
#kursform .legend {
 margin: 0;
 font-weight: bold;
}
#kursform input.ksearch {
 border: solid 1px #a5acb2;
 padding: 1px 1px 2px 1px;
 background-color: #fff;
 width: 172px;
 margin: 0 15px 0 5px;
}
#kursform select {
 border: solid 1px #a5acb2;
 padding: 1px 1px 2px 1px;
 background-color: #fff;
 width: 100px;
 margin: 0 15px 0 5px;
}
#anfrage, #editform, .bildungsziele {
 border: 1px solid rgb(164,164,201);
 background-color: rgb(230,230,240);
 padding: 6px 8px;
 font-family: Arial, sans-serif;
 color: #191919;
 margin: 20px 0;
}
.bildungsziele { margin: 20px 10px; }
#anfrage div, #editform div, #editform table, .bildungsziele table { margin: 5px 0; }
.bildungsziele table { width: 100%; }
.bildungsziele td { font-size: 0.8em; }
#anfrage .legend {
 margin: 0;
 font-weight: bold;
}
#anfragelinks {
 width: 340px;
 float: left;
 margin-right: 10px;
}
#anfragelinks label {
 float: left;
 display: block;
 width: 130px;
}
#anfragerechts {
 width: 400px;
 float: left;
}
#anfragerechts label {
 width: 70px;
 float: left;
 display: block;
}
#anfrage input, #anfrage textarea, #anfrage select .box, #editform input, #editform textarea, #editform select, .bildungsziele input, .bildungsziele select {
 border: solid 1px #a5acb2;
 padding: 1px 1px 2px 1px;
 background-color: #fff;
 width: 172px;
 margin: 0 15px 0 5px;
}
#editform input, #editform textarea, #editform select { width: 98%; }
.bildungsziele label { font-weight: bold; }
.bildungsziele input { width: 80%; }
.bildungsziele select { width: 80%; }
.bildungsziele .hint {
 float: left;
 width: 15%;
 text-align: left;
 font-size: 0.8em;
}
input.date {
width: 19px !important;
margin: 0 0 0 5px !important;
}
input.year {
width: 35px !important;
margin: 0 0 0 5px !important;
}
input.datum {
width: 74px !important;
margin: 0 0 0 5px !important;
}
input.checkbox {
 width: 14px !important;
 border: none !important;
 margin: 0 0 0 5px !important;
 background-color: transparent !important;
}
.formhint { background-color: #e78585;padding: 3px 2px; }
.missing { border: solid 1px red !important; }
td.missing {
border: none !important;
color: red;
}
table { border-collapse: collapse; }
th, td {
 vertical-align: top;
 padding: 2px 1px;
}
table#seminarverwaltung {
 border: solid 1px #a8b9df;
 margin: 4px 0;
 width: 100%;
}
table#seminarverwaltung thead, table#seminarverwaltung .bg {
 background-color: #2a4e9d;
 color: #fff;
}
table#seminarverwaltung thead td {
background-color: #fff;
color: #000;
}
table#seminarverwaltung th, table#seminarverwaltung td { border: solid 1px #a8b9df; }
table#seminarverwaltung thead th { border: none; }
table#seminarverwaltung thead th span { display: block;width: 80px;margin: 0 auto; }
table#seminarverwaltung thead th span span { display: block;float: left;width: auto;margin: 0; }
table#seminarverwaltung a {
 font-weight: bold;
 text-decoration: none;
 color: #000;
}
table#seminarverwaltung a:hover { text-decoration: underline; }
table#seminarverwaltung a.notitle { font-style: italic; }
table#seminarverwaltung .options img {
 float: left;
 width: 16px;
 height: 16px;
 margin-left: 3px;
}
table#seminarverwaltung tfoot td { text-align: right; }
table.adminbereich label {
display: block;
float: left;
width: 120px;
}
abbr { color: rgb(0,128,0); }
* html span.description { color: rgb(0,128,0);border-bottom: 1px dashed rgb(0,128,0); }
.vcard {}
.vcard .org {}
.vcard .fn {}
.vcard .adr {}
.vcard .adr .sreet-address {}
.vcard .adr .postal-code {}
.vcard .adr .locality {}
.vcard .adr .country-name {}
.vcard .tel {}
.vcard .tel .type {}
.vcard .tel .value {}
.vcard .email {}
.vcard .hidden { display: none; }
.vevent { }
.vevent .url { }
.vevent .summary { }
.vevent .description { }
.vevent .location { }
.vevent .dtstart { }
.vevent .dtend { }
.vevent .dtstamp { }
.vevent .hidden { display: none; }
#loginlayer {
 display: block;
 min-height: 24px;
 width: 100%;
 overflow: hidden;
 background-color: rgb(179,14,1);
 border-bottom: solid 1px #763838;
 color: #fff;
}
#loginlayer .left {
 float: left;
 width: 65%;
 font-size: 0.8em;
 text-align: left;
 padding: 3px 10px 3px 10px;
}
#loginlayer a { color: rgb( 255,255,255 ); text-decoration: underline; }
#loginlayer a.visited { color: rgb( 255,255,255 ); }
#loginlayer .right {
 float: right;
 width: 30%;
 font-size: 0.8em;
 text-align: right;
 padding: 3px 10px 3px 10px;
}
#buttons {
 width: 100%;
 background-color: #e78585;
 padding: 2px 10px;
 margin: 6px 0;
}
#buttons .left { float: left;width: 40%; }
#buttons .right { float: right;width: 40%;text-align: right; }
#save {
 float: right;
 width: 150px;
 font-size: 0.96em;
 padding: 1px 2px 1px 2px;
}
#hidebutton {
 position: absolute;
 bottom: 2px;
 right: 5px;
 width: 80px;
 font-size: 0.8em;
}
.adminmenue {
 background-color: rgb(179,14,1);
 border: solid 1px #763838;
 padding: 1px 2px 2px 2px;
 margin: 0 0 6px 0;
}
.adminmenue h1, .adminmenue h2 {
 color: rgb( 255,255,255 );
 margin: 0;
 padding: 0;
}
.adminmenue ul { list-style: none; margin: 0; padding: 0; }
.adminmenue li {
 margin: 0;
 padding: 0;
}
.adminmenue a {
 color: #fff !important;
 text-decoration: underline !important;
}
.adminmenue a:hover { text-decoration: underline !important; }
.htmlform {
position: absolute;
top: -999999px;
left: -999999px;
width: 200px;
height: 50px;
}
div#preview {
 width: 746px;
 height: 320px;
 overflow: auto;
 background-color: #fff;
 border: 1px solid #000;
 padding: 3px;
}
div#preview table { border-left: 1px solid #A4A4C9; }
div#preview th { white-space: nowrap; }
div#preview td, div#preview th {
 padding: 2px 4px;
 border-right: 1px solid #A4A4C9;
}
div#preview td.oneline { white-space: nowrap; }
div#preview tr.bg1 { background-color: #e1e2e5; }
div#preview tr.bg2 { background-color: #fff; }
#zoomframe {
 display: none;
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 opacity: 1;
 z-index: 1000;
}
#zoombackground {
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-color: #000;
 opacity: 0.35;
 z-index: 1000;
}
#zoomcontent {
 display: block;
 width: 80%;
 height: 80%;
 position: absolute;
 top: 8%;
 left: 8%;
 padding: 0 0 3px 0;
 opacity: 1;
 z-index: 1500;
 background-color: #fff;
 border: 1px solid #000;
}
#zoominnercontent {
 width: 100%;
 height: 100%;
 overflow: auto;
 overflow-y: scroll;
 overflow-x: hidden;
}
#zoomcontent div, #zoomcontent iframe {
 width: 100%;
 height: 100%;
}
#zoomcontentimg {
 text-align: center;
 margin: 32px auto;
 width: 32px;
 height: 32px;
 background-repeat: no-repeat;
}
#zoomclose {
 position: absolute;
 top: 4px;
 right: 20px;
 width: 16px;
 height: 16px;
 display: block;
 background-image: url(/viomatrix/imgs/gfx/cancel.png);
 background-repeat: no-repeat;
 text-decoration: none !important;
}
#zoomclose:hover { text-decoration: none; }
#hilfe #content { margin: 0 !important; }
#hilfe img {
 display: block;
 float: left;
 margin: 0 6px 6px 0;
}
#hilfe ul, #hilfe ol { padding: 0 0 8px !important; }
#hilfe ul li { margin-left: 16px !important; }
#hilfe ol li { margin-left: 22px !important; }
#hilfe h1, #hilfe h2, #hilfe h3, #hilfe h4, #hilfe h5, #hilfe h6 { margin-bottom: 8px; }
#hilfe p { margin: 0 0 4px; }
#hilfe p.piccenter { width: 100%; }
#hilfe p.piccenter img {
 float: none;
 display: block;
 margin: 0 auto;
 clear: both;
}
.btliste li {
list-style: none !important;
text-indent: -24px !important;
}
#zeiten { display: none; }
h2.margintop { margin-top: 12px; }
.seitenweise {
background-color: #FDF4CE;
border: 1px solid #F7DE6C;
color: #191919;
margin: 0 0 20px 0;
padding: 6px 8px;
text-align: center;
}
#cn_message { display: none; }