html {
 height: 100%; 
 overflow-y: scroll;
}
body {
 color:#00246B;
 background-color: #A4B3CA; 
 height:99%;
 width:100%;
 margin:0; 
 padding-top:1%;
 position:relative;
 text-align: center;
 font-family: arial;
 font-size: 12px;
}
div, img, form {
 border: none;
 margin: 0px;
 padding: 0px;
}
a {
 text-decoration: none;
 color:#00246B;
}
p {
 line-height: 1.3em;
 margin: 0 0 4px 0;
 padding: 0 0 6px 0;
}
ul { 
margin: 6px 0 6px 8px;
padding: 6px 0 6px 4px;
}
li { 
margin: 0 0 6px 8px; 
padding: 3px 0 0 4px;
}
.antifloat {
 clear: both;
 visibility: hidden;
 height: 0px;
 font-size: 1px;
 overflow: hidden;
}
h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
table tr td p {
  float: none;
line-height: 1.3em;
 padding: 0 0 6px 0;
border-collapse: separate;
vertical-align: top; 
}
div#placeholder {
 background-color: #FFFFFF;
 position: relative;
 width: 990px;
 margin: 0px auto;
 text-align: left;
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #c5c7c8;
 border-top: 1px solid #FFFFFF;
 border-bottom: 1px solid #c5c7c8;
}
div#head {
 height: 106px;
 position: relative;
 float: left;
 background-color: #FFFFFF;
 margin: 0px;
 padding: 0px;
}
div#head .logo {
 position: relative;
 float: left;
}
div#head .headline {
 position: relative;
 width: 400px;
 height: 18px;
 float: left;
 margin: 0px;
 padding: 0px;
 top: 8px;
 left: 0px;
}
div#head .headline h1 {
 color: #E2001A; 
 font-weight: normal;
}
div#head .login {
 position: relative;
 margin: 0px;
 padding: 0px;
 float: right;
 top: 85px;
 right: 30px;
 width: 400px;
 height: 15px;
 text-align: right;
}
div#menuleft {
 float: left;
 width: 143px;
 height: 100%;
 font-size: 13px;
 overflow: hidden;
}
.fb-like {
 position: relative;
 padding-top: 15px;
 padding-bottom: 25px;
 left: 17px;
 float: left;
}
div#menuleft a {
 color: #00246B; 
 text-decoration: none;
}
div#menuleft .menuitem a:hover {
 color: #E2001A; 
 background-image: url(/viomatrix/imgs/gfx/dot_red_trans.gif);
 background-repeat: no-repeat;
 background-position: left;
 text-decoration: none;
}
div#menuleft a:active {
 color: #E2001A; 
 background-image: url(/viomatrix/imgs/gfx/dot_red_trans.gif);
 background-repeat: no-repeat;
 background-position: left;
 text-decoration: none;
}
div#menuleft .menuitem {
 border-bottom: 1px solid #B4BCD1;
}
div#menuleft .aktiv {
 color: #E2001A;
 background-image: url(/viomatrix/imgs/gfx/dot_red_trans.gif);
 background-repeat: no-repeat;
 background-position: left;
}
div#menuleft .menuitem div {
 padding: 5px 10px 5px 6px;
}
div#menuleft .menuhead {
 background-color: #B4BCD1;
 color: #ffffff;
 font-weight: bold;
}
div#menuleft .menuhead div {
 padding: 5px 10px 5px 16px;
}
div#menuleft .menusmall {
 line-height: 10px;
 position: relative;
 padding: 10px 0px 0px 16px; 
 border-bottom: 1px solid #B4BCD1;
}
div#menuleft .menusmall a:hover {
 color: #E2001A; 
 text-decoration: none;
}
div#menudivs {
 font-size: 9px;
 position: relative;
 text-align: left;
 top: 0px;
}
div#menulang {
 position: relative;
 height: 20px;
 margin: 20px 0 10px 17px;
}
div#menulang img {
 padding-right: 25px;
 float: left;
}
div#content {
 float: left;
 width: 844px;
 margin-left: 1px;
 padding: 0px;
 border-left: 1px solid #B4BCD1;
 border-top: 1px solid #B4BCD1; 
}
div#content .head {
 font-size: 12px;
 padding: 0px;
}
div#navi {
 background-color: #B4BCD1;
 height: 15px;
 margin: 0px;
 padding: 5px 10px 5px 10px;
}
#navi a:link, #navi a:visited {
background-image: url(/viomatrix/imgs/gfx/dot_red_trans.gif);
background-position: 0 4px;
background-repeat: no-repeat;
color: #fff;
text-decoration: none;
 padding: 0 8px 0 12px;
}
#navi a:hover, #navi a:active, #navi a:focus {
background-image: url(/viomatrix/imgs/gfx/dot_red_trans.gif);
background-position: 0 4px;
background-repeat: no-repeat;
text-decoration: none;
color: #e2001a;
 padding: 0 8px 0 12px;
}
div#content .startimage {
 padding: 20px;
}
div#content .content2 {
 min-height: 575px;
 margin: 0px;
 padding: 0px;
}
div#mail {
 font-size: 12px;
 font-weight: bold;
 color: #C04040;
 text-align: center;
}
#katcontent {
 margin: 0 0 20px 0;
 padding: 0px;
 float: left;
}
#katcontent a:hover, a:active, a:focus {
 color: #e2001a;
 text-decoration: none;
}
#katpic{
 padding: 0px;
 margin: 20px 0 15px 10px;
 left: 0px;
 width: 250px;
 float: left;
}
#katarea {
 background-color: transparent;
 left: 20px; 
 top: 20px;
 margin: 0;
 padding-top: 5px;
 position: relative;
 width: 550px;
 float: right;
 border-top: 1px solid #e2001e;
}
#katarea .kattitel {
 position: relative;
 background-image: url(/viomatrix/imgs/gfx/dot_red_trans.gif);
 background-repeat: no-repeat;
 background-position: left;
 text-align: left;
 margin: 8px 0 0 0px;
 padding-left: 12px;
}
#katarea .katsub {
 position: relative;
 text-align: left;
 margin: 0 0 10px 0px;
 padding-left: 12px;
}
#katsarea .kattitel a:hover {
 color: #e2001a;
 text-decoration: none;
 font-weight: normal;
}
#katsarea .katsub a {
 color: #e2001a;
 text-decoration: none;
 font-weight: normal;
}
#hg {
 background-color: #FFFFFF;
 position: relative;
 margin: 0px;
 text-align: center;
 padding: 0px;
}
#zusatz {
 margin: 0px;
 padding: 0px;
 float: left;
}
#newscontent {
 margin: 0px;
}
.newshead {
 background-color: #E0E0E0;
 font-weight: bold;
 text-align: left;
 height: 20px;
 width: 275px;
 padding: 3px 0px 0px 5px;
 border-left: solid 1px #ffffff;
 border-top: solid 1px #ffffff;
 float: left;
}
#newsarea {
 border-top: solid 1px #ffffff;
 background-image: url(/viomatrix/imgs/gfx/bg-news.gif);
 background-repeat: repeat-y;
 padding-bottom: 3px;
}
#newsarea .news {
 top: 0;
 left: 0;
 text-align: left;
 width: 272px;
 min-height: 95px;
 padding: 8px 0px 0px 8px;
 margin: 0;
 float: left;
}
#newsarea .news p {
 float: none;
 padding: 0 0 10px 0;
 margin: 0;
}
.picdetail {
 position: absolute;
 right: 5px;
 display: none;
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #c5c7c8;
 border-top: 1px solid #FFFFFF;
 border-bottom: 1px solid #c5c7c8;
}
.picdetail1 {
 position: fixed;
 right: 150px;
 top: 50px;
 display: none;
}
div.piczoom {
 margin-top: 2px;
}
div.piczoom a img {
 margin-right: 2px;
 vertical-align: middle;
}
div.piczoom2 {
 margin-top: 2px;
}
div.piczoom2 a img {
 margin-right: 2px;
 vertical-align: middle;
}
.bg1 {
 background-color: #f7fafd;
}
.bg2 {
 background-color: #f5f9fc;
}
.bg-b0 { background-color: #f9f8fc; }
.bg-b1 { background-color: #f5f9fc; }
.bg-b2 { background-color: #e3e1ef; }
.bg-b3 { background-color: #b4abd6; }
.bg-b4 { background-color: #786eb4; }
.bg-bx { background-color: #0f007a; }
.bg-g1 { background-color: #a2a2a1; }
.bg-g2 { background-color: #eef3f9; }
.bg-g3 { background-color: #d1deed; }
.message { position: absolute;top: -20000px;left: -20000px; }
.editor { 
width: auto;
margin: 0px;
padding: 0px;
font-size: 12px;
font-family: arial;
line-height: normal;
}
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
color: #00246b;
font-weight: bold;
margin-bottom: 0.4em;
text-transform: uppercase;
}
.editor h1 { font-size: 1.6em; }
.editor h2 { font-size: 1.5em; }
.editor h3 { font-size: 1.4em; }
.editor h4 { font-size: 1.3em; }
.editor h5 { font-size: 1.2em; }
.editor h6 { font-size: 1.1em; }
.editor p, .editor ul, .editor ol, .editor table { margin-bottom: 0.4em; }
.editor img { 
border: none;
display: block;
}
.editor a img { border: none; }
.editor table {
border: none;
border-collapse: collapse;
clear: both;
width: 100%;
}
.editor th, .editor td {
padding: 0px 0.2em 0.2em 0px;
text-align: left;
vertical-align: top;
}
.editor td p, .editor th p { margin: 0px; }
.editor ul { margin-left: 2em; padding-left: 2em; }
.editor ol { margin-left: 1.5em; }
.editor h1.default {}
.editor h1.underline {
border-bottom: 1px solid;
}
.editor h2.default {}
.editor h3.default {}
.editor h4.default {}
.editor h5.default {}
.editor h6.default {}
.editor p.separator {
padding-top: 0.5em;
margin-bottom: 0.5em;
border-bottom: 1px solid rgb(150,150,150);
}
.editor p.codesnippet {
white-space: pre;
color: rgb(0,0,0);
background-color: rgb(255,255,180);
display: block;
border: dashed 1pt rgb(112,123,156);
padding: 0.5em;
font-family: 'Courier New';
}
.editor span.zitat {
color: rgb(80,80,80);
font-style: italic;
}
.editor span.rot {
color: rgb(226,0,26);
}
.editor span.black {
color: rgb(0,0,0);
}
.editor span.gruen {
color: rgb(0,160,0);
}
.editor span.gelb {
color: rgb(230,230,0);
}
.editor img.abstandrechts {
margin-right: 2em;
}
.editor img.abstandlinks {
margin-left: 2em;
}
.editor img.borderall {
border: solid thin;
}
.editor ol.roemisch {
list-style-type: upper-roman;
}
.editor ol.griechisch {
list-style-type: lower-greek;
}
.editor ol.latein-klein {
list-style-type: lower-alpha;
}
.editor ol.decimal-with-leading-zero {
list-style-type: decimal-leading-zero;
}
.editor table.borderall, .editor table.borderall th, .editor table.borderall td {
border: solid thin;
border-collapse: collapse;
}
.editor table.bordernone, .editor table.bordernone th, .editor table.bordernone td {
border: none;
border-collapse: collapse;
}
.editor { 
 width: auto;
 margin: 10px;
 padding: 3px;
 font-size: 12px;
 font-family: arial;
 line-height: normal;
 overflow: hidden;
}
.editor a:active, .editor a:focus, .editor a:link, .editor a:visited {
 text-decoration: none;
}
.editor a:hover { text-decoration: underline; }
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
 margin-bottom: 0.3em;
 margin-top: 0.5em;
 padding: 0px;
 text-transform: none;
}
.editor p {
 line-height: 1.3em;
 margin: 0 0 4px 0;
 padding: 0 0 8px 0; 
}
.editor ul { 
margin: 0 0 8px 0;
padding: 0 0 0 16px;
display: table;
zoom: 1;
}
.editor li { 
margin: 0 0 4px 0; 
padding: 0 0 0 6px;
}
.editor table p, .editor table strong, .editor table li, .editor table i { 
 color: #00246b; 
}
.editor table thead th {
 padding: 5px 6px;
}
.editor table thead th ul, .editor table thead th ol { 
 margin: 5px 6px; 
}
.editor table thead th ul,.editor table tbody td {
 padding: 5px 6px;
}
.editor table tbody td ul, .editor table tbody td ol { 
margin: 5px 6px 5px 16px;
}
.editor {
 font-family: arial;
 font-size: 12px;
 color: #00246b; 
}
#right .editor { width: auto; }
#right .editor p.separator { margin: 6px 0; }
#right .editor h2 { border: 0; }
#gelb .editor p.separator { border-bottom-color: #fdc22a; }
#gelb .editor h2 { border-bottom-color: #ecab00; }
#gelb .editor table.grau thead { background-color: #ffe794; }
#gelb .editor table.grau thead th { border-bottom: 1px solid #ecab00; }
.editor p.separator {
border-bottom: 1px solid #b4bcd1;
font-size: 1px;
height: 1px;
line-height: 1px;
margin: 10px 0;
padding: 0;
}
.editor span.titel-bold {
color: #00246b;
font-weight: bold;
font-size: 1.5em;
}
.editor span.titel-default {
color: #00246b;
font-size: 1.5em;
}
.editor p.separator2 {
font-size: 1px;
padding: 0;
margin: 20px 0;
height: 1px;
line-height: 1px;
}
.editor p.separator2, form.formgen fieldset fieldset { border-bottom: 1px dashed #525350; }
form.formgen fieldset fieldset.last { border: 0; }
.editor table.grau {
border-collapse: collapse;
width: 520px;
}
.editor table.grau thead {
background-color: #e0e0e0;
}
.editor table.grau tbody td {
background-color: #ffffd5;
border: 1px solid #fff;
}
.editor table.blau {
border-collapse: collapse;
width: 520px;
}
.editor table.blau thead {
background-color: #e4e8ef;
}
.editor table.blau tbody td {
background-color: #f7fafd;
border: 1px solid #fff;
}
.editor td.center { vertical-align: middle; }