* {
 padding: 0px;
 margin: 0px;
}
html { height: 100%; }
body {
 font-family: Verdana, Arial, sans-serif;
 font-size: 9pt;
 color: #191965;
 background-color: #ffffff;
 height: 100%;
 background-image: url(/viomatrix/imgs//beam_right.jpg);
 background-repeat: repeat-y;
 background-position: top right;
}
a { color: #000066; }
a:hover { text-decoration: underline; }
img { border: none; }
h1 {
 font-size: 18pt;
 font-weight: normal;
 margin: 0px 0px 10px 0px;
}
h2 {
 font-size: 14pt;
 font-weight: normal;
 margin: 0px 0px 10px 0px;
}
h3 {
 font-size: 10pt;
 font-weight: bold;
 margin: 0px 0px 10px 0px;
}
#wrapper { 
 background-image: url(/viomatrix/imgs//beam_left.jpg);
 background-repeat: repeat-y;
 background-position: top left;
 height: 100%;
}
#left h4, #right h4 {
 background-color: #cccccc;
 display: block;
 text-align: right;
 padding: 8px 10px 4px 10px;
 border-top: solid 1px #000066;
 border-bottom: solid 2px #000066;
 margin: 18px 0px 13px 0px;
 font-size: 10pt;
}
p { margin: 0px 0px 10px 0px; }
ul {
 list-style-type: disc;
 margin: 0px 0px 10px 0px;
}
ul li {
 margin-left: 20px;
 font-size: 8pt;
}
li.pdf { list-style-image: url(/viomatrix/imgs/icon_pdf.gif); }
ul#nav, ul#nav ul {
 text-align: left;
 list-style: none;
 margin: 0px;
}
ul#nav a {
 text-decoration: none;
 padding-right: 10px;
 color: #3c4682;
}
ul#nav li {
 margin: 0px;
 font-size: 12pt;
 font-weight: bold;
 display: block;
 margin-bottom: 12px;
}
ul li ul li { margin-left: 0px; }
ul#nav li ul li { font-size: 92%;font-weight: normal;margin-bottom: 0px; }
ul#nav li ul { }
ul#nav li.aktiv { border: none; }
ul#nav li.aktiv ul { font-size: 10pt; }
.antifloat {
 clear: both;
 height: 1px;
 font-size: 1px;
}
#headpic {
 background-color: #cccccc;
 background-repeat: no-repeat;
 background-position: center top;
 height: 120px;
 width: 100%;
}
#mainnavi {
 background-color: #cccccc;
 border-bottom: solid 1px #3c4682;
 border-top: solid 1px #3c4682;
 font-size: 14pt;
 padding: 2px 2px 2px 211px;
 color: #000066;
}
#mainnavi a {
 color: #000066;
 font-size: 14pt; 
 text-decoration: none;
 margin: 0px 3px;
}
#print {
 display: none;
 width: 100%;
 padding: 5px;
}
#back {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 text-align: right;
}
.backpic {
 position: absolute;
 right: 0px;
 width: 60px;
}
#bottom {
 border-top: solid 1px #84899c;
 background-image: url(/viomatrix/imgs//beam_left.jpg);
 background-repeat: repeat-y;
 background-position: top left;
}
#bottom2 {
 background-image: url(/viomatrix/imgs//beam_right.jpg);
 background-repeat: repeat-y;
 background-position: top right;
}
#left {
 float: left;
 width: 200px;
}
#right {
 float: right;
 width: 230px;
}
#middle {
 margin: 0px 230px 0px 200px;
 background-color: #ffffff;
 padding-top: 16px;
}
.content { padding: 0.5em 1em; }
#middle .content { padding: 0px 1em 0.5em 1em; }
#middle p { line-height: 1.3em; }
.content .mitte {
 display: block;
 text-align: center;
 margin-top: 6px;
}
.box, .box a {
 color: #67696a;
 font-size: 7pt;
 text-align: left;
}
.box a { color: #000066; }
.box img {
 float: left;
 margin: 0px 8px 12px 0px;
}
.box div { margin: 0px 8px 12px 0px;padding: 0px; }
.box strong { font-size: 10pt; }
.element {
 border-top: solid 1px #ffffff;
 padding: 2px 2px 2px 0px;
 position: relative;
 float: left;
 width: 99%;
}
.element .funktionen {
 position: absolute;
 top: 0px;
 right: 0px;
}
.element .funktionen div { margin: 1px 3px 0px 2px; }
.element .elcontent { display: table-cell; }
.element h3 { margin-bottom: 7px; }
.pic {
 border: solid 1px #ffffff;
 background-color: #ffffff;
 float: left;
 display: table-cell;
 margin: 0px 7px 7px 0px;
}
.pic p {
 margin: 0px;
 padding: 2px 4px 5px 4px;
}
.piclist {
 float: left;
 margin: 0px 12px 0px 0px;
}
.piclist img { margin-bottom: 8px; }
.nav {
 padding: 4px;
 display: block;
 width: 98%;
 border-bottom: dashed 1px #84899c;
 margin: 0px 0px 4px 0px;
}
.nav a { text-decoration: none; }
.nav a:hover { text-decoration: underline; }
.secret { background-color: #fff8bc; }
fieldset { border: none; }
fieldset div { margin: 3px 0px; }
fieldset div.missing input, fieldset div.missing select, fieldset div.missing textarea { border: solid 1px red; }
label {
 float: left;
 display: block;
 width: 20em;
}
legend {
 margin: 0px 0px 10px 0px;
 font-weight: bold;
}
input, select, textarea {
 border: solid 1px #000000;
 width: 280px;
}
input.button {
 border: solid 1px #000000;
 background-color: transparent;
}
fieldset div.button input { width: 200px; }
input.checkbox {
 width: 16px;
 border: none;
}