html {
height : 100%;
padding : 0;
margin : 0 0 0 0;
}
body {
height : 100%;
color : #000;
background : #fff;
font-family : Arial, verdana, sans-serif;
font-size : 100.01%;
padding : 0;
margin : 3px 0 0 0;
min-width : 96%;
text-align : center;
}
A {
color : #022ecf;
text-decoration : underline;
}
A:hover {
color : #7e7e7e;
}
a:visited {
color : #022ecf;
}
a.tooltip span
{display:none; padding:2px 3px; margin-left:8px; margin-top: 15px; width:230px;}
a.tooltip:hover span{display:inline; position:absolute; background:#f3f6f8; border:1px solid #808080; color:#000000; text-decoration:none;}
p {
color : black;
}
h1, h2, h3, h4, h5 {
color : #000070;
font-family : Arial;
}
.stopFloat {
display : block;
float : none;
clear : both;
height : 1px;
font-size : 0;
line-height : 0;
}
.fleft {
float : left;
margin : 0 0.5em 0.2em 0;
width : 50%;
}
.fleftbreit {
float : left;
margin : 0 0.5em 0.2em 0;
width : 70%;
text-align: justify;
}
.fleftschmal {
float : left;
margin : 0 0.5em 0.2em 0;
width : 25%;
}
.fright_l {
float : left;
margin : 0 0 0.2em 0.8em;
}
.fright{
float : right;
margin : 0 0 0.2em 0.8em;
}
.box{
margin : 0;
width : 80%;
}
#rahmen {
margin : 0 auto;
text-align : left;
width : 980px;
background : #fff url("../grafics/hintergrund-l.png") repeat-y;
border-right : 1px solid #c0c0c0;
border-left : 1px solid #c0c0c0;
}
* html div#rahmen {
height : 1em;
margin-bottom : 0;
}
#kopf {
background : url(../grafics/head_980.jpg) no-repeat right;
height : 100px;
}
#menue {
margin : 0;
font-weight : bold;
color : #4f4f4f;
width : 100%;
background : #fff url(../grafics/navi.png);
text-align : right;
padding : 5px 0;
font-size : 90%;
border-right : 0;
border-left : 0;
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
}
#menue ul {
padding : 0;
margin : 0;
list-style-type : none;
}
#menue li {
display : inline;
padding : 0 15px;
}
* html #menue li {
height : 1em;
}
#menue a:link, #menue a:visited {
color : #000070;
font-weight : bold;
text-decoration : none;
}
#menue a:focus, #menue a:hover, #menue a:active {
color : #bd1823;
text-decoration : none;
}
#spalte1 {
float : left;
width : 19%;
margin-top : 60px;
}
#spalte1 ul {
padding : 0;
margin: 0;
}
#spalte1 li {
list-style-type : none;
font-size : 0.9em;
line-height : 200%;
color : #000070;
font-weight : bold;
}
* html #spalte1 li {
display : inline;
}
.fest {
color : #4f4f4f !important;
padding-left : 12px;
border-left : 5px solid #4f4f4f;
}
.schmal {
font-family : "Arial Narrow" !important;
font-weight : normal !important;
}
#spalte1 li li {
font-family : "Arial Narrow" !important;
font-size : 1em !important;
margin-left : 0;
line-height : 180%;
}
#spalte1 a {
display : block;
padding : 0;
margin : 0;
width : 95%;
position : relative;
}
* html #spalte1 a {
height : 1em;
}
#spalte1 a:link, #spalte1 a:visited {
color : #000070;
text-decoration : none;
}
#spalte1 a:focus, #spalte1 a:hover, #spalte1 a:active {
color : #bd1823;
text-decoration : none;
}
#bildlink {
margin-top : 5em;
}
#bildlink img {
border : 0;
margin: 0;
padding: 0;
}
#bildlink a:focus, #bildlink a:hover, #bildlink a:active {
border : 0;
text-decoration : none;
}
#spalte2 {
float : left;
width : 65%;
background : #fff;
padding : 3px 0 10px 0;
}
#spalte2 h1 {
margin : 30px 15px 1em 15px;
background : transparent;
border-bottom : 1px solid #bd1823;
font-size : 110%;
line-height : 140%;
}
#spalte2 h2 {
margin : 30px 15px 1em 15px;
font-size : 100%;
line-height : 120%;
}
#spalte2 h3 {
font-size : 90%;
line-height : 120%;
margin : 20px 15px 1em 15px;
}
#spalte2 p {
font-size : 85%;
line-height : 130%;
margin : 0.4em 15px;
}
#spalte2 h2 img {
border: 0;
margin-top: 20px;
}
#spalte2 p.kleiner {
font-size : 80% !important;
line-height : 130% !important;
}
#spalte2 li {
line-height : 120%;
font-size : 80%;
margin : 0.1em 25px 0 25px;
background : url(../grafics/aufzaehlungspunkt.gif) no-repeat 0 0.32em;
padding-left : 12px;
list-style-type : none;
}
.fett {
font-weight : bold;
}
#spalte2 a:link, #spalte2 a:visited {
color : #bd1823;
font-weight : normal;
}
#spalte2 a:focus, #spalte2 a:hover, #spalte2 a:active {
color : #264f63;
}
.nachoben, .zu {
text-align : right;
}
.nachoben a {
font-size : 90%;
background : url(../grafics/pfeil_oben_rot.gif) no-repeat 0 0.15em;
padding-left : 18px;
text-decoration : none;
font-weight : bold !important;
}
.zurueck {
padding-left: 20px;
}
.anmelden {
width: 130px;
margin: -40px 0 0 420px;
padding: 0;
}
.anmelden img {
border: 0;
}
.zurueck a {
font-size : 90%;
background : url(../grafics/pfeil_zurueck_rot.gif) no-repeat 0 0.15em;
padding-left : 18px;
text-decoration : none;
font-weight : bold !important;
}
.zu a {
font-size : 90%;
padding-left : 18px;
text-decoration : none;
font-weight : bold !important;
background : url(../grafics/pfeil_zurueck_rot.gif) no-repeat 0 0.15em;
}
.unter {
background : #f3f6f8;
padding : 0;
margin : 0 15px 1em 15px;
border: 1px solid #808080;
}
.kasten {
background : #f3f6f8;
margin : 10px 15px 1em 15px;
padding-top: 0;
border: 1px solid #808080;
}
.oktober {
background: url(../grafics/bayern_hintergrund.jpg) no-repeat;
}
.fruehling {
background: #ffffff url(../grafics/fruehling_hintergrund.jpg) no-repeat fixed bottom right;
}
.herbst {
background: #ffffff url(../grafics/herbst_hintergrund.jpg) no-repeat fixed bottom right;
}
.hintergrund {
background: #ffffff url(../grafics/mond.png) transparent center center no-repeat;
}
#spalte2 h2 {
font-size : 90%;
background : #d7d7d7;
margin : 15px;
padding : 0.5em 5px;
}
.info {
background : #FFDCB9;
padding : 0;
margin : 0 15px 1em 15px;
}
#spalte2 .info h2 {
background : #FF9D3C;
margin : 0;
padding : 0.5em 20px;
border-bottom : 5px solid #fff;
}
.newsBox {
background : #f3f6f8;
padding : 0;
margin : 0 15px 1em 15px;
}
#spalte2 .newsBox h2, #spalte2 .unter h2 {
font-size : 90%;
background : #d7d7d7;
margin : 0;
padding : 0.5em 20px;
border-bottom : 5px solid #fff;
}
#spalte2 .newsBox h3, #spalte2 .unter h3 {
background : #d7d7d7;
color : #000070;
border : 0;
font-size : 85%;
line-height : 110%;
padding : 0.5em 20px;
margin :0;
}
#spalte2 .newsBox p, #spalte2 .unter p{
margin : 0.5em 20px;
}
#spalte2 .newsBox a {
display : block;
height : 0.8em;
font-size : 85%;
color : #bd1823 !important;
background : url(../grafics/pfeilchen.gif) no-repeat 0 0.5em;
font-weight : bold;
text-decoration : none;
padding-left : 15px;
border-top : 1px solid #bd1823;
margin-top : 10px;
}
html > body #spalte2 .newsBox a {
height : auto;
}
#spalte2 .newsBox ul {
margin : 0;
padding-left : 2em;
}
#spalte2 .newsBox li {
font-size : 80% !important;
}
#spalte2 .sitemap li {
list-style-type : none;
font-size : 90%;
}
#spalte2 .sitemap li li {
font-size : 100% !important;
}
#spalte2 .sitemap a {
display : block;
height : 1em;
font-weight : bold !important;
padding : 0;
color : #1b1b1b !important;
line-height : 110%;
text-decoration : none;
margin : 10px 0 0 10px;
}
#spalte2 table {
border : 1px solid #808080;
margin : 0 15px 1em 15px;
border-collapse : collapse;
}
#spalte2 tr, #spalte2 td {
border : 1px solid #c0c0c0;
font-size : 82%;
padding : 4px 8px;
}
th {
background : #d7d7d7;
border : 1px solid #808080;
padding : 5px 8px;
}
.streifen td {
background : #f3f6f8;
}
.spalte1 {
width : 10%;
font-weight : bold;
}
.spalte3 {
width : 39%;
}
.spalte2 {
width : 16%;
}
#bilder {
float: left;
text-align: bottom;
}
#bilder img {
border : 0;
padding : 10px 10px 5px 15px;
}
#bilder p {
padding: 0;
font-size : 75% !important;
}
.teaser {
margin : 0.8em 1.2em;
border-bottom : 1px solid #ccc;
}
.bildrechts {
float : right;
border : 0;
margin : 0 15px 10px 8px;
}
.bildLinks {
float : left;
width : 100px;
border : 0;
margin : 8px 20px 8px 20px;
}
#spalte2 img {border: 0;}
#spalte2 form {
margin : 20px 15px 10px 45px;
}
#spalte2 input, #spalte2 textarea {
margin-left : 10px;
background-color : #f3f6f8;
border : 1px solid #cccccc;
padding : 3px 5px;
width : 100%;
font-family : Arial;
}
#spalte2 form p {
font-size : 1em;
margin : 8px 0;
}
#spalte2 .beschriftung {
float : left;
width : 10em;
text-align : right;
}
#spalte2 .beschriftung_anzahl {
float : left;
width : 20px;
text-align : left;
font-size : 0.9em;
}
#spalte2 .eingabefeld {
float : left;
width : 20em;
max-width : 100%;
}
#spalte2 .anzahl, #spalte2 .personen {
float : left;
width : 1em;
text-align : right;
}
#spalte2 .anzahl {
margin-left : 4em;
}
#spalte2 .nachricht {
width : 100%;
height : 3.5em;
}
#spalte2 label {
display : block;
font-size : 0.8em;
font-weight : bold;
margin-right : 10px;
}
#spalte2 input.checkbox {
margin-left : 2em;
width : 20px;
border : 0;
background-color : #fff;
}
#spalte2 input.radio {
margin-left : 8em;
width : 20px;
border : 0;
background-color : #fff;
}
#spalte2 fieldset legend {
font-size : 0.8em;
font-weight : bold;
}
#spalte2 fieldset {
background : #fff;
width : 90%;
}
#spalte2 .auswahl {
font-size : 0.9em;
padding-left : 15px;
padding-top : 3px;
}
.wichtig {
color: #bd1823 !important;
font-weight: bold;
}
.kleiner {
font-size : 0.8em;
}
#spalte2 .keineauswahl {
font-size : 0.9em;
padding-left : 15px;
padding-top : 3px;
color: #808080;
}
#spalte2 .submit {
float : left;
background-color : #bd1823;
color : #fff;
font-family : arial, 'times new roman';
text-transform : uppercase;
font-weight : bold;
font-size : 0.8em;
padding : 2px 0;
margin-top : 1em;
margin-left : 0;
width : 15em;
border : none;
}
#spalte2 .reset {
background-color : #bd1823;
color : #fff;
font-family : arial, 'times new roman';
text-transform : uppercase;
font-size : 0.8em;
padding : 2px 4px;
margin : 25px 0 0 2em;
width : 10em;
border : none;
}
#spalte2 .liste {
list-style-type : none;
}
a.web:link,
a.web:visited {
color: #666;
background: url(../grafics/icon_www.png) 0 0.2em no-repeat; /* mit dem Kommentarhack vor dem IE 5 (Win und Mac) versteckt, um padding-Problem beim Win IE 5 zu umgehen */
padding-left: 18px; /* hier auch der Kommentarhack, damit das padding nicht im Mac IE 5 zum Tragen kommt (der kann naemlich im Gegensatz zur Win-Version paddings auf Inline-Elemente anwenden) */
}
p.tel {
color: #666;
background: url(../grafics/icon_telefon.png) 0 .1em no-repeat; /* mit dem Kommentarhack vor dem IE 5 (Win und Mac) versteckt, um padding-Problem beim Win IE 5 zu umgehen */
padding-left: 18px; /* hier auch der Kommentarhack, damit das padding nicht im Mac IE 5 zum Tragen kommt (der kann naemlich im Gegensatz zur Win-Version paddings auf Inline-Elemente anwenden) */
}
p.fax {
color: #666;
background: url(../grafics/icon_fax.png) 0 .1em no-repeat; /* mit dem Kommentarhack vor dem IE 5 (Win und Mac) versteckt, um padding-Problem beim Win IE 5 zu umgehen */
padding-left: 18px; /* hier auch der Kommentarhack, damit das padding nicht im Mac IE 5 zum Tragen kommt (der kann naemlich im Gegensatz zur Win-Version paddings auf Inline-Elemente anwenden) */
}
a.email:link,
a.email:visited {
color: #666;
background: url(../grafics/icon_mail.png) 0 .2em no-repeat; /* mit dem Kommentarhack vor dem IE 5 (Win und Mac) versteckt, um padding-Problem beim Win IE 5 zu umgehen */
padding-left: 18px; /* hier auch der Kommentarhack, damit das padding nicht im Mac IE 5 zum Tragen kommt (der kann naemlich im Gegensatz zur Win-Version paddings auf Inline-Elemente anwenden) */
}
#spalte3 {
margin : 15px 0 0 0.5em;
float : right;
width : 15%;
padding : 0 0 10px 0;
}
#spalte3 h1 {
background : #8a8db8;
padding : 3px 10px;
font-size : 85%;
line-height : 160%;
margin : 15px 0 5px 0;
}
#spalte3 p {
background : #d7d7d7;
font-size : 70%;
line-height : 120%;
margin : 2px 0;
padding : 3px 10px;
}
#spalte3 img {
border : 0;
float : left;
}
#spalte3 a {
height : 0.8em;
background : url(../grafics/pfeilchen.gif) no-repeat 0 0.3em;
padding-left : 15px;
font-size : 80%;
}
html > body #spalte3 a {
height : auto;
}
#fuss {
width : 100%;
background : #fff url(../grafics/navi.png);
border-right : 0;
border-left : 0;
border-top: 2px solid #fff;
margin : 0;
clear : both;
}
#fuss p {
font-size : 70%;
color : #808080;
padding : 5px 0;
text-align : center;
}
.fuss {
font-size : 70% !important;
color : #808080;
}