@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,900italic,900,700italic,700);
* {
border: 0;
color: #625a58;
font-family: "Roboto", "Arial", sans-serif;
font-size: 14px;
line-height: 1.5em;
margin: 0;
padding: 0;
}
html {
height: 100%;
overflow-y: scroll;
}
body {
background-color: #fff;
}
a:link, a:visited, a:hover, a:active, a:focus {
text-decoration: none;
}
button {
}
fieldset {
border: 0;
display: block;
overflow: hidden;
padding: 12px;
}
label {
color: #686868;
display: block;
float: left;
margin: 0 0 2px;
width: 150px;
}
input, select, textarea {
 background-color: #fff;
 border: 1px solid #000;
 color: #000;
 display: block;
font-size: 14px;
 margin: 0 0 16px;
 padding: 2px 4px;
width: 315px;
}
input.checkbox {
display: inline-block;
margin-right: 8px;
padding: 0;
vertical-align: top;
width: auto;
}
label.checkbox {
float: none;
display: inline-block;
line-height: 24px;
position: relative;
top: -6px;
width: auto;
z-index: 1;
}
table { border-collapse: collapse; }
td, th {
vertical-align: top;
text-align: left;
}
.antifloat {
clear: both;
float: none;
height: 1px;
overflow: hidden;
visibility: hidden;
line-height: 1px;
}
.hide { display: none; }
header {
display: block;
height: 550px;
margin: 0 auto;
overflow: hidden;
width: 1024px;
}
#head {
background: linear-gradient(to right, #e4e3e3 0%,#fff 30%,#e4e3e3 100%);
height: 120px;
padding-top: 30px;
position: relative;
width: 100%;
z-index: 4;
}
#headtop {
position: absolute;
top: 44px;
right: 35px;
z-index: 3;
}
#headpic {
overflow: hidden;
width: 1024px;
}
#headpic img { float: left; }
#headpic li {
display: none;
list-style: none;
position: relative;
z-index: 2;
}
.anythingSlider { z-index: 1; }
#headpic .anythingSlider .panel , #headpic li:first-child { display: block; }
#headpic .anythingSlider-default .anythingWindow, #content .anythingSlider-default .anythingWindow { border: 0; }
#headpic li div {
background-color: rgba(201,204,206, 0.8);
left: 42px;
padding: 12px;
position: absolute;
top: 35px;
z-index: 10;
}
#headpic li.textpos2 div {
top: 124px;
}
#headpic li.textpos3 div {
top: 124px;
left: 460px;
}
#headpic h1 {
font-size: 53px;
font-weight: 100;
line-height: 53px;
margin: 0 0 8px;
}
#headpic p {
}
#headpic .anythingSlider-default { padding: 0; }
#headpic .anythingSlider-default.activeSlider .anythingWindow { border: 0; }
#headpic .anythingSlider-default .arrow { top: 174px; }
#headpic .anythingSlider-default .arrow { z-index: 100; }
#headpic .anythingSlider-default .arrow a {
background-position: center center;
height: 24px;
margin: 0;
width: 12px;
}
#headpic .anythingSlider-default .back { left: 4px; }
#headpic .anythingSlider-default .back a {
background-image: url(/viomatrix/imgs/gfx/symbol_pfeil_links.png);
}
#headpic .anythingSlider-default .forward { right: 4px; }
#headpic .anythingSlider-default .forward a {
background-image: url(/viomatrix/imgs/gfx/symbol_pfeil_rechts.png);
}
#logo {
display: block;
float: left;
margin: 0 12px 0 24px;
}
#logotitle {
color: #625a58;
font-weight: 400;
font-size: 24px;
padding: 0 0 0;
text-transform: uppercase;
}
#menu {
left: 0;
position: absolute;
bottom: 0;
z-index: 1;
}
#menu > li {
border-bottom: 7px solid transparent;
display: inline;
float: left;
list-style: none;
position: relative;
z-index: 3;
}
#menu > li.bigmenu {
position: static;
}
#menu > li:after {
background-color: #fff;
bottom: -7px;
content: "";
display: block;
height: 7px;
position: absolute;
right: 0;
width: 1px;
z-index: 5;
}
#menu > li > a:link, #menu > li > a:visited, #menu > li > a:hover, #menu > li > a:active, #menu > li > a:focus {
border-right: 1px solid #b8b9ba;
color: #878787;
display: block;
font-size: 15px;
line-height: 33px;
text-align: center;
width: 204px;
}
#menu > li:hover, #menu > li a.active:hover {
border-bottom-color: #6490d9;
color: #6490d9; 
}
#menu > li:last-child > a:link, #menu > li:last-child > a:visited, #menu > li:last-child > a:hover, #menu > li:last-child > a:active, #menu > li:last-child > a:focus {
border-right: 0;
}
#menu > li:last-child:after { display: none; }
#menu li div {
position: absolute;
top: 40px;
left: 0;
-webkit-transform: scaleY(0);
-o-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-o-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: -webkit-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease;
-ms-transition: -ms-transform 0.5s ease;
transition: transform 0.5s ease;
z-index: 4;
}
#menu li.bigmenu > div {
width: 100%;
}
#menu li:last-child div { left: auto;right: 0; }
#menu li ul {
background-color: rgba(255,255,255,0.9);
padding: 8px 0 0 0;
}
#menu li:hover div { 
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
min-width: 205px; }
#menu li li {
border: 0;
display: block;
float: none;
}
#menu li.bigmenu > div {
display: table;
width: 100%;
}
#menu li.bigmenu > div > ul {
display: table-row;
}
#menu li.bigmenu > div > ul > li {
display: table-cell;
}
#menu li ul a:link, #menu li ul a:visited, #menu li ul a:hover, #menu li ul a:active, #menu li ul a:focus {
border-bottom: 1px solid rgba(217,217,217,0.8);
color: #625a58;
display: block;
font-size: 15px;
font-weight: 300;
padding: 4px 10px;
white-space: nowrap;
}
#menu li.bigmenu > div > ul > li > a:link, #menu li.bigmenu > div > ul > li > a:visited, #menu li.bigmenu > div > ul > li > a:hover, #menu li.bigmenu > div > ul > li > a:active, #menu li.bigmenu > div > ul > li > a:focus {
font-weight: 500;
margin-right: 24px;
min-height: 56px;
padding-top: 24px;
white-space: normal;
}
#menu li.bigmenu > div > ul > li:last-child > a:link, #menu li.bigmenu > div > ul > li:last-child > a:visited, #menu li.bigmenu > div > ul > li:last-child > a:hover, #menu li.bigmenu > div > ul > li:last-child > a:active, #menu li.bigmenu > div > ul > li:last-child > a:focus {
margin-right: 0;
}
#menu li ul a:hover { font-weight: 400; }
#menu li:not(.bigmenu) ul li:last-child a:link, #menu li:not(.bigmenu) ul li:last-child a:visited, #menu li:not(.bigmenu) ul li:last-child a:hover, #menu li:not(.bigmenu) ul li:last-child a:active, #menu li:not(.bigmenu) ul li:last-child a:focus {
border: 0;
}
#menu li.bigmenu > div > ul > li > div {
margin-right: 24px;
position: static;
}
#menu li.bigmenu > div > ul > li:last-child > div {
margin-right: 0;
}
#menu li.bigmenu > div > ul > li ul {
background-color: transparent;
padding-top: 0;
}
#menu p {
bottom: 3px;
color: #fff;
display: inline;
font-size: 18px;
font-weight: 800;
position: relative;
text-transform: uppercase;
z-index: 1;
}
#menu p sup { 
color: #fff;
font-size: 10px;
}
#langs {
background: url(/viomatrix/imgs/gfx/symbol_pfeil_unten.png) no-repeat 103px 10px, linear-gradient(to right, #a2b7ce 0%, #bfcedd 100%);
float: right;
margin: 0 0 0 18px;
padding: 2px 12px;
position: relative;
width: 120px;
z-index: 1;
}
#langs li {
display: none;
list-style: none;
padding: 2px 0;
}
#langs li:first-child, #langs:hover li { 
display: block; 
height: 16px; 
padding: 1px 0; 
}
#langs li:last-child { padding-bottom: 8px; }
#langs li a:link, #langs li a:visited, #langs li a:hover, #langs li a:active, #langs li a:focus {
background-position: 80px 4px;
background-repeat: no-repeat;
color: #fff;
display: block;
width: 100%;
font-size: 13px;
}
#langs li a:hover { text-decoration: underline; }
#langs li.de a:link, #langs li.de a:visited, #langs li.de a:hover, #langs li.de a:active, #langs li.de a:focus {
background-image: url(/viomatrix/imgs/gfx/symbol_flag_de.png);
}
#langs li.en a:link, #langs li.en a:visited, #langs li.en a:hover, #langs li.en a:active, #langs li.en a:focus {
background-image: url(/viomatrix/imgs/gfx/symbol_flag_en.png);
}
#langs li.fr a:link, #langs li.fr a:visited, #langs li.fr a:hover, #langs li.fr a:active, #langs li.fr a:focus {
background-image: url(/viomatrix/imgs/gfx/symbol_flag_fr.png);
}
#langs li.nl a:link, #langs li.nl a:visited, #langs li.nl a:hover, #langs li.nl a:active, #langs li.nl a:focus {
background-image: url(/viomatrix/imgs/gfx/symbol_flag_nl.png);
}
#langs li.ru a:link, #langs li.ru a:visited, #langs li.ru a:hover, #langs li.ru a:active, #langs li.ru a:focus {
background-image: url(/viomatrix/imgs/gfx/symbol_flag_ru.png);
}
#suchformular {
border-top: 1px solid #c7c7c8;
border-left: 1px solid #c7c7c8;
display: block;
float: left;
height: 21px;
}
#suchformular fieldset { 
border: 0;
height: 21px;
overflow: hidden;
padding: 0;
}
#suchformular button {
background: url(/viomatrix/imgs/gfx/symbol_lupe.png), linear-gradient(to right, #8aa5c1 0%, #abbfd3 100%);
background-position: center center;
background-repeat: no-repeat;
border: 0;
color: #fff;
display: block;
float: left;
font-size: 12px;
height: 22px;
padding: 0;
vertical-align: middle;
width: 24px;
}
#suchformular button:hover { color: #eee; }
#suchformular input {
background-color: #fff;
border: 0;
color: #000;
display: block;
float: left;
font-size: 11px;
margin: 0;
padding: 4px;
vertical-align: middle;
width: auto;
}
/* Microformats */
.vcard {
background-color: #eaeaea;
border: 1px dashed #4d4d4d;
display: none;
padding: 5px 3px;
position: absolute;
top: 0;
left: 0;
}
.vcard * { display: block; }
.vcard .adr .postal-code { float: left;margin-right: 3px; }
.vcard .adr .postal-code:after { content: " "; }
.vcard div { float: left; }
.vcard img { float: left;margin: 0 8px 8px 0; }
main { 
display: block;
margin: 0 auto;
width: 1024px;
}
#startseite main .editor { padding: 0; }
#startseite main .editor > div { 
display:-webkit-flex;
display:-webkit-box;
display:-moz-flex;
display:-moz-box;
display:-ms-flexbox;
display: flex;
flex-wrap: wrap;
}
#navigationspath {
display: none;
}
#navigationspath a:link, #navigationspath a:visited, #navigationspath a:hover, #navigationspath a:active, #navigationspath a:focus {
font-size: 12px;
}
#navigationspath a:link:not(:last-child):after, #navigationspath a:visited:not(:last-child):after, #navigationspath a:hover:not(:last-child):after, #navigationspath a:active:not(:last-child):after, #navigationspath a:focus:not(:last-child):after {
color: rgb(102,102,102);
content: "|";
padding: 0 0 0 0.4em;
}
#navigationspath a:hover, #navigationspath a:link:last-child, #navigationspath a:visited:last-child, #navigationspath a:hover:last-child, #navigationspath a:active:last-child, #navigationspath a:focus:last-child { color: rgb(0,88,166); }
#startseite #navigationspath { display: none; }
table.tablecontent, .editor table.tablecontent {
margin: 0 0 12px;
width: 100%;
}
table.tablecontent td, table.tablecontent th {
background-color: transparent;
border: 0;
font-size: 12px;
}
table.tablecontent td.links {
padding: 0 20px 0 0;
width: 360px;
}
#rechts { 
display: table-cell;
margin: 0 0 0 22px;
width: 310px;
}
#rechts .teaser {
border: 1px solid #eaeaea;
margin: 0 0 13px;
padding: 10px 8px 12px;
position: relative;
z-index: 1;
}
#rechts .teaser:after {
display: block;
position: absolute;
bottom: -10px;
left: 0;
z-index: 2;
}
#rechts .teaser .editor { 
display: block;
overflow: hidden;
padding: 0;
}
#rechts .teaser h3.default {
margin: 0 0 14px;
text-transform: uppercase;
}
#rechts .teaser p { 
font-size: 16px;
margin: 0 0 8px;
}
#rechts .teaser p a:link, #rechts .teaser p a:visited, #rechts .teaser p a:hover, #rechts .teaser p a:active, #rechts .teaser p a:focus {
color: #0058A6;
display: block;
font-size: 13px;
line-height: 20px;
}
#rechts > .teaser > div.editor > a {
color: #625a58;
}
#rechts .teaser ul { margin: 0 0 12px; }
#rechts .teaser img.map {
float: left;
margin: 0 12px 12px 0;
}
#rechts .teaser ul.maplist { 
float: left;
margin: 0 0 12px;
}
#rechts .teaser ul.maplist li { 
background-image: none;
line-height: 11px;
list-style: none;
padding: 0;
}
#rechts .teaser ul.maplist li a:link, #rechts .teaser ul.maplist li a:visited, #rechts .teaser ul.maplist li a:hover, #rechts .teaser ul.maplist li a:active, #rechts .teaser ul.maplist li a:focus {
font-size: 10px;
}
#rechts .teaser form {
display: block;
clear: both;
}
#rechts .teaser label {
float: left;
width: 166px;
}
#rechts .teaser input {
width: 97px;
}
/* Teaser auf Startseite */
#startseite .teaser {
background-color: #ebecec;
-webkit-flex: 1 1 0;
-webkit-box-flex: 1 1 0;
-moz-flex: 1 1 0;
-moz-box-flex: 1 1 0;
-ms-flex: 1 1 0;
flex: 1 1 0;
margin: 0 27px 27px 0;
}
#startseite .teaser:last-child {
margin-right: 0;
}
#startseite .editor .teaser.onethird { 
-webkit-flex: none;
-webkit-box-flex: none;
-moz-flex: none;
-moz-box-flex: none;
-ms-flex: none;
flex: none;
width: 323px;
}
#startseite .editor .teaser.twothird { 
-webkit-flex: none;
-webkit-box-flex: none;
-moz-flex: none;
-moz-box-flex: none;
-ms-flex: none;
flex: none;
width: 673px;
}
#startseite .editor .teaser h2.default, #startseite .editor .teaser h2.pre {
color: #625a58;
font-size: 22px;
font-weight: 300;
margin: 0 0 8px;
padding: 10px 12px 0;
text-transform: none;
}
#startseite .editor .teaser h2.pre { padding-bottom: 10px; }
#startseite .editor .teaser img { border-bottom: 7px solid transparent; }
#startseite .editor .teaser p {
font-size: 15px;
font-weight: 300;
margin: 0;
padding: 4px 12px 10px;
}
footer {
background-color: #ebecec;
display: block;
position: relative;
z-index: 1;
}
#quicklinks { 
margin: 0 auto;
padding: 20px 0 0;
overflow: hidden;
width: 1024px;
}
#quicklinks li { 
display: inline-block;
list-style: none;
line-height: normal;
}
#quicklinks > li {
float: left;
margin: 0 0 12px;
padding: 0;
overflow: hidden;
width: 300px;
}
#quicklinks > li.onethirdbig {
margin-right: 31px;
width: 330px;
}
#quicklinks > li.twothird { 
width: 724px;
}
#quicklinks > li.break { clear: both; }
#quicklinks > li > a:link, #quicklinks > li > a:visited, #quicklinks > li > a:hover, #quicklinks > li > a:active, #quicklinks > li > a:focus {
border-bottom: 7px solid transparent;
color: #565656;
display: block;
font-size: 19px;
line-height: 24px;
margin-right: 30px;
padding-bottom: 10px;
text-decoration: none;
}
#quicklinks > li.twothird > a:link, #quicklinks > li.twothird > a:visited, #quicklinks > li.twothird > a:hover, #quicklinks > li.twothird > a:active, #quicklinks > li.twothird > a:focus, #quicklinks > li.break > a:link, #quicklinks > li.break > a:visited, #quicklinks > li.break > a:hover, #quicklinks > li.break > a:active, #quicklinks > li.break > a:focus {
padding-left: 24px;
}
#quicklinks > li > a:hover { text-decoration: none; }
#quicklinks > li.onethird > a:link, #quicklinks > li.onethird > a:visited, #quicklinks > li.onethird > a:hover, #quicklinks > li.onethird > a:active, #quicklinks > li.onethird > a:focus, #quicklinks > li:last-child > a:link, #quicklinks > li:last-child > a:visited, #quicklinks > li:last-child > a:hover, #quicklinks > li:last-child > a:active, #quicklinks > li:last-child > a:focus { margin-right: 0; }
#quicklinks li li { display: block; }
#quicklinks > li > ul { margin-top: 8px; }
#quicklinks > li.twothird > ul > li {
float: left;
padding-left: 24px;
width: 300px;
}
#quicklinks > li.twothird ul li:first-child {
margin-right: 12px;
}
#quicklinks > li.break > ul > li { padding-left: 24px; }
#quicklinks > li > ul > li a:link, #quicklinks > li > ul > li a:visited, #quicklinks > li > ul > li a:hover, #quicklinks > li > ul > li a:active, #quicklinks > li > ul > li a:focus {
color: #625a58;
display: inline-block;
font-size: 12px;
margin: 0 0 2px;
}
#quicklinks > li > ul > li a:hover { text-decoration: underline; }
#quicklinks p {
color: #625a58;
font-size: 12px;
margin: 8px 0;
}
#quicklinks > li > img {
margin-right: 25px;
}
#submenu2 {
background-color: #ebecec;
border-top: 1px solid #9a9c9e;
text-align: center;
padding: 5px 0;
margin: 0 auto;
width: 1024px;
}
#submenu2 li:after {
color: #625a58;
content: "|";
display: inline;
font-size: 12px;
}
#submenu2 li:last-child:after { display: none; }
#submenu2 li {
display: inline;
list-style: none;
}
#submenu2 a:link, #submenu2 a:visited, #submenu2 a:hover, #submenu2 a:active, #submenu2 a:focus {
color: #625a58;
font-size: 12px;
line-height: 24px;
padding: 0 4px;
}
#submenu2 a:hover { text-decoration: underline; }
.loading {
background-image: url(/viomatrix/imgs/gfx/loading.gif);
background-repeat: no-repeat;
height: 34px;
width: 34px;
}
.editor .teaser {
margin: 0;
overflow: hidden;
}
.editor .teaser li {
display: inline;
float: left;
list-style: none;
margin: 0;
}
.editor .teaser.typ1 { margin: 0 0 24px; }
.editor .teaser.typ1 li {
background-image: none;
border-bottom: 1px solid #e2e2e3;
cursor: pointer;
margin: 0 0 5px 29px;
padding: 10px 0 20px;
position: relative;
width: 305px;
z-index: 1;
}
.editor .teaser.typ1 li:first-child { margin: 0; }
.editor .teaser.typ1 li:hover { border-bottom-color: transparent; }
.editor .teaser.typ1 li:after {
display: block;
content: "";
height: 9px;
margin-left: -68px;
position: absolute;
bottom: -5px;
left: 50%;
width: 137px;
}
.editor .teaser.typ1 li:hover:after { display: none; }
.editor .teaser.typ1 h2{
color: rgb(100,144,217);
font-size: 22px;
font-weight: bold;
margin: 0 0 10px;
text-align: center;
text-transform: uppercase;
}
.editor .teaser.typ1 img {
margin: 0 0 14px -12px;
}
.editor .teaser.typ1 p {
color: rgb(100,144,217);
padding: 0 0 0 12px;
margin: 0;
}
.editor .teaser.typ1 li.color1 h2, .editor .teaser.typ1 li.color1 p {
color: #ffda00;
}
.editor .teaser.typ1 li.color1:hover h2, .editor .teaser.typ1 li.color1:hover p {
color: #fff;
}
.editor .teaser.typ1 li.color1:hover, .editor .teaser.typ1 li.color1:after {
background-color: #ffda00;
}
#menu li.color1, #menu li.color1.active, #startseite .editor .color1 img, 
#quicklinks > li.color1 > a:link, #quicklinks > li.color1 > a:visited, #quicklinks > li.color1 > a:hover, #quicklinks > li.color1 > a:active, #quicklinks > li.color1 > a:focus 
{ border-bottom-color: #ffda00; }
#menu > li.color1:hover > a:link, #menu > li.color1:hover > a:visited, #menu > li.color1:hover > a:hover, #menu > li.color1:hover > a:active, #menu > li.color1:hover > a:focus,
#menu > li.color1.active > a:link, #menu > li.color1.active > a:visited, #menu > li.color1.active > a:hover, #menu > li.color1.active > a:active, #menu > li.color1.active > a:focus, #menu li.color1 ul a:hover {
background-color: #ffda00;
color: #000;
}
#rechts .teaser.color1 .editor img {
border-bottom-color: #ffda00;
}
.editor .teaser.typ1 li.color2 h2, .editor .teaser.typ1 li.color2 p {
color: #f08500;
}
.editor .teaser.typ1 li.color2:hover h2, .editor .teaser.typ1 li.color2:hover p {
color: #fff;
}
.editor .teaser.typ1 li.color2:hover, .editor .teaser.typ1 li.color2:after {
background-color: #f08500;
}
#menu li.color2, #menu li.color2.active, #startseite .editor .color2 img, 
#quicklinks > li.color2 > a:link, #quicklinks > li.color2 > a:visited, #quicklinks > li.color2 > a:hover, #quicklinks > li.color2 > a:active, #quicklinks > li.color2 > a:focus 
{ border-bottom-color: #f08500; }
#menu > li.color2:hover > a:link, #menu > li.color2:hover > a:visited, #menu > li.color2:hover > a:hover, #menu > li.color2:hover > a:active, #menu > li.color2:hover > a:focus,
#menu > li.color2.active > a:link, #menu > li.color2.active > a:visited, #menu > li.color2.active > a:hover, #menu > li.color2.active > a:active, #menu > li.color2.active > a:focus, #menu li.color2 ul a:hover {
background-color: #f08500;
color: #fff; 
}
#rechts .teaser.color2 .editor img {
border-bottom-color: #f08500;
}
.editor .teaser.typ1 li.color3 h2, .editor .teaser.typ1 li.color3 p {
color: #005fa8;
}
.editor .teaser.typ1 li.color3:hover h2, .editor .teaser.typ1 li.color3:hover p {
color: #fff;
}
.editor .teaser.typ1 li.color3:hover, .editor .teaser.typ1 li.color3:after {
background-color: #005fa8;
}
#menu li.color3, #menu li.color3.active, #startseite .editor .color3 img, 
#quicklinks > li.color3 > a:link, #quicklinks > li.color3 > a:visited, #quicklinks > li.color3 > a:hover, #quicklinks > li.color3 > a:active, #quicklinks > li.color3 > a:focus 
{ border-bottom-color: #005fa8; }
#menu > li.color3:hover > a:link, #menu > li.color3:hover > a:visited, #menu > li.color3:hover > a:hover, #menu > li.color3:hover > a:active, #menu > li.color3:hover > a:focus,
#menu > li.color3.active > a:link, #menu > li.color3.active > a:visited, #menu > li.color3.active > a:hover, #menu > li.color3.active > a:active, #menu > li.color3.active > a:focus, #menu li.color3 ul a:hover {
background-color: #005fa8;
color: #fff; 
}
#rechts .teaser.color3 .editor img {
border-bottom-color: #005fa8;
}
.editor .teaser.typ1 li.color4 h2, .editor .teaser.typ1 li.color4 p {
color: #81b722;
}
.editor .teaser.typ1 li.color4:hover h2, .editor .teaser.typ1 li.color4:hover p {
color: #fff;
}
.editor .teaser.typ1 li.color4:hover, .editor .teaser.typ1 li.color4:after {
background-color: #81b722;
}
#menu li.color4, #menu li.color4.active, #startseite .editor .color4 img, 
#quicklinks > li.color4 > a:link, #quicklinks > li.color4 > a:visited, #quicklinks > li.color4 > a:hover, #quicklinks > li.color4 > a:active, #quicklinks > li.color4 > a:focus 
{ border-bottom-color: #81b722; }
#menu > li.color4:hover > a:link, #menu > li.color4:hover > a:visited, #menu > li.color4:hover > a:hover, #menu > li.color4:hover > a:active, #menu > li.color4:hover > a:focus,
#menu > li.color4.active > a:link, #menu > li.color4.active > a:visited, #menu > li.color4.active > a:hover, #menu > li.color4.active > a:active, #menu > li.color4.active > a:focus, #menu li.color4 ul a:hover {
background-color: #81b722;
color: #fff; 
}
#rechts .teaser.color4 .editor img {
border-bottom-color: #81b722;
}
.editor .teaser.typ1 li.color5 h2, .editor .teaser.typ1 li.color5 p {
color: #009edf;
}
.editor .teaser.typ1 li.color5:hover h2, .editor .teaser.typ1 li.color5:hover p {
color: #fff;
}
.editor .teaser.typ1 li.color5:hover, .editor .teaser.typ1 li.color5:after {
background-color: #009edf;
}
#menu li.color5, #menu li.color5.active, #startseite .editor .color5 img, 
#quicklinks > li.color5 > a:link, #quicklinks > li.color5 > a:visited, #quicklinks > li.color5 > a:hover, #quicklinks > li.color5 > a:active, #quicklinks > li.color5 > a:focus 
{ border-bottom-color: #009edf; }
#menu > li.color5:hover > a:link, #menu > li.color5:hover > a:visited, #menu > li.color5:hover > a:hover, #menu > li.color5:hover > a:active, #menu > li.color5:hover > a:focus,
#menu > li.color5.active > a:link, #menu > li.color5.active > a:visited, #menu > li.color5.active > a:hover, #menu > li.color5.active > a:active, #menu > li.color5.active > a:focus, #menu li.color5 ul a:hover {
background-color: #009edf;
color: #fff; 
}
#rechts .teaser.color5 .editor img {
border-bottom-color: #009edf;
}
/* Definitionen fuer typ2- und typ4-Liste */
.editor .teaser.typ2 { 
overflow: visible;
position: relative;
z-index: 1;
}
.editor .teaser.typ2 li, .editor .teaser.typ4 li {
background-image: none;
margin: 0 0 12px;
padding: 0;
position: relative;
width: 331px;
z-index: 1;
}
.editor .teaser.typ2 li:nth-child(1n) { z-index: 100; }
.editor .teaser.typ2 li:nth-child(2n) { z-index: 99; }
.editor .teaser.typ2 li:nth-child(3n) { z-index: 98; }
.editor .teaser.typ2 li:nth-child(4n) { z-index: 97; }
.editor .teaser.typ2 li:nth-child(5n) { z-index: 96; }
.editor .teaser.typ2 li:nth-child(6n) { z-index: 95; }
.editor .teaser.typ2 li:nth-child(7n) { z-index: 94; }
.editor .teaser.typ2 li:nth-child(8n) { z-index: 93; }
.editor .teaser.typ2 li:nth-child(9n) { z-index: 92; }
.editor .teaser.typ2 li:nth-child(10n) { z-index: 91; }
.editor .teaser.typ2 li:nth-child(11n) { z-index: 90; }
.editor .teaser.typ2 li:nth-child(12n) { z-index: 89; }
.editor .teaser.typ2 li:nth-child(13n) { z-index: 88; }
.editor .teaser.typ2 li:nth-child(14n) { z-index: 87; }
.editor .teaser.typ2 li:nth-child(15n) { z-index: 86; }
.editor .teaser.typ2 li:nth-child(16n) { z-index: 85; }
.editor .teaser.typ2 li:nth-child(17n) { z-index: 84; }
.editor .teaser.typ2 li:nth-child(18n) { z-index: 83; }
.editor .teaser.typ2 li:nth-child(19n) { z-index: 82; }
.editor .teaser.typ2 li:nth-child(20n) { z-index: 81; }
.editor .teaser.typ4 li {
margin-right: 14px;
width: 310px;
}
.editor .teaser.typ2 li > div, .editor .teaser.typ4 li div {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
margin: 0 21px 0 0;
}
.editor .teaser.typ2 li:nth-child(3n) { width: 310px; }
.editor .teaser.typ4 li:nth-child(3n) { margin-right: 0; }
/*.editor .teaser.typ2 li:nth-child(3n) div { padding: 0; }*/
.editor .slider li:nth-child(3n) { width: 331px !important; }
.editor .teaser.typ2 li > div:before {
display: block;
position: absolute;
top: 190px;
width: 100%;
}
.editor .teaser.typ2 li > div.detail:before, .editor .teaser.typ2.nohover li > div:before, .editor .teaser.typ2 li > div:hover:before { display: none; }
.editor .teaser.typ2 li > div.detail {
background-color: #fff;
border: 1px solid #E4E4E5;
border-top: 0;
padding: 13px 0 12px;
position: absolute;
top: 249px;
left: 0;
-webkit-transform: scaleY(0);
-o-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-o-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease;
-ms-transition: -ms-transform 0.3s ease;
transition: transform 0.3s ease;
width: 308px;
z-index: 2;
}
.editor .teaser.typ2 li:hover > div {
border-left: 1px solid #E4E4E5;
border-right: 1px solid #E4E4E5;
}
.editor .teaser.typ2 li:nth-child(3n) > div { margin: 0; }
.editor .anythingSlider .teaser.typ2 li:nth-child(3n) > div { margin-right: 21px; }
.editor .teaser.typ2.nohover li:hover > div{ 
border-left: 1px solid #fff; 
border-right: 1px solid #fff; 
}
.editor .teaser.typ2 li:hover > div.detail {
background-color: rgb(255,255,255);
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}
.editor .anythingSlider .teaser.typ2 li:hover > div.detail { display: none; }
.editor .teaser.typ2 img, .editor .teaser.typ4 li {
border: 1px solid #e4e4e5;
padding: 9px;
margin: 0 0 0 -1px;
}
.editor .teaser.typ2 li:hover img { border-bottom: 1px solid transparent; }
.editor .teaser.typ2.nohover li:hover img { border-bottom: 1px solid #E4E4E5; }
.editor .teaser.typ4 li { 
background-color: #f7f7f7;
height: 183px;
padding: 0 0 32px;
position: relative;
z-index: 1;
}
.editor .teaser.typ4 li p, .editor .teaser.typ4 li h1.default, .editor .teaser.typ4 li h2.default, .editor .teaser.typ4 li h3.default, .editor .teaser.typ4 h4.default, .editor .teaser.typ4 li h5.default, .editor .teaser.typ4 li h6.default {
margin: 0;
padding: 9px;
}
.editor .teaser.typ4 li h1.default, .editor .teaser.typ4 li h2.default, .editor .teaser.typ4 li h3.default, .editor .teaser.typ4 h4.default, .editor .teaser.typ4 li h5.default, .editor .teaser.typ4 li h6.default {
background-color: #fff;
font-weight: 700;
height: 40px;
padding-top: 18px;
}
.editor .teaser.typ4 li a[rel="link"]:link, .editor .teaser.typ4 li a[rel="link"]:visited, .editor .teaser.typ4 li a[rel="link"]:hover, .editor .teaser.typ4 li a[rel="link"]:active, .editor .teaser.typ4 li a[rel="link"]:focus {
color: #fff;
display: block;
padding: 6px 9px;
background-color: #0058a6;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 293px;
}
.editor .teaser.typ2 p {
margin: 0;
padding: 18px 0 0 12px;
}
.editor .teaser.typ2 h2.title {
margin: 0;
padding: 18px 18px 0 12px;
}
.editor .teaser.typ2 h2.title a:link, .editor .teaser.typ2 h2.title a:visited, .editor .teaser.typ2 h2.title a:hover, .editor .teaser.typ2 h2.title a:active, .editor .teaser.typ2 h2.title a:focus{
background-image: url(/viomatrix/imgs/gfx/symbol_pfeil_blau_rechts_klein.png);
background-position: 100% 50%;
background-repeat: no-repeat;
color: #0058a6;
display: block;
font-size: 18px;
font-weight: 500;
padding: 0 30px 0 0;
}
.editor .teaser.typ2 li:hover h2.title a:link, .editor .teaser.typ2 li:hover h2.title a:visited, .editor .teaser.typ2 li:hover h2.title a:hover, .editor .teaser.typ2 li:hover a:active, .editor .teaser.typ2 li:hover h2.title a:focus{
background-image: url(/viomatrix/imgs/gfx/symbol_pfeil_blau_runter_klein.png);
}
.editor .teaser.typ2 h3.subtitle {
font-size: 16px;
font-weight: 500;
margin: 0;
padding: 0 18px 0 12px;
}
.editor .teaser.typ2 div.detail h3.subtitle {
margin: 0 0 8px;
}
.editor .teaser.typ2 table { 
margin: 0 18px 0 12px;
width: auto;
}
.editor .teaser.typ2 table tr td:first-child { width: 60%; }
.editor .teaser.typ2 table tr td:nth-child(2n) { width: 40%; }
.editor .teaser.typ2 table p { padding: 0; }
.editor .teaser.typ2 li div.detail p { font-size: 12px; }
.editor .teaser.typ2 li div.detail p.title { font-size: 14px; }
.editor .anythingSlider .slider p { margin: 0; }
#startseite .editor .anythingSlider .slider p { padding-right: 0; }
.editor .teaser.typ2 div > p > a:link, .editor .teaser.typ2 div > p > a:visited, .editor .teaser.typ2 div > p > a:hover, .editor .teaser.typ2 div > p > a:active, .editor .teaser.typ2 div > p > a:focus {
background-image: url(/viomatrix/imgs/gfx/symbol_pfeil_blau_rechts.png);
background-position: 100% 50%;
background-repeat: no-repeat;
color: #0058A6;
display: block;
font-size: 18px;
padding: 0 30px 0 0;
}
.editor .slider li li {
display: block;
float: none;
}
#startseite .editor .teaser.typ2 a:link, #startseite .editor .teaser.typ2 a:visited, #startseite .editor .teaser.typ2 a:hover, #startseite .editor .teaser.typ2 a:active, #startseite .editor .teaser.typ2 a:focus {
text-transform: uppercase;
}
.editor .anythingSlider .arrow { margin-top: -16px; }
.editor .anythingSlider .arrow a, .editor .anythingSlider .arrow a:hover { 
background-color: rgba(158,158,158,0.75);
background-position: center center;
margin: 0;
height: 32px;
width: 32px;
}
.editor .anythingSlider .arrow a:hover {
background-color: rgb(158,158,158);
}
.editor .anythingSlider .back { left: -47px; }
.editor .anythingSlider .back a {
background-image: url(/viomatrix/imgs/gfx/symbol_pfeil_grau_links.png);
}
.editor .anythingSlider .forward { right: -58px; }
.editor .anythingSlider .forward a {
background-image: url(/viomatrix/imgs/gfx/symbol_pfeil_grau_rechts.png);
}
.editor .teaser.typ3 li, .editor .teaser.typ5 li, .editor .teaser.typ6 li {
background-image: none;
border: 1px solid #e2e2e3;
display: block;
float: none;
margin: 0 0 8px;
padding: 0;
position: relative;
z-index: 1;
}
.editor .teaser.typ5 li { margin: 0 0 21px; }
.editor .teaser.typ6 li { 
border: 0;
border-bottom: 1px solid #e8e8e9;
overflow: hidden;
padding: 4px 0 12px;
}
.editor .teaser.typ6 li:last-child { border: 0; }
.editor .teaser.typ3 li > h3 {
color: #0058A6;
font-size: 15px;
font-weight: 500;
padding: 4px 8px;
text-transform: uppercase;
}
.editor .teaser.typ3 li > h3 a:link, .editor .teaser.typ3 li > h3 a:visited, .editor .teaser.typ3 li > h3 a:hover, .editor .teaser.typ3 li > h3 a:active, .editor .teaser.typ3 li > h3 a:focus {
background-image: url(/viomatrix/imgs/gfx/symbol_pfeil_blau_runter.png);
background-position: right center;
background-repeat: no-repeat;
color: #0058A6;
display: block;
font-size: 15px;
font-weight: 500;
}
.editor .teaser.typ3 li > h3 a:hover, .editor .teaser.typ3 li:target > h3 a:link, .editor .teaser.typ3 li:target > h3 a:visited, .editor .teaser.typ3 li:target > h3 a:hover, .editor .teaser.typ3 li:target > h3 a:active, .editor .teaser.typ3 li:target > h3 a:focus {
background-image: url(/viomatrix/imgs/gfx/symbol_pfeil_blau_hoch_klein.png);
}
.editor .teaser.typ3 li > div { 
padding: 4px 8px;
}
.editor .teaser.typ5 li > p, .editor .teaser.typ5 li > h1, .editor .teaser.typ5 li > h2, .editor .teaser.typ5 li > h3, .editor .teaser.typ5 li > h4, .editor .teaser.typ5 li > h5, .editor .teaser.typ5 li > h6 {
margin: 0 0 8px;
padding: 9px;
}
.editor .teaser.typ5 li:after {
content: url(/viomatrix/imgs/gfx/bg_contentteaser.png);
display: block;
position: absolute;
bottom: -21px;
z-index: 2;
}
.editor .teaser.typ3 li:target > div { display: block; }
.editor .teaser.typ6 li img {
border: 1px solid #e8e8e9;
padding: 9px;
}
.editor .teaser.typ6 li h1, .editor .teaser.typ6 li h2, .editor .teaser.typ6 li h3 {
margin: 0;
}
.newsteaser {
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 50%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(50%,#ffffff), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 50%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7f7f7 0%,#ffffff 50%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f7f7f7 0%,#ffffff 50%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom, #f7f7f7 0%,#ffffff 50%,#f7f7f7 100%); /* W3C */
margin: 0 0 24px;
padding: 10px 12px;
overflow: hidden;
}
.newsteaser {
}
.editor .newsteaser p { 
margin: 0;
padding: 7px 0 0;
}
.newsteaser p span {
display: table-cell;
}
.newsteaser p span.date { width: 150px; }
.newsteaser a:hover span {
text-decoration: underline;
}
.newsteaser a.button:link, .newsteaser a.button:visited, .newsteaser a.button:hover, .newsteaser a.button:active, .newsteaser a.button:focus {
background-color: #0058a6;
color: #fff;
display: block;
float: right;
font-weight: 600;
padding: 5px 10px 6px;
text-decoration: none;
}
.newsteaser a.button:hover { text-decoration: underline; }
.editor .anythingSlider-default { padding: 0; }
.editor .anythingSlider-default.activeSlider .anythingWindow { 
border: 0;
}
form.filter { margin: 0 0 12px; }
form.filter:after {
clear: both;
content: "";
display: block;
float: none;
}
form.filter select {
display: block;
float: left;
margin: 0 12px 0 0;
width: 180px;
}
/* animierte Deutschlandkarte */
#rechts .teaser ul#deutschlandkarte {
 background: url("/viomatrix/imgs/gfx/deutschland/deutschland.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
 height: 230px;
 left: 0;
 list-style: none outside none;
 margin: 0;
 padding: 0;
 position: relative;
 top: 0;
 width: 150px;
}
ul#deutschlandkarte li a {
 color: #444444;
 display: block;
 font-size: 10px;
 position: absolute;
 text-decoration: none;
}
ul#deutschlandkarte li a:hover {
 color: #004B9B;
}
ul#deutschlandkarte li a span {
 margin-left: 170px;
 position: absolute;
 width: 130px;
}
li#bundesland_336705721 a {
 height: 50px;
 left: 42px;
 top: 1px;
 width: 50px;
}
li#bundesland_336705721:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/schleswig.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_336705721 a span {
 left: -42px;
 top: -1px;
}
li#bundesland_392264486 {
 z-index: 1;
}
li#bundesland_392264486 a {
 height: 68px;
 left: 16px;
 top: 30px;
 width: 77px;
}
li#bundesland_392264486:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/niedersachsen.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_392264486 a span {
 left: -16px;
 top: -30px;
}
li#bundesland_734561 a {
 height: 40px;
 left: 79px;
 top: 12px;
 width: 60px;
}
li#bundesland_734561:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/mecklenburg-vorpommern.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_734561 a span {
 left: -79px;
 top: -12px;
}
li#bundesland_24430657 a {
 height: 54px;
 left: 93px;
 top: 39px;
 width: 55px;
}
li#bundesland_24430657:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/brandenburg.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_24430657 a span {
 left: -93px;
 top: -39px;
}
li#bundesland_644901428 a {
 height: 51px;
 left: 79px;
 top: 52px;
 width: 40px;
}
li#bundesland_644901428:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/sachsen_anhalt.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_644901428 a span {
 left: -79px;
 top: -52px;
}
li#bundesland_143461667 a {
 height: 39px;
 left: 99px;
 top: 85px;
 width: 51px;
}
li#bundesland_143461667:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/sachsen.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_143461667 a span {
 left: -99px;
 top: -85px;
}
li#bundesland_138419850 a {
 height: 37px;
 left: 67px;
 top: 87px;
 width: 45px;
}
li#bundesland_138419850:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/thueringen.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_138419850 a span {
 left: -67px;
 top: -87px;
}
li#bundesland_217674711 a {
 height: 55px;
 left: 33px;
 top: 87px;
 width: 38px;
}
li#bundesland_217674711:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/hessen.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_217674711 a span {
 left: -33px;
 top: -87px;
}
li#bundesland_585508540 a {
 height: 70px;
 left: 1px;
 top: 64px;
 width: 58px;
}
li#bundesland_585508540:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/nordrhein_westfalen.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_585508540 a span {
 left: -1px;
 top: -64px;
}
li#bundesland_516052038 a {
 height: 51px;
 left: 4px;
 top: 104px;
 width: 40px;
}
li#bundesland_516052038:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/rheinland_pfalz.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_516052038 a span {
 left: -4px;
 top: -104px;
}
li#bundesland_14632298 a {
 height: 14px;
 left: 7px;
 top: 137px;
 width: 18px;
}
li#bundesland_14632298:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/saarland.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_14632298 a span {
 left: -7px;
 top: -137px;
}
li#bundesland_702357234 a {
 height: 58px;
 left: 26px;
 top: 134px;
 width: 51px;
}
li#bundesland_702357234:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/baden_wuertemberg.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_702357234 a span {
 left: -26px;
 top: -134px;
}
li#bundesland_29472475 a {
 height: 87px;
 left: 52px;
 top: 113px;
 width: 82px;
}
li#bundesland_29472475:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/bayern.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_29472475 a span {
 left: -52px;
 top: -113px;
}
li#bundesland_222716529 a {
 height: 11px;
 left: 118px;
 top: 61px;
 width: 10px;
}
li#bundesland_222716529:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/berlin.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_222716529 a span {
 left: -118px;
 top: -61px;
}
li#bundesland_351545898 a {
 height: 30px;
 left: 46px;
 top: 48px;
 width: 9px;
}
li#bundesland_351545898:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/bremen.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_351545898 a span {
 left: -46px;
 top: -48px;
}
li#bundesland_415960582 {
 z-index: 100;
}
li#bundesland_415960582 a {
 height: 13px;
 left: 65px;
 top: 36px;
 width: 15px;
}
li#bundesland_415960582:hover a {
 background: url("/viomatrix/imgs/gfx/deutschland/hamburg.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
li#bundesland_415960582 a span {
 left: -65px;
 top: -36px;
}
li#bundesland_702357234 a span {
 margin-top: 12px;
}
li#bundesland_29472475 a span {
 margin-top: 24px;
}
li#bundesland_222716529 a span {
 margin-top: 36px;
}
li#bundesland_24430657 a span {
 margin-top: 48px;
}
li#bundesland_351545898 a span {
 margin-top: 60px;
}
li#bundesland_415960582 a span {
 margin-top: 72px;
}
li#bundesland_217674711 a span {
 margin-top: 84px;
}
li#bundesland_734561 a span {
 margin-top: 96px;
}
li#bundesland_392264486 a span {
 margin-top: 108px;
}
li#bundesland_585508540 a span {
 margin-top: 120px;
}
li#bundesland_516052038 a span {
 margin-top: 132px;
}
li#bundesland_14632298 a span {
 margin-top: 144px;
}
li#bundesland_143461667 a span {
 margin-top: 156px;
}
li#bundesland_644901428 a span {
 margin-top: 168px;
}
li#bundesland_336705721 a span {
 margin-top: 180px;
}
li#bundesland_138419850 a span {
 margin-top: 192px;
}
.selectgfx_frame ul { z-index: 2000; }
.editor .detail {
border: 1px solid #eee;
padding: 18px;
position: relative;
width: 945px;
z-index: 1;
}
.editor .detail > img.bigone {
width: 944px;
height: 550px;
margin: 0 0 12px;
}
.editor .galerie, .editor .detail .anythingSlider { margin: 0 0 12px; }
.editor .galerie img.big { display: none; }
.editor .galerie li {
background-image: none;
display: inline-block;
list-style: none;
margin: 0;
}
.editor .galerie li {
width: 159px !important;
}
.editor .detail .anythingSlider-default .arrow {
top: -280px;
}
.editor .detail .anythingSlider .forward { right: -72px; }
.editor .detail .anythingSlider .back { left: -72px; }
.editor .detail a.closelink:link, .editor .detail a.closelink:visited, .editor .detail a.closelink:hover, .editor .detail a.closelink:active, .editor .detail a.closelink:focus {
background-color: #fff;
background-image: url(/viomatrix/imgs/gfx/symbol_schliessen.png);
background-position: center center;
background-repeat: no-repeat;
height: 16px;
position: absolute;
top: 18px;
right: 18px;
text-decoration: none;
width: 18px;
z-index: 1;
}
.schattenlang {
overflow: visible !important;
position: relative;
z-index: 1;
}
.schattenlang:after {
background: url(/viomatrix/imgs/gfx/bg_schatten_lang.png) no-repeat 0 0;
content: "";
display: block;
height: 12px;
position: absolute;
bottom: -12px;
left: 0;
width: 100%;
z-index: 1;
background-size: 100% 100%;
}
.schattenmittel {
overflow: visible !important;
position: relative;
z-index: 1;
}
.schattenmittel:after {
background: url(/viomatrix/imgs/gfx/bg_schatten_mittel.png) no-repeat 0 0;
content: "";
display: block;
height: 12px;
position: absolute;
bottom: -12px;
left: 0;
width: 100%;
z-index: 1;
}
.schattenkurz {
overflow: visible !important;
position: relative;
z-index: 1;
}
.schattenkurz:after {
background: url(/viomatrix/imgs/gfx/bg_schatten_kurz.png) no-repeat 0 0;
content: "";
display: block;
height: 12px;
position: absolute;
bottom: -12px;
left: 0;
width: 100%;
z-index: 1;
}
.editor {
vertical-align: top;
}
#rechts {
max-width: 260px;
padding-top: 8px;
}
#rechts .teaser {
padding: 0;
max-width: 260px;
}
#rechts .teaser .editor > * {
padding: 8px 21px 8px 22px;
}
#rechts .teaser .editor > a {
padding: 0;
}
#rechts .teaser .editor > a > div.linktitle {
padding: 0 11px 8px 22px;
font-size: 20px;
font-weight: 300;
background-image: url("/viomatrix/imgs/gfx/symbol_pfeil_teaser_nach_rechts.png");
background-position: right 6px;
background-repeat: no-repeat;
margin: 0 10px 0 0;
}
#rechts .teaser .editor > img, #rechts .teaser .editor > a > img {
max-width: 260px;
border-bottom-width: 7px;
border-bottom-style: solid;
padding: 0;
}
#rechts .teaser .editor > a > img {
margin-bottom: 10px;
}
#rechts .teaser.ansprechpartner .editor > img, #rechts .teaser.ansprechpartner .editor > a > img {
border-bottom-width: 0;
}
#rechts .teaser.ansprechpartner .editor h2.pre {
border-bottom-width: 0;
}
#rechts .teaser.ansprechpartner .editor .vcard {
border: none;
}
#rechts .teaser.ansprechpartner .editor .vcard span.fn {
font-weight: bold;
}
#rechts .teaser.ansprechpartner .editor .vcard span.telefon {
margin-top: 10px;
}
.editor .element {
border-bottom: 1px solid #878786;
margin-bottom: 40px;
position: relative;
z-index: 1;
}
.editor .element .date {
display: block;
float: right;
font-size: 12px;
line-height: 51px;
margin-right: 20px;
}
.editor .element img {
max-width: 653px;
height: auto;
}
.editor .element > p > img {
margin-bottom: 0;
}
.editor .element > p > img.textpicture[style*="float: left;"] {
margin-right: 2em;
}
.editor .element > p > img.textpicture[style*="float: right;"] {
margin-left: 2em;
}
.editor .element .showdetails {
display: block;
margin-left: 640px;
margin-top: -32px;
position: absolute;
background: url(/viomatrix/imgs/gfx/symbol_mehr.png) no-repeat 0 0;
height: 30px;
right: 10px;
top: 46px;
width: 30px;
cursor: pointer;
}
.editor .element .showdetails:hover {
background-image: url(/viomatrix/imgs/gfx/symbol_mehr_hover.png);
}
.editor .element .showless {
background-image: url(/viomatrix/imgs/gfx/symbol_weniger_hell.png)
}
.editor .element .showless:hover {
background-image: url(/viomatrix/imgs/gfx/icon_minus.png);
}
.editor .element .details {
display: none;
}
#content > .editor {
width: 721px;
max-width: 981px;
min-width: 721px;
}
#content .stellenanzeige .details form p {
margin: 0;
}
#content .stellenanzeige .details form fieldset {
padding: 0 0 20px 0;
}
#content .stellenanzeige .details form input, #content .stellenanzeige .details form textarea {
width: 673px;
margin: 10px 2px 20px 2px;
float: none;
clear: both;
padding-left: 6px;
}
#content .stellenanzeige .details form input.nocontent, #content .stellenanzeige .details form textarea.nocontent {
color: grey;
}
#content .stellenanzeige .details form button {
float: right;
margin: 0 2px;
padding: 4px;
}
#content .stellenanzeige .details form .printit {
float: left;
margin-left: 2px;
}
#content .stellenanzeige .details form .printit .print {
}
#content .stellenanzeige .details form .printit .pdf {
}
#startseite main div.suchergebniss {
 border: 1px solid #e4e4e5;
 margin: 0 0 10px;
 padding: 18px !important;
}
#startseite main .editor div.suchergebniss {
display: block;
}
#startseite main div.suchergebniss h3, 
#startseite main div.suchergebniss h3 a, 
#startseite main div.suchergebniss h3 a:link, 
#startseite main div.suchergebniss h3 a:visited, 
#startseite main div.suchergebniss h3 a:active, 
#startseite main div.suchergebniss h3 a:focus, 
#startseite main div.suchergebniss h3 a:hover {
 border: 0 none;
 color: rgb(0, 88, 166);
 font-family: "Lato","Arial",sans-serif;
 font-size: 16px;
 font-weight: 500;
 margin: 0 0 2px;
 text-decoration: none;
}
#startseite main div.suchergebniss p {
 font-family: "Lato","Arial",sans-serif;
 font-size: 13px;
 margin: 0;
}
#startseite main div.suchergebniss a, 
#startseite main div.suchergebniss a:link, 
#startseite main div.suchergebniss a:visited, 
#startseite main div.suchergebniss a:active, 
#startseite main div.suchergebniss a:focus, 
#startseite main div.suchergebniss a:hover {
 border: 0 none;
 color: rgb(0, 88, 166);
 font-family: "Lato","Arial",sans-serif;
 font-weight: bold;
 text-decoration: none;
}
#startseite main div.suchergebniss i, 
#startseite main div.suchergebniss strong, 
#startseite main div.suchergebniss span {
 }
#langs li {
padding: 0;
}
#startseite .editor .teaser h2.default {
margin: 0;
}
#startseite .teaser:hover {
background-color: #d0d0d0;
}
#langs li a:link, #langs li a:visited, #langs li a:hover, #langs li a:active, #langs li a:focus {
background-size: 13px 10px;
padding: 0 12px;
}
#langs li:hover {
background: url(/viomatrix/imgs/gfx/symbol_pfeil_unten.png) no-repeat 120px 10px, linear-gradient(to right, #92a7be 0%, #afbecd 100%);
}
#langs li {
border-top: 1px solid white;
}
#langs li:first-child {
border-top: none;
}
#langs li:last-child {
padding-bottom: 0;
}
#langs {
padding: 2px 0;
}
footer {
width: 1024px;
margin: 0 auto;
}
#rechts .teaser {
background: url("/viomatrix/imgs/gfx/bg_schatten_kurz.png") no-repeat scroll 0 bottom rgba(234,234,234,234);
border: none;
padding-bottom: 10px;
background-size: 100%;
}
.editor .element .showdetails {
margin-left: 693px;
top: auto;
bottom: 8px;
}
div.showinnerdetails {
background-position: 669px 0;
background-image: url("/viomatrix/imgs/gfx/icon_minus.png");
background-repeat: no-repeat;
height: 28px;
position: absolute;
width: 703px;
margin-left: 0;
bottom: 12px;
right: 4px;
cursor: pointer;
display: block;
}
#content .editor div.gmap {
margin-top: -24px;
}
.editor {
border: 0;
color: rgb(102,102,102);
display: table-cell;
font-family: "Lato", "Arial", sans-serif;
font-size: 13px;
line-height: normal;
margin: 0;
padding: 8px 21px 64px 22px;
}
.editor a:link, .editor a:visited, .editor a:hover, .editor a:active, .editor a:focus { 
color: rgb(0,88,166);
font-size: 1em;
}
.editor a:hover {
text-decoration: underline;
}
.editor h1.default {
font-size: 37px;
font-weight: 300;
line-height: 1.2em;
margin: 0 0 12px;
text-transform: uppercase;
}
.editor h2.trenner {
font-size: 29px;
font-weight: 300;
margin: 0 0 12px;
border-bottom: 1px solid #878786;
}
.editor h2.default {
font-size: 29px;
font-weight: 300;
margin: 0 0 12px;
text-transform: uppercase;
}
.editor h2.normal {
font-size: 29px;
font-weight: 300;
margin: 0 0 12px;
}
.detail h2.normal { margin: 0 0 12px; }
.editor h3.default {
font-size: 16px;
font-weight: 300;
margin: 0 0 2px;
}
.editor h6.default {
font-size: 18px;
font-weight: 300;
margin: 0 0 2px;
}
.editor i, .editor strong, .editor span {
font-size: 1em;
}
.editor img { display: block; }
.editor img.abstandrechts { margin: 0 18px 6px 0; }
.editor img.abstandlinks { margin: 0 0 18px 6px; }
.editor p {
font-size: 16px;
margin: 0 0 24px;
}
.editor p.more {
color: #035aa7; 
font-size: 13px;
margin: 0; 
}
.editor p.more a:link, .editor p.more a:visited, .editor p.more a:hover, .editor p.more a:active, .editor p.more a:focus {
background-image: url(/viomatrix/imgs/gfx/symbol_mehr.png);
background-position: 100% 50%;
background-repeat: no-repeat;
color: #035aa7;
display: block;
padding: 0 21px 0 0;
}
.editor p.less a:link, .editor p.less a:visited, .editor p.less a:hover, .editor p.less a:active, .editor p.less a:focus {
background-image: url(/viomatrix/imgs/gfx/symbol_weniger.png);
background-position: 100% 50%;
background-repeat: no-repeat;
color: #035aa7;
display: block;
padding: 0 21px 0 0;
}
.editor table { 
margin: 0 0 24px;
width: 100%;
}
.editor td, .editor th {
}
.editor td h1, .editor td h2, .editor td h3, .editor td h4, .editor td h5, .editor td h6 {
margin-left: 4px;
}
.editor td p, .editor th p { margin: 0;}
.editor thead th p {}
.editor ol li {
margin: 0 0 0 24px;
font-size: 16px;
}
.editor ul, .editor ol { margin: 0 0 28px; }
.editor ul li {
background-image: url(/viomatrix/imgs/gfx/symbol_listenpunkt.png);
background-position: 4px 8px;
background-repeat: no-repeat;
list-style: none;
padding: 0 0 0 24px;
font-size: 16px;
}
.editor p.align-left { text-align: left; }
.editor p.align-center { text-align: center; }
.editor p.align-right { text-align: right; }
.editor p.align-justify { text-align: justify; }
.editor li.icon_pdf {
background-image: url(/viomatrix/imgs/gfx/symbol_icon_pdf.png);
color: rgb(0,88,166);
margin: 0 0 28px;
padding: 0 0 0 42px;
}
.editor li.icon_pdf:last-child { margin: 0; }
.editor li.icon_pdf a:link, .editor li.icon_pdf a:visited, .editor li.icon_pdf a:hover, .editor li.icon_pdf a:active, .editor li.icon_pdf a:focus {
background-image: url(/viomatrix/imgs/gfx/symbol_pfeil_blau_runter.png);
background-position: 100% 80%;
background-repeat: no-repeat;
color: rgb(0,88,166);
display: block;
font-size: 13px;
padding: 0 18px 0 0;
}
.editor span.telefon {
background-image: url(/viomatrix/imgs/gfx/icon_telefon.png);
background-position: left center;
background-repeat: no-repeat;
display: inline-block;
padding-left: 21px;
}
.editor span.email, .editor a[rel="email"]:link, .editor a[rel="email"]:visited, .editor a[rel="email"]:hover, .editor a[rel="email"]:active, .editor a[rel="email"]:focus {
background-image: url(/viomatrix/imgs/gfx/icon_email.png);
background-position: left center;
background-repeat: no-repeat;
color: #625a58 !important;
display: inline-block;
font-size: 1em !important;
padding-left: 21px;
}
.editor span.fax {
background-image: url(/viomatrix/imgs/gfx/icon_fax.png);
background-position: left center;
background-repeat: no-repeat;
display: inline-block;
padding-left: 21px;
}
.editor a.pfeilrechts:link, .editor a.pfeilrechts:visited, .editor a.pfeilrechts:hover, .editor a.pfeilrechts:active, .editor a.pfeilrechts:focus {
position: relative;
z-index: 1;
}
.editor a.pfeilrechts:link:after, .editor a.pfeilrechts:visited:after, .editor a.pfeilrechts:hover:after, .editor a.pfeilrechts:active:after, .editor a.pfeilrechts:focus:after {
background-image: url(/viomatrix/imgs/gfx/symbol_pfeil_grau2_rechts.png);
background-position: 100% 50%;
background-repeat: no-repeat;
color: transparent;
content: ".";
display: block;
padding: 0 0 0 16px;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.editor a.linkedin:link, .editor a.linkedin:visited, .editor a.linkedin:hover, .editor a.linkedin:active, .editor a.linkedin:focus {
background-image: url(/viomatrix/imgs/gfx/symbol_linkedin.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
padding-left: 21px;
}
.editor table.cert {
}
.editor table.cert tbody tr:nth-child(even) td {
padding: 15px 15px 0 0;
}
.editor table.cert tbody tr:nth-child(even) td > * {
background-color: #EBECEC;
font-size: 14px;
padding: 0 15px 0 15px;
width: 193px;
}
.editor table.cert tbody tr:nth-child(even) td > *:first-child {
padding-top: 15px;
}
.editor table.cert tbody tr:nth-child(even) td > *:last-child {
padding-bottom: 15px;
}
.editor table.cert tbody tr:nth-child(even) td > h3 {
margin: 0;
font-size: 22px;
padding-bottom: 5px;
}
.contact { width: auto; }
.contact p {
padding-top: 20px;
clear: left;
font-size: 16px;
}
.contact button {
background-color: #88898C;
background-repeat: no-repeat;
color: #fff;
font-size: 16px;
margin-left: 200px;
padding: 2px 0 3px;
text-align: center;
width: 150px;
float: right;
margin-right:17px;
margin-top: 20px;
cursor: pointer;
}
.contact input, .contact select, .contact textarea {
background-color: white;
border: 1px solid #eaeaea;
color: #1a1a18;
display: block;
float: left;
font-size: 16px;
margin: 0 0 20px;
padding: 3px 2px 4px;
width: 562px;
}
.contact input:after, .contact textarea:after {
color: #fff;
content: ".";
display: block;
clear: both;
font-size: 1px;
height: 1px;
visibility: hidden;
}
.contact input.checkbox, .contact input.radio {
border: 0;
display: inline;
float: none;
width: auto;
}
.contact input.checkbox:after, .contact input.radio:after {
display: none;
}
.contact select {
background-color: #fff;
height: 22px;
padding: 0;
width: 240px;
}
.contact textarea { height: 140px; }
.contact input.checkbox { width: auto; }
.contact label {
clear: left;
display: block;
float: left;
font-size: 16px;
font-weight: normal;
width: 130px;
padding: 4px 0 0;
}
.contact label.missing span {
background-color: #b9272d;
color: #fff;
}
.contact label.checkbox, .contact label.radio {
display: inline;
float: none;
padding-left: 12px;
}
.contact input.datum { width: 64px; }
.contact fieldset {
padding: 12px 12px 12px 0;
}
.editor .media_gallery { margin: 0; }
.editor .media_gallery:after {
color: #fff;
content: ".";
display: block;
clear: both;
font-size: 1px;
height: 1px;
visibility: hidden;
}
.editor .media_gallery a:link, .editor .media_gallery a:visited, .editor .media_gallery a:hover, .editor .media_gallery a:active, .editor .media_gallery a:focus {
border: 0;
display: block;
position: relative;
z-index: 1;
}
.editor .media_gallery a:link span, .editor .media_gallery a:visited span, .editor .media_gallery a:hover span, .editor .media_gallery a:active span, .editor .media_gallery a:focus span {
background-image: url(/viomatrix/imgs/gfx/symbol_gallery_zoom.png);
bottom: 10px;
display: block;
height: 25px;
right: 11px;
position: absolute;
width: 29px;
z-index: 5;
}
.editor .media_gallery li {
display: inline;
float: left;
list-style: none;
margin: 0 40px 0 0;
padding: 0;
width: 321px;
}
.editor .media_gallery li.break { margin: 0; }
.editor .media_slideshow {
background-color: #eaeaea;
border: 10px solid #eaeaea;
}
.editor .media_slideshow:after {
color: #fff;
content: ".";
display: block;
clear: both;
font-size: 1px;
height: 1px;
visibility: hidden;
}
.editor .media_slideshow a:link, .editor .media_slideshow a:visited, .editor .media_slideshow a:hover, .editor .media_slideshow a:active, .editor .media_slideshow a:focus,
.editor .media_slideshow ul li:first-child {
background-image: url(/viomatrix/imgs/gfx/symbol_slideshow_trennlinie.png);
background-repeat: repeat-y;
background-position: 100% 100%;
border: 0;
display: block;
position: relative;
z-index: 1;
}
.editor .media_slideshow ul li:first-child {
background-position: 0 0;
display: inline;
}
.editor .media_slideshow > li:first-child > a:link, .editor .media_slideshow > li:first-child > a:visited, .editor .media_slideshow > li:first-child > a:hover, .editor .media_slideshow > li:first-child > a:active, .editor .media_slideshow > li:first-child > a:focus {
background-image: url(/viomatrix/imgs/gfx/symbol_slideshow_pfeil_links.png);
background-position: 0 0;
background-repeat: no-repeat;
height: 76px;
padding: 0 9px 0 0;
width: 25px;
}
.editor .media_slideshow .media_slideshow_pfeil_rechts a:link, .editor .media_slideshow .media_slideshow_pfeil_rechts a:active, .editor .media_slideshow .media_slideshow_pfeil_rechts a:hover, .editor .media_slideshow .media_slideshow_pfeil_rechts a:visited, .editor .media_slideshow .media_slideshow_pfeil_rechts a:focus {
background-image: url(/viomatrix/imgs/gfx/symbol_slideshow_pfeil_rechts.png);
background-repeat: no-repeat;
height: 76px;
padding: 0 0 0 9px;
width: 25px;
}
.editor .media_slideshow ul a:link, .editor .media_slideshow ul a:visited, .editor .media_slideshow ul a:hover, .editor .media_slideshow ul a:active, .editor .media_slideshow ul a:focus {
padding: 0 9px;
}
.editor .media_slideshow a:link span, .editor .media_slideshow a:visited span, .editor .media_slideshow a:hover span, .editor .media_slideshow a:active span, .editor .media_slideshow a:focus span {
background-image: url(/viomatrix/imgs/gfx/symbol_slideshow_zoom.png);
bottom: 0;
display: block;
height: 25px;
right: 9px;
position: absolute;
width: 29px;
z-index: 5;
}
.editor .media_slideshow img { border: 0; }
.editor .media_slideshow li {
display: inline;
float: left;
list-style: none;
margin: 0;
}
div.suchergebniss {
 border: 1px solid #e4e4e5;
 margin: 0 0 10px;
 padding: 18px !important;
}
div.suchergebniss p {
 margin: 0;
 font-family: "Lato", "Arial", sans-serif;
 font-size: 13px;
}
div.suchergebniss h3, div.suchergebniss h3 a, div.suchergebniss h3 a:link, div.suchergebniss h3 a:visited, div.suchergebniss h3 a:active, div.suchergebniss h3 a:focus, div.suchergebniss h3 a:hover {
 border: 0 none;
 font-family: "Lato", "Arial", sans-serif;
 text-decoration: none;
 color: rgb(0,88,166);
 font-size: 16px;
 font-weight: 500;
 margin: 0 0 2px;
}
div.suchergebniss h3 a:hover, div.suchergebniss a:hover {
 text-decoration: underline;
}
div.suchergebniss a, div.suchergebniss a:link, div.suchergebniss a:visited, div.suchergebniss a:active, div.suchergebniss a:focus, div.suchergebniss a:hover {
 border: 0 none;
 color: rgb(0,88,166);
 font-family: "Lato", "Arial", sans-serif;
 font-weight: bold;
 text-decoration: none;
}
input, select, textarea {
 background-color: #EAEAEA;
 border: 1px solid #534741;
 color: #534741;
 display: block;
 font-family: "Trebuchet MS","Times New Roman",sans-serif;
 font-size: 1.1em;
 margin: 0 0 9px;
 padding: 3px 2px 4px;
}
button {
 background-color: transparent;
 color: #fff;
 display: inline;
 font-family: "Trebuchet MS","Times New Roman",sans-serif;
 font-size: 1.1em;
}
input:focus, select:focus, textarea:focus {
 background-color: #FFF;
}
#nebenmenu1 li, #nebenmenu2 li {
 margin-right: 5px;
}
div.copyright {
 text-align: center;
 display: none;
}
.selectgfx_frame {
height: auto !important;
overflow: visible !important;
padding: 0 !important;
position: relative !important;
z-index: 10;
}
.selectgfx_frame p {
margin: 0 !important;
position: relative;
z-index: 10;
}
.selectgfx_frame ul {
display: none;
line-height: normal;
margin: 0;
padding: 0;
position: absolute;
top: 23px;
left: 0;
overflow: hidden;
overflow-y: auto;
max-height: 120px;
width: 100%;
z-index: 20;
}
.selectgfx_frame ul ul {
display: block;
padding: 0 0 0 20px;
max-height: none;
overflow: visible;
position: static;
}
.selectgfx_frame li {
border-right: 1px solid #534741;
list-style: none;
margin: 0 !important;
padding: 0 !important;
}
.selectgfx_frame li li { border: 0; }
.selectgfx_frame ul.selectgfx_showlist { display: block; }
.selectgfx_frame span { line-height: 2em; }
.selectgfx_frame span.selectgfx_multicheck, .selectgfx_frame span.selectgfx_radiocheck {
cursor: pointer;
display: block;
float: left;
font-size: 1px;
height: 12px;
margin: 4px 4px 0;
width: 12px;
}
.selectgfx_frame span.selectgfx_multicheck_group {
display: block;
}
.selectgfx_frame span.selectgfx_multicheck_group_check {
cursor: pointer;
padding-left: 22px;
}
.selectgfx_frame span.selectgfx_multicheck_group_selected {
background-color: red;
}
.selectgfx_frame .selectgfx_multilist {
position: relative;
top: -26px;
}
.selectgfx_frame .selectgfx_multiselect {
border-top: 0;
top: 25px;
}
.selectgfx_frame p, .selectgfx_frame ul {
background-color: #EAEAEA;
border: 1px solid #534741;
border-left: 0;
}
.selectgfx_frame ul { 
border: 0;
}
.selectgfx_frame > ul {
border-bottom: 1px solid #534741;
}
.selectgfx_frame .selectgfx_multilist {
border-top: 1px solid #534741;
}
.selectgfx_frame ul ul {
background-color: transparent;
border: 0;
}
.selectgfx_frame a.selectgfx_title:link, .selectgfx_frame a.selectgfx_title:visited, .selectgfx_frame a.selectgfx_title:hover, .selectgfx_frame a.selectgfx_title:active, .selectgfx_frame a.selectgfx_title:focus {
background-image: url(/viomatrix/imgs/gfx/symbol_bullet_arrow_down.png);
background-position: 98% 50%;
background-repeat: no-repeat;
cursor: pointer;
}
.selectgfx_frame a.selectgfx_title:hover {
background-image: url(/viomatrix/imgs/gfx/symbol_bullet_arrow_down_red.png);
}
.selectgfx_frame ul a.selectgfx_title:link, .selectgfx_frame ul a.selectgfx_title:visited, .selectgfx_frame ul a.selectgfx_title:hover, .selectgfx_frame ul a.selectgfx_title:active, .selectgfx_frame ul a.selectgfx_title:focus {
background-image: none;
}
.selectgfx_frame a.selectgfx_title:link, .selectgfx_frame a.selectgfx_title:visited, .selectgfx_frame a.selectgfx_title:hover, .selectgfx_frame a.selectgfx_title:active, .selectgfx_frame a.selectgfx_title:focus, 
.selectgfx_frame a:link, .selectgfx_frame a:visited, .selectgfx_frame a:hover, .selectgfx_frame a:active, .selectgfx_frame a:focus,
.selectgfx_frame span.selectgfx_multicheck_group_check {
border-left: 1px solid #534741 !important;
border-bottom: 0;
color: #534741;
display: block;
font-size: 11px;
padding: 4px 2px 4px 6px;
width: auto !important;
}
.selectgfx_frame ul ul {
border-left: 1px solid #534741;
}
.selectgfx_frame ul ul a.selectgfx_title:link, .selectgfx_frame ul ul a.selectgfx_title:visited, .selectgfx_frame ul ul a.selectgfx_title:hover, .selectgfx_frame ul ul a.selectgfx_title:active, .selectgfx_frame ul ul a.selectgfx_title:focus, 
.selectgfx_frame ul ul a:link, .selectgfx_frame ul ul a:visited, .selectgfx_frame ul ul a:hover, .selectgfx_frame ul ul a:active, .selectgfx_frame ul ul a:focus {
border: 0 !important;
}
.selectgfx_frame span.selectgfx_multicheck_group_check {
padding: 0;
}
.selectgfx_frame .selectgfx_mark a:link, .selectgfx_frame .selectgfx_mark a:visited, .selectgfx_frame .selectgfx_mark a:hover, .selectgfx_frame .selectgfx_mark a:active, .selectgfx_frame .selectgfx_mark a:focus {
}
.selectgfx_frame a:hover, .selectgfx_frame li:hover > a:link, .selectgfx_frame li:hover > a:visited, .selectgfx_frame li:hover > a:hover, .selectgfx_frame li:hover > a:active, .selectgfx_frame li:hover > a:focus,
.selectgfx_frame span.selectgfx_multicheck_group:hover {
text-decoration: underline;
}
.selectgfx_frame a.selectgfx_activeitem:link, .selectgfx_frame a.selectgfx_activeitem:visited, .selectgfx_frame a.selectgfx_activeitem:hover, .selectgfx_frame a.selectgfx_activeitem:active, .selectgfx_frame a.selectgfx_activeitem:focus {
}
.selectgfx_frame span.selectgfx_multicheck {
border: 1px solid #534741;
}
.selectgfx_frame span.selectgfx_radiocheck {
border: 1px solid #534741;
border-radius: 8px;
}
.selectgfx_frame li.selectgfx_halfactiveitem > span.selectgfx_multicheck {
background-color: red;
}
.selectgfx_frame span.selectgfx_multicheck_marked, .selectgfx_frame li.selectgfx_activeitem > span.selectgfx_multicheck {
background-color: #534741;
}
.selectgfx_frame span.selectgfx_radiocheck_marked, .selectgfx_frame .selectgfx_mark span.selectgfx_radiocheck {
background-color: #534741;
}
.selectgfx_frame span.selectgfx_multiclapp {
border: 1px solid green;
cursor: pointer;
display: block;
float: left;
height: 6px;
margin: 7px 0 0 3px;
width: 6px;
}
.selectgfx_frame li.selectgfx_multiclapp_hide span.selectgfx_multiclapp {
border: 1px solid yellow;
}
.selectgfx_frame li.selectgfx_multiclapp_hide ul { display: none; }
.flyoutbg {
 background-color: #000;
 height: 100%;
 opacity: 0.8;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 50;
}
* html .flyoutbg {
 position: absolute;
 z-index: 1000;
}
.flyoutframe {
 height: 100px;
 position: fixed;
 top: 50%;
 left: 50%;
 margin-top: -50px;
 margin-left: -50px;
 overflow-x: hidden;
 overflow-y: auto;
 width: 100px;
 z-index: 60;
}
* html .flyoutframe {
 position: absolute;
}
.flyoutframe h1 {
background-color: #000;
color: #fff;
 display: none;
font-size: 12px;
font-weight: bold;
padding: 9px 20px 6px 10px;
margin: 0;
white-space: nowrap;
}
.flyoutframe h1#artikeldetail_title { display: none; }
.flyoutframe h1.header {
position: relative;
top: -24px;
left: -24px;
width: 701px;
}
.flyoutframe .flyoutcontent {
 background-color: #fff;
 padding: 10px;
}
.flyoutframe a.closeFlyout:link, .flyoutframe a.closeFlyout:visited, .flyoutframe a.closeFlyout:hover, .flyoutframe a.closeFlyout:active, .flyoutframe a.closeFlyout:focus {
 background-image: url(/viomatrix/imgs/gfx/icon_shop_warenkorb_entfernen.png);
 background-repeat: no-repeat;
 background-position: 0 0;
 position: absolute;
 z-index: 9990;
 right: 28px;
 top: 8px;
 outline: 0;
 width: 20px;
 height: 20px;
 display: block;
 text-decoration: none;
 color: #fff;
}
.flyoutframe .flyoutcontent p {
font-size: 14px;
}
.flyoutframe p.closeFlyout {
 margin: 4px 0;
 text-align: center;
}
.flyoutframe a.closeFlyout_ok:link, .flyoutframe a.closeFlyout_ok:visited, .flyoutframe a.closeFlyout_ok:hover, .flyoutframe a.closeFlyout_ok:active, .flyoutframe a.closeFlyout_ok:focus {
 /*background-image: url(/viomatrix/imgs/gfx/ok.gif);*/
 background-position: 0 0;
 background-repeat: no-repeat;
 display: inline;
 font-size: 13px;
 font-weight: bold;
 margin: 0 auto;
 padding: 0 24px;
 text-decoration: none;
}
.flyoutframe a.closeFlyout_ok:hover {
 text-decoration: underline;
}
.flyoutframe a.closeFlyout_notok:link, .flyoutframe a.closeFlyout_notok:visited, .flyoutframe a.closeFlyout_notok:hover, .flyoutframe a.closeFlyout_notok:active, .flyoutframe a.closeFlyout_notok:focus {
 /*background-image: url(/viomatrix/imgs/gfx/error.png);*/
 background-position: 0 0;
 background-repeat: no-repeat;
 display: inline;
 font-size: 13px;
 font-weight: bold;
 padding: 0 24px;
 text-decoration: none;
}
.flyoutframe a.closeFlyout_notok:hover {
 text-decoration: underline;
}
.flyoutscrollY {
 overflow-y: scroll;
}
.flyouttransparency {
 opacity: 0.2;
}
.flyout_overlay {
 background-image: url(/viomatrix/imgs/gfx/blank.gif);
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 10000;
}
#artikeldetail_content { min-height: 420px; }
#confirm_content {
 height: auto;
}
#confirm_content p {
 padding: 8px;
}
.flyoutframe .flyoutcontent iframe {
height: 100%;
width: 100%;
}
#shop_warenkorb_flyout_title, #confirm_title { display: block; }
.editor .gmap p {
font-size: 12px;
margin: 0;
}
#headpic li.textpos127390719 div {
left: 460px;
top: 124px;
}#headpic li.textpos849849986 div {
left: 42px;
top: 93px;
}#headpic li.textpos379712154 div {
left: 42px;
top: 230px;
width: 400px;
}#headpic li.textpos885583502 div {
left: 42px;
top: 145px;
}#headpic li.textpos43150785 div {
left: 42px;
top: 85px;
}#headpic li.textpos164984551 div {
left: 42px;
top: 86px;
}
.ansprechpartner h2 {
font-weight: 300;
border-bottom: 2px solid #878786;
padding: 10px 0 3px 0px;
font-size: 20px;
margin-top: 25px;
}
.ansprechpartner h2:first-child {
margin-top: 0;
}
.ansprechpartner .vcard {
display: block;
border: none;
position: relative;
background-color: transparent;
width: 714px;
border-bottom: 1px solid #878786;
min-height: 60px;
padding: 10px 0;
margin: 0;
}
.ansprechpartner .vcard > span {
font-size: 14px;
display: block;
}
.ansprechpartner .vcard > span.contact {
float: right;
width: 200px;
}
.editor.stellenanzeige .element {
border-bottom: none;
margin-bottom: 15px;
background-color: #E7E7E8;
}
.editor.stellenanzeige .element .date {
display: none;
}
.editor.stellenanzeige .element img {
max-width: 721px;
height: auto;
border-bottom: 1px solid white;
margin-bottom: 5px;
margin-left: -15px;
margin-right: -15px;
}
.editor.stellenanzeige .element > p {
font-size: 24px;
line-height: 1.2em;
margin: 0;
padding: 12px 15px;
}
.editor.stellenanzeige .element > p > img {
margin-bottom: 0;
}
.editor.stellenanzeige .element .showdetails {
top: 0;
left: 0;
width: 720px;
height: 54px;
margin: 0;
background: url(/viomatrix/imgs/gfx/symbol_mehr.png) no-repeat scroll 683px center rgba(0,0,0,0);
bottom: auto;
}
.editor.stellenanzeige .element .showdetails:hover {
background-image: url(/viomatrix/imgs/gfx/symbol_mehr_hover.png);
}
.editor.stellenanzeige .element .showless {
background-image: url(/viomatrix/imgs/gfx/icon_minus.png);
}
.editor.stellenanzeige .element .showless:hover {
background-image: url(/viomatrix/imgs/gfx/icon_minus.png);
}
.editor.stellenanzeige .element .details {
display: none;
padding: 0 15px 28px;
}
.editor.stellenanzeige .element .details h6 {
font-weight: bold;
margin-top: 15px;
}
#content > .editor.stellenanzeige {
width: 721px;
max-width: 981px;
}
.editor.stellenanzeige .element .showdetails {
margin-left: 0;
}
.editor.stellenanzeige .element .details .printit a {
background-color: #fff;
color: #000;
padding: 8px 8px 8px 32px;
margin-right: 10px;
background-image: url("/viomatrix/imgs/gfx/pdficon.png");
background-repeat: no-repeat;
background-position: 6px center;
}
.editor.stellenanzeige .element .details .printit a.print {
background-image: url("/viomatrix/imgs/gfx/printicon.png");
padding: 8px 8px 8px 42px;
}
.editor.stellenanzeige .element:hover, .editor.stellenanzeige .element:active {
}
#content .editor.stellenanzeige .element .details form button {
padding: 4px;
margin: -7px 2px 0;
}
.editor.produkte .element {
border-bottom: none;
margin-bottom: 15px;
background-color: #E7E7E8;
}
.editor.produkte .element .date {
display: none;
}
.editor.produkte .element img {
max-width: 721px;
height: auto;
border-bottom: 1px solid white;
padding-bottom: 5px;
margin-bottom: 5px;
margin-left: -15px;
margin-right: -15px;
}
.editor.produkte .element > p {
font-size: 24px;
margin: 0;
padding: 15px;
line-height: 16px;
}
.editor.produkte .element > p > img {
margin-bottom: 0;
}
.editor.produkte .element .showdetails {
top: 0;
left: 0;
width: 720px;
height: 47px;
margin: 0;
background: url(/viomatrix/imgs/gfx/symbol_mehr.png) no-repeat scroll 683px center rgba(0,0,0,0);
bottom: auto;
}
.editor.produkte .element .showdetails:hover {
background-image: url(/viomatrix/imgs/gfx/symbol_mehr_hover.png);
}
.editor.produkte .element .showless {
background-image: url(/viomatrix/imgs/gfx/icon_minus.png);
}
.editor.produkte .element .showless:hover {
background-image: url(/viomatrix/imgs/gfx/icon_minus.png);
}
.editor.produkte .element .details {
display: none;
padding: 0 15px 0px 0px;
background-color: #fff;
border: 1px solid #E7E7E8;
}
.editor.produkte .element .details img {
margin: 0px 0px 15px 0px;
}
.editor.produkte .element .details table {
margin:0;
}
.editor.produkte .element .details > p {
margin:0;
padding:0;
}
.editor.produkte .element .details table tbody tr td {
width:241px;
max-width:241px;
min-width:241px;
padding:15px 15px 0 15px;
}
.editor.produkte .element .details h6 {
font-weight: bold;
margin-top: 15px;
}
#content > .editor.produkte {
width: 721px;
max-width: 981px;
}