html {
    background-color: #000066;
    quotes: "\201E" "\201C" "\201A" "\2018";
}

body {
    text-align: left;
    font-size: small;
    line-height: 1.2;
}

h1, h2, h3, h4 {
    color: #993366;
    font-weight: bold;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

h1 {
    font-size: xx-large;
    padding-bottom: 1em;
}

h2 {
    font-size: x-large;
}

h3 {
    font-size: large;
    color: #333399;
    clear: both;
}

h4, th, dt {
    font-weight: bold;
}

p {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    line-height: 140%;
    padding-bottom: 0.25em;
}

p.nopad {
    padding: 0;
}

strong, b {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

img {
    border: none;
}

img.inline {
    height: 1em;
}

img.cover {
    width: 10em;
}

img.intext-right {
    margin-left: 0.5em;
	margin-bottom: 0.5em;
    float: right;
}

img.intext-left {
    float: left;
    margin-right: 0.5em;
}

img.fontsymbol {
    max-height: 1.5em;
    padding-right: 1em;
}
/*
 .schatten {
 background: url(img/schatten-schwarz.png) no-repeat right bottom;
 padding: 0 12px 12px 0;
 border: #EEEEEE 1px solid;
 border-right: none;
 border-bottom: none;
 }
 */
th, td {
    text-align: left;
    vertical-align: top;
}

.rechtsbd {
    text-align: right;
    position: absolute;
    right: 0.5em;
}

.spalte {
    float: left;
    margin-right: 2em;
}

.clear {
	display: block;
    clear: both;
}

.klein {
    font-size: small;
}
/* Links */
a {
    text-decoration: none;
    border-bottom: 1px dotted blue;
}

a:hover {
    color: blue;
}

a img, a.nomarking, #subnavi ul li a, .navi ul li a {
    border: none; /* Links ohne Unterstreichung */
}

p a {
    color: black;
}

h1 a, h3 a {
    color: #333399;
}

h2 a {
    color: #660066;
}

th, td {
    font-size: small;
}


/* Abschnitte */
/* Linie: Kopf-Hintergrund */
#linie {
    position: fixed;
    border-bottom: 1px solid white;
    width: 100%;
    height: 4em;
}

#linie img {
    position: absolute;
    z-index: 55;
}

#linie p img {
	position: relative;
}

#linie p, #fuss p {
    font-size: smaller;
    color: white;
    padding: 0 0.5em 0 0.5em;
}

#linie a, #fuss a {
	color: white;
}


/* #Navi: Menublock */
#navi {
    position: fixed;
    top: 9em;
    left: 1em;
    z-index: 99;
    width: 14em;
    background-color: #ddd;
    color: #039;
    font-size: smaller;
	margin-bottom: 1em;
}

.navi h3 {
    padding: 0.25em 0.5em 0.25em 0.5em;
    border-bottom: 1px solid #936;
    color: white;
    font-size: small;
    font-weight: bold;
    text-transform: uppercase;
}

.navi a {
    border: none;
    color: #039;
}

ul.navi > li {
    padding: 0.5em 0.25em 0.25em 0.5em;
    text-transform: uppercase;
}

ul.navi > li:hover,
ul.subnavi > li:hover {
    background-color: white;
}

ul.navi > li.navi-active,
ul.subnavi > li.subnavi-active {
    background-color: #eef;
}

ul.subnavi > li.subnavi-active {
	border-top: 1px solid #ddd;
	border-left: 1px dotted #ddd;
}

/*
ul.navi > li.navi-active > a,
ul.subnavi > li.subnavi-active >a {
    color: white;
}
*/

ul.subnavi li {
	text-transform: none;
	background-color: #ddd;
	padding: 0.25em;
}

ul.subnavi li a {
	background: none;
}


/* werbung: Seezunge-Werbung rechts */
#werbung {
    position: fixed;
    top: 9em;
    right: 1em;
    z-index: 99;
    width: 12em;
    background-color: #CCCCCC;
    color: #003399;
    font-size: smaller;
	padding: 0 0.5em 1em 1em;
}

#werbung h3 {
	margin-top: 0.5em;
	font-size: small;
}

/* content: Hauptbereich */
#content {
    position: absolute;
    background-attachment: fixed;
    background-color: #EEEEFF;
    top: 8em;
    bottom:0;
    left: 15%;
    right: 15%;
    z-index: 2;
    overflow: scroll;
}

#kopf {
    position: fixed;
    top: 0;
    z-index: 50;
    /*
    left: 15%;
    right: 15%;
    height: 14em;
    overflow: hidden;
    background-image: url(/img/kopf-hintergrund.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    */
}

#kopf img {
    position: absolute;
    top: 0;
    z-index: 51;
    float: left;
}

#kopf img.logo {
    height: 4em;
}

#text {
    position: relative;
    bottom: 3em;
    top: 0;
    padding: 4em 3em 1em 3em;
    z-index: 20;
}

#text img.logo {
    border: none;
    width: 10em;
    float: left;
    padding: 1em 1em 1em 0;
}

#text .spalte {
    float: left;
    padding: 1em 2em 1em 0;
}

#fuss {
    /* background-color: #3366CC; */
    position: fixed;
    bottom: 0;
    height: 2em;
    left: 0;
    right: 0;
    /* z-index: 50; */
    font-size: smaller;
    color: white;
}

#fuss p {
    padding: 0 0.5em 0 0.5em;
}

#fuss a {
	color: white;
}

/* Microformats */
.dtstart, .dtend, .dtstamp {
    display: none;
}

/* Forms */

form .line {
    /* position: relative; */
    vertical-align: middle;
    white-space: nowrap;
    padding: 0.5em;
    padding-right: 0;
    float: none;
    clear: both;
    font-size: small;
    /*background-color: #EEEEEE;*/
	border-bottom: 1px solid white;
    min-height: 1.5em;
}

input, textarea, select {
    font-size: small;
    /* background-color: #FFFFEE; */
	padding: 0.25em;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #9999FF;
	border-right: 1px solid #9999FF;
	margin-bottom: 2px;
	z-index:99;
}

button img, .pseudobutton img  {
	vertical-align: middle;
}

button, .pseudobutton {
	text-align: center;
	padding: 0.75em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	border-top: 3px solid #FFFFFF;
	border-left: 3px solid #FFFFFF;
	border-bottom: 3px solid #AAAAAA;
	border-right: 3px solid #AAAAAA;
}

.pseudobutton:active {
	border-top: 3px solid #AAAAAA;
	border-left: 3px solid #AAAAAA;
	border-bottom: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
}

.pseudobutton * a:hover, a.pseudobutton {
	text-decoration: none;
}



input.error, textarea.error, select.error {
	background-color: #ff9;
}

form .label {
    float: left;
    width: 8em;
}

form .error label {
    color: red;
    font-weight: bold;
}

form .field {
    float: left;
    width: 23em;
}

form .hint {
    display: none;
}

form .remark {
    min-width: 1em;
	font-size: smaller;
    float: left;
}

form .text {
    /* background-color: #EEEEEE; */
    padding: 0.5em;
    padding-bottom: 0;
    font-size: small;
    float: none;
}

form .mandatory:before {
    content: '\203C ';
    color: #FFAAAA;
}

/*
.error {
    color: #936;
    font-weight: bold;
}
*/

/* Adressliste */
/* Raum */
h2.adressen {
    color: white;
    background-color: #000081;
    width: 100%;
    padding-left: 0.5em;
    font-size: small;
}
/* Ort */
h3.adressen {
    color: #990033;
    font-size: small;
	text-transform: uppercase;
	margin-bottom: 0.25em;
	margin-top: 0.25em;
}
/* Kategorie */
h4.adressen {
    color: black;
	width: 100%;
    font-size: small;
	margin-bottom: 0.25em;
	margin-top: 0.25em;
	border-bottom: 1px solid white;
}
/* Firma */
h5.adressen {
    color: #000081;
    font-size: small;
}

p.adressen, p.votecomment {
    color: black;
    margin: 0;
    font-size: smaller;
}

.adr-linkespalte {
    float: left;
    margin-right: 2em;
    width: 60%;
}

.adr-rechtespalte {
    float: left;
    width: 35%;
}

/* Artikel */
.artikel h3 {
    padding-top: 1em;
    clear: none;
}

.anleser {
    color: #000066;
    font-weight: bold;
}

.autor {
    font-size: smaller;
    text-align: right;
    text-transform: uppercase;
    padding-bottom: 2em;
}

.infoblock {
    font-weight: bold;
}

.kasten {
    background-color: #cccccc;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}

.kasten p, .kasten h4, .kasten ul, .kasten ol {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.kasten h3 {
    background-color: #000066;
    color: white;
    padding: 0 0 0 0.5em;
}

.vote .votecomment {
    display: none;
    visibility: hidden;
}

.vote:hover .votecomment {
    display: block;
    visibility: visible;
}

.adr-linkespalte {
	border-bottom: 1px solid white;
	margin-bottom: 1em;
}

/* Sterne und Hauben */
table.fremdwertung {
    width: 100%;
}

table.fremdwertung tr {
    border: none;
    border-bottom: 1px solid #000066;
}

/* Shop */

div.shop-artikel {
	float: left;
	margin-right: 2em;
	margin-bottom: 2em;
}

.shop-preis {
	text-align: right;
}

img.shop-bild {
	width: 150px;
	height: 210px;
}

td.rechts, th.rechts {
	text-align: right;
}

#shop-items table {
	width: 100%;
}

#shop-items tr {
	border-bottom: 1px solid white;
}

#shop-items td, #shop-items th {
	padding: 0.5em;
}