body {
min-width: 1000px; /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
background-color: rgb(173,141,38);
margin: 0px;
padding: 0px;
font-family: Verdana;
}
.onlyprint {
 display: none;
}
#wrapper {
width: 990px;
margin: 0px auto 10px auto;
}
#container {
font-family: Verdana;
font-size: 8pt;
color: rgb(0,51,102);
}
#container .column {
float: left;
}
#center {
padding: 0px; /* CC padding */
width: 518px; /* plus 10px border left an right */
min-height: 600px;
background-color: rgb(237,229,216);
}
div.fullwidth {
width: 970px !important;
padding-left: 20px !important;
}
#left {
width: 210px; /* LC width */
min-height: 600px;
padding: 0px; /* LC padding */
margin: 0px;
background-color: rgb(237,229,216);
}
#right {
width: 235px; /* RC width plus 7px border-left*/
min-height: 600px;
padding: 0px; /* RC padding */
background-color: rgb(201,181,118);
}
#footer {
clear: both;
}
/* HEADER */
#header {
padding: 0px;
margin: 0px;
}
#header a#logo {
background-repeat: no-repeat;
display: block;
width: 89px;
height: 134px;
padding: 0px;
margin: 0px;
clear: none;
float: left;
}
#header a.logo_de { background-image: url(/viomatrix/imgs/logo_2.gif); }
#header a.logo_en { background-image: url(/viomatrix/imgs/logo_englisch.jpg); }
#header #headerright {
display: block;
float: right;
height: 64px;
width: 300px;
margin: 72px 0px 10px 0px;
padding: 0px;
text-align: right;
}
#header ul#submenu {
display: block;
float: right;
padding: 5px 0px 0px 0px;
height: 25px;
margin: 0px;
font-family: Verdana;
text-transform: uppercase;
font-size: 10px;
color: #0;
letter-spacing: 0.5px;
}
#header ul#submenu li {
display: block;
margin: 0px;
padding: 0px;
float: left;
}
#header ul#submenu li a.language { font-weight: bold; }
#header ul#submenu li a { text-decoration: none; color:#000000; }
#header ul#submenu li a:hover { text-decoration: none; color:#473E0F; }
#header ul#submenu li a.active { text-decoration: none; color:#473E0F; }
#header form.search {
display: block;
float: right;
height: 51px;
width: 800px;
margin: 0px;
padding: 0px;
}
#header form.search fieldset {
margin: 0px;
padding: 0px;
border: 0px;
text-align: right;
}
#header form.search fieldset label {
font-family: Geneva,'MS Sans Serif',Verdana;
text-transform: uppercase;
font-size: 11px;
color: #0;
letter-spacing: 0.5px;
width: auto;
display: inline;
float: none;
font-weight: normal;
}
#header form.search fieldset input {
font-family: Geneva,'MS Sans Serif',Verdana;
font-size: 11px;
color: #0;
letter-spacing: 0.5px;
background-color: rgb(255,239,198);
border: none;
height: 11px;
width: 136px;
background-image: url(/viomatrix/imgs//input_background.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
margin: 0px;
padding: 5px 5px;
}
#header ul#menu {
display: block;
width: 780px;
height: 25px;
margin: 0px;
padding: 5px 0px 0px 210px;
clear: both;
float: none;
background-color: rgb(0,0,0);
background-image: url(/viomatrix/imgs//menu_background_2.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
font-family: Geneva,'MS Sans Serif',Verdana;
text-transform: uppercase;
font-size: 11px;
color: rgb(255,255,255);
letter-spacing: 0.8pt;
}
#header ul#menu li {
display: block;
margin: 0px;
padding: 0px;
float: left;
}
#header ul#menu li a { text-decoration: none; color: rgb(255,255,255); padding: 0px 10px; }
#header ul#menu li a:hover { text-decoration: underline; }
#header ul#menu li a.active { text-decoration: none; color: rgb(235,218,174); }
#header #navpath {
display: block;
width: 970px;
height: 20px;
margin: 0px;
padding: 0px 0px 0px 20px;
clear: both;
float: none;
font-family: Geneva,'MS Sans Serif',Verdana;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 0.5pt;
color: rgb(64,55,14);
background-color: rgb(173,141,38);
}
#header #navpath a {
text-decoration: none;
color: rgb(64,55,14);
}
#header #navpath a:hover { text-decoration: underline; }
/* MENU LINKS */
ul#secmenu {
display: block;
margin: 0px;
padding: 20px 0px 0px 20px;
font-family: Geneva,'MS Sans Serif',Verdana;
text-transform: uppercase;
font-size: 9px;
color: #000;
letter-spacing: 0.8pt;
}
ul#secmenu li {
display: block;
margin: 0px;
padding: 0px 0px 10px 0px;
list-style-type: none;
}
ul#secmenu li a { text-decoration: none; color: #000; padding: 0px; }
ul#secmenu li a:hover, ul#secmenu li ul li a:hover { text-decoration: underline; }
ul#secmenu li a.active { text-decoration: none; color: #000; }
ul#secmenu li ul { padding: 0px; margin: 0px; }
ul#secmenu li ul li { padding: 10px 0px 0px 0px; margin: 0px; }
ul#secmenu li ul li ul li { padding: 10px 0px 0px 10px; margin: 0px; }
/* RECHTS */
#right {
background-image: url(/viomatrix/imgs//right_background_2.gif);
background-position: 0px 0px;
background-repeat: repeat-y;
padding: 0px 0px 0px 7px;
}
#right .piclist { margin: 0px 0px 10px 0px; padding: 0px; }
#right .piclist div { margin: 0px; padding: 0px; }
#right .picture {
padding: 0px 0px 30px 0px;
font-family: Geneva,'MS Sans Serif',Verdana;
font-size: 11px;
letter-spacing: 0.8pt;
color: #000;
}
#right .picture p {
margin: 0px;
padding: 9px 12px 0px 12px;
}
#right a { color: #000; }
#right .piclist .gallerylinks {
margin: 0px;
padding: 9px 12px 0px 12px;
text-align: right;
}
#right .piclist .gallerylinks a { color: #000; text-decoration: none; }
#right .piclist .gallerylinks a:hover { color: #000; text-decoration: underline; }
#right div.download {
background-color: rgb(201,181,118);
padding: 8px 14px;
}
#right div.download h1,#right div.download h2,#right div.download h3,#right div.download h4,#right div.download h5,#right div.download h6 {
padding: 2px 20px 12px 0px;
font-size: 10px;
font-family: Geneva,'MS Sans Serif',Verdana;
text-transform: uppercase;
font-weight: normal;
display: inline;
width: auto;
color: #000;
}
#right div.pdf h1,#right div.pdf h2,#right div.pdf h3,#right div.pdf h4,#right div.pdf h5,#right div.pdf h6 {
background-image: url(/viomatrix/imgs//download_icon_pdf.gif);
background-position: right top;
background-repeat: no-repeat;
}
#right div.download a {
clear: both;
float: none;
display: block;
font-weight: bold;
font-family: Geneva,'MS Sans Serif',Verdana;
color: #000;
padding: 8px 0px;
text-decoration: none;
}
#right div.download a:hover { text-decoration: underline; }
/* CONTENT */
#center {
padding: 10px;
font-family: Verdana;
font-size: 11px; 
letter-spacing: 0.22px;
line-height: 1.5em;
color: rgb(0,0,0);
}
#center a { color: rgb(0,0,0); }
#center h1,#center h2,#center h3,#center h4,#center h5,#center h6 {
color: rgb(102,0,0);
font-family: Georgia,Verdana;
text-transform: uppercase; 
letter-spacing: 2.4px;
padding: 0px;
margin: 8px 0px 1px 0px;
}
#center h1 { font-size: 14px; }
#center h2 { font-size: 11px; font-family: Verdana; text-transform: none; letter-spacing: 1.65px; font-weight: normal; }
#center h3 { font-size: 11px; font-family: Verdana; text-transform: none; letter-spacing: 1.4px; }
#center h4 { font-size: 11px; font-family: Verdana; text-transform: none; letter-spacing: 1.4px; }
#center h5 { font-size: 11px; font-family: Verdana; text-transform: none; letter-spacing: 1.4px; }
#center h6 { font-size: 11px; font-family: Verdana; text-transform: none; letter-spacing: 1.4px; }
#center p {
padding: 2px 0px 5px 0px;
margin: 0px;
}
#center p img {
display: block;
padding: 5px 0px;
}
#center table {
display: block;
width: 100%;
}
#center table tr td, #center table tr th {
text-align: left;
padding: 2px 0px;
width: auto;
}
/* FORMULRARE allgemein */
form fieldset {
border: none;
padding: 2px 0px;
margin: 0px;
}
form label {
float: left;
clear: both;
display: block;
width: 200px;
padding: 5px 0px 0px 0px;
color: rgb(0,0,0);
font-weight: bold;
}
form label.left {
float: right;
width: 473px;
padding: 0px 0px 0px 20px;
font-weight: normal;
letter-spacing: 2.0px;
}
form label.missing {
border-right: 5px solid red;
width: 195px;
}
form input, form select, form textarea {
width: 280px;
margin: 0px 0px 8px 0px;
}
form input.plz { width: 50px; }
form input.ort { width: 222px; }
form input.left {
width: 15px;
margin: 2px 0px 5px 0px;
}
form input.button {
width: auto;
height: 18px;
font-weight: bold;
font-size: 12px;
color: rgb(255,255,255);
border: 1px solid rgb(0,81,181);
background-image: url(/viomatrix/imgs//button_background.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
padding: 0px 10px 0px 10px;
margin: 0px;
}
#vaform {
margin: 0px 0px 20px 0px;
}
#vaform h2 { margin-bottom: 2px; font-family: Verdana; font-size: 10px; }
#vaform form label {
width: 100px;
float: left;
clear: none;
font-weight: normal;
}
#vaform form select {
width: 90px;
margin: 0px 10px 0px 0px;
float: left;
font-weight: bold;
font-size: 12px;
font-family: Verdana;
}
#valiste h2 {
font-size: 11px;
font-weight: bold;
font-family: Verdana;
letter-spacing: 0.3px;
color: rgb(0,0,0);
margin: 0px;
padding: 1em 0px 2px 0px;
}
#valiste h2 span.date { color:#473e0f; font-weight: normal; }
#valiste p {
font-size: 8pt;
color: rgb(0,0,0);
margin: 0px;
}
div.element h1.element {
font-family: Verdana !important;
font-size: 11px !important;
font-weight: bold !important;
letter-spacing: 0.3px !important;
text-transform: uppercase !important;
padding: 1.3em 0px 0.3em 0px;
margin: 0px;
color: #000 !important;
}
div.element a.element {
display: block;
font-family: Geneva,'MS Sans Serif',Verdana;
text-transform: uppercase;
text-decoration: none;
font-size: 11px;
color: #000;
letter-spacing: 0.5px;
}
div.element a.element:hover { text-decoration: underline; }
div.element p {
padding: 0px;
margin: 0px 0px 3px 0px;
}
div.teaserlist {}
div.teaserlist div.teaser {
float: left;
display: block;
width: 247px;
height: 177px;
border: 1px solid rgb(183,182,134);
margin: 0px 10px 13px 0px;
overflow: hidden;
}
div.teaserlist div.teaser h1 {
display: block;
background-color: rgb(209,202,159);
height: 9px;
color: rgb(0,0,0) !important;
padding: 5px 9px 6px 9px !important;
font-family: Verdana !important;
text-transform: uppercase;
font-size: 9px !important;
letter-spacing: 0.5px !important;
margin: 0px !important;
line-height: 1em !important;
}
div.teaserlist div.teaser div.tcontent {
padding: 7px 0px 0px 7px;
}
div.teaserlist div.teaser div.tcontent div.picture {
float: left;
margin: 0px 5px 7px 0px;
}
div.teaserlist div.teaser div.tcontent h1 {
background-color: transparent !important;
padding: 0px 0px 10px 0px !important;
margin: 0px !important;
color: rgb(0,0,0) !important;
font-size: 10px !important;
line-height: 1em !important;
}
div.teaserlist div.teaser div.tcontent p, div.teaserlist div.teaser div.tcontent table,div.teaserlist div.teaser div.tcontent ul {
padding: 0px !important;
margin: 0px !important;
color: rgb(0,0,0) !important;
font-size: 10px !important;
line-height: 1.1em !important;
letter-spacing: 0px !important;
}
div.teaserlist div.teaser div.tcontent a {
font-weight: bold;
text-decoration: none;
color: rgb(0,0,0);
}
/* FOOTER */
#cfooter {
padding: 10px 0px 10px 10px;
font-family: Verdana;
letter-spacing: 0.8px;
font-size: 9px;
height: 25px;
border-left: 210px solid rgb(237,229,216);
border-right: 235px solid rgb(201,181,118);
background-color: rgb(237,229,216);
background-image: url(/viomatrix/imgs//right_background_2.gif);
background-position: 538px 0px;
background-repeat: repeat-y;
overflow: hidden;
}
div.cffullwidth {
background-image: none !important;
border-right: 235px solid rgb(237,229,216) !important;
}
#cfooter a {
color: rgb(0,0,0);
text-decoration: none;
}
#cfooter a:hover { text-decoration: underline; }
#footer {
background-image: url(/viomatrix/imgs//footer_background_2.gif);
background-position: 0px 0px;
background-repeat: repeat-x;
letter-spacing: 0.8px;
font-family: Verdana;
font-size: 9px;
width: 780px;
padding: 7px 0px 0px 210px;
color: rgb(64,55,14);
 overflow: hidden;
}
#footer a {
text-decoration: none;
color: rgb(64,55,14);
}
#footer a:hover {text-decoration: underline; }
/*** Equal-height Columns ***/
#container {
overflow: hidden;
background-image: url(/viomatrix/imgs/bg_container.gif);
}
#container .column {
padding-bottom: 1001em; /* X + padding-bottom */
margin-bottom: -1000em; /* X */
}
/*** Footer Fix ***/
* html body {
overflow: hidden;
}
* html #footer-wrapper {
float: left;
position: relative;
width: 100%;
padding-bottom: 1010em;
margin-bottom: -1000em;
background: rgb(189,181,132); /*** Same as body background ***/
}
#newsletter {
padding: 8px 20px;
}
#newsletter h1,#right #newsletter h2,#right #newsletter h3,#right #newsletter h4,#right #newsletter h5,#right #newsletter h6 {
color:#473e0f;
font-family: Geneva,'MS Sans Serif',Verdana;
text-transform: uppercase; 
letter-spacing: 0.4px;
font-size: 12px;
font-weight: normal;
padding: 0px;
margin: 0px 0px 5px 0px;
}
#newsletter h1 {
border-top: 1px solid rgb(173,141,38);
padding-top: 15px;
}
#newsletter form {
margin-top: 10px;
}
#newsletter p {
margin: 0px 0px 5px 0px;
line-height: 1.8em; 
font-family: Verdana;
}
#newsletter input {
width: 150px;
color: rgb(156,154,156);
font-size: 11px;
font-weight: bold;
padding: 1px 2px;
}
#newsletter select { width: auto; }
#newsletter input.submit {
width: 100px;
background-color: white;
border: 1px solid rgb(156,156,156);
}
.gb_picsmall {
width: 200px;
height: 164px;
display: block;
float: left;
overflow: hidden;
margin: 0px 36px 10px 0px;
font-size: 9px;
line-height: 9px;
text-align: center;
background-color: rgb(227,219,206);
}
.gb_picsmall img { border: none; };