body {
min-width: 1000px; /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
background-color: rgb(250,250,250);
margin: 0px;
padding: 0px;
font-family: Verdana;
}
#headwrapper {
width: 980px;
margin: 0px auto;
margin-top: 0px;
padding: 0px 7px 10px 7px;
background-image: url(/viomatrix/imgs//headwrapper_back.gif);
background-position: left top;
background-repeat: repeat-y;
background-color: rgb(250,250,250);
}
#wrapper {
width: 980px;
margin: 0px auto;
margin-top: 0px;
padding: 0px 7px 30px 7px;
background-image: url(/viomatrix/imgs//wrapper_back.gif);
background-position: left top;
background-repeat: repeat-y;
background-color: rgb(255,255,255);
}
#container {
font-family: Verdana;
font-size: 8pt;
color: rgb(70,70,70);
}
#container .column {
float: left;
}
#center {
padding: 0px; /* CC padding */
margin: 0px;
width: 616px;
}
#left {
width: 180px; /* LC width */
padding: 0px; /* LC padding */
margin: 0px 2px 0px 0px;
}
#right {
width: 180px; /* RC width plus 7px border-left*/
padding: 0px; /* RC padding */
margin: 0px;
}
#footer {
clear: both;
}
/* HEADER */
#header {
padding: 0px;
margin: 0px;
height: 135px;
overflow: hidden;
background-image: url(/viomatrix/imgs//header1.jpg);
background-position: right top;
background-repeat: repeat-y;
}
#header img {
border: none;
margin: 0px 0px 0px 0px;
}
/* MENU LINKS */
#left {
background-color: rgb(200,200,200);
border-right: 2px solid rgb(170,170,170);
}
#left ul {
display: block;
margin: 0px;
padding: 70px 0px 0px 0px;
font-family: Verdana;
font-size: 10px;
color: rgb(255,255,255);
}
#left ul li {
display: block;
margin: 0px;
padding: 0px;
list-style-type: none;
}
#left ul li a { 
margin: 0px 0px 5px 0px;
padding: 4px 10px 2px 9px;
width: 144px;
height: 27px;
display: block;
overflow: hidden;
background-image: url(/viomatrix/imgs//left_menu1back.gif);
background-repeat: no-repeat;
font-weight: bold;
text-decoration: none;
color: rgb(255,255,255);
line-height: 27px;
}
#left ul li a.tworow { 
line-height: 12px;
}
#left ul li a:hover { text-decoration: underline; background-image: url(/viomatrix/imgs//left_menu1back_active.gif); }
#left ul li a.active { background-image: url(/viomatrix/imgs//left_menu1back_active.gif); }
#left ul li ul {
padding: 0px;
}
#left ul li ul li a { 
margin: 5px 0px 0px 0px;
padding: 4px 10px 2px 19px;
width: 96px;
height: 26px;
background-image: url(/viomatrix/imgs//left_menu2back.gif);
background-repeat: no-repeat;
font-weight: normal;
line-height: 18px;
}
#left ul li ul li a:hover { text-decoration: underline; background-image: url(/viomatrix/imgs//left_menu2back_active.gif); }
#left ul li ul li a.active { background-image: url(/viomatrix/imgs//left_menu2back_active.gif); }
/* RECHTS */
#right {
border-top: 25px solid rgb(230,0,5);
padding: 17px 0px 0px 0px;
}
#right div.teaser {
margin: 0px 0px 0px 2px;
padding: 4px 0px 0px 0px;
background-image: url(/viomatrix/imgs//right_teasertop.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#right div.teaser p,#right div.teaser ul,#right div.teaser ol,#right div.teaser table,#right div.teaser h1,#right div.teaser h2,#right div.teaser h3,#right div.teaser h4,#right div.teaser h5,#right div.teaser h6,#right div.teaser div {
background-color: rgb(200,200,200);
border-left: 2px solid rgb(170,170,170);
padding: 8px 9px;
margin: 0px 0px 2px 0px;
}
#right div.teaser div.title {
background-color: rgb(100,100,100);
color: rgb(255,255,255);
}
#right div.teaser div.title p {
background-color: rgb(100,100,100);
border: none;
background-image: none;
color: rgb(255,255,255);
margin: 0px; padding: 0px 0px 2px 0px;
}
#right div.teaser p img {
margin: -8px 0px 0px -9px;
}
#right div.close {
background-image: url(/viomatrix/imgs//right_teaserclose.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
margin: -9px 0px 17px 2px;
height: 7px;
}
#right div.teaser li {
list-style-type: none;
font-weight: bold;
padding-bottom: 15px;
}
#right div.teaser li strong { color: rgb(230,0,5); }
#right div.teaser a { text-decoration: none; font-weight: bold; color: rgb(80,80,80); }
#right div.teaser a:hover { text-decoration: underline; }
#right div.teaser div.title a { color: rgb(255,255,255); }
/* CONTENT */
#center {
padding: 0px;
margin: 0px;
font-family: Verdana;
font-size: 10px; 
}
#center h1.headline {
padding: 7px 16px 0px 16px;
margin: 0px 0px 17px 0px;
font-family: Verdana;
background-color: rgb(0,0,160); 
height: 18px;
font-size: 12px;
font-weight: bold;
line-height: 12px;
color: rgb(255,255,255);
}
#center div.content {
padding: 0px 16px; 
}
#center div.content h1,#center div.content h2,#center div.content h3,#center div.content h4,#center div.content h5,#center div.content h6 {
padding: 0px 0px 10px 0px;
margin: 0px;
background-color: transparent;
color: rgb(0,0,160);
font-size: 11px;
line-height: auto;
}
#center div.content h1 { font-size: 13px; }
#center div.content h1 i { font-weight: normal; }
#center div.content h1 u { color: rgb(230,0,5); text-decoration: none; }
#center div.content p { padding: 0px 0px 10px 0px; margin: 0px;}
#center div.content p img {
display: block;
padding: 5px 0px;
}
#center div.content table {
display: block;
width: 100%;
margin: 0px 0px 10px 0px;
}
#center div.content table tr td, #center div.content table tr th {
text-align: left;
padding: 2px;
width: auto;
background-color: rgb(200,200,200);
}
#center div.content table tr th {
background-color: rgb(230,0,5);
color: rgb(255,255,255);
font-size: 11px;
}
#center div.kontakt {
padding: 0px 16px; 
}
#center div.kontakt h1,#center div.kontakt h2,#center div.kontakt h3,#center div.kontakt h4,#center div.kontakt h5,#center div.kontakt h6 {
padding: 0px 0px 10px 0px;
margin: 0px;
background-color: transparent;
color: rgb(0,0,160);
font-size: 11px;
line-height: auto;
}
#center div.kontakt h1 { font-size: 13px; }
#center div.kontakt h1 i { font-weight: normal; }
#center div.kontakt h1 u { color: rgb(230,0,5); text-decoration: none; }
#center div.kontakt p { padding: 0px 0px 10px 0px; margin: 0px;}
/* Bilderslideshow */
div.picturelist {
margin: 0px 16px;
padding: 0px;
width: 586px;
height: 442px;
overflow: hidden;
}
div.picturelist div.piccontainer {
position: absolute;
margin: 0px;
padding: 0px;
width: 586px;
height: 357px;
line-height: 357px;
overflow: hidden;
}
div.picturelist div.piccontainer img {
margin: 0px;
padding: 0px;
position: absolute;
z-index: 900;
}
div.picturelist div.piccontainer div.border {
position: absolute;
z-index: 1000;
background-image: url(/viomatrix/imgs//picturelist_bigcontainer.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 586px;
height: 357px;
}
div.picturelist div.picslider {
position: absolute;
margin: 375px 0px 0px 0px;
padding: 0px;
width: 586px;
height: 67px;
overflow: hidden;
}
div.picturelist div.picslider a {
display: block;
float: left;
width: 28px;
height: 67px;
background-repeat: no-repeat;
}
div.picturelist div.picslider a.back {
background-image: url(/viomatrix/imgs//picslider_back.gif);
background-position: left center;
}
div.picturelist div.picslider a.back:hover, div.picturelist div.picslider a.activeback { background-image: url(/viomatrix/imgs//picslider_back_hover.gif); }
div.picturelist div.picslider a.forward {
background-image: url(/viomatrix/imgs//picslider_forward.gif);
background-position: right center;
}
div.picturelist div.picslider a.forward:hover, div.picturelist div.picslider a.activeforward { background-image: url(/viomatrix/imgs//picslider_forward_hover.gif
); }
div.picturelist div.picslider div.sliderwindow {
width: 523px;
max-width: 523px;
height: 67px;
max-height: 67px;
display: block;
float: left;
overflow: hidden;
}
div.picturelist div.picslider div.sliderwindow div.slidercontent {
width: 0px;
}
div.picturelist div.picslider div.sliderwindow div.slidercontent a {
z-index: 900;
background-repeat: no-repeat;
background-position: center;
display: block;
float: left;
width: 100px;
height: 67px;
margin-right: 6px; 
overflow: hidden;
}
div.picturelist div.picslider div.sliderwindow div.slidercontent a div.smallborder {
border: none;
z-index: 1000;
background-image: url(/viomatrix/imgs//picturelist_smallcontainer_100.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
width: 100px;
height: 67px;
overflow: hidden;
}
/* 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(66,56,8);
font-weight: bold;
}
form label.left {
float: right;
width: 473px;
padding: 0px 0px 0px 20px;
font-weight: normal;
letter-spacing: 2.0px;
}
form input, form select {
width: 200px;
margin: 0px 0px 5px 0px;
}
form input.left {
width: 15px;
margin: 0px 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/);
background-repeat: repeat-x;
background-position: 0px 0px;
padding: 0px 10px 0px 10px;
margin: 0px;
}
/* FOOTER */
#footer {
background-image: url(/viomatrix/imgs//footer_background.png);
background-position: bottom left;
background-repeat: no-repeat;
font-family: Verdana;
font-size: 11px;
width: 980px;
height: 35px;
}
#footer div.teaser {
background-image: url(/viomatrix/imgs//right_teasertoplast.gif);
background-position: 802px 0px;
background-repeat: no-repeat;
padding: 0px 0px 0px 814px;
line-height: 35px;
margin: 0px;
}
#footer div.teaser a {
text-decoration: none;
color: rgb(80,80,80);
}
#footer div.teaser a:hover { text-decoration: underline; }
/*** Equal-height Columns ***/
#container {
overflow: hidden;
}
#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: 10010px;
margin-bottom: -10000px;
background: rgb(255,255,255); /*** Same as body background ***/
}
#newsletter {
padding: 8px 14px;
}
#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 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);
}
div.contact {
margin: 0px;
padding: 5px;
color: rgb(47,89,13);
}
div.contact form {
}
div.contact form fieldset, div.contact p {
border: 1px solid rgb(200,200,200);
background-color: rgb(240,240,240);
color: rgb(47,89,13);
padding: 30px 10px 20px 10px;
margin: 0px;
}
div.contact form fieldset p {
border: none;
padding: 0px 0px 5px 20px;
}
div.contact form fieldset h1 {
font-size: 9pt;
text-transform: uppercase;
padding: 0px 0px 20px 132px;
}
div.contact form fieldset input,div.contact form fieldset textarea {
border: 1px solid rgb(200,200,200);
background-color: rgb(255,255,255);
padding: 2px;
width: 375px;
height: 21px;
margin: 2px 0px 2px 0px;
}
div.contact form fieldset textarea {
height: 60pt;
}
div.contact form fieldset input.plz {
width: 120px;
float: left;
margin-right: 10px;
}
div.contact form fieldset input.ort {
width: 239px;
}
div.contact form fieldset input.submit,div.contact form fieldset input.button {
background-color: rgb(80,80,80);
color: rgb(255,255,255);
display: block;
width: 375px;
float: right;
clear: both;
font-size: 9pt;
margin-right: 70px;
}
div.contact form fieldset label {
clear: both;
float: left;
display: block;
padding: 8px 13px 0px 0px;
text-align: right;
width: 120px;
height: 21px;
}
div.contact form fieldset label.missing {
color: red;
font-weight: bold;
}