@charset "UTF-8";
body {
background-color: #000;
background-image: url(/viomatrix/imgs/gfx/bg_webseite.jpg);
background-position: center 55px;
background-repeat: repeat-x;
}
body#startseite {
background-image: url(/viomatrix/imgs/gfx/bg_startseite.jpg);
}
#wrapper {
background-image: url(/viomatrix/imgs/gfx/bg_startseite_unten_v2.jpg);
background-position: center 301px;
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: auto;
}
body#startseite #wrapper {
background-position: center 726px;
}
#wrapper2 {
background-image: url(/viomatrix/imgs/gfx/bg_startseite_mitte_v2.png);
background-position: center 160px;
background-repeat: no-repeat;
}
body#startseite #wrapper2 {
background-position: center 462px;
}
.slideshow {
margin: 5px 0 14px;
}
#intro {
float: left;
margin: 46px 0 0;
width: 608px;
}
#intro h1 {
color: #fff;
font-family: Arial, sans-serif;
font-size: 36px;
font-weight: normal;
text-transform: none;
}
#intro h2 {
color: #fff;
font-family: Arial, sans-serif;
font-size: 24px;
font-weight: normal;
text-transform: none;
}
#intro img {
float: left;
margin: 0 12px 0 0;
}
#intro p, #teaser p {
color: #fff;
font-family: Arial, sans-serif;
font-size: 12px;
}
#intro p { padding-right: 10px; }
#intro a:link, #intro a:visited, #intro a:hover, #intro a:active, #intro a:focus,
#teaser a:link, #teaser a:visited, #teaser a:hover, #teaser a:active, #teaser a:focus {
color: #00b2a8;
font-size: 12px;
text-decoration: underline;
}
#angebotsteaser {
margin: 46px 0 0;
}
#teaser {
margin: 38px 0 0;
}
#teaser div {
float: left;
margin: 0 10px 0 0;
width: 300px;
}
#teaser img {
margin: 0 0 14px;
}
#teaser ul {
margin: 8px 0 0;
}
#teaser li {
list-style-image: url(/viomatrix/imgs/gfx/listpunkt_2011.png);
padding: 0 0 10px;
}
#teaser #autogas {
background-image: url(/viomatrix/imgs/gfx/teaser_autogas.png);
background-repeat: no-repeat;
float: right;
height: 147px;
margin-left: 16px;
width: 114px;
}
#teaser #autogas p {
font-family: Arial, sans-serif;
font-size: 15px;
margin: 0 0 14px;
padding: 0 8px;
text-align: right;
}
#teaser #autogas p.title {
margin-top: 62px;
}
#head {
background-image: none;
height: auto;
width: auto;
margin: 0;
padding: 0;
}
#head div.submenu {
background-image: url(/viomatrix/imgs/gfx/bg_startseite_menu.png);
background-position: center center;
background-repeat: no-repeat;
float: none;
height: 70px;
margin: 0;
}
#head div.submenu div {
margin: 0 auto;
width: 960px;
}
#head div.submenu img {
float: left;
margin: 16px 52px 0 46px;
}
#head div.submenu ul.submenu {
clear: none;
float: left;
height: auto;
margin: 24px 0 0;
}
#head div.submenu ul.submenu li {
color: #fff;
font-family: Arial, sans-serif;
font-size: 14px;
list-style: none;
list-style-image: none;
position: relative;
z-index: 100;
}
#head div.submenu ul.submenu a:link, #head div.submenu ul.submenu a:visited, #head div.submenu ul.submenu a:hover, #head div.submenu ul.submenu a:active, #head div.submenu ul.submenu a:focus {
color: #fff;
font-family: Arial, sans-serif;
font-size: 14px;
text-decoration: none;
text-transform: none;
}
#head div.submenu ul.submenu a:hover, #head div.submenu ul.submenu a.active:link, #head div.submenu ul.submenu a.active:visited, #head div.submenu ul.submenu a.active:hover, #head div.submenu ul.submenu a.active:active, #head div.submenu ul.submenu a.active:focus {
color: #00b2a8;
}
#head div.submenu ul.submenu li ul {
display: none;
left: 0;
padding-top: 15px;
position: absolute;
top: 16px;
width: 177px;
z-index: 200;
}
#head div.submenu ul.submenu li:hover ul {
display: block;
}
#head div.submenu ul.submenu li li { float: none;zoom: 1; }
#head div.submenu ul.submenu li li a:link, #head div.submenu ul.submenu li li a:visited, #head div.submenu ul.submenu li li a:hover, #head div.submenu ul.submenu li li a:active, #head div.submenu ul.submenu li li a:focus {
background-color: #000;
background-image: url(/viomatrix/imgs/gfx/bg_menu_trennlinien.png);
background-position: top center;
background-repeat: no-repeat;
display: block;
float: none;
height: 1%;
padding: 4px 18px;
}
#head div.submenu ul.submenu li li:first-child a:link, #head div.submenu ul.submenu li li:first-child a:visited, #head div.submenu ul.submenu li li:first-child a:hover, #head div.submenu ul.submenu li li:first-child a:active, #head div.submenu ul.submenu li li:first-child a:focus {
background-image: none;
}
#head div.submenu ul.submenu li li a:hover {
background-color: #028d8a;
color: #fff;
}
#content {
background-image: none;
float: none;
margin: 0 auto;
padding: 0;
width: 960px;
}
#head ul.markenliste {
margin: 55px auto 12px auto;
width: 980px;
}
#head ul.markenliste li.autogas p { text-align: center; }
#head .intro {
background-image: url(/viomatrix/imgs/gfx/bg_intro.jpg);
background-repeat: repeat-x;
background-position: 0px 17px;
height: 226px;
margin: 0px;
}
#head .intro img { margin: 0px auto; }
#head .intro #diashow { margin-top: 2px; }
#head div.menuwrapper {
clear: both;
margin: 0px;
min-height: 315px;
width: auto;
height: 315px;
background-image: url(/viomatrix/imgs/gfx/bg_menu.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
background-color: transparent;
padding-bottom: 20px;
}
#head ul.menu {
display: block;
float: none;
clear: both;
border-bottom: none; 
list-style-type: none;
margin: 0px auto;
padding: 0px 0px 0px 213px;
min-height: 185px;
width: 980px;
height: auto;
background-color: transparent;
background-image: none;
background-position: 0px 0px;
background-repeat: no-repeat;
}
#head ul.menu li { 
min-height: 185px;
height: auto;
width: 105px;
}
#head ul.menu li.first { border-left: 1px solid rgb(255,255,255); }
#head ul.menu li ul {
min-height: 0px;
height: auto;
border: none; 
list-style-type: square;
list-style-position: outside;
background-color: transparent;
color: rgb(99,99,99);
margin: -14px 0px 0px 15px;
background-image: url(/viomatrix/imgs/gfx/bg_intromenu_line.gif);
background-position: -15px 0px;
background-repeat: no-repeat;
}
#head ul.menu li ul li {
float: none;
clear: both;
border: none; 
min-height: 1em;
height: auto;
color: rgb(99,99,99);
margin: 14px 0px 0px 0px;
width: 75px;
overflow: visible;
padding: 0px;
background-color: transparent;
}
#head ul.menu li ul li a {
height: auto;
text-transform: none;
background-color: transparent;
display: inline;
}
#head ul.menu li ul li a:hover,#head ul.menu li ul li a.active {
color: rgb(255,0,0);
text-decoration: underline;
}
#head ul.menu li img { margin: 0px auto; }
#fahrzeuge {
margin: 14px 1px 90px;
}
body#startseite #fahrzeuge { margin: 0 1px; }
#fahrzeuge li {
display: inline;
float: left;
list-style: none;
list-style-image: none;
margin: 0;
}
#fahrzeuge li img {
border: 1px solid #949494;
margin: 0 0 7px 10px;
}
#fahrzeuge li:first-child img { margin-left: 0; }
#wrapper #fahrzeuge li a:link, #wrapper #fahrzeuge li a:visited, #wrapper #fahrzeuge li a:hover, #wrapper #fahrzeuge li a:active, #wrapper #fahrzeuge li a:focus {
text-decoration: none;
width: 152px;
}
#wrapper #fahrzeuge li a:link span, #wrapper #fahrzeuge li a:visited span, #wrapper #fahrzeuge li a:hover span, #wrapper #fahrzeuge li a:active span, #wrapper #fahrzeuge li a:focus span {
background-image: url(/viomatrix/imgs/gfx/bg_fahrzeug_button.png);
background-repeat: no-repeat;
color: #fff;
display: block;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
margin-left: 9px;
padding: 6px 10px;
text-decoration: none;
text-transform: uppercase;
width: 132px;
}
#wrapper #fahrzeuge li:first-child a:link span, #wrapper #fahrzeuge li:first-child a:visited span, #wrapper #fahrzeuge li:first-child a:hover span, #wrapper #fahrzeuge li:first-child a:active span, #wrapper #fahrzeuge li:first-child a:focus span {
margin: 0;
}
#wrapper #fahrzeuge li a:hover span {
background-image: url(/viomatrix/imgs/gfx/bg_fahrzeug_button_aktiv.png);
}
#footerwrapper {
background-image: url(/viomatrix/imgs/gfx/bg_startseite_unten_v2.jpg);
background-position: center top;
background-repeat: no-repeat;
margin: 38px 0 0;
}
#footer {
background-image: none;
margin: 0 auto;
padding: 34px 0 0;
text-align: left;
width: 960px;
}
#footer h6 {
color: #fff;
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: normal;
margin: 0 0 28px;
}
#footer ul {
margin: 0;
background-image: url(/viomatrix/imgs/gfx/bg_footer_listenpunkt_linie.png);
background-position: 0 0;
background-repeat: no-repeat;
width: 260px;
}
#footer li {
background-image: url(/viomatrix/imgs/gfx/bg_footer_listenpunkt_linie.png);
background-position: left bottom;
background-repeat: no-repeat;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer a:focus {
display: inline;
float: none;
font-size: 12px;
font-weight: normal;
height: auto;
padding: 0;
text-decoration: none;
width: auto;
}
#footer li a:link, #footer li a:visited, #footer li a:hover, #footer li a:active, #footer li a:focus {
background-image: url(/viomatrix/imgs/gfx/listpunkt_2011.png);
background-position: 10px 50%;
background-repeat: no-repeat;
display: block;
padding: 10px 30px;
}
#footer li a:hover, #footer li a.active:link, #footer li a.active:visited, #footer li a.active:hover, #footer li a.active:active, #footer li a.active:focus {
color: #00b2a8;
}
#footer p {
color: #fff;
margin: 0;
padding: 0;
}
#footer #mainnav {
float: left;
margin: 0 56px 0 0;
width: 260px;
}
#footer #automarken {
float: left;
margin: 0 56px 0 0;
width: 260px;
}
#footer #news {
float: left;
width: 300px;
}
#footer #news ul {
background-image: none;
margin: 0 0 20px;
width: auto;
}
#footer #news li {
background-image: none;
margin: 0 0 20px;
}
#footer #news p.title {
color: #44b5af;
font-weight: bold;
}
#footer #news a:link, #footer #news a:visited, #footer #news a:hover, #footer #news a:active, #footer #news a:focus {
background-image: none;
color: #00b2a8;
display: inline;
padding: 0;
text-decoration: underline;
}
#footerwrapper #footerlinie {
background-image: url(/viomatrix/imgs/gfx/bg_footer_unten.png);
background-repeat: repeat-x;
margin: 32px 0 0;
}
#footerwrapper #footerlinie p {
color: #fff;
line-height: 50px;
margin: 0 auto;
width: 960px;
}
#footerwrapper #footerlinie strong {
color: inherit;
}