body {
    padding: 10px 0px 10px 10px;
    background-color: #f5faff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

h1 {
    font-size: 18px;
}

h2, #side-extra h1 {
    font-size: 15px;
    color: #444444;
}

h3 {
    font-size: 13px;
}

p {
    margin: 20px 0;
    padding: 0;
    color: #444444;
    font-size: 13px;
}

div {
    font-size: 13px;
}

img {
    border: none;
}

hr {
    height: 0em;
    border: none;
    border-top: 1px dashed #000;
}

ul {
   padding: 10px;
}
* html ul {
   margin: 10px;
}

a {
    color: black;
}

form {
    margin: 0;
    padding: 0;
}

label {
    float: left;
    width:6.36em;
}

select {
}

input {
}

#container {
    float: left;
    width: 95%;
    min-width: 72.5em;
    background-color: white;
}

#contentspacer {
    padding: 0.45em 0.45em 0em 0.45em;
}

#header {
    padding: 0px;
    padding-top: 1em;
    font-size: 11px;
    background-image: url(/image/head_bg.jpg);
    background-repeat: no-repeat;
}

#header h1 {
    margin-top: 0em;
    margin-bottom: 1em;
    margin-left: 1.63em;
    color: #ffffff;
}

#header ul {
    margin: 0;
    padding: 0;
    padding-bottom: 0.75em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#header ul li {
    float: left;
    padding-left: 0.4em;
}

#header ul a {
    padding-top: 0.3em;
    height: 1.7em;
    width: 11.5em;
    display: block;
    min-width: 10em;
    vertical-align: middle;
    text-decoration: none;
    background-image: url(/image/b-header-navi.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: white;
}

#header ul a.extralarge {
    width: 13em;
}

#header ul a:hover {
    background-image: url(/image/b-header-navih.png);
    background-color: #b5b599;
}

#header ul span {
    margin-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 2.45em;
    background-repeat: no-repeat;
    background-position: 0.3em center;
}

#header #nav-start span {
    background-image: url(/image/header-navi-startseite.gif);
}

#header #nav-suche span {
    background-image: url(/image/header-navi-suche.gif);
}

#header #nav-fluege span {
    background-image: url(/image/header-navi-fluege.gif);
}

#header #nav-auto span {
    background-image: url(/image/header-navi-auto.gif);
}

#header #nav-hilfe span {
    background-image: url(/image/header-navi-hilfe.gif);
}

#header #nav-kontakt span {
    background-image: url(/image/header-navi-kontakt.gif);
}

div.breadcrumb {
    margin-bottom: 1em;
    margin-left: 1.5em;
    padding-top: 0.2em;
    font-size: 10px;
    height: 1.5em;
    background: url(/image/b-breadcrumb.png) repeat-x center bottom;
}

div.path {
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 10px;
    color: #333333;
}

div.path a {
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: #333333;
    text-decoration: none;
}

div.path a:first-child {
    padding-left: 0em;
}

div.flags {
    float: right;
    padding-right: 1em;
}

#side-navi {
    float: left;
    width: 11em;
}

#side-navi ul {
    margin: 0em;
    margin-bottom: 1.5em;
    padding: 0em;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#side-navi ul a, #side-navi ul h1 {
    display: block;
    margin: 0;
    padding-top: 0.1em;
    padding-left: 1em;
    height: 1.6em;
    width: 15em;
    text-decoration: none;
    background-image: url(/image/b-side-navi.png);
    background-repeat: repeat-x;
    font-size: 10px;
}

#side-navi ul h1 {
    font-weight: bold;
}

#side-navi ul a:hover {
    background-image: url(/image/b-side-navih.png);
}

#content {
}

#side-extra {
    float: right;
    padding-top: 1.36em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    width: 12em;
    text-align: center;
    background: #e0e0e0;
}

#side-extra h2 {
    font-size: 15px;
    color: #444444;
}

#side-extra p, #side-extra h1 {
    font-size: 11px;
    text-align: left;
}

#side-extra img {
    margin-left: 1em;
}

#side-extra hr {
    border-color: #a9a8a6;
}

#footer {
    padding-top: 0.4em;
    height: 1.65em;
    color: #ffffff;
    background-color: #0066b0;
    text-align: center;
    font-size: 11px;
}

#footer a {
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
}

.clear {
    clear: both;
    height: 0em;
}

.invisible {
    display: none;
}

.sep {
    margin: 20px 0;
}

.submit {
    margin-top: 15px;
    text-align: center;
}

.error { font-weight: bold; color: #ff3333; }

.d_period {
    background-color: #efdeda;
}

.a_period {
    background-color: #e7f1fe;
}

.s_period {
    background-color: #eeffef;
}

.show_distance {
    margin-top: 15px;
    font-size: 13px;
}

.show_similary {
    margin-top: 15px;
    font-size: 13px;
}

.admin_box {
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
}

.admin_box h3 {
    margin: 0px 0px 1px 0px;
    padding: 3px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.admin_box p {
    margin: 0px;
    padding: 3px;
    font-size: 13px;
    text-align: justify;
    background-color: #eeeeee;
}

.admin_error { background-color: #ff9999; }
.admin_status { background-color: #99cc99; }
.admin_help { font-size: 11px; font-weight: normal; }

.t {
    margin: 0;
}

.t td {
    padding: 3px;
    vertical-align: top;
    font-size: 13px;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}

.t .top {
    font-weight: bold;
    text-align: left;
    color: #000000;
    background-color: #f5faff;
}

.t .text {
    background-color: #fffee1;
}

.t .blank {
    width: 20px;
    background-color: #ffffff;
}

.t .left { border-left: 0; }
.t .lg { background-color: #eeeeee; }
.t .dg { background-color: #dddddd; }
.t .yw { background-color: #ffcc00; }
.t .gn { background-color: #199900; }
.t .rd { background-color: #ff3300; }
.t .nw, .nw td { white-space: nowrap; }
.t .al, .al td { text-align: left; }
.t .ar, .ar td { text-align: right; }
.t .ac, .ac td { text-align: center; }
.t .vt, .vt td { vertical-align: top; }
.t .vb, .vb td { vertical-align: bottom; }
.t .vm, .vm td { vertical-align: middle; }

.cal {
    font-family: Verdana, Arial, Helvetica;
    font-size: 8pt;
    background-color: #ffffff;
    text-align: center;
}
.cal .table { margin: 0px 20px 20px 0px; padding: 1px; }
.cal .table td {
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
.cal .month { font-size: 8pt; font-weight: bold; text-align: center; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; }
.cal .cw { background-color: #eeeeee; font-size: 8pt; font-weight: bold; text-align: center; border-left: 1px solid #cccccc; }
.cal .left { border-left: 1px solid #dddddd; }
.cal .day { background-color: #eeeeee; font-size: 8pt; font-weight: bold; text-align: center; border-left: 1px solid #cccccc; }
.cal .week { background-color: #eeeeee; font-size: 7pt; text-align: center; }
.cal .n { width: 18px; height: 18px; font-size: 7pt; text-align: center; }
.cal .o {  width: 18px; height: 18px; font-size: 7pt; text-align: center; background-color: #f0cfcf; }
.cal .of { width: 18px; height: 18px; font-size: 7pt; text-align: center; background-color: #f0cfcf; background: url(/unterkunft/image/catalog/cal_of.gif) no-repeat; }
.cal .f {  width: 18px; height: 18px; font-size: 7pt; text-align: center; background-color: #7dd07d; }
.cal .fo { width: 18px; height: 18px; font-size: 7pt; text-align: center; background-color: #7dd07d; background: url(/unterkunft/image/catalog/cal_fo.gif) no-repeat;}
.cal .u { width: 18px; height: 18px; font-size: 7pt; text-align: center; background-color: #f2e2c2; }

.required  { color: #ee0000; background-color: transparent; }
.listsup { color: #ee0000; background-color: transparent; font-size: 10px; font-weight: bold; }