@charset "UTF-8";
* { font-family: Arial, sans-serif; }
html { overflow-y: scroll; }
body { background-color: #e8e7d5; }
a:link, a:visited {
color: #000000;
font-size: 13px;
text-decoration: none;
}
a:active, a:hover, a.active:link, a.active:focus, a.active:link, a.active:visited, a.active:hover {
color: #a70913;
text-decoration: underline;
}
a.internal {
background-image: url(/viomatrix/imgs/gfx/icon_pfeil_intern.png);
background-repeat: no-repeat;
background-position: 0% 50%;
padding-left: 15px;
}
a.external {
background-image: url(/viomatrix/imgs/gfx/icon_pfeil_extern.png);
background-repeat: no-repeat;
background-position: 0% 50%;
padding-left: 15px;
}
button { 
cursor: pointer;
background-image: url(/viomatrix/imgs/gfx/pfeil_gross.png);
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
border: none;
float: left;
height: 18px;
margin-left: 9px;
width: 18px;
}
button:hover { background-image: url(/viomatrix/imgs/gfx/pfeil_gross_hover.png); }
fieldset { border: 0; }
h1, h2, h3, h4, h5, h6 {
color: #000;
font-family: "Times New Roman", sans-serif;
font-size: 23px;
font-weight: normal;
text-transform: none;
}
h3 {
font-size: 15px;
font-style: italic;
}
input.text {
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #c4c6c6;
border-bottom: 1px solid #c4c6c6;
color: #333;
float: left;
font-family: "Times New Roman", sans-serif;
font-size: 1.1em;
padding: 3px 5px;
width: 180px;
}
legend {
color: #000;
font-size: 1.2em;
font-weight: bold;
margin: 0 0 20px;
}
* html legend { margin-left: -8px; }
*+html legend { margin-left: -8px; }
p, i, strong, li, span {
color: #000000;
font-size: 14px;
font-family: "Times New Roman", sans-serif;
line-height: 1.5em;
}
p {
color: #666666;
margin: 0 0 15px 0;
}
p.bu {
color: #000000;
font-size: 11px;
font-style: italic;
margin: 0 0 24px 0;
}
#placeholder {
background-color: #ffffff;
margin: 0 auto;
width: 800px;
}
#wrapper {
margin: 0;
padding: 0 18px 100px 18px;
width: auto;
}
#head {
background-image: url(/viomatrix/imgs/gfx/bg_head.png);
background-position: bottom left;
background-repeat: repeat-x;
color: #000000;
height: auto;
padding: 14px 0 9px 0;
overflow: visible;
margin: 0;
width: auto;
}
#head a { padding: 0 6px; }
#head a.first { padding-left: 0; }
.left {
float: left;
margin: 0 34px 0 0;
width: 501px;
}
* html .left { margin: 0 16px 0 0; }
#head .left { padding-top: 10px; }
.right {
float: left;
width: 229px;
}
.vcard { 
position: absolute;
margin-top: -120px;
margin-left: 750px;
width: 200px;
border: 1px dashed rgb(80,80,80);
}
#logo { margin: 21px 0 0; }
.teaser {
background-image: url(/viomatrix/imgs/gfx/bg_linie.png);
background-position: top left;
background-repeat: repeat-x;
margin: 18px 0 0;
}
.first { margin: 0; }
.teaser h1 {
color: #b62127;
font-family: Arial, sans-serif;
margin: 0 0 5px;
padding: 15px 0 10px;
text-transform: uppercase;
}
.first h1 {
margin-bottom: 12px;
padding-top: 15px;
}
.teaser div {
background-color: #f1f1e5;
padding: 6px 7px 3px 7px;
}
.teaser h2 {
font-size: 14px;
font-weight: bold;
margin: 0 0 3px 0;
}
.teaser div div.hr {
background-color: transparent;
border-top: 1px solid #fff;
margin-top: 10px;
padding: 0;
}
.teaser input.text { width: 170px; }
.teaser p {
color: #333;
font-size: 12px;
margin: 0 0 4px 0;
}
.menu {
background-color: transparent;
border: none;
border-top: 3px solid #a70913;
float: none;
padding: 0;
overflow: hidden;
width: auto;
}
.menu li {
border: none;
float: left;
padding: 10px 19px 0 0;
}
.menu li.antifloat { padding-bottom: 12px; }
.menu li.last { padding-right: 0; }
.menu li a:link, .menu li a:focus, .menu li a:visited {
border-bottom: 1px solid #000000;
color: #000000;
font-size: 1.6em;
padding: 0;
text-decoration: none;
text-transform: none;
}
.menu li a.active, .menu li a:hover {
background-color: transparent;
border-bottom: 1px solid #a70913;
color: #a70913;
}
.submenu a { font-size: 11px; }
#content {
float: none;
font-size: 1em;
padding: 0;
width: auto;
}
#text div, #text #suchergebnisse li, div.hr {
background-image: url(/viomatrix/imgs/gfx/bg_linie.png);
background-position: top left;
background-repeat: repeat-x;
padding: 10px 0 0 0;
}
#text div.antifloat { padding: 0; }
div.hr { padding: 0; }
#kommentare fieldset { padding: 0; }
#text p.title {
color: #333;
margin: 0 0 8px 0;
font-size: 11px;
}
#text p.title span {
color: #333;
display: block;
float: left;
font-family: Arial, sans-serif;
font-size: 11px;
width: 49%;
}
#text p.title span.datum, #text p.title span.bilder { text-align: right; }
#text p.title a:link, #text p.title a:focus, #text p.title a:visited, #text p.title a:active {
color: #333;
font-size: 11px;
}
#text img {
margin: 0 13px 2px 0;
}
#zeitstrahl {
background-color: #f1f1e5;
margin: 0 0 20px 0;
padding: 0;
}
#zeitstrahl p {
margin: 0;
padding: 0 0 0 3px;
}
#zeitstrahl span {
display: block;
float: right;
width: 45px;
}
#zeitstrahl a:link, #zeitstrahl a:focus, #zeitstrahl a:active, #zeitstrahl a:visited { padding: 0 2px; } 
#credit {
background-image: none;
padding: 0;
}
#credit p {
color: #000000;
margin: 0;
}
#credit p span.red { color: #a70913; }
#credit p a { text-decoration: underline; }
p.more { margin: 0; }
ul#suchergebnisse {
list-style: none;
list-style-image: none;
margin: 0;
}
ul#suchergebnisse p {
font-size: 13px;
margin: 0;
padding: 0;
}
ul#suchergebnisse strong { font-size: 1em; }
ul#suchergebnisse li { margin: 0 0 12px 0; }
#head { height: 1%; }
.noformat { display: none; }
#text div.galerie { padding: 12px 0 0 0;margin: 0 0 12px; }
#text div.galerie img, #text div.galerie .pic {
float: left;
margin: 0 13px 0 0;
width: 158px;
}
* html #text div.galerie .pic img { margin: 0; }
#text div.galerie .pic { background-image: none; }
#text div.galerie img.last, #text div.galerie .last { margin: 0; }
#text div.galerie div.nodisplay { display: none; }
#text div.galerie p.title { margin: 0; }
.kommentare {
background-image: url(/viomatrix/imgs/gfx/bg_linie.png);
background-position: top left;
background-repeat: repeat-x;
padding: 15px 0 0 0;
}
.kommentare p {
color: #333;
margin: 0 0 8px 0;
}
.kommentare label, #loginform label {
float: left;
font-size: 1.1em;
width: 120px;
}
.kommentare input, #loginform input {
font-size: 1.1em;
width: 300px;
}
.kommentare textarea {
float: left;
height: 75px;
width: 300px;
}
.kommentare button { margin-top: 58px; }
.kommentare #kommentare { display: none; }
.kommentare #kommentare div { margin: 0 0 8px 0; }
.kommentare #kommentare p {
font-size: 14px;
margin: 0;
}
.kommentare #kommentare fieldset p { font-size: 1.1em; }
.kommentare #kommentare p.error {
color: red;
font-size: 14px;
margin: 0 0 8px 0;
}
.kommentare #kommentare p.administration strong { color: #fff; }
.kommentare #kommentare p.administration {
background-color: #a70913;
color: #fff;
}
.kommentare #kommentare p.administration a { color: #fff; }
.kommentare #kommentare div.administration {
border: 1px solid #a70913;
display: none;
padding: 8px;
}
.kommentare #kommentare .adminkommentar {
border: 1px dotted #ababab;
margin: 8px 0 0 0;
padding: 8px;
}
#kommentartext1, .kommentartext1 { position: absolute;top: -200px;left: -200px; }
.right a.internal, .right a.external {
background-image: none;
padding: 0;
}
.anreisser img { margin-bottom: 9px !important; }
.anreisser a.internal, #suchergebnisse a.internal {
background-image: none;
padding: 0;
}
#kommentare div.hr { margin: 12px 0 4px; }
#suchergebnisse li { font-size: 11px; }
#zeitstrahl a.pre:link, #zeitstrahl a.pre:visited, #zeitstrahl a.pre:active, #zeitstrahl a.pre:focus, 
#zeitstrahl a.post:link, #zeitstrahl a.post:visited, #zeitstrahl a.post:active, #zeitstrahl a.post:focus {
background-repeat: no-repeat;
display: block;
float: right;
height: 15px;
margin-top: 3px;
text-decoration: none;
width: 15px;
}
#zeitstrahl a.pre:hover, #zeitstrahl a.post:hover { text-decoration: none; }
#zeitstrahl a.pre { background-image: url(/viomatrix/imgs/gfx/pfeil_klein_links.png); }
#zeitstrahl a.pre:hover { background-image: url(/viomatrix/imgs/gfx/pfeil_klein_hover_links.png); }
#zeitstrahl a.post { background-image: url(/viomatrix/imgs/gfx/pfeil_klein.png); }
#zeitstrahl a.post:hover { background-image: url(/viomatrix/imgs/gfx/pfeil_klein_hover.png); }
.sites { background-image: none; }
.sites a img { display: inline; }
.sites div {
background-color: transparent;
padding: 0;
}