html {
margin : 0;
padding : 0;
}
body {
margin : 1em 0 4em 0;
padding : 0;
font-family : "Trebuchet MS", Verdana, sans-serif;
background-color : #c12727;
color : #000000;
}
#kasten {
margin-left : auto;
margin-right : auto;
margin-top : 2em;
margin-bottom : 1em;
padding : 0 0 4em 0;
width : 45em;
max-width : 700px;
background-color : #f19c9c;
color : #000000;
border-top : 10px solid #dc5656;
border-left : 10px solid #dc5656;
border-right : 10px solid #dc5656;
border-bottom : 25px solid #dc5656;
}
#top {
background-image : url(../img/top.png);
background-repeat : no-repeat;
background-position : center;
height : 180px;
border-bottom : 12px solid #dc5656;
}
#toplogo {
position : absolute;
top : 70px;
padding : 0;
margin-right : 3em;
margin-left : 3em;
height : 109px;
width : 555px;
background-image : url(../img/logo.png);
background-color : transparent;
background-repeat : no-repeat;
background-position : center;
text-decoration : none;
}
#toplogo span {
display : block;
text-indent : -5000px;
}
#top h1 {
text-align : center;
text-transform : uppercase;
letter-spacing : 0.1em;
font-size : 3em;
margin-bottom : 0;
}
#top p {
text-align : center;
font-size : 0.9em;
margin-top : 0;
font-weight : bold;
}
#inhalt {
background-color : #fbdfdf;
color : #000000;
margin : 2em 1.4em 1em 1.4em;
padding : 0.6em;
border : 1px solid #c12727;
line-height : 1.7em;
}
#inhalt h1 {
padding : 0 0 10px 0;
margin : 1em 0 1em 0;
font-size : 1.2em;
font-style : italic;
letter-spacing : 0.05em;
}
#inhalt h4 {
border-bottom : 2px solid #c12727;
padding : 0 0 10px 0;
margin : 2.4em 0 1em 0;
width : 350px;
}
#inhalt p {
text-align : left;
}
#inhalt address {
font-weight : normal;
font-style : normal;
}
#inhalt form {
padding : 0 0 0 1em;
margin : 0;
line-height : 1.7em;
}
#inhalt input, select, textarea {
margin-bottom : 5px;
margin-right : 15px;
border : 1px solid #000000;
background-color : #fbdfdf;
color : #000000;
}
#inhalt input:hover, textarea:hover, input:active, textarea:active, input:focus, textarea:focus {
background-color : #fbdfdf;
color : #000000;
}
#navi {
background-color : #dc5656;
color : #000000;
margin : auto;
padding : 0.2em 0.2em 0.8em 0.2em;
text-align : center;
text-transform : uppercase;
}
#navi li {
margin : 0;
padding : 0;
list-style : none;
display : inline;
letter-spacing : 0.05em;
}
#navi li a {
text-decoration : none;
font-weight : bold;
background-color : #dc5656;
color : #000000;
padding-left : 1em;
padding-right : 1em;
}
#navi a:hover {
text-decoration : none;
font-weight : bold;
background-color : #c12727;
color : #000000;
}
#info {
background-color : #e85050;
color : #000000;
padding : 0.6em;
border : 2px dashed #000000;
text-align : center;
}
#info a {
text-decoration : underline;
background-color : #ed5959;
color : #000000;
}
#info a:hover {
text-decoration : none;
background-color : #ed5959;
color : #a0c0a0;
}
#kontakt {
margin : 0;
padding : 0;
}
#kontakt td {
background-color : #93a6f4;
color : #000000;
padding : 0.5em 1em 0.5em 1em;
margin : 0;
width : 50%;
}
#termine {
margin : 0;
padding : 0;
width : 100%;
}
#termine th {
background-color : #93a6f4;
color : #222222;
padding : 0.5em 1em 0.5em 1em;
margin : 0;
border-bottom : 2px solid #aab6e7;
text-align : left;
letter-spacing : 0.05em;
}
#termine td {
background-color : #aab6e7;
color : #000000;
padding : 0.5em 1em 0.5em 1em;
margin : 0;
border-bottom : 2px solid #93a6f4;
}
#organisationen {
padding : 5px;
margin : 2em 0 0 0;
}
#organisationen th {
color : #000000;
text-align : left;
text-decoration : underline;
background-color: #93a6f4;
}
table p {
padding : 0 1em 0 1em;
}
#organisationen th {
background-color : #ed5959;
color : #000000;
padding : 2px;
}
#organisationen td {
width : 35%;
padding : 2px;
}
ul {
list-style : circle;
}
ul li {
margin : 1em 0 1em 0;
padding : 0;
}
ol {
margin : 0;
padding : 0;
list-style : none;
}
ol li {
margin : 1em 0 1em 0;
padding : 0;
}
.angebot ol a {
text-decoration : underline;
font-weight : bold;
background-color : #ffffff;
color : #000000;
}
.angebot ol a:hover {
text-decoration : none;
font-weight : bold;
background-color : #ffffff;
color : #000000;
}
a {
color : #000000;
background-color : #fbdfdf;
}
a img {
border : none;
}
hr {
display : none;
}
.s {
font-size : x-small;
}
.help {
font-size : 2em;
}
.z {
margin : 0 0 0 3em;
padding : 0;
}
.logo {
float : right;
margin : -2em 2em 0 1em;
padding : 0;
width : 200px;
}
.fett {
font-weight : bold;
}
.p {
border : 2px solid #000000;
margin : 1em;
padding : 0.3em;
background-color : #dcdfed;
color : #000000;
}
.versteckt {
display : none;
}
a img {
border : none;
}
#hinweis {
margin : auto;
padding : 0;
text-align : center;
font-size : 0.9em;
background-color : #c12727;
color : #000000;
text-transform : uppercase;
}
#hinweis ol {
margin : 0.4em auto;
padding : 0;
list-style : none;
text-align : center;
font-size : 0.7em;
}
#hinweis ol li {
display : inline;
margin : 0;
padding : 0 1em 0 1em;
}
#hinweis p {
margin : 0;
padding : 0.5em;
font-size : 0.8em;
}
#hinweis a {
background-color : #c12727;
color : #000000;
text-decoration : none;
}
.foto {
float : right;
margin : 1em 0 0 1em;
padding : 0;
width : 260px;
height : 173px;
border : 1px solid #5772fb;
}