@charset "UTF-8";
body { background-color: rgb(131,130,136); }
* {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial,sans-serif; 
font-size: 12px;
line-height: 17px;
color: rgb(71,77,81);
}
h1,h2,h3,h4,h5,h6 {
font-family: Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif; 
text-transform: none;
color: rgb(51,102,153);
font-size: 17px;
font-weight: bold;
margin-bottom: 16px;
}
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { color: rgb(71,77,81); font-size: 12px; }
h6 { color: rgb(71,77,81); font-size: 12px; font-weight: normal; }
#content h2, #content h3, #content h4, #content h5, #content h6 { margin-top: 30px; }
#content h1.immotitel { margin-bottom: 14px; }
#content h1.objekttitle { margin-bottom: 21px; }
#content h3.objekttitle {
font-size: 12px;
margin-bottom: 8px;
margin-top: 0px;
}
hr, div.hr {
background-image: url(/viomatrix/imgs2/gfx/content_border_horizontal.gif);
background-repeat: repeat-x;
border: none;
font-size: 1px;
height: 1px;
margin: 20px 0px 20px 0px;
}
a { color: rgb(51,102,153); }
a:link, a:active, a:focus, a:active { outline: 0; }
p { line-height: 17px; }
p, ul, ol, table { margin-bottom: 18px; }
ul { margin-left: 1.3em; }
#head {
background-image: url(/viomatrix/imgs2/gfx/bg_wrapper.gif);
background-color: rgb(131,130,136);
padding: 0px 20px;
margin-top: 0px;
width: 850px;
height: 125px;
}
#head .zertifikate {
width: 205px;
height: 54px;
padding: 70px 0px 0px 645px;
border-bottom: 1px solid rgb(203,219,234);
overflow: hidden;
}
#head .logo {
display: block;
margin: -73px 0px 0px 35px;
}
.vcard { 
position: absolute;
margin-top: -120px;
margin-left: 750px;
width: 200px;
border: 1px dashed rgb(80,80,80);
}
#wrapper {
padding: 0px 20px;
width: 850px;
background-image: url(/viomatrix/imgs2/gfx/bg_wrapper.gif);
background-color: rgb(131,130,136);
}
#wrapper ul.menu {
list-style-type: none;
background-color: transparent;
background-image: url(/viomatrix/imgs2/gfx/bg_menu.jpg);
background-repeat: no-repeat;
height: 205px;
margin: 0px 0px 6px 0px;
padding: 0px 35px 0px 35px;
width: 780px;
border: none;
height: 198px;
}
#wrapper ul.menu li {
color: rgb(255,255,255); 
float: left;
border: none;
font-weight: bold;
text-transform: none;
padding: 0px 45px 0px 0px;
}
#wrapper ul.menu li a {
float: left;
color: rgb(225,230,235); 
font-weight: bold;
text-transform: none;
padding: 12px 0px 0px 0px;
height: 26px;
font-family: Verdana; 
}
#wrapper ul.menu li a.active, #wrapper ul.menu li a:hover { background-color: transparent; color: rgb(255,255,255); }
#wrapper ul.menu li a:hover { text-decoration: underline; }
#wrapper img.menu {
margin-top: -167px;
width: 850px;
height: 133px;
padding: 0px;
border: none;
}
#content {
padding: 0px 31px 0px 75px;
width: 504px;
background-image: url(/viomatrix/imgs2/gfx/content_border.gif);
background-repeat: repeat-y;
background-position: right top;
}
#content a { color: rgb(51,102,153); }
#content a:hover {
color: rgb(200,0,0);
text-decoration: underline;
}
#content ul.immobilie, #content div.picturelist {
border-top: 1px solid rgb(218,218,218);
list-style-type: none;
margin: 0px 0px 16px 0px;
padding: 2px 0px 0px 0px;
}
#content ul.immobilie { margin-bottom: 0px; }
*+html #content ul.immobilie { padding: 2px 0px 0px 0px; }
#content ul.ansprechpartner {
background-image: url(/viomatrix/imgs2/gfx/bg_ansprechpartner.png);
background-repeat: repeat-x;
background-position: top left;
border: none;
height: 127px;
margin: 1px 0px 0px 0px;
padding: 4px 0px 1px 0px;
}
#content div.ansprechpartnerlinie {
background-image: url(/viomatrix/imgs2/gfx/bg_ansprechpartner.png);
background-repeat: repeat-x;
background-position: top left;
height: 1px;
font-size: 1px;
margin: 0px 0px 33px 0px !important;
}
#content ul.paddingbottom { padding-bottom: 18px; }
#content ul.immobilie li {
background-image: url(/viomatrix/imgs2/gfx/whitepx.gif);
background-repeat: repeat-x;
background-position: left bottom;
height: 118px;
position: relative;
width: 504px;
z-index: 5;
}
#content ul.paddingbottom li, #content ul.last { border-bottom: 1px solid rgb(218,218,218); }
#content ul.immobilie li p.title {
margin: 0px 0px 2px 4px;
padding: 6px 0px 1px 0px;
}
#content ul.immobilie li p.title a { color: #474D51; }
#content ul.ansprechpartner li p.title { margin: 0px 0px 17px 4px; }
#content ul.ansprechpartner li p.title a { color: #346399; }
#content ul.immobilie li img.li {
display: inline;
float: left;
margin: 3px 36px 3px 0px;
vertical-align: text-top;
}
#content ul.immobilie li table {
clear: none;
margin: 0px 0px 0px 4px;
position: relative;
width: auto;
z-index: 10;
}
#content ul.immobilie li table td {
min-width: 120px;
width: 130px;
font-size: 11px;
line-height: 1.5em;
padding: 0px;
}
#content ul.immobilie li table td.daten {
min-width: 0px;
white-space: nowrap;
width: 200px;
}
#content ul.immobilie li table td *, #content ul.immobilie li table td a, #content ul.immobilie li table td p, #content ul.immobilie li table td strong { font-size: 1em; }
#content ul.immobilie li a.expose, #rechts a.expose, #content p a.expose {
font-size: 11px;
background-image: url(/viomatrix/imgs2/gfx/arrow_blue.png);
background-position: right center;
background-repeat: no-repeat;
line-height: 1.3em;
position: absolute;
bottom: 11px;
right: 6px;
width: 100px;
z-index: 1000;
}
#content ul.immobilie li a.expose:hover, #rechts a.expose:hover, #content p a.expose:hover {
background-image: url(/viomatrix/imgs2/gfx/arrow_red.png);
}
#rechts a.expose, #content p a.expose {
color: #336699;
float: none;
padding-right: 12px;
position: static;
}
#content ul.grau li, #content .grau div.picslider a {
background-color: rgb(236,236,236);
}
#content ul.ansprechpartnergrau li { background-color: #fafafa; }
#content div.pageselect {
color: #326496;
font-size: 10px;
margin-top: 17px;
width: 110px;
}
#content div.pageselect a.prev {
background-image: url(/viomatrix/imgs2/gfx/arrow_blue_back.png);
background-repeat: no-repeat;
display: block;
float: left;
height: 10px;
margin-top: 3px;
width: 5px;
}
#content div.pageselect a.prev :hover {
background-image: url(/viomatrix/imgs2/gfx/arrow_red_back.png);
text-decoration: none;
}
#content div.pageselect a.next {
background-image: url(/viomatrix/imgs2/gfx/arrow_blue.png);
background-repeat: no-repeat;
display: block;
float: right;
height: 10px;
margin-top: 3px;
width: 5px;
}
#content div.pageselect a.next:hover {
background-image: url(/viomatrix/imgs2/gfx/arrow_red.png);
text-decoration: none;
}
#content div.pageselect span {
color: #326496;
display: block;
text-align: center;
}
#content div.pageselect span a.show {
display: inline;
color: rgb(200,0,0);
}
#content div.space {
font-size: 1px;
height: 8px;
visibility: hidden;
}
#rechts {
margin: 0px 0px 0px -1px;
padding: 0px 35px 0px 30px;
border: none;
width: 176px;
background-image: url(/viomatrix/imgs2/gfx/content_border.gif);
background-repeat: repeat-y;
background-position: left top;
}
#rechts h1 {
border-bottom: 1px solid rgb(246,246,246);
padding: 0px 0px 17px 8px;
margin: 0px;
}
#rechts h4 { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial,sans-serif; }
#rechts h4.ansprechpartner {
margin: 0px 0px 22px 0px;
padding-top: 33px;
}
#rechts h6 {
color: #7F8287;
display: inline;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial,sans-serif; 
font-size: 12px;
font-weight: bold;
margin: 0px;
}
#rechts ul {
list-style-type: none;
margin: 0px 0px 38px 0px;
padding: 0px;
}#rechts ul li a, #rechts ul li a span {
color: rgb(51,102,153) !important;
cursor: pointer;
font-size: 13px;
font-weight: bold;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial,sans-serif; 
height: 1%;
}
#rechts ul li a {
border-bottom: 1px solid rgb(246,246,246);
display: block;
padding: 0px;
}
#rechts ul li a span {
margin: 1px 0px;
padding: 6px 0px 6px 8px;
display: block;
}
#rechts ul li a:hover { text-decoration: underline; }
#rechts ul li ul, #rechts ul.small { margin: 0px; }
#rechts ul li ul li, #rechts ul li ul li a, #rechts ul.small li a span, #rechts ul li li a span {
color: rgb(82,86,89) !important;
font-size: 11px;
font-weight: normal;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial,sans-serif; 
}
#rechts ul li ul li a.active, #rechts ul li ul li a.active span, #rechts ul li ul li a:hover, #rechts ul.small li a.active span, 
#rechts ul.small li a:hover span, #rechts ul li li a:hover span, #content p a.expose:hover { 
color: rgb(200,0,0) !important;
}
#rechts ul li a.active span {background-color: #f5f5f5; }
#rechts ul li ul li a:hover span, #rechts ul.small li a:hover span {
background-color: #f5f5f5;
text-decoration: underline;
}
#rechts ul.expose li {
color: #7f8287;
font-weight: normal;
}
#rechts strong, #rechts p {
color: #7f8287;
font-size: 12px;
}
#footer {
height: 57px;
width: 890px;
background-image: url(/viomatrix/imgs2/gfx/bg_wrapper.gif);
background-repeat: repeat-y;
padding: 0px;
}
#footerframe {
background-image: url(/viomatrix/imgs2/gfx/bg_footer.png);
background-repeat: repeat-x;
background-position: 0px 0px;
background-color: rgb(255,255,255);
margin: 0px 20px;
height: 57px;
position: relative;
}
#footerframe div a {
color: #D2D2D2;
font-size: 11px;
}
#footerframe div {
color: #D2D2D2;
font-size: 11px;
padding-top: 22px;
text-align: center;
}
#footerframe div.copyright {
position: absolute;
right: 35px;
top: 0px;
width: 175px;
text-align: right;
}
.contact form label { width: 160px; }
.contact form textarea { width: 500px; }
.contact form input, .contact form select, div.recommendation form textarea { width: 327px; }
.contact form input.button { margin-left: 176px; }
.contact form input.ort { width: 238px; }
#wrapper {
padding: 0px 20px 27px 20px;
position: relative;
z-index: 1;
}
img#headpic {
position: absolute;
top: 163px;
left: 50%;
height: 134px;
margin-left: -425px;
width: 850px;
z-index: 100;
}
#rechts ul.expose { margin-bottom: 22px; }
#rechts ul.expose a, #rechts p a {
border: none;
color: #326499;
display: inline;
font-size: 1em;
font-weight: bold;
padding: 0px;
}
#rechts ul.expose a:hover, #rechts p a:hover { text-decoration: underline; }
#rechts ul.expose li {
font-size: 11px;
margin-top: 18px;
}
#rechts ul.exposesmall li { margin: 0px; }
#rechts p { margin-bottom: 18px; }
#content a.back {
background-image: url(/viomatrix/imgs2/gfx/arrow_blue_back.png);
background-position: 0% 50%;
background-repeat: no-repeat;
padding-left: 12px;
}
#content a.back:hover { background-image: url(/viomatrix/imgs2/gfx/arrow_red_back.png); }
#content .galerie {
border-bottom: 1px solid #dadada;
height: 119px;
margin: 0px 0px 16px 0px !important;
width: 508px;
}
#content ul.galerie li, #content div.picslider a {
display: block;
float: left;
height: 117px;
min-height: 0px;
margin: 1px 0px;
padding: 0px;
width: 117px;
}
#content ul.galerie li.nav { width: 20px; }
#content ul.galerie li.nav a, #content div.picslider a.back, #content div.picslider a.forward {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
height: 100%;
padding: 0px;
width: 20px;
}
#content ul.galerie li.nav a.back, #content div.picslider a.back { background-image: url(/viomatrix/imgs2/gfx/arrow_blue_back.png); }
#content ul.galerie li.nav a.back:hover, #content div.picslider a.back:hover {
background-image: url(/viomatrix/imgs2/gfx/arrow_red_back.png);
text-decoration: none;
}
#content ul.galerie li.nav a.forward, #content div.picslider a.forward { background-image: url(/viomatrix/imgs2/gfx/arrow_blue.png); }
#content ul.galerie li.nav a.forward:hover, #content div.picslider a.forward:hover {
background-image: url(/viomatrix/imgs2/gfx/arrow_red.png);
text-decoration: none;
}
#content ul.galerie li img { float: none; }
#content .hide { display: none; }
#content ul.objectnavigation {
background-image: url(/viomatrix/imgs2/gfx/content_border_horizontal.gif);
background-position: bottom left;
background-repeat: repeat-x;
height: 22px;
margin: 0px 0px 18px 0px;
width: 504px;
}
#content ul.objectnavigation li {
float: left;
height: 16px;
list-style: none;
width: 300px;
}
#content ul.objectnavigation li.second { width: 204px; }
#content ul.objectnavigation li a {
background-image: url(/viomatrix/imgs2/gfx/arrow_blue.png);
background-position: 100% 50%;
background-repeat: no-repeat;
font-size: 0.9em;
padding-right: 12px;
}
#content ul.objectnavigation li a:hover { background-image: url(/viomatrix/imgs2/gfx/arrow_red.png); }
#content ul.objectnavigation li.second a { float: right; }
#content .hintobject {
background-image: url(/viomatrix/imgs2/gfx/content_border_horizontal.gif);
background-position: top left;
background-repeat: repeat-x;
margin: 37px 0px 8px 0px;
padding: 8px 0px;
}
#content .hintobject .bottom {
background-image: url(/viomatrix/imgs2/gfx/content_border_horizontal.gif);
background-position: top left;
background-repeat: repeat-x;
font-size: 1px;
height: 1px;
}
#content .hintobject p { margin: 0px 0px 8px 0px; }
#rechts .space { height: 82px; }
#content ul.ansprechpartner li { height: 127px; }
#content ul.ansprechpartner li img.li { margin: 0px 45px 0px 0px; }
#content ul.ansprechpartner li table td { width: auto; }
#content ul.ansprechpartner li table td.first { width: 160px; }
#content ul.ansprechpartner li table td.second { padding-bottom: 14px; }
/* Bilderslideshow */
div.picturelist {
margin: 0px;
padding: 0px;
width: 504px;
height: 115px;
overflow: hidden;
}
div.picturelist div.piccontainer {
position: absolute;
margin: 0px;
padding: 0px;
width: 504px;
height: 115px;
line-height: 115px;
overflow: hidden;
}
div.picturelist div.piccontainer img {
margin: 0px;
padding: 0px;
position: absolute;
z-index: 900;
}
div.picturelist div.picslider {
position: absolute;
margin: 0px;
padding: 0px;
width: 100%;
height: 115px;
overflow: hidden;
}
div.picturelist div.picslider a {
display: block;
float: left;
width: auto;
height: 115px;
background-repeat: no-repeat;
}
div.picturelist div.picslider div.sliderwindow {
width: 464px;
max-width: 464px;
height: 115px;
max-height: 115px;
display: block;
float: left;
overflow: hidden;
margin: 0px 2px;
}
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: 115px;
height: 115px;
margin-right: 6px; 
overflow: hidden;
}