* {
background-repeat: no-repeat;
color: #666;
font-family: Verdana, Tahoma, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0;
}
html { overflow-y: scroll; }
body {
background-color: rgb(255,255,255);
color: #666666;
font-family: Verdana, Tahoma, sans-serif;
font-size: 11px;
padding: 20px 0 0;
}
a:link, a:visited {
color: #d56475;
font-size: 1em;
text-decoration: none;
}
a:hover {
color: #d56475;
font-size: 1em;
text-decoration: underline;
}
a:active, a:focus {
color: #d56475;
font-size: 1em;
text-decoration: none;
}
a.button {
background-repeat: no-repeat;
color: #000000 !important;
display: block;
float: right;
padding: 4px 0 !important;
margin: 0 0 6px;
}
a.button:hover { text-decoration: none; }
a.submit:hover { text-decoration: underline; }
a.linkback:link, a.linkback:visited, a.linkback:hover, a.linkback:active, a.linkback:focus {
background-image: url(/viomatrix/imgs/gfx/pfeil_red_small_up.png);
background-position: 0% 50%;
background-repeat: no-repeat;
display: block;
float: right;
font-size: 0.8em;
font-weight: normal !important;
padding-left: 14px;
}
fieldset { border: none; }
form { display: block; }
h1, h2, h3, h4, h5, h6 { color: #515151; }
h1.titel, .box h6 {
background-image: url(/viomatrix/imgs/gfx/bg_box_schatten.png);
background-repeat: repeat-x;
border: none;
color: #ffffff;
margin: 0;
padding: 5px 6px 6px 6px;
position: relative;
white-space: nowrap;
}
.reisedetail h1, .reisedetail h1 a.ankerfix {
font-weight: bold;
padding-bottom: 4px;
}
hr {
background-color: #d8d8d8;
border: none;
height: 1px;
margin: 6px 0 18px;
}
iframe {
margin: 0;
padding: 0;
}
img { border: none; }
img.helpicon {
float: left;
margin: 4px 0 0 8px;
}
input, .input {
border: 1px solid #000000;
background-color: #ffffff;
background-repeat: no-repeat;
display: block;
float: left;
font-size: 0.9em;
margin: 0 0 8px;
padding: 2px 2px 3px 2px;
width: 214px;
}
div.input {
border: none;
padding: 0 !important;
position: relative;
}
td div.input { font-size: 1em; }
input[type="hidden"] { display: none !important; }
input.bg107, a.bg107 {
background-image: url(/viomatrix/imgs/gfx/bg_button_107px.png);
padding: 2px 0 3px;
width: 107px;
}
input.bg220, a.bg220 {
background-image: url(/viomatrix/imgs/gfx/bg_button_220px.png);
padding: 3px 0 3px;
width: 220px;
}
input.checkbox {
border: none;
height: auto;
margin: 0 12px 6px 0;
width: auto !important;
}
input.datum { width: 67px !important; }
input.preis {
text-align: right !important;
width: 66px !important;
}
input.submit, a.button {
background-color: transparent;
border: none;
color: #000000;
cursor: pointer;
font-size: 0.9em;
font-weight: bold;
text-align: center;
}
#menu input.submit { padding: 2px 0; }
input.submit:hover {
cursor: pointer;
text-decoration: underline;
}
label, .label {
display: block;
font-size: 0.9em;
font-weight: normal;
float: left;
margin: 0 10px 8px 0;
padding: 0 !important;
width: 220px;
}
label.checkbox {
display: inline;
float: none;
font-size: 1em;
width: auto;
}
label.missing, td.missing, div.missing p { color: #E64914; }
legend {
color: #e64914;
font-size: 1.1em;
font-weight: bold;
margin: 0 0 16px;
}
* html legend { margin-left: -8px; }
*+html legend { margin-left: -8px; }
p {
font-size: 0.9em;
margin: 0 0 6px;
}
p * { font-size: 1em; }
p.ok, p.error, div.error p { font-weight: bold; }
p.error, div.error p { color: #e64914 !important; }
div.error { padding: 0 !important; }
select {
border: 1px solid #000000;
background-color: #ffffff;
background-repeat: no-repeat;
display: block;
float: left;
font-size: 0.9em;
height: 20px;
margin: 0 0 8px;
width: 218px;
}
select * { font-size: 1em; }
strong {
color: #666;
font-weight: bold;
}
strong * { font-weight: bold; }
table {
border: none;
border-collapse: collapse;
display: table;
font-size: 1em;
width: 100%;
float: none;
}
* html table { display: block; }
tr { font-size: 1em; }
tr.link { cursor: pointer; }
td, th {
border: none;
display: table-cell;
font-size: 0.9em;
padding: 0 0 10px;
text-align: left;
vertical-align: top;
}
td *, th * { font-size: 1em; }
td p { font-size: 1em; }
table.daten { margin-bottom: 8px; }
table.daten thead th {
padding: 0 8px 10px 8px;
text-align: center;
}
table.daten thead th.first {
padding: 0 0 10px;
text-align: left;
}
table.daten thead th.left { text-align: left; }
table.daten tbody td { padding: 4px 8px; }
table.daten tbody tr.bg1 { background-color: #eaeaea; }
table.daten tbody tr.bg2 { background-color: #f2f2f2; }
table.smallpadding { margin: 0 0 6px; }
table.smallpadding td { padding: 0 4px; }
textarea {
border: 1px solid #000;
background-color: #fff;
font-size: 0.9em;
margin: 0 0 8px 0;
overflow-y: scroll;
padding: 2px 2px 3px;
width: 214px;
}
ol {
font-size: 0.9em;
margin: 0 0 6px 20px;
}
*+html ol { margin-left: 24px; }
table ol { font-size: 1em; }
ol * { font-size: 1em; }
ul {
font-size: 0.9em;
margin: 0 0 6px 14px;
}
*+html ul { margin-left: 16px; }
table ul { font-size: 1em; }
ul * { font-size: 1em; }
ul.wklist {
list-style-type: none;
margin-bottom: 12px !important;
}
ul.wklist li { margin-bottom: 6px; }
.viocontent form { padding-top: 5px; }
.viocontent h2, .viocontent h2 a.ankerfix {
color: inherit;
font-size: 1em;
font-weight: bold;
margin: 0 0 11px;
padding: 2px 0 3px;
}
.viocontent h2 {
border-bottom: 1px solid #d9d9d9;
color: #666;
font-size: 1.1em;
}
.viocontent h2 a { color: #666; }
.viocontent h2 a:hover { color: #666 !important; }
.viocontent h3 {
font-size: 1em;
margin-bottom: 6px;
}
.viocontent h4 {
font-size: 0.9em;
font-weight: bold;
}
.viocontent h5 {
font-size: 0.9em;
font-style: italic;
}
.viocontent img {
float: left;
margin: 0 8px 8px;
}
*+html .viocontent td ul { margin-left: 16px; }
.viocontent p span {
font-size: 1em !important;
font-family: inherit !important;
}
.legende ul { margin: 0 0 0 8px; }
.legende li {
background-repeat: no-repeat;
color: #ffffff;
list-style-type: none;
min-height: 32px;
margin-bottom: 8px;
padding-left: 42px;
}
* html .legende li { height: 32px; }
.legende li p {
line-height: 1.1em;
margin: 0;
}
.legende li strong { color: #fff; }
.vcard {
background-color: rgb(230,230,230);
padding: 5px 2px;
display: none;
}
.vcard * { display: block; }
.vcard .adr .postal-code { float: left; }
.vcard .adr .postal-code:after { content:" "; }
.vcard img {
float: right;
height: 55px;
width: 250px;
}
#menu .box ul { margin: 0; }
.antifloat {
clear: both;
visibility: hidden;
font-size: 1px;
height: 1px;
padding: 0 !important;
}
.spacer {
clear: both;
float: none;
font-size: 1px;
height: 12px;
padding: 0 !important;
}
#wrapper {
 width: 972px;
 margin: 0 auto;
 position: relative;
}
#container {
background-image: url(/viomatrix/imgs/gfx/container.png);
background-repeat: repeat-y;
width: 972px;
}
#container .bgleft {
background-repeat: repeat-y;
background-position: left top;
margin: 0 5px;
width: 964px;
}
#container .bgright {
background-position: right top;
background-repeat: repeat-y;
margin: 0 4px 0 0;
}
#container .nobgframe { margin: 0 4px 0 0; }
#container div.topteaser { position: relative; }
#contentrow { 
 float: left;
 padding: 0;
 width: 240px;
}
#text a.anker:link, #text a.anker:visited, #text a.anker:hover, #text a.anker:active, #text a.anker:focus {
color: #666;
text-decoration: none;
}
#container a.ankerfix:hover {
color: inherit;
text-decoration: none;
}
#contentrow .box ul { margin: 0 0 6px 18px; }
*+html #contentrow .box ul { margin-left: 17px; }
#contentrow .box div ul li, #sitemap li { list-style-image: url(/viomatrix/imgs/gfx/pfeil_red_small_left.png); }
#sitemap li { margin: 0 0 3px 5px; }
#container h1 a { color: #ffffff; }
#container .column { float: left; }
#container .height25 {
 height: 25px;
 margin-bottom: 0 !important;
 padding-bottom: 0 !important;
}
.content {
 float: left;
 width: 720px;
}
.content a, .content a:visited, .content a:link, .content a:hover, .content a:focus { color: #d56475; }
.content div { padding: 9px; }
.content #text div h1, .content #text div h2 { background-color: inherit; }
/* HEADER */
#header {
width: 972px;
height: 75px;
overflow: hidden;
background-image: url(/viomatrix/imgs/gfx/header_v2.png);
padding: 0 4px;
}
#header img {
 float: left;
 width: 240px;
 height: 55px;
 padding: 14px 10px 0 10px;
}
#header img#logo {
heigth: 55px;
width: 250px;
}
#header #navi_top {
font-size: 0.9em;
padding-right: 15px;
padding-top: 14px;
text-align: right;
}
#header #navi_top a {
color: rgb(135,135,135);
font-size: 0.9em;
text-decoration: none;
}
#header #navi_top a:hover {
color: #d56475;
text-decoration: none;
}
/* MENU */
#menu {
 width: 240px;
 background-color: rgb(234,234,234);
}
#menu .nav {
background-image: url(/viomatrix/imgs/gfx/bg_box_schatten.png);
color: #ffffff;
padding: 3px 10px 5px 10px;
}
#menu .box div, #contentrow .box div { padding: 11px; }
#menu .box form div { padding: 0; }
#menu .box div table td, .options .options table td { padding: 0; }
#menu .box div table td p, .options .options table td p { margin: 0; }
#menu h6 a { font-weight: bold; }
#menu input.submit {
background-color: #fff;
border: 2px solid #000 !important;
color: #000 !important;
}
/* Boxen Allgemein*/
.box {
float: left;
height: 160px;
width: 240px;
}
.box a { color: #d56475; }
.box p img {
float: left;
margin: 0 11px 0 0;
}
#menu .box h6.first { background-image: url(/viomatrix/imgs/gfx/menu_background_first.png); }
.longbox { height: 1%; }
.right { float: right; }
.right h2 { border: none; }
ul.boxcontent { margin: 9px 0 7px 0 !important; }
ul.boxcontent li {
list-style-type: none;
list-style-image: none;
}
ul.boxcontent li a, ul.boxcontent li p {
display: block;
margin: 0;
padding: 1px 10px;
}
ul.boxcontent li p { margin-bottom: 6px; }
ul.boxcontent li .icon, ul.downloads li .icon {
display: inline;
margin-left: 8px;
position: static;
vertical-align: middle;
}
ul.ohnelistpunkt {
list-style: none;
margin-left: 4px !important;
}
#html ul.boxcontent li a:hover, ul.boxcontent li a.aktiv { text-decoration: none; }
#menu ul.boxcontent li { list-style-image: none; }
#menu ul.boxcontent li a { font-size: 1.1em; }
a span.icon {
background-position: right center;
display: block;
height: 17px;
position: absolute;
left: auto;
right: 10px;
top: 4px;
width: 17px;
}
.box img.symbol {
 position: absolute;
 width: 20px;
 height: 20px;
 top: 3px;
 right: 10px;
}
div.boxcontent { padding: 6px 10px; }
/* BOX Formular Suche */
#container #menu form.suche { padding: 5px 10px; }
#container #menu form.suche fieldset label {
float: left;
display: block;
height: 20px;
margin: 2px 0;
padding-top: 3px;
text-align: left;
width: 105px;
}
#container #menu form.suche fieldset input {
border: 1px solid rgb(206,206,206);
float: right;
margin: 2px 0;
width: 105px;
}
#container #menu form.suche fieldset select {
border: 1px solid rgb(206,206,206);
margin: 2px 0;
width: 220px;
}
#container #menu form.suche .hide { display: none; }
#container #menu form.suche .ferien_noscript { clear: both; }
#container #menu form.suche .ferien_noscript .hide { display: block; }
#container #menu form.suche .ferien_noscript #monate { margin-right: 8px; }
#container #menu form.suche fieldset select.ferien {
float: left;
width: 105px;
margin-right: 10px;
}
#container #menu form.suche fieldset select.monat {
float: left;
width: 105px;
}
#container #menu form.suche fieldset input.suche { width: 105px; }
/* BOX Formular Login */
#container #menu form.login { padding: 5px 10px; }
#container #menu form.login fieldset label {
float: left;
display: block;
height: 20px;
letter-spacing: -0.05em;
margin: 2px 0;
padding-top: 3px;
text-align: left;
width: 110px;
}
#container #menu form.login fieldset label a:link, #container #menu form.login fieldset label a:visited, #container #menu form.login fieldset label a:focus, #container #menu form.login fieldset label a:hover {
color: #d56475;
font-weight: normal;
}
#container #menu form.login fieldset input {
border: 1px solid rgb(206,206,206);
float: right;
margin: 2px 0;
padding: 1px 0;
width: 105px;
}
#container #menu form.login fieldset input.login {
margin-top: 22px;
width: 105px;
}
/* BOX Tabelle */
#container #menu table {
display: block;
width: 100%;
}
#container #menu table tr td, container #menu table tr th {
width: auto;
text-align: left;
}
/* FOOTER */
#footer-wrapper {
background-image: url(/viomatrix/imgs/gfx/footer_v2.png);
height: 32px;
position: relative;
width: 972px;
}
#footer {
height: 25px;
margin: 0 5px;
width: 965px;
}
#footer #navi_bottom {
font-size: 0.9em;
padding-right: 15px;
padding-top: 5px;
text-align: right;
}
#footer #navi_bottom a {
color: rgb(135,135,135);
font-size: 0.9em;
text-decoration: none;
}
#footer #navi_bottom a:hover {
text-decoration: none;
color: #d56475;
}
* html body {
 overflow: hidden;
}
* html #footer-wrapper {
 float: left;
 position: relative;
 width: 100%;
 background: #FFF; /*** Same as body background ***/
 padding-bottom: 10010px;
 margin-bottom: -10000px;
}
.print { display: none; }
td.pic {
height: 80px;
padding: 0 !important;
}
td.pic a {
display: block;
height: 100%;
width: 100%;
}
td h3 {
border: none !important;
color: #666666;
font-size: 1.5em;
font-weight: bold;
margin: 0 0 8px 0 !important;
padding: 0 !important;
}
td h3 a { color: #666666 !important; }
td h3 img {
display: inline;
margin: 0;
vertical-align: middle;
}
td h3 span { vertical-align: middle; }
.nopadding { margin-bottom: 6px; }
.nopadding td { padding: 0; }
#text {
float: right;
width: 720px;
}
#text .box .nav, .options .nav, #menu .box h6, #contentrow h6 {
background-image: url(/viomatrix/imgs/gfx/bg_box_schatten.png);
background-repeat: repeat-x;
background-position: top left;
color: #ffffff;
margin: 0;
padding: 5px 10px 6px 10px;
position: relative;
white-space: nowrap;
}
#text .box div h2 {
background-image: none;
margin: 0 0 11px;
padding: 0;
}
#text .box .nav, #text .box .nav a.ankerfix {
color: #ffffff;
font-weight: bold;
padding: 4px 10px 6px 10px;
}
#text .box .nav a.ankerfix { padding: 0; }
#text .box div.nav { padding-top: 5px; }
#text .box {
padding: 0;
width: 240px;
}
#text .box div { padding: 10px 10px; }
#text .box div.nopaddingright { padding-right: 0; }
.image { position: relative; }
.image span {
display: block;
position: absolute;
left: 0;
width: 100%;
height: 10px;
background-repeat: repeat-x;
background-position: top left;
}
.image span.oben {
top: 0;
background-image: url(/viomatrix/imgs/gfx/bg_box_schatten_oben.png);
}
.image span.unten {
bottom: 0;
background-image: url(/viomatrix/imgs/gfx/bg_box_schatten_unten.png);
}
#menu .box ul { margin: 0; }
p.pageselect {
margin: 0 !important;
padding: 0 0 0 11px;
white-space: nowrap;
}
p.pageselect a:link, p.pageselect a:visited, p.pageselect a:hover, p.pageselect a:active, p.pageselect a:focus { color: #000; }
p.pageselect a.show:link, p.pageselect a.show:visited, p.pageselect a.show:hover, p.pageselect a.show:active, p.pageselect a.show:focus { color: #000 !important; }
ul.menu {
margin: 0;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
ul.menu li {
float: left;
list-style-type: none;
position: relative;
width: 120px;
}
ul.menu li a {
cursor: pointer;
display: block;
float: left;
width: 120px;
}
ul.menu li a:hover { text-decoration: none !important; }
ul.menu li a span {
display: block !important;
padding: 6px !important;
height: 100% !important;
color: #fff !important;
font-weight: bold !important;
position: static !important;
width: auto !important;
}
ul.menu ul {
display: none;
position: absolute;
left: -16px;
top: 24px;
}
ul.menu ul li a, ul.menu ul li a span {
background-color: #fff;
background-image: none !important;
color: #666 !important;
}
ul.menu ul li a:hover span { background-color: #eaeaea !important; }
#text div.options { float: right; }
#text .options div.options { float: none; }
.options h2 { border: none; }
.options .nav { padding: 3px 10px 5px 10px; }
.options p {
margin: 0 10px;
padding: 0;
}
.options .options p { margin: 0 0 6px 0; }
.options ul { margin: 6px 0 6px 0; }
*+html .options ul.boxcontent { height: 1%; }
.options ul li { list-style-type: none; }
.options ul li a {
display: block;
padding: 1px 10px;
}
.options ul li a.aktiv {
background-color: #f7c8b8;
color: #d76a79;
text-decoration: none;
}
.options ul li.mark a { font-weight: bold; }
.autoheight { height: auto; }
.height80 { height: 80px; }
.height340 { height: 340px !important; }
.width110 { width: 110px !important; }
.width220 { width: 220px !important; }
.width340 { width: 340px !important; }
.width360 { width: 360px !important; }
.width470 { width: 470px !important; }
.width480 { width: 480px !important; }
.width720 { width: 720px !important; }
.hotline {
position: absolute;
bottom: 0;
left: 0;
padding: 10px;
}
.hotline p, .hotline strong {
margin: 0;
padding: 0;
}
.hotline strong { font-size: 1.7em; }
#text .box .nav { border: none; }
#text .image h2 { margin: 0; }
#reisedatenverfeinern label {
display: block;
float: left;
margin: 0 0 12px 0;
width: 160px;
}
#reisedatenverfeinern select, #reisedatenverfeinern .select {
float: left;
padding: 0 !important;
width: 210px;
}
#reisedatenverfeinern .input { width: 280px; }
#reisedatenverfeinern .input label { width: 245px; }
#reisedatenverfeinern .select div { padding: 0 !important; }
.preis td {
border: none;
padding: 0;
}
.preis strong {
color: #000000;
font-size: 1.4em;
}
#text #agb {
border: 1px solid #000;
height: 75px;
margin: 0 0 8px;
overflow: auto;
overflow-y: scroll;
padding: 0;
width: 450px;
}
#text #agb div { padding: 6px; }
#text #agb h1, #text #agb h2, #text #agb h3, #text #agb h4, #text #agb h5, #text #agb h6 {
background-color: transparent;
margin: 0;
padding: 0;
}
.titel .price {
color: #fff;
display: block;
float: right;
font-weight: bold;
text-align: right;
width: 200px;
}
.helpicon {
display: block;
float: left;
height: 13px;
margin-right: 8px;
position: relative;
z-index: 1;
width: 12px;
}
.helpicon a {
cursor: pointer;
display: block;
height: 100%;
width: 100%;
}
.helpicon a:hover { text-decoration: none; }
.helpbutton { margin: 3px 0 0 3px; }
.help, .get_content {
position: absolute !important;
bottom: 12px;
left: 12px;
height: 240px;
padding: 0 !important;
width: 250px;
z-index: 100;
}
#adminbereich #logindata .get_content {
bottom: auto;
top: 12px;
}
.help .oben, .help .unten, #KalenderFrame .oben, #KalenderFrame .unten {
display: block;
padding: 0 !important;
position: absolute;
width: 260px;
}
.help .oben, #KalenderFrame .oben {
top: -10px;
left: 0;
height: 10px;
}
.help .unten, #KalenderFrame .unten {
bottom: -6px;
height: 14px;
left: 0;
}
.help #outerdiv, #getkalender {
background-repeat: repeat-y;
margin: 0;
padding: 0 !important;
height: 97%;
}
.get_content p { margin: 0 0 4px 0 !important; }
.get_content .outerdiv {
background-color: #ececec;
border: 1px solid #000;
height: 100%;
margin: 0;
}
.get_content .outerdiv div { padding: 4px; }
.get_content .outerdiv div .frame {
height: 160px;
overflow-y: scroll;
padding: 0;
width: 100%;
}
.get_content .outerdiv input.search { width: 100% !important; }
.help #get_help, #Kalender {
background-color: #fff;
height: 220px;
margin: 0 0 0 15px;
padding: 0 !important;
position: relative;
top: 6px;
left: 4px;
width: 220px;
}
.help #get_help a {
display: inline;
height: auto;
width: auto;
}
* html .help #get_help h1 { width: 203px; }
.get_content a.abbrechen {
background-image: url(/viomatrix/imgs/gfx/cancel.png);
display: block;
height: 16px;
position: absolute;
right: 2px;
top: 2px;
width: 16px;
}
.get_content a.save {
background-image: url(/viomatrix/imgs/gfx/save.png);
display: block;
height: 16px;
position: absolute;
right: 2px;
bottom: 2px;
width: 16px;
}
#logindata .get_content a.save { position: static; }
.get_content a.abbrechen:hover, .get_content a.save:hover { text-decoration: none; }
.help #get_help div { padding: 0 !important; }
.help #get_help div div { padding: 11px !important; }
.help #get_help h1, .help #get_help h2, .help #get_help h3, .help #get_help h4, .help #get_help h5, .help #get_help h6, 
#Kalender h1, #Kalender h2, #Kalender h3, #Kalender h4, #Kalender h5, #Kalender h6 {
border: none;
padding: 5px 5px 7px 12px;
}
.help #get_help p, .help #get_help li, .help #get_help strong, #Kalender p, #Kalender li, #Kalender strong,
.help #get_help p a, .help #get_help p i, .help #get_help p u {
float: none;
margin: 0;
}
#get_help a.helpclose {
display: block;
float: right;
height: 16px;
margin: 0 0 0 4px;
text-decoration: none;
width: 16px;
}
#get_help a.helpclose:hover { text-decoration: none; }
#text .galerie div {
display: block;
float: left;
margin: 0 11px 0 0;
position: relative;
padding: 0;
width: 146px;
z-index: 10;
}
#text .galerie div.admin { margin-bottom: 11px; }
#text .galerie div.antifloat {
clear: both;
float: none;
margin: 0;
width: auto;
}
#text .galerie div.third { margin: 0; }
#text .galerie a.picstatus {
display: block;
position: absolute;
height: 20px;
left: 2px;
top: 2px;
width: 50px;
z-index: 10000;
}
#text .galerie .hide { display: none; }
.input .text {
float: left;
width: 180px;
}
#reisedatenverfeinern .input div { padding: 0 !important; }
.suchergebnisse td {
border-bottom: 12px solid #ffffff;
padding: 0;
}
.suchergebnisse tbody td {
min-height: 80px;
height: auto;
}
.suchergebnisse tbody td.width220 { width: 240px !important; }
.suchergebnisse td h3 { margin: 8px 11px 8px 11px !important; }
.suchergebnisse td h3 a span {
font-size: 0.8em;
font-weight: bold;
}
.suchergebnisse td h3 a:hover { text-decoration: none; }
.suchergebnisse td p { margin: 0 11px; }
.suchergebnisse .third p {
line-height: 1.2em;
margin: 0;
padding: 9px 10px 0 10px;
}
h1 img {
display: inline;
margin-top: -3px;
margin-right: 8px;
vertical-align: middle;
}
*+html h1 img { margin-top: -1px; }
ul.wege {
float: right;
margin: 8px 8px 0 0;
}
ul.wege li { list-style-type: none; }
ul.wege li a { color: #878787 !important; }
/*GRUEN */
div.green {
width: 240px;
}
div.green div.topteaser a {
 display: block;
 width: 224px;
 height: 19px;
 background-position: 0 0;
 background-image: url(/viomatrix/imgs/gfx/background_green.png);
 background-repeat: repeat-x;
 color: rgb(255,255,255);
 font-weight: bold;
 font-size: 10pt;
 padding: 3px 8px;
}
div.green div.topteaser p {
 width: 240px;
 height: 150px;
 background-color: rgb(4,115,145);
}
.green div.teaser {
 display: block;
 color: rgb(0,0,0);
}
.green div.teaser h1 {
 display: block;
 width: 140px;
 height: 22px;
 background-position: 0 0;
 background-image: url(/viomatrix/imgs/gfx/teaser_green.png);
 background-repeat: no-repeat;
 color: rgb(255,255,255);
 font-weight: bold;
 font-size: 10pt;
 padding: 3px 8px 0 8px;
 margin: 0 -10px;
}
.green h1, .green .nav, .green h6 { background-color: #78ad1e; }
.green h6, .green h6 a { color: #ffffff !important; }
.green h3 {
color: #666666;
font-weight: bold;
}
.green h2 a, .green h2 a:hover, .green h3 a, .green h2 a:hover { color: #77ad1c !important; }
.green ul.menu li a { background-image: url(/viomatrix/imgs/gfx/bg_menu_green.png); }
.green .dunkel, .dunkelgreen {
color: #666666;
}
.reiseliste .dunkelgreen, .green td.dunkel { background-color: rgb(187,214,141); }
.green .dunkel a, #text .dunkelgreen a { color: #666666; }
#menu .dunkelgreen { background-color: rgb(214,230,186); }
.green .hell, #text .green .galerie { background-color: #d6e6ba; }
.green .hotline p, .green .hotline strong { color: #ffffff; }
.greenbgpic { background-image: url(/viomatrix/imgs/gfx/menu_background_line_green.png) !important; }
.bgleft .greenbgpic { background-image: url(/viomatrix/imgs/gfx/menu_background_line_green_right.png) !important; }
#text .green .options a, #text .dunkelgreen li a, 
#text .dunkelgreen p, #text .dunkelgreen strong { color: #ffffff !important; }
#menu .green .boxcontent li, #menu .green .boxcontent a { color: #666666; }
#menu .green .boxcontent a:hover {
background-color: #bbd68d;
color: #d86c77;
}
#text .green .boxcontent a:hover {
background-color: #d6e6ba;
color: #d86c77;
}
#menu .green h6.first { background-image: url(/viomatrix/imgs/gfx/background_green.png) !important; }
#text .green .options a:hover, #text .green .options a.aktiv {
background-color: #d6e6ba;
color: #d86c77;
}
.green .options p { color: #ffffff; }
.green .suchergebnisse h3 a { color: #666666 !important; }
.green .help .oben, .green #KalenderFrame .oben { background-image: url(/viomatrix/imgs/gfx/bg_hilfebox_oben_green.png); }
.green .help .unten, .green #KalenderFrame .unten { background-image: url(/viomatrix/imgs/gfx/bg_hilfebox_unten_green.png); }
.green .help #outerdiv, .green #getkalender { background-image: url(/viomatrix/imgs/gfx/bg_hilfebox_linie_green.png); }
.green .help #get_help h1, .green .help #get_help h2, .green .help #get_help h3, .green .help #get_help h4, .green .help #get_help h5, .green .help #get_help h6, 
.green #Kalender h1, .green #Kalender h2, .green #Kalender h3, .green #Kalender h4, .green #Kalender h5, .green #Kalender h6 {
background-color: #a0c661 !important;
color: #ffffff;
}
.green #Kalender_Aktuell_Ausgabe { color: #ffffff; }
.green a#Kalender_Close { background-image: url(/viomatrix/imgs/gfx/icon_close_green.png); }
.green a#KalenderLastMonth { background-image: url(/viomatrix/imgs/gfx/icon_prev_green.png); }
.green a#KalenderNextMonth { background-image: url(/viomatrix/imgs/gfx/icon_next_green.png); }
.green #Kalender #Kalender_Wochen table thead td { color: #a0c661; }
.green #Kalender #Kalender_Wochen table tbody td { border: 1px solid #a0c661; }
.green #Kalender #Kalender_Wochen table tbody td a, .green #Kalender #Kalender_Wochen table tbody td a:link, .green #Kalender #Kalender_Wochen table tbody td a:visited, .green #Kalender #Kalender_Wochen table tbody td a:focus { color: #a0c661; }
.green #Kalender #Kalender_Wochen table tbody td a.aktiv, .green #Kalender #Kalender_Wochen table tbody td a:hover {
color: #ffffff;
background-color: #a0c661;
}
.green div.preis { background-color: #d6e6ba; }
.green .icon_kalender { background-image: url(/viomatrix/imgs/gfx/icon_kalender_green.png); }
.green .helpicon { background-image: url(/viomatrix/imgs/gfx/icon_help_green.png); }
.green .help #get_help p, .green .help #get_help li, .green .help #get_help strong, .green #Kalender p, .green #Kalender li, .green #Kalender strong,
.green .help #get_help p a, .green .help #get_help p i, .green .help #get_help p u {
color: #a0c661;
}
.green #get_help a.helpclose { background-image: url(/viomatrix/imgs/gfx/icon_close_green.png); }
.green p.pageselect a:link, .green p.pageselect a:visited, .green p.pageselect a:hover, .green p.pageselect a:active, .green p.pageselect a:focus { color: #d86c77; }
.green #Kalender input.kalender_jahreswahl {
background-image: url(/viomatrix/imgs/gfx/100506_kalender_eingabefeld_green.png);
color: #a0c661;
}
div.grey {
background-color: #eaeaea;
padding: 0 !important;
}
#adminbereich .grey { background-color: #ffffff; }
.grey h3 {
color: #666666;
font-weight: bold;
}
.grey h3 a { color: #666666; }
.grey div.topteaser h1 {
 display: block;
 width: 224px;
 height: 19px;
 background-position: 0 0;
 background-image: url(/viomatrix/imgs/gfx/background_red.png);
 background-repeat: repeat-x;
 color: rgb(255,255,255);
 font-weight: bold;
 font-size: 10pt;
 padding: 3px 8px;
}
.grey div.topteaser p {
 width: 240px;
 height: 150px;
 background-color: rgb(1,83,83);
}
.grey div.teaser {
 display: block;
 color: rgb(0,0,0);
}
.grey div.teaser h1 {
 display: block;
 width: 140px;
 height: 22px;
 background-image: url(/viomatrix/imgs/gfx/teaser_red.png);
 background-repeat: no-repeat;
 color: rgb(255,255,255);
 font-weight: bold;
 font-size: 10pt;
 padding: 3px 8px 0 8px;
 margin: 0 -10px;
}
.grey h1, .grey .nav, .grey h6, .dunkelgrey h6 { background-color: #8c8c8c; }
.grey h6, .grey h6 a, .dunkelgrey h6 a { color: #ffffff !important; }
.grey .viocontent h6 {
background-color: transparent;
color: #515151 !important;
}
.grey .dunkel, .dunkelgrey {
background-color: #eaeaea;
color: #666666;
}
.grey .dunkel a, #text .dunkelgrey a { color: #666666; }
.grey .hell, #text .grey .galerie { background-color: #eaeaea; }
.grey ul.menu li a { background-image: url(/viomatrix/imgs/gfx/bg_menu_grey.png); }
.grey .hotline p, .grey .hotline strong { color: #666666; }
.grey .boxcontent li, .grey .boxcontent a { color: #666666; }
.grey .boxcontent a:hover {
color: #d86c77 !important;
background-color: #cecece !important;
}
.greybgpic { background-image: url(/viomatrix/imgs/gfx/menu_background_line.png) !important; }
#html .grey ul.boxcontent li a:hover { background-color: #cecece; }
.grey .helpicon { background-image: url(/viomatrix/imgs/gfx/icon_help.png); }
.grey .help .oben, .grey #KalenderFrame .oben { background-image: url(/viomatrix/imgs/gfx/bg_hilfebox_oben_red.png); }
.grey .help .unten, .grey #KalenderFrame .unten { background-image: url(/viomatrix/imgs/gfx/bg_hilfebox_unten_red.png); }
.grey .help #outerdiv, .grey #getkalender { background-image: url(/viomatrix/imgs/gfx/bg_hilfebox_linie_red.png); }
.grey .help #get_help h1, .grey .help #get_help h2, .grey .help #get_help h3, .grey .help #get_help h4, .grey .help #get_help h5, .grey .help #get_help h6, 
.grey #Kalender h1, .grey #Kalender h2, .grey #Kalender h3, .grey #Kalender h4, .grey #Kalender h5, .grey #Kalender h6 {
background-color: #f2a489 !important;
color: #ffffff;
}
.grey #Kalender_Aktuell_Ausgabe { color: #ffffff; }
.grey a#Kalender_Close { background-image: url(/viomatrix/imgs/gfx/icon_close.png); }
.grey a#KalenderLastMonth { background-image: url(/viomatrix/imgs/gfx/icon_prev.png); }
.grey a#KalenderNextMonth { background-image: url(/viomatrix/imgs/gfx/icon_next.png); }
.grey #Kalender #Kalender_Wochen table thead td { color: #f2a489; }
.grey #Kalender #Kalender_Wochen table tbody td { border: 1px solid #f7c8b8; }
.grey #Kalender #Kalender_Wochen table tbody td a, .grey #Kalender #Kalender_Wochen table tbody td a:link, .grey #Kalender #Kalender_Wochen table tbody td a:visited, .grey #Kalender #Kalender_Wochen table tbody td a:focus { color: #f2a489; }
.grey #Kalender #Kalender_Wochen table tbody td a.aktiv, .grey #Kalender #Kalender_Wochen table tbody td a:hover {
color: #ffffff;
background-color: #f2a489;
}
.grey div.preis { background-color: #f7c8b8; }
.grey .icon_kalender { background-image: url(/viomatrix/imgs/gfx/icon_kalender.png); }
.grey .helpicon { background-image: url(/viomatrix/imgs/gfx/icon_help.png); }
.grey .help #get_help p, .grey .help #get_help li, .grey .help #get_help strong, .grey #Kalender p, .grey #Kalender li, .grey #Kalender strong,
.grey .help #get_help p a, .grey .help #get_help p i, .grey .help #get_help p u {
color: #f2a489;
}
.grey #get_help a.helpclose { background-image: url(/viomatrix/imgs/gfx/icon_close.png); }
div.red {
background-color: #ffffff;
padding: 0;
}
div.red div.topteaser a {
 display: block;
 width: 224px;
 height: 19px;
 background-position: 0 0;
 background-image: url(/viomatrix/imgs/gfx/background_red.png);
 background-repeat: repeat-x;
 color: rgb(255,255,255);
 font-weight: bold;
 font-size: 10pt;
 padding: 3px 8px;
}
div.red div.topteaser p {
 width: 240px;
 height: 150px;
 background-color: rgb(1,83,83);
}
.red div.teaser {
 display: block;
 color: rgb(0,0,0);
}
.red div.teaser h1 {
 display: block;
 width: 140px;
 height: 22px;
 background-image: url(/viomatrix/imgs/gfx/teaser_red.png);
 background-repeat: no-repeat;
 color: rgb(255,255,255);
 font-weight: bold;
 font-size: 10pt;
 padding: 3px 8px 0 8px;
 margin: 0 -10px;
}
.red h1, .red .nav, .red h6 { background-color: #e64a16; }
.red h6, .red h6 a, .red .nav a { color: #ffffff !important; }
.red h3, .red form h2, .red form h2 a, .reisedetail .red h2 a { color: #e64914; }
.red h3 a, .red h3 a.ankerfix { color: #e64914 !important; }
div.red .dunkel, div.dunkelred { background-color: #f2a489; }
#menu .dunkelred { background-color: rgb(247,200,184); }
.dunkelred p, .dunkelred a { color: #666666; }
.dunkelred .viocontent p { color: #ffffff; }
.red .hell, #text .red .galerie { background-color: #f7c8b8; }
.red ul.menu li a { background-image: url(/viomatrix/imgs/gfx/bg_menu.png); }
.redbgpic { background-image: url(/viomatrix/imgs/gfx/menu_background_line_red.png) !important; }
.bgleft .redbgpic { background-image: url(/viomatrix/imgs/gfx/menu_background_line_red_right.png) !important; }
.red .hotline p, .hotline strong { color: #ffffff; }
.red .boxcontent li, .red .boxcontent a { color: #666666; }
.red .boxcontent a:hover {
color: #d86c77 !important;
background-color: #f2a489 !important;
}
#text .red .boxcontent a:hover {
color: #d56475 !important;
background-color: #f7c8b8 !important;
}
#menu .red h6.first { background-image: url(/viomatrix/imgs/gfx/background_red.png) !important; }
#text .red .options a, #text .dunkelred li a { color: #ffffff !important; }
.red .options a:hover, .red .options a.aktiv {
background-color: #f7c8b8 !important;
color: #d56475 !important;
text-decoration: none !important;
}
.red .options p, .red .options p strong { color: #ffffff; }
.red .suchergebnisse h3 a { color: #666666 !important; }
.red .help .oben, .red #KalenderFrame .oben { background-image: url(/viomatrix/imgs/gfx/bg_hilfebox_oben_red.png); }
.red .help .unten, .red #KalenderFrame .unten { background-image: url(/viomatrix/imgs/gfx/bg_hilfebox_unten_red.png); }
.red .help #outerdiv, .red #getkalender { background-image: url(/viomatrix/imgs/gfx/bg_hilfebox_linie_red.png); }
.red .help #get_help h1, .red .help #get_help h2, .red .help #get_help h3, .red .help #get_help h4, .red .help #get_help h5, .red .help #get_help h6, 
.red #Kalender h1, .red #Kalender h2, .red #Kalender h3, .red #Kalender h4, .red #Kalender h5, .red #Kalender h6 {
background-color: #f2a489 !important;
color: #ffffff;
}
.red #Kalender_Aktuell_Ausgabe { color: #ffffff; }
.red a#Kalender_Close { background-image: url(/viomatrix/imgs/gfx/icon_close.png); }
.red a#KalenderLastMonth { background-image: url(/viomatrix/imgs/gfx/icon_prev.png); }
.red a#KalenderNextMonth { background-image: url(/viomatrix/imgs/gfx/icon_next.png); }
.red #Kalender #Kalender_Wochen table thead td { color: #f2a489; }
.red #Kalender #Kalender_Wochen table tbody td { border: 1px solid #f7c8b8; }
.red #Kalender #Kalender_Wochen table tbody td a, .red #Kalender #Kalender_Wochen table tbody td a:link, .red #Kalender #Kalender_Wochen table tbody td a:visited, .red #Kalender #Kalender_Wochen table tbody td a:focus { color: #f2a489; }
.red #Kalender #Kalender_Wochen table tbody td a.aktiv, .red #Kalender #Kalender_Wochen table tbody td a:hover {
color: #ffffff;
background-color: #f2a489;
}
.red div.preis { background-color: #f7c8b8; }
.red .icon_kalender { background-image: url(/viomatrix/imgs/gfx/icon_kalender.png); }
.red .helpicon { background-image: url(/viomatrix/imgs/gfx/icon_help.png); }
.red .help #get_help p, .red .help #get_help li, .red .help #get_help strong, .red #Kalender p, .red #Kalender li, .red #Kalender strong,
.red .help #get_help p a, .red .help #get_help p i, .red .help #get_help p u {
color: #f2a489;
}
.red #get_help a.helpclose { background-image: url(/viomatrix/imgs/gfx/icon_close.png); }
.red p.pageselect a:link, .red p.pageselect a:visited, .red p.pageselect a:hover, .red p.pageselect a:active, .red p.pageselect a:focus { color: #d56475; }
.red #Kalender input.kalender_jahreswahl { background-image: url(/viomatrix/imgs/gfx/100506_kalender_eingabefeld_red.png); }
div.yellow div.topteaser a {
 display: block;
 width: 224px;
 height: 19px;
 background-position: 0 0;
 background-image: url(/viomatrix/imgs/gfx/background_yellow.png);
 background-repeat: repeat-x;
 color: rgb(255,255,255);
 font-weight: bold;
 font-size: 10pt;
 padding: 3px 8px;
}
div.yellow div.topteaser p {
 background-color: rgb(0,163,61);
 width: 240px;
 height: 150px;
}
.yellow div.teaser {
 display: block;
 color: rgb(0,0,0);
}
.yellow div.teaser h1 {
 display: block;
 width: 140px;
 height: 22px;
 background-position: 0 0;
 background-image: url(/viomatrix/imgs/gfx/teaser_yellow.png);
 background-repeat: no-repeat;
 color: rgb(255,255,255);
 font-weight: bold;
 font-size: 10pt;
 padding: 3px 8px 0 8px;
 margin: 0 -10px;
}
.yellow h1.title, .yellow h6 { background-image: url(/viomatrix/imgs/gfx/bg_box_schatten.png) !important; }
.yellow h1, .yellow .nav, .yellow h6, .dunkelyellow h6 { background-color: #ffa502; }
.yellow h6, .yellow h6 a, .dunkelyellow h6 a, .yellow .nav a { color: #ffffff !important; }
.yellow h3 {
color: #666666;
font-weight: bold;
}
.yellow h2 a, .yellow h3 a, .yellow h2 a:hover, .yellow h3 a:hover { color: #ffa400 !important; }
.yellow ul.menu li a { background-image: url(/viomatrix/imgs/gfx/bg_menu_yellow.png); }
.yellow .dunkel, .dunkelyellow {
color: #666666;
}
.reiseliste .dunkelyellow , .yellow td.dunkel { background-color: #ffbf4d; }
.yellow .dunkel a, .dunkelyellow a { color: #666666; }
#menu .dunkelyellow { background-color: rgb(255,228,178); }
#menu .yellow a { color: #d86c77; }
.yellow .hell, #text .yellow .galerie { background-color: #ffd17f; }
.yellow .hotline p, .yellow .hotline strong { color: #ffffff; }
.yellowbgpic { background-image: url(/viomatrix/imgs/gfx/menu_background_line_yellow_left.png) !important; }
.bgleft .yellowbgpic { background-image: url(/viomatrix/imgs/gfx/menu_background_line_yellow_right.png) !important; }
#text .yellow .options a, #text .dunkelyellow li a,
#text .dunkelyellow p, #text .dunkelyellow strong { color: #ffffff !important; }
#menu .yellow .boxcontent li, #menu .yellow .boxcontent a { color: #666666; }
#menu .yellow .boxcontent a:hover {
background-color: #ffd17f;
color: #d86c77;
}
#text .yellow .boxcontent a:hover {
background-color: #ffd17f;
color: #d86c77 !important;
}
#menu .yellow h6.first { background-image: url(/viomatrix/imgs/gfx/background_yellow.png) !important; }
.yellow .help .oben, .yellow #KalenderFrame .oben { background-image: url(/viomatrix/imgs/gfx/bg_hilfebox_oben_yellow.png); }
.yellow .help .unten, .yellow #KalenderFrame .unten { background-image: url(/viomatrix/imgs/gfx/bg_hilfebox_unten_yellow.png); }
.yellow .help #outerdiv, .yellow #getkalender { background-image: url(/viomatrix/imgs/gfx/bg_hilfebox_linie_yellow.png); }
.yellow .help #get_help h1, .yellow .help #get_help h2, .yellow .help #get_help h3, .yellow .help #get_help h4, .yellow .help #get_help h5, .yellow .help #get_help h6, 
.yellow #Kalender h1, .yellow #Kalender h2, .yellow #Kalender h3, .yellow #Kalender h4, .yellow #Kalender h5, .yellow #Kalender h6 {
background-color: #ffbf4d !important;
color: #ffffff;
}
.yellow #Kalender_Aktuell_Ausgabe { color: #ffffff; }
.yellow a#Kalender_Close { background-image: url(/viomatrix/imgs/gfx/icon_close_yellow.png); }
.yellow a#KalenderLastMonth { background-image: url(/viomatrix/imgs/gfx/icon_prev_yellow.png); }
.yellow a#KalenderNextMonth { background-image: url(/viomatrix/imgs/gfx/icon_next_yellow.png); }
.yellow #Kalender #Kalender_Wochen table thead td { color: #ffbf4d; }
.yellow #Kalender #Kalender_Wochen table tbody td { border: 1px solid #ffbf4d; }
.yellow #Kalender #Kalender_Wochen table tbody td a, .yellow #Kalender #Kalender_Wochen table tbody td a:link, .yellow #Kalender #Kalender_Wochen table tbody td a:visited, .yellow #Kalender #Kalender_Wochen table tbody td a:focus { color: #ffbf4d; }
.yellow #Kalender #Kalender_Wochen table tbody td a.aktiv, .yellow #Kalender #Kalender_Wochen table tbody td a:hover {
color: #ffffff;
background-color: #ffbf4d;
}
.yellow div.preis { background-color: #ffd17f; }
.yellow .icon_kalender { background-image: url(/viomatrix/imgs/gfx/icon_kalender_yellow.png); }
.yellow .helpicon { background-image: url(/viomatrix/imgs/gfx/icon_help_yellow.png); }
.yellow .help #get_help p, .yellow .help #get_help li, .yellow .help #get_help strong, .yellow #Kalender p, .yellow #Kalender li, .yellow #Kalender strong,
.yellow .help #get_help p a, .yellow .help #get_help p i, .yellow .help #get_help p u {
color: #ffbf4d;
}
.yellow #get_help a.helpclose { background-image: url(/viomatrix/imgs/gfx/icon_close_yellow.png); }
.yellow p.pageselect a:link, .yellow p.pageselect a:visited, .yellow p.pageselect a:hover, .yellow p.pageselect a:active, .yellow p.pageselect a:focus { color: #d86c77; }
.yellow #Kalender input.kalender_jahreswahl {
background-image: url(/viomatrix/imgs/gfx/100506_kalender_eingabefeld_yellow.png);
color: #ffbf4d;
}
.nobg {
background-color: inherit !important;
background-image: none !important;
}
* html .nobg { background-color: transparent !important; }
*+html .nobg { background-color: transparent !important; }
#reisedatenverfeinern .hidden { display: none; }
table.leistungen td { padding: 0 0 2px 0 !important; }
table.leistungen td.first { padding-left: 4px !important; }
td.price {
padding-right: 0 !important;
text-align: right;
}
span.price {
display: block;
text-align: right;
}
#container .icon_kalender {
display: block;
height: 20px;
margin-top: -1px;
width: 20px;
}
#container .icon_kalender:hover { text-decoration: none; }
.hr {
border-bottom: 1px solid #D9D9D9;
font-size: 1px;
height: 1px;
margin: 6px 0 !important;
padding: 0 !important;
}
.reiseformdiv { padding: 0 !important; }
.vertragspartner_zuordnung { padding: 10px 0 0 25px !important; }
.vertragspartner_zuordnung div { padding: 0 !important; }
#text table.suchform { margin-top: 8px; }
#text table.suchform div { padding: 0; }
#text table.suchform div.big {
margin: 0 0 0 20px;
width: 220px;
}
#text table.suchform div.small {
margin: 0;
width: auto;
}
#text table.suchform select { width: 220px; }
#text table.suchform span select { width: 170px; }
#text table.suchform div.small span select { width: 140px; }
#text table.suchform div label { width: 40px; }
#text table.suchform td { width: 220px;padding: 0; }
* html #text table.suchform td { padding-bottom: 8px; }
*+html #text table.suchform td { padding-bottom: 8px; }
#text table.suchform input, #text table.suchform div.entfernung select { width: 134px; }
#text table.suchform input.submit { float: right; }
#text table.suchform input.bg220 { width: 220px; }
#text table.suchform div.plz label, #text table.suchform div.entfernung label { width: 70px; }
#text table.suchform div.plzliste { display: none; }
#text table.suchform div.plzliste label { width: auto; }
form h2 {
clear: both;
font-weight: bold;
}
form h2 a {
float: left;
font-weight: bold;
margin: 0 8px 0 0;
}
form h2.normal a {
color: #666666 !important;
float: none;
}
span.kalender_icon_beschriftung {
display: block;
float: left;
margin-left: 4px;
padding-top: 2px;
}
span.kalender_icon {
display: block;
float: left;
margin-left: 4px;
position:relative;
}
.gmap {
margin: 0 !important;
overflow: hidden;
padding: 0 !important;
}
.gmap div { padding: 0 !important; }
#sortform label { padding: 0 0 0 10px !important;width: 110px; }
#sortform select { width: 100px; }
#buchungsform input { width: 222px; }
#buchungsform input.checkbox { width: auto; }
#buchungsform input.right { float: right; }
#buchungsform select { width: 227px; }
#buchungsform .summe td.label {
color: #000000;
font-size: 1.05em;
font-weight: bold;
width: 240px;
}
#buchungsform .summe td.price {
color: #000000;
font-size: 1.05em;
font-weight: bold;
}
#buchungsform .smallpadding td { padding: 2px 4px; }
.admin_icon_delete {
background-image: url(/viomatrix/imgs/gfx/delete.gif);
display: block;
float: left;
height: 16px;
width: 16px;
margin-right: 4px;
text-decoration: none;
}
.admin_icon_delete:hover { text-decoration: none; }
.admin_icon_edit {
background-image: url(/viomatrix/imgs/gfx/page_white_edit.png);
display: block;
float: left;
height: 16px;
width: 16px;
margin-right: 4px;
text-decoration: none;
}
.admin_icon_open {
background-image: url(/viomatrix/imgs/gfx/lock_edit.png);
display: block;
height: 16px;
width: 16px;
margin-right: 4px;
text-decoration: none;
}
h2 .admin_icon_open { float: left; }
.galerie .admin_icon_open { background-image: url(/viomatrix/imgs/gfx/accept.png); }
.admin_icon_close {
background-image: url(/viomatrix/imgs/gfx/lock_open.png);
display: block;
height: 16px;
width: 16px;
margin-right: 4px;
text-decoration: none;
}
h2 .admin_icon_close { float: left; }
.galerie .admin_icon_close { background-image: url(/viomatrix/imgs/gfx/stop.png); }
.admin_icon_edit:hover, .admin_icon_close:hover, .admin_icon_open:hover { text-decoration: none; }
.leistungen p {
border-bottom: 1px solid #ffffff;
margin: 0 !important;
padding: 1px 10px 4px 10px !important;
}
.leistungen p.last { border: none; }
ul#themenliste {
list-style: none;
margin: 12px;
}
* html ul#themenliste { margin: 0; }
ul#themenliste li {
float: left;
margin: 0 6px 0 0;
text-align: center;
width: 66px;
}
ul#themenliste li p {
font-weight: bold;
text-align: center;
}
ul#themenliste li img { margin: 0 auto; }
ul#themenliste li input {
display: block;
float: none;
margin: 6px auto 0 auto;
width: 12px !important;
}
#hint {
background-color: transparent;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
#hint .overlay {
background-color: #000000;
opacity: 0.5;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
}
#hint .help {
top: 50%;
left: 50%;
bottom: auto;
margin: -125px 0 0 -120px;
}
#hint #get_help p {
padding: 10px;
}
body#greybox { padding: 20px 0 0 0; }
body#greybox .center { width: 640px;margin: 0 auto;text-align: center; }
p.hint {
color: red;
font-weight: bold;
}
li.icon_pdf {
background-image: url(/viomatrix/imgs/gfx/application-pdf.png);
background-repeat: no-repeat;
background-position: 8px 50%;
padding-left: 24px;
}
#text .box div.checkbox { padding: 0; }
#globalsearch {
position: relative;
z-index: 5;
}
#globalsearchblock {
background-color: #000;
height: 100%;
left: 0;
opacity: 0.3;
position: absolute;
top: 0;
width: 100%;
}
img.statistik {
border: 0;
float: none;
height: 0;
margin: 0;
visibility: hidden;
width: 0;
}
#icons {
top: 4px;
position: absolute;
left: 16px;
}
#icons img { height: 18px; }
#zielsucheregionen { display: none; }
img.counter { width: 1px;height: 1px; }
#Kalender div {
margin: 0 !important;
padding: 0 !important;
}
#Kalender table, #Kalender td, #Kalender th {
border: 0;
background-color: inherit;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
#Kalender table#Kalender_Monate {
margin: 14px 0 0 0;
width: 100%;
}
#Kalender table#Kalender_Monate td { width: 25%; }
#Kalender table#Kalender_Monate td.last { text-align: left; }
#Kalender table#Kalender_Monate td.next { text-align: right; }
#Kalender table#Kalender_Monate th { text-align: center; }
#Kalender #Kalender_Wochen { padding: 0 4px !important; }
#Kalender #Kalender_Wochen table { width: 210px; }
#Kalender #Kalender_Wochen table td { width: 12.5%; }
#Kalender #Kalender_Aktuell { display: none; }
#Kalender #Kalender_Aktuell_Ausgabe { font-size: 1em; }
#Kalender #Kalender_Aktuell_Ausgabe span {
color: #fff;
display: block;
font-size: 0.8em;
margin-right: 4px;
margin-top: 1px;
float: left;
}
*+html #Kalender #Kalender_Aktuell_Ausgabe { font-size: 1.1em; }
* html #Kalender #Kalender_Aktuell_Ausgabe span { margin-top: 1px; }
*+html #Kalender #Kalender_Aktuell_Ausgabe span { margin-top: 1px; }
#Kalender_returnobj { display: none; }
a#Kalender_Close {
float: right;
display: block;
height: 16px;
margin-left: 4px;
width: 16px;
background-repeat: no-repeat;
}
a#Kalender_Close:hover { text-decoration: none; }
#KalenderFrame {
position: absolute !important;
top: 0 !important;
left: 100% !important;
height: 240px !important;
margin: 0 !important;
padding: 0 !important;
width: 250px !important;
z-index: 10000;
}
a#KalenderLastMonth, a#KalenderNextMonth {
background-repeat: no-repeat;
display: block;
float: right;
height: 16px;
margin-left: 4px;
width: 16px;
}
a#KalenderLastMonth:hover, a#KalenderNextMonth:hover { text-decoration: none; }
#Kalender #Kalender_Wochen table thead td {
color: #f2a489;
font-weight: bold;
height: 24px;
text-align: center;
vertical-align: middle;
width: 27px;
}
#Kalender #Kalender_Wochen table tbody td {
border: 1px solid #f7c8b8;
height: 24px;
padding: 0 !important;
text-align: center;
vertical-align: middle;
width: 27px;
}
#Kalender #Kalender_Wochen table tbody td a, #Kalender #Kalender_Wochen table tbody td a:link, #Kalender #Kalender_Wochen table tbody td a:visited, #Kalender #Kalender_Wochen table tbody td a:focus {
color: #f2a489;
display: block;
padding: 7px 0 6px;
width: 100%;
}
#Kalender #Kalender_Wochen table tbody td a.aktiv, #Kalender #Kalender_Wochen table tbody td a:hover {
color: #ffffff;
background-color: #f2a489;
text-decoration: none;
}
#Kalender #Kalender_Wochen table tbody td span {
display: block;
padding: 7px 0 6px;
width: 100%;
}
#Kalender input.kalender_jahreswahl {
background-color: transparent;
background-image: url(/viomatrix/imgs/gfx/100506_kalender_eingabefeld.png);
background-repeat: no-repeat;
border: 0;
color: #f2a489;
display: inline;
float: none;
font-size: 0.8em;
height: 14px;
margin: 0;
padding: 1px 4px;
width: 30px !important;
}
* html #Kalender h1 { display: inline-block; }