@charset "UTF-8";
/* 
blau: rgb(0,132,172); 
gruen: rgb(80,164,56); 
*/
* { font-size: 11px;font-family: Verdana,Arial,Helvetica,sans-serif; color: rgb(63,63,63); }
body {
background-color: rgb(230,230,230);
}
a {color: rgb(80,164,56); }
#head {
background-image: url(/viomatrix/imgs/gfx/bg_head.gif);
height: 140px;
overflow: hidden;
}
#head a.logo {
display: block;
width: 300px;
height: 120px;
overflow: hidden;
padding: 10px 0px;
clear: none;
margin: 0px;
background-color: rgb(255,255,255);
background-image: url(/viomatrix/imgs/gfx/bg_line_horiz.gif);
background-position: 0px bottom;
background-repeat: repeat-x;
}
#head a.logo img {
float: right;
}
#head ul.menu {
width: 670px;
height: 120px;
overflow: hidden;
padding: 10px 0px;
margin: 0px;
float: left;
border: none;
background-color: rgb(0,132,172);
}
#head ul.menu li {border: none; width: 150px; }
#head a {
color: rgb(255,255,255);
font-weight: bold;
margin-left: 5px;
width: 150px;
display: block;
font-family: "Courier New",Courier,Monaco,monospace;
font-size: 1.5em;
}
#head a:hover, #head a.active:hover {
background-color: rgb(255,255,255);
color: rgb(80,164,56); 
}
#head a.active { background-color: transparent; }
#head #navpath {
position: absolute;
margin: -1.7em 0px 0px 150px;
padding: 0.2em 0px 0px 30px;
background-color: transparent;
background-image: url(/viomatrix/imgs/gfx/bg_navpath.gif);
background-repeat: no-repeat;
background-position: 0px 1.2em;
border: none;
height: auto;
width: 300px;
text-align: left;
}
#head #navpath a {
margin-left: 0px;
font-size: 1.0em;
font-weight: normal;
font-family: "Courier New",Courier,Monaco,monospace;
text-transform: none;
}
#head #navpath a.active {
color: #AFD9ED;
}
#head #navpath a:hover {
background-color: transparent;
color: rgb(255,255,255);
}
.vcard { 
position: absolute;
margin-top: -120px;
margin-left: 750px;
width: 200px;
border: 1px dashed rgb(80,80,80);
}
#wrapper {
padding: 0px 5px;
background-image: url(/viomatrix/imgs/gfx/bg_wrapper.gif);
}
#content a:before,.teaser a:before { content:""; }
#content a.external:after,.teaser a.external:after { content:""; }
#content {
background-color: rgb(255,255,255);
width: 670px;
background-image: url(/viomatrix/imgs/gfx/bg_line_verti.gif);
background-position: right 0px;
background-repeat: repeat-y;
padding: 0px;
margin: 0px;
}
#content div {
padding: 5px;
}
#content li { list-style-image: url(/viomatrix/imgs/gfx/bullet_li.gif); }
#content a {color: rgb(80,164,56); }
#content a:hover {text-decoration: underline; }
h1, h2, h3, h4, h5, h6 {
color: rgb(80,164,56); 
text-transform: none;
font-family: "Courier New",Courier,Monaco,monospace;
}
#content h1.titel {
background-image: url(/viomatrix/imgs/gfx/bg_line_horiz.gif);
background-position: 0px 1.5em;
background-repeat: repeat-x;
height: 1.3em;
overflow: hidden;
padding: 0.3em 10px 0px 10px;
font-family: "Courier New",Courier,Monaco,monospace;
font-size: 2.0em;
}
#content ul.submenu {
display: block;
list-style: none;
margin: 0px;
padding: 0px;
}
#content ul.submenu li {
list-style-image: none;
padding: 0px 10px 1em 0px;
background-image: url(/viomatrix/imgs/button_gelb_481.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 90px;
}
#content ul.submenu li.image {
background-image: none;
height: 90px;
}
#content ul.submenu li.image img {
display: block;
width: 170px;
padding: 5px 0px;
margin: 0px 10px 0px 0px;
float: left;
}
#content ul.submenu h1 {
height: 60px;
width: 145px;
text-align: center;
vertical-align: middle;
padding: 5px;
padding-top: 32px;
margin: 0px 10px 0px 0px;
display: block;
color: rgb(255,255,255);
float: left;
}
#content ul.submenu h1.tworow {
padding-top: 23px;
height: 70px;
}
#content ul.submenu li a {
font-weight: bold; 
font-size: 1.2em;
}
#content ul.submenu li p a {
font-weight: normal; 
font-size: 1.0em;
}
#rechts {
background-color: rgb(255,255,255);
width: 300px;
margin: 0px;
padding: 0px 0px 60px 0px;
border: none;
background-image: url(/viomatrix/imgs/gfx/bg_line_verti.gif);
background-position: 0px 0px;
background-repeat: repeat-y;
margin-left: -1px;
}
#rechts .submenu {
display: block;
height: 2.6em;
background-image: url(/viomatrix/imgs/gfx/bg_line_horiz.gif);
background-position: 0px bottom;
background-repeat: repeat-x;
overflow: hidden;
list-style: none;
margin: 0.2em 0px 0px 0px;
padding: 0.6em 5px 0px 5px;
}
#rechts .submenu li {
list-style-image: none;
float: left;
padding: 5px 10px 0px 10px;
}
#rechts .teaser {
padding: 0px;
background-color: transparent;
}
#rechts .teaser * {padding: 5px 10px; }
#rechts .teaser img {padding: 10px; max-width: 280px; overflow: hidden; }
#footer {
background-repeat: no-repeat;
background-image: url(/viomatrix/imgs/gfx/bg_footer.gif);
height: auto;
text-align: right;
}
img.logo {
display: block;
position: absolute;
margin-top: -60px;
margin-left: 804px;
z-index: 1000;
}
#content ul.submenu h1 a { 
color: rgb(255,255,255);
font-size: 0.9em;
}
#rechts .teaser a, #rechts .teaser img, #rechts .teaser option, #rechts .teaser input, #rechts .teaser li { padding: 0px; }
#rechts .teaser li {
list-style-type: square;
padding: 0px 0px 6px 0px;
}
#rechts .teaser select { padding: 0px;width: 100%; }
legend { font-weight: bold; }
#content ul.submenu li, #content ul.submenu li.image { clear: both;height: auto;min-height: 85px; }
* html #content ul.submenu li { height: 85px; }
* html #content ul.submenu li.image { height: 85px; }
#content ul.submenu li p { display: table; }
*+html #content ul.submenu li p { zoom: 100%; }
* html #content ul.submenu li p { zoom: 100%; }
#text h2 { margin-top: 14px; }
#content .contact div.select {
float: left;
padding: 0px;
width: 340px;
}
#content .contact div.select div { padding: 0px; }
input[type="hidden"] { display: none !important; }