* { margin: 0;padding: 0; }
html { overflow-y: scroll; }
body {
 background-color: #fff;
 font-family: Verdana, Arial, sans-serif;
}
.antifloat {
 clear: both;
 visibility: hidden;
 font-size: 1pt;
 height: 1px;
 margin: 0;
 padding: 0;
}
a {
 color: #3881ad;
 text-decoration: none;
}
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 {
 display: block;
 color: #000;
}
h1 {
 font-size: 1.3em;
 margin: 0 0 0.96em;
}
h2 {
 font-size: 1.15em;
 margin: 0 0 0.8em;
}
h3 {
 font-size: 1.06em;
 margin: 0 0 0.7em;
}
h4, h5, h6 { margin: 0 0 0.6em; }
h6 { font-size: 1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 color: #000;
 text-decoration: none;
}
img { border: none; }
.center {
 margin: 0 auto;
 text-align: center;
 margin: 0 0 4px;
}
.left {
 float: left;
 border: solid 1px #000;
 padding: 6px 6px 10px 6px;
 margin: 0 4px 4px;
}
.panorama {
 float: none;
 margin: 0 0 4px 0;
 text-align: center;
 position: relative;
 border: solid 1px #c4c4c4;
 padding: 7px;
 display: block;
 width: 98%;
}
.panorama .ol {
 position: absolute;
 top: -1px;
 left: -1px;
 width: 10px;
 height: 10px;
 display: block;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/panorama_ecke_ol.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
.panorama .or {
 position: absolute;
 top: -1px;
 right: -1px;
 width: 8px;
 height: 8px;
 display: block;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/panorama_ecke_or.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
.panorama .ul {
 position: absolute;
 bottom: -1px;
 left: -1px;
 width: 6px;
 height: 6px;
 display: block;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/panorama_ecke_ul.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
.panorama .ur {
 position: absolute;
 bottom: -1px;
 right: -1px;
 width: 7px;
 height: 7px;
 display: block;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/panorama_ecke_ur.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
.right {
 float: right;
 border: solid 1px #000;
 padding: 6px 6px 10px 6px;
 margin: 0 0 4px 4px;
}
p {
 margin: 1em 0;
 line-height: 1.1em;
}
ul { margin: 6px 0 6px 16px; }
ol { margin: 6px 0 6px 24px; }
#placeholder {
 width: 998px;
 margin: 0 auto;
 text-align: center;
 border: solid 1px #ccc;
}
#wrapper {
 padding: 10px 14px;
 text-align: left;
}
/* Kopf */
#logo {
 float: left;
 width: 569px;
 height: 52px;
 overflow: hidden;
}
#nebennav {
 float: right;
 width: 400px;
 height: 52px;
 font-size: 0.58em;
 color: #000;
 text-align: right;
}
#nebennav a { color: #3881ad; }
#nebennav div { padding: 13px 0 0 28px; }
#nav {
 margin: 0.5em 0 -2px 0;
 /* fuer IE */
 border-top: solid 1px #fff;
}
#nav ul {
 list-style-type: none;
 margin: 0;
}
#nav li { float: left; }
#nav li a {
 display: block;
 padding: 4px 8px;
 background-color: #3881ad;
 color: #fff;
 font-size: 0.8em;
 font-weight: bold;
 margin: 0 8px 0 0;
 width: 13.2em;
 position: relative;
}
#nav li a.aktiv {
 background-color: #94c3df;
 color: #000;
}
#nav li a:hover {
 color: #dbdbdb;
 text-decoration: none;
}
#nav .ol {
 position: absolute;
 top: 0;
 left: 0;
 width: 3px;
 height: 3px;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/nav_ecke_ol.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
#nav .or {
 position: absolute;
 top: 0;
 right: 0;
 width: 3px;
 height: 3px;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/nav_ecke_or.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
#nav .aktiv .ol { background-image: url(/viomatrix/imgs/gfx/nav_ecke_ol_hell.gif); }
#nav .aktiv .or { background-image: url(/viomatrix/imgs/gfx/nav_ecke_or_hell.gif); }
#subnav {
 background-color: #94c3df;
 display: block;
 width: 100%;
 height: 2.8em;
 background-image: url(/viomatrix/imgs/gfx/subnav_kreis.gif);
 background-repeat: no-repeat;
 background-position: 76% 50%;
 position: relative;
 padding-top: 1px;
}
#subnav .nav { float: left; }
#subnav ul {
 list-style-image: url(/viomatrix/imgs/gfx/subnav_listpoint.gif);
 float: left;
 margin: 6px 10px 2px 9px;
 width: auto;
}
#subnav li {
 margin: 1px 0 4px 18px;
 font-size: 0.72em;
 font-weight: bold;
 white-space: nowrap;
 width: 13.2em;
}
#subnav a { color: #fff; }
#subnav a.aktiv, #subnav2 a.aktiv { color: #000; }
#subnav a:hover, #subnav2 a:hover {
 color: #ababab;
 text-decoration: none;
}
#subnav .or {
 position: absolute;
 top: 0;
 right: 0;
 width: 7px;
 height: 4px;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/subnav_ecke_or.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
#subnav .ur {
 position: absolute;
 bottom: 0;
 right: 0;
 width: 7px;
 height: 4px;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/subnav_ecke_ur.gif);
 background-repeat: no-repeat;
 background-position: 1px 0;
}
#subnav .ul {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 7px;
 height: 4px;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/subnav_ecke_ul.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
.search {
 margin: 0.8em 0.9em 0 0;
 float: right;
}
.search button {
 width: 4em;
 border: none;
 background-color: transparent;
 color: #000;
 padding: 2px 0;
 cursor: pointer;
}
.search input {
 float: left;
 width: 10em;
 height: 1.2em;
 border: solid 1px #3881ad;
 background-color: #bbbdc0;
 padding: 2px 1px;
}
#slogan {
 margin: 13px 6px 0 6px;
 color: #a7a9ac;
 font-size: 1em;
 font-weight: bold;
 white-space: nowrap;
 width: 950px;
 overflow: hidden;
 letter-spacing: 3px;
}
#slogan img { margin: 0 6px; }
#subnav2 {
 border: solid 1px #94c3df;
 position: relative;
 margin: 0 0 12px 0;
 overflow: hidden;
}
#subnav2 .ul {
 position: absolute;
 bottom: -2px;
 left: -1px;
 width: 5px;
 height: 4px;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/subnav2_ecke_ul.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
#subnav2 .ur {
 position: absolute;
 bottom: -2px;
 right: -1px;
 width: 5px;
 height: 4px;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/subnav2_ecke_ur.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
#subnav2 h6 {
 background-color: #94c3df;
 padding: 2px 0 3px 6px;
 font-size: 0.9em;
 color: #fff;
 position: relative;
 display: block;
}
#subnav2 h6 .left {
 position: absolute;
 top: -1px;
 left: -2px;
 width: 2px;
 height: 18px;
 background-image: url(/viomatrix/imgs/gfx/subnav2_h6_left.gif);
 background-repeat: no-repeat;
 font-size: 1px;
 border: none;
 padding: 0;
}
#subnav2 h6 .right {
 position: absolute;
 top: 0;
 right: -2px;
 width: 2px;
 height: 18px;
 background-image: url(/viomatrix/imgs/gfx/subnav2_h6_right.gif);
 background-repeat: no-repeat;
 font-size: 1px;
 border: none;
 padding: 0;
}
#subnav2 ul {
 margin: 11px 0 5px 28px;
 list-style-image: url(/viomatrix/imgs/gfx/subnav_listpoint.gif);
}
#subnav2 li {
 color: #3881ad;
 font-size: 0.8em;
 margin: 0 0 8px 0;
}
/* Content */
#content {
 margin-top: 15px;
 height: 100%;
}
#left {
 float: left;
 width: 178px;
}
#middle {
 float: left;
 width: 573px;
}
#right {
 float: right;
 width: 203px;
 padding-top: 4em;
}
.teaser {
 border: solid 1px #989b9f;
 padding: 8px 0;
 text-align: center;
 margin: 0 0 20px 0;
}
.box {
 border: solid 1px #b1b1b1;
 display: block;
 width: 99%;
 margin: 0 0 20px 0;
 padding: 2px 0 0 0;
 position: relative;
}
.box h6 {
 background-color: #999999;
 color: #fff;
 border: solid 1px #aaadb0;
 position: relative;
 padding: 2px 0 2px 2px;
 margin: 0;
 font-size: 9px;
 font-weight: normal;
 white-space: nowrap;
 border-top: solid 1px #a2a2a2;
}
.big .item div, .teaser .item div p {
 margin-left: 9px !important;
 margin-right: 0 !important;
}
.big h6 {
 padding: 2px 10px 1px 10px;
 font-size: 0.8em;
 font-weight: bold;
 height: 20px;
}
.blue h6 { background-color: #3881ad; }
.box .ol {
 position: absolute;
 top: -1px;
 left: -1px;
 width: 8px;
 height: 6px;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/content_ecke_ol.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
.box .or {
 position: absolute;
 top: -1px;
 right: -1px;
 width: 8px;
 height: 6px;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/content_ecke_or.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
.box .ul {
 position: absolute;
 bottom: -1px;
 left: -1px;
 width: 6px;
 height: 6px;
 display: block;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/panorama_ecke_ul.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
.box .ur {
 position: absolute;
 bottom: -1px;
 right: -1px;
 width: 7px;
 height: 7px;
 display: block;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/panorama_ecke_ur.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
.item h6 .ol {
 position: absolute;
 top: -1px;
 left: -1px;
 width: 2px;
 height: 2px;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/content_h2_ecke_ol.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
.item h6 .or {
 position: absolute;
 top: -2px;
 right: -1px;
 width: 2px;
 height: 2px;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/content_h2_ecke_or.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
.item h6 .ul {
 position: absolute;
 bottom: -2px;
 left: -2px;
 width: 2px;
 height: 2px;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/content_h2_ecke_ul.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
.item h6 .ur {
 position: absolute;
 bottom: -2px;
 right: -2px;
 width: 2px;
 height: 2px;
 font-size: 1px;
 background-image: url(/viomatrix/imgs/gfx/content_h2_ecke_ur.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}
.item div {
 margin: 4px;
 text-align: center;
}
.item div h1, .item div h2, .item div h3, .item div h4, .item div h5, .item div h6 {
 color: red;
 font-size: 0.6em;
 padding: 0;
 margin: 0;
 text-align: left;
}
.item div h1 a, .item div h2 a, .item div h3 a, .item div h4 a, .item div h5 a, .item div h6 a { color: red; }
.item p, .item li {
 font-size: 0.6em;
 text-align: left;
 margin: 0 0 0.8em 0;
 float: none;
 clear: both;
}
.item li.withpic { margin: 0 0 2em 0; }
.item ul, .item ol { margin: 0 0 0 20px; }
.listpic {
 float: left;
 width: 25px;
 height: 25px;
 margin: 0 6px 0 0;
}
.content {
 margin: 0 12px 6px 23px;
 padding: 0 6px 6px 0;
 font-size: 0.8em;
 border: solid 0 #fff;
}
.awardsabstand {
 font-size: 1px;
 margin: 22px 0;
}
.awards .center { margin-bottom: 0; }
.awards h6 {
 background-color: transparent;
 text-align: center;
 color: #3881ad;
 border: none;
}
.awards h6 span { display: none !important; }
#navpath {
 margin: 0 12px 14px 23px;
 color: #000;
 font-size: 0.8em; 
}
#navpath a, #navpath span {
 font-size: 0.8em;
 color: #000;
}
.navpath a, .navpath span {
 font-size: 0.8em;
 color: #000;
}
table {
 border-collapse: collapse;
 border: none;
 float: none;
 width: 99%;
}
td,th {
 vertical-align: top;
 padding: 0 0 0.05em 0;
}
th p, td p { margin-top: 0; }
th ul, td ul, th ol, td ol {
 margin-top: 0;
 margin-bottom: 1em;
}
.seminare { margin-bottom: 12px; }
.seminare strong a { color: #000; }
.seminare th, .seminare td, #seminardetail td, #seminardetail th {
 vertical-align: top;
 padding: 0 0 4px 0;
}
.seminare th { width: 50px; }
#seminardetail th {
 padding-right: 8px;
}
fieldset {
 border: solid 0 transparent;
 padding: 4px 8px 4px 12px;
}
fieldset fieldset { padding: 0; }
fieldset div {
 padding: 0;
 margin: 0 !important;
 font-size: 1em;
}
form.formgen {
 border: solid 1px #cccccc;
 background-color: #f8f8f8;
}
form.formgen div { margin: 0 0 8px 0 !important; }
form.formgen div.text, form.formgen div.textarea { float: left;width: 200px; }
form.formgen div.small { margin: 0 !important; }
label, .label {
 float: left;
 display: block;
 width: 140px;
}
label.hint, form div.hint {
 float: left;
 width: 340px;
}
label.right, form div.right {
 margin: 0 0 0 6px;
 border: 0;
 float: left !important;
 width: auto;
 max-width: 323px;
 padding: 0;
}
legend, .caption {
 font-size: 1em;
 font-weight: bold;
 margin: 4px 0 6px 0;
}
input.checkbox {
 width: auto;
 border: none !important;
}
input, textarea, select {
 width: 200px;
 border: solid 1px #cccccc;
 background-color: #f4f4f4;
 font-family: Verdana, Arial, sans-serif;
 font-size: 1em;
}
input.file { width: auto; }
input.left, form div.left {
 float: left;
 padding: 0;
 margin: 0;
 border: solid 1px #cccccc;
}
form div.left {
 border: none;
 padding-right: 6px;
 width: 20px !important;
}
input.submit {
 width: auto;
 border: solid 1px #999999;
 background-color: #cccccc;
 padding: 1px 6px;
}
.formgen .block {
 float: right;
 width: 156px;
 border: solid 1px #bbbdc0;
 background-color: #f2f2f2;
 padding: 2px;
 font-size: 0.86em;
}
.formgen .block h2 {
 font-size: 1.1em !important;
 margin: 0 0 4px 0 !important;
}
.formgen .block h4 {
 font-size: 1em !important;
 margin: 0 0 2px 0 !important;
}
.formgen .block p {
 margin: 0 0 6px 0;
}
.missing label, .missing .label { color: red; }
.ackn { float: left; }
.ackn p { margin: 0 4px 0 0; }
.seminaranmeldung {
 margin-left: 124px;
 padding: 1px 8px;
}
.vcard {
 text-align: left !important;
 font-size: 0.7em;
 margin: 0 0 6px 0 !important;
 padding: 0 !important;
}
.vcard div {
 margin: 0 0 0 0 !important;
 padding: 0 !important;
 text-align: left;
 display: inline;
}
.vcard div div { margin: 0 !important; }
.vcard .fn {
 display: block;
 font-weight: bold;
}
.vcard .email, .vcard .adr, .vcard .block { display: block; }
.vcard .email { margin: 0 0 0 0 !important; }
.searchitem { margin: 0em 0em 1em 0em; }
.searchitem h2 {
 margin: 0;
 font-size: 0.96em;
}
.searchitem h2 a { color: #000; }
.searchitem p { margin: 0; }
#content .galerie {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
height: 119px;
margin: 0 0 16px;
width: 512px;
}
#content ul.galerie li, #content div.picslider a {
display: block;
float: left;
height: 117px;
min-height: 0;
margin: 1px 0;
padding: 0;
width: 117px;
}
#content ul.galerie li.nav { width: 22px; }
#content ul.galerie li.nav a, #content div.picslider a.back, #content div.picslider a.forward {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
height: 100%;
padding: 0;
text-decoration: none;
width: 20px;
}
#content ul.galerie li.nav a.back, #content div.picslider a.back { background-image: url(/viomatrix/imgs/gfx/pfeil_links.png); }
#content ul.galerie li.nav a.forward, #content div.picslider a.forward { background-image: url(/viomatrix/imgs/gfx/pfeil_rechts.png); }
#content ul.galerie li.nav a:hover { text-decoration: none; }
#content ul.galerie li img { float: none; }
/* Bilderslideshow */
div.picturelist {
margin: 0;
padding: 0;
width: 504px;
height: 115px;
overflow: hidden;
}
div.picturelist div.piccontainer {
position: absolute;
margin: 0;
padding: 0;
width: 504px;
height: 115px;
line-height: 115px;
overflow: hidden;
}
div.picturelist div.piccontainer img {
margin: 0;
padding: 0;
position: absolute;
z-index: 900;
}
div.picturelist div.picslider {
margin: 0;
padding: 0;
width: 100%;
height: 115px;
overflow: hidden;
}
div.picturelist div.picslider a {
display: block;
float: left;
width: auto;
height: 115px;
background-repeat: no-repeat;
}
div.picturelist div.picslider a:hover { text-decoration: none; }
div.picturelist div.picslider div.sliderwindow {
width: 464px;
max-width: 464px;
height: 115px;
max-height: 115px;
display: block;
float: left;
overflow: hidden;
margin: 0 2px;
}
div.picturelist div.picslider div.sliderwindow div.slidercontent { width: 0; }
div.picturelist div.picslider div.sliderwindow div.slidercontent a {
z-index: 900;
background-repeat: no-repeat;
background-position: center;
display: block;
float: left;
width: 115px;
height: 115px;
margin-right: 6px; 
overflow: hidden;
}
.infobox { position: relative; }
.infobox div {
background-color: #eee;
border: 1px solid #333;
display: none;
height: 106px;
right: 24px;
padding: 4px;
position: absolute;
top: 0;
width: 480px;
z-index: 1000;
}
.infobox img {
display: block;
margin: 4px auto 0;
position: relative;
z-index: 10;
}
.infobox:hover div { display: block; }
#admin fieldset { padding: 0; }
#admin table { width: 100%; }
#admin table tfoot td { padding-top: 8px; }
#admin #left, #admin #right { display: none; }
#admin #middle {
float: none;
width: auto;
}
#admin tbody tr.bg1 { background-color: #fff; }
#admin tbody tr.bg2 { background-color: #eee; }
#admin tbody tr:hover { background-color: #bbbdc0; }
#admin td input, #admin td select {
display: block;
margin: 2px 0;
}
#admin input.checkbox { margin: 5px auto 0; }