* {
border: 0;
color: #000;
font-family: Helvetica, sans-serif;
font-size: 14px;
line-height: normal;
margin: 0;
padding: 0;
}
html {
height: 100%;
overflow-y: scroll;
}
body {
background-color: #e6e6e6;
background-image: url(viomatrix/imgs/gfx/bg_body.png);
background-repeat: repeat-x;
height: 100%;
}
button { cursor: pointer; }
table { border-collapse: collapse; }
td, th {
vertical-align: top;
text-align: left;
}
.antifloat, #content div.antifloat {
clear: both;
float: none;
height: 1px;
overflow: hidden;
visibility: hidden;
line-height: 1px;
padding:0px;
margin: 0px;
}
#head {
background-color: #fff;
clear: both;
float: none;
height: 251px;
margin: 0 auto;
padding: 11px 0 20px;
width: 1001px;
}
#head:after {
color: #fff;
content: ".";
display: block;
clear: both;
font-size: 1px;
height: 1px;
visibility: hidden;
}
#head img {
float: left;
margin: 0 9px 0 -1px;
position: relative;
z-index: 1;
}
#head img#logo {
margin: 45px 0 0 9px;
position: relative;
z-index: 2;
}
#menu {
margin: 42px 0 20px 17px;
width: 212px;
padding: 0px;
}
#menu li {
display: block;
list-style: none;
}
#menu li a:link, #menu li a:visited, #menu li a:hover, #menu li a:active, #menu li a:focus {
background-image: url(viomatrix/imgs/gfx/bg_menu_item.png);
background-position: 0 0;
background-repeat: repeat-y;
display: block;
margin: 0 11px;
padding: 0px 0px 0 45px;
text-decoration: none;
}
/* laut Anweisungen so gewollt, aber in PSD nicht einsehbar , vorerst Kommentar, wenn aktiv dann Angaben im nächsten CSS löschen
#menu li a:hover span {
color: #1d56a6;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#menu li a:visited span {
color: #000000;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
*/
#menu li a:link span, #menu li a:active span, #menu li a:focus span, #menu li a:visited span, #menu li a:hover span {
border-top: 2px solid transparent;
color: #1d68a6;
display: block;
font-size: 14px;
padding: 6px 0 4px 5px;
}
#menu li.active a:link, #menu li.active a:visited, #menu li.active a:hover, #menu li.active a:active, #menu li.active a:focus, #menu li a:hover {
background-image: url(viomatrix/imgs/gfx/bg_menu_item_aktiv.png);
background-position: 0 2px;
background-repeat: no-repeat;
}
#menu li.active a:link span, #menu li.active a:visited span, #menu li.active a:hover span, #menu li.active a:active span, #menu li.active a:focus span {
background-color: #1d68a6;
border-top: 1px solid #d2dfec;
border-bottom: 1px solid #d2dfec;
color: #fff;
font-weight: bold;
}
#menu li.active li a:link, #menu li.active li a:visited, #menu li.active li a:hover, #menu li.active li a:active, #menu li.active li a:focus {
background-image: url(viomatrix/imgs/gfx/bg_menu_item.png);
background-position: 0 0;
background-repeat: repeat-y;
}
#menu li.active li a:link span, #menu li.active li a:visited span, #menu li.active li a:active span, #menu li.active li a:focus span {
background-color: transparent;
border: 0;
color: #1d68a6;
font-weight: normal;
}
#menu li.active li a:hover span {
background-color: transparent;
border: 0;
color: #1d68a6;
font-weight: bold;
}
#menu li li a:hover {
background-image: url(viomatrix/imgs/gfx/bg_menu_item_aktiv.png) !important;
background-position: 0 2px !important;
background-repeat: no-repeat !important;
}
#menu li li a:link span, #menu li li a:visited span, #menu li li a:hover span, #menu li li a:active span, #menu li li a:focus span {
font-size: 12px;
padding: 2px 0 2px 24px;
}
#menu li li a:hover span {
color: #1D68A6 !important;
font-weight: bold;
}
#menu li li a:link span, #menu li li a:visited span, #menu li li a:active span, #menu li li a:focus span, #menu li li a:hover span {
background-color: transparent;
border: 0;
color: #1d68a6;
}
#menu li li.active a:link span, #menu li li.active a:visited span, #menu li li.active a:hover span, #menu li li.active a:active span, #menu li li.active a:focus span, #menu li li.active a:hover span {
font-weight: bold;
}
#menu li li li a:link span, #menu li li li a:visited span, #menu li li li a:active span, #menu li li li a:focus span {
padding-left: 45px;
}
#menu li li li a:hover span {
color: #1D68A6 !important;
font-weight: bold;
}
/* Microformats */
.vcard {
background-color: #eaeaea;
border: 1px dashed #4d4d4d;
display: none;
padding: 5px 3px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.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; }
#wrapper {
background-color: #fff;
background-image: url(viomatrix/imgs/gfx/bg_content.png);
background-position: bottom left;
background-repeat: no-repeat;
margin: 0 auto;
width: 1000px;
}
#wrapper:after {
color: #fff;
content: ".";
display: block;
clear: both;
font-size: 1px;
height: 1px;
visibility: hidden;
}
#menuleft {
float: left;
width: 300px;
padding-bottom:214px;
}
#menuleft .teaser {
margin: 40px 0 0 28px;
width: 205px;
}
/* Div für Bild */
.bild {
margin: 25px 0 0px 0;
}
/* Menu Rechts Anfang - neu einfügen */
#menuright {
float: right;
width: 180px;
padding-bottom:214px;
}
#menuright .teaser {
margin-top: 40px;
margin: 40px 0 0 0px;
width: 180px;
}
#menuright p {
color: #1d68a6;
font-size: 12px;
margin: 0 26px 12px 0px;
}
#menuright p strong { 
color: #1d68a6;
font-weight: bold;
}
#menuright p:first-child {
margin: 0 0 22px;
}
#menuright p.separator {
background-image: url(viomatrix/imgs/gfx/symbol_separator.png);
background-repeat: repeat-x;
border: 0;
height: 3px;
line-height: 3px;
}
#menuright img {
margin: 0px 0 20px 0;
}
/* Ende Menu Rechts */
#content {
float: left;
width: 440px;
margin-bottom: 120px;
}
#content div {
padding: 26px 0 140px 0;
}
#navigationspath {
color: #000;
font-size: 13px;
}
#navigationspath a:link, #navigationspath a:visited, #navigationspath a:hover, #navigationspath a:active, #navigationspath a:focus {
color: #000;
font-size: 1.1em;
text-decoration: none;
font-weight: bold; /* in der PSD normal */
}
#navigationspath a.active { font-weight: bold; }
#navigationspath a:hover { text-decoration: underline; }
#navigationspath strong {
color: #000;
font-size: 1em;
font-weight: normal;
}
table.tablecontent, .editor table.tablecontent {
margin: 0 0 12px;
width: 100%;
}
table.tablecontent td, table.tablecontent th {
background-color: transparent;
border: 0;
font-size: 14px;
}
table.tablecontent td.links {
padding: 0 36px 0 0;
width: 202px;
}
#footer {
background-image: url(viomatrix/imgs/gfx/bg_footer.png);
background-repeat: repeat-x;
clear: both;
float: none;
margin: 20px auto 0px auto;
padding: 162px 0 8px;
position: relative;
top: -232px;
width: 979px;
}
#footer p {
color: #fff;
font-size: 14px;
text-align: center;
}
#nebenmenu1 { text-align: center; }
#nebenmenu1 li {
color: #fff;
display: inline;
font-size: 14px;
list-style: none;
}
#nebenmenu1 a:link, #nebenmenu1 a:visited, #nebenmenu1 a:hover, #nebenmenu1 a:active, #nebenmenu1 a:focus, 
#nebenmenu2 a:link, #nebenmenu2 a:visited, #nebenmenu2 a:hover, #nebenmenu2 a:active, #nebenmenu2 a:focus {
color: #fff;
font-size: 14px;
text-decoration: none;
}
#nebenmenu1 a:hover {
text-decoration: underline;
}
input, select, textarea {
 background-color: #EAEAEA;
 border: 1px solid #534741;
 color: #534741;
 display: block;
 margin: 0 0 9px;
 padding: 3px 2px 4px;
}
button {
 background-color: transparent;
 color: #FFFFFF;
 display: inline;
 font-family: "Trebuchet MS","Times New Roman",sans-serif;
 font-size: 1.1em;
}
/* Kontaktformular */
.editor .contact { width: 440px; 
padding: 0 0 0 0px; }
.editor .contact button {
background-color: transparent;
background-image: url(viomatrix/imgs/gfx/bg_button_kontaktformular.png);
background-repeat: no-repeat;
color: #000000;
font-size: 1.3em;
margin-left: 150px;
padding: 3px 0 3px;
text-align: center;
width: 111px;
font-family: Helvetica;
font-size: 14px;
font-weight: bold;
float: right;
}
.editor .contact input, .contact select, .contact textarea {
background-color: #FFF;
border: 1px solid #1D68A6;
color: #1D68A6;
display: block;
float: left;
font-family: Helvetica;
font-size: 14px;
margin: 0 0 9px;
padding: 3px 2px 4px;
width: 270px;
resize: none;
}
.editor .contact input:after, .contact select:after, .contact textarea:after {
color: #FFF;
content: ".";
display: block;
clear: both;
font-size: 1px;
height: 1px;
visibility: hidden;
}
.editor .contact p.inline {
display: inline;
font-weight: bold;
color: #1D68A6;
float: left;
width: 30px;
}
.editor .contact select {
background-color: #FFF;
height: 22px;
padding: 0;
width: 200px;
}
.editor .contact textarea { height: 110px; }
.editor .contact input.checkbox { width: auto; }
.editor .contact label {
color: #1D68A6;
clear: left;
display: block;
float: left;
font-family: Helvetica;
font-size: 14px;
font-weight: bold;
width: 130px;
}
.editor .contact label span {
color: #1D68A6;
}
.editor .contact input.plz {
width: 52px;
float: left;
margin-right: 10px;
}
.contact input.ort { width: 172px; }
#nebenmenu1 li p {display: inline; }
ul#quickmenu {
width:510px;
}
ul#quickmenu li {
float:left;
clear:none;
padding:0 70px 40px 0;
margin:0px;
width:185px;
height:205px;
overflow:hidden;
}
ul#quickmenu li a.image {
border:5px solid #1D68A6;
padding:17px 17px 17px 18px;
width:140px;
height:140px;
display:block;
}
ul#quickmenu li:hover a.image {
border:22px solid #1D68A6;
border-left:23px solid #1D68A6;
padding:0px;
background-color:#fff;
}
ul#quickmenu li a img {
border:5px solid #1D68A6;
}
ul#quickmenu li a {
color: #1D68A6;
font-family: Helvetica black;
font-size: 16px;
font-weight: bold;
line-height: 25px;
text-decoration: none;
}
.editor a, .editor a:link,.editor a:visited, .editor a:hover, .editor a:active, .editor a:focus {
color:rgb(44,156,249);
font-size: 1em;
text-decoration: underline;
}
.editor h1.blue {
background-image: url(viomatrix/imgs/gfx/bg_uebe.png);
background-position:left bottom;
background-repeat: repeat-x;
color: #1d68a6;
font-size: 20px;
font-weight: bold;
margin: 0 0 12px;
padding: 0 0 8px;
}
.editor h1.default {
color: #1D68A6;
font-size: 28px;
font-weight: normal;
}
.editor h2.default {
color: #000;
font-size: 20px;
font-weight: bold;
line-height: 26px;
}
.editor h3.default {
color: #575757;
font-size: 18px;
font-weight: bold;
line-height: 26px;
}
.editor h4.default {
color: #f00;
font-size: 18px;
font-weight: normal;
line-height:26px;
}
.editor h5.default {
color: #1d68a6;
font-size: 16px;
font-weight: normal;
line-height:26px;
}
.editor h6.default {
color: #0012ff;
font-size: 14px;
font-weight: normal;
line-height:26px;
}
.editor i, .editor strong, .editor span {
color: inherit;
font-size: 1em;
}
.editor img {
display: block;
padding: 0;
margin: 0;
}
.editor p {
color: #000;
font-size: 14px;
line-height: 18px;
margin: 0 0 22px;
}
.editor p.caption {
background-color: #eaeaea;
}
.editor p.separator {
border-top: 1px solid #a6a6a7;
font-size: 1px;
height: 1px;
line-height: 1px;
margin: 0 0 18px;
overflow: hidden;
}
.editor table { margin: 0 0 24px; }
.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: 7px 4px;
}
.editor ul, .editor ol { margin: 0 0 24px; }
.editor li {
color: #000;
font-size: 14px;
line-height: 18px;
list-style-image: url(viomatrix/imgs/gfx/symbol_listenpunkt.png);
margin: 0 0 12px 24px;
}
.editor span.rot {
color: rgb(255,0,0);
}
.editor span.blau {
color: rgb(80,80,255);
}
.editor span.gruen {
color: rgb(0,160,0);
}
.editor span.gelb {
color: rgb(230,230,0);
}
.editor span.orange {
color: #ff9000;
}
.editor img.abstandrechts {
margin-right: 1.5em;
}
.editor img.abstandlinks {
margin-left: 1.5em;
}
.editor img.borderall {
border: solid thin;
}
.editor ol.roemisch {
list-style-type: upper-roman;
}
.editor ol.griechisch {
list-style-type: lower-greek;
}
.editor ol.latein-klein {
list-style-type: lower-alpha;
}
.editor ol.decimal-with-leading-zero {
list-style-type: decimal-leading-zero;
}
.editor table.borderall, .editor table.borderall th, .editor table.borderall td {
border: solid thin;
border-collapse: collapse;
}
.editor table.bordernone, .editor table.bordernone th, .editor table.bordernone td {
border: none;
border-collapse: collapse;
}
form.formgen {}
form.formgen fieldset {
border: 0;
padding: 0;
}
form.formgen fieldset legend, form.preview fieldset div.caption { font-weight: bold; }
form.formgen fieldset legend span, form.preview fieldset div.caption {
color: #525350;
display: block;
padding: 0 0 6px 0 !important;
width: 550px;
}
form.formgen fieldset fieldset { margin: 0 0 12px;padding: 0 0 12px; }
form.formgen fieldset fieldset legend, form.preview fieldset fieldset div.caption {
border: 0;
color: #000;
}
form.formgen fieldset fieldset fieldset { border: 0;margin: 0; }
form.preview fieldset div.caption { font-weight: bold; }
form.formgen div {
float: none;
clear: both;
margin: 2px 0 3px;
}
form.formgen div.missing p { margin: 0 0 12px 0; }
form.formgen div.missing label, form.formgen div.missing p, form.formgen div.missing p strong {
color: red;
font-weight: bold;
}
form.formgen label, form.preview div.label, div.ackn {
color: #525350;
display: block;
float: left;
font-size: 1.1em;
padding: 1px 0 0 0;
width: 170px;
}
form.preview div.label, div.ackn { padding: 0;margin: 0; }
form.formgen div.ackn {
display: block;
float: right;
margin: 0 0 8px;
padding: 0 5px 0 0;
width: 520px;
}
form.formgen div.file {
display: inline;
padding: 0 5px 0 0;
font-weight: bold;
}
form.preview div.text, form.preview div.password, form.preview div.select, form.preview div.file {
display: block;
font-weight: bold;
clear: none;
}
form.preview div.textarea {
display: inline;
clear: none;
float: left;
font-weight: bold;
}
form.preview div.checkbox {
display: inline;
clear: none;
width: 2em;
height: 1em;
}
form.preview div.checked {
background-image: url(viomatrix/imgs/gfx/tick.png);
background-repeat: no-repeat;
display: block;
float: left;
height: 20px;
width: 20px;
}
form.formgen input, form.formgen select, form.formgen textarea {
font-size: 1.1em;
padding: 1px;
width: 235px;
}
form.formgen select { padding: 0; }
form.formgen input.checkbox {
padding: 0;
width: auto;
}
form.formgen input.checkboxackn { margin-top: 4px; }
form.formgen input.plz { width: 54px; }
form.formgen span.icon_kalender { position: relative; }
form.formgen span.icon_kalender img { display: inline; }
html#formgenprint body { background-image: none; }
.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;
}
.editor .media_gallery p.media_content_title { display: none; }
.editor .media_gallery li.media_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;
}