@import url("colors.css");

body {
 font-family: "Lucida Grande", verdana, arial, sans-serif;
 font-size: 80%;
 margin: 0 0 0 0;
}

/*   Kopfzeile   */

div.top {
 position: absolute;
 margin: 0 0 0 0;
 top: 0;
 left: 16em;
 width: 100%;
 height: 4em;
 padding: .5em .5em .5em 1.5em;
 text-align: center;
/* font-weight: bold; */
 vertical-align: middle;
 border-style: none;
}

div.topleft {
 position: absolute;
 text-align: center;
 font-size: 75%;
 top: 1em;
 left: 1em;
 width: 13em;
}
div.topleft img {
 width: 94%;
}
div.topcenter {
 position: absolute;
 text-align: center;
 top: 1em;
 left: 16em;
 right: 15em;
}
div.topright {
 position: absolute;
 text-align: center;
 top: 1em;
 right: 1em;
 width: 13em;
 float: right;
}
div.topright img {
 width: 94%;
}
div.bottomleft {
 position: fixed;
 text-align: center;
/* font-size: 75%; */
 bottom: 1em;
 left: 1em;
 width: 13em;
 border-style: solid;
 border-width: 2px;
}


/*   Menü   */

div.menue {
 position: absolute;
 top: 8em;
 left: 1em;
 width: 13em;
 border-style: solid;
 border-width: 2px;
}

div.fstLevel a {
 display: block;
 text-decoration: none;
 padding: .6em;
 font-size: 90%;
 font-weight: bold;
 text-align: left;
 border-style: solid;
 border-width: 2px;
}
div.fstLevel a:hover {
 border-style: solid;
 border-width: 2px;
}
div.fstLevelActive a {
 display: block;
 text-decoration: none;
 padding: .6em;
 font-size: 90%;
 font-weight: bold;
 text-align: left;
 border-style: solid;
 border-width: 2px;
}

div.secLevel a
{
 display: block;
 text-decoration: none;
 padding: .4em;
 padding-left: 1.6em;
 font-size: 80%;
/* font-weight: bold; */
 text-align: left;
 border-style: solid;
 border-width: 2px;
}
div.secLevel a:hover {
 border-style: solid;
 border-width: 2px;
}
div.secLevelActive a
{
 display: block;
 text-decoration: none;
 padding: .4em;
 padding-left: 1.6em;
 font-size: 80%;
/* font-weight: bold; */
 text-align: left;
 border-style: solid;
 border-width: 2px;
}

/*   Inhalt   */

div.inhalt {
 min-height: 4em;
 margin: 8em 15em 1em 15em;
 padding: 0em 1em 0em 1em;
/* border-style: solid;
 border-width: 2px; */
}

div.thumbsright {
 position: absolute;
 top: 8em;
 right: 1em;
 width: 13em;
 float: right;
 padding: 2em 0em 2em 0em;
/* padding: 10px; */
/* font-size: 80%; */
 text-align: center;
 border-style: solid;
 border-width: 2px;
}
img#quer {
 width: 12em;
}
img#hoch {
 height: 12em;
}
div.thumbsright a:link, div.thumbsright a:visited {
 display: block;
 text-decoration: none;
 font-size: 80%;
 font-weight: bold;
 border-style: none:
}
div.dummyright {
 position: absolute;
 top: 8em;
 right: 1em;
 width: 13em;
 float: right;
 padding: 2em 0em 2em 0em;
 border-style: none;
}


div.pictureright {
 right: 1em;
 width: 120px;
 float: right;
 padding: 10px;
 font-size: 80%;
 text-align: center;
 border-style: solid;
 border-width: 2px;
}
div.picturecenter {
/* width: 640px;
 padding: 10px; */
 font-size: 100%;
 text-align: center;
 border-style: none;
 border-width: 2px;
}
div.picturerightborderless {
 right: 1em;
 width: 120px;
 float: right;
 padding: 10px;
 font-size: 80%;
 text-align: center;
 }
div.inhalt div.meldung {
 margin: .5em 0 0 0;
 padding: .5em .5em .5em .5em;
 border-style: solid;
 border-width: 1px;
}

div.inhalt div.meldung a:link, div.inhalt div.meldung a:visited {
 text-decoration: none;
 border-style: solid;
 border-width: 1px;
}

div.inhalt div.meldung a:hover {
 border-style:dashed;
 border-width: 1px;
}






div.inhalt div.formulare {
 font-size: 80%;
 right: 15em;
}

input {
 font-weight: normal;
 margin-bottom: .3em;
 padding: 2px 5px 2px 5px;
 border-style: solid;
 border-width: 1px;
}
textarea {
 font-family: verdana, arial, sans-serif;
 font-size: 120%;
 margin-bottom: .3em;
 padding: 2px 5px 2px 5px;
 border-style: solid;
 border-width: 1px;
}
select {
 font-family: verdana, arial, sans-serif;
 font-size: 120%;
 margin-bottom: .3em;
 border-style: solid;
 border-width: 1px;
}


a#alglink {
 text-decoration: none;
/* border-style: solid;
 border-width: 2px; */
}
a:hover#alglink {
/* border-style: solid;
 border-width: 2px; */
}


.meldungsinfo {
 margin: 1.2em 0 0 0;
 padding: 0.5em 0 0 0;
 font-size: 60%;
 border-top: 1px dashed;
}

h1 {
 display: block;
 margin: 0 0 1.4em 0;
 font-size: 135%;
/* text-decoration: underline; &amp*/
 padding: .5em .5em .5em .5em;
 border-style: solid;
 border-width: 2px;
}

h2 {
 margin: 0 0 1em 0;
 font-size: 120%;
}

h3 {
 margin: 0 0 .6em 0;
 font-size: 110%;
 font-weight: normal;
 text-decoration: underline;
}

div.supportlinks a {
 display: block;
 text-decoration: none;
 padding: .5em .2em .5em .2em;
/* font-weight: bold; */
}

table {
 font-size: 100%;
 border-spacing: 0;
 border-style: solid;
 border-width: 1px;
}

th {
 font-weight: bold;
 padding: .5em .5em .5em .5em;
}

td {
 padding: .5em .5em .5em .5em;
}

td.preise {
 text-align: right;
 padding: .5em .5em .5em .5em;
}

td.center {
 text-align: center;
}
