* {
margin: 0;
padding: 0;
}
html, body {
height: 100%; /* Required */
}
body {
background-color: #2b3333;
font-size: 13px;
font-family: Tahoma, "Times New Roman", Times, serif;
color: #3a3c3f;
text-align:left;
}
/* standards ------------------------------------------------------------------------ */
a {
text-decoration: none;
color: #3a3c3f;
}
a:hover {
color: #c22f26;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
h1, h2 {
font-style: normal;
font-weight: normal;
margin: 0;
}
h1 {
font-size: 2em;
line-height: 1.3em;
}
h3 {
font-size: 1.1em;
line-height: 1.2em;
color: #c22f16;
margin-bottom: 4px;
}
p {
margin: 0 0 15px 0;
padding: 0;
}
img {
border: 0;
}
/* aufbau ------------------------------------------------------------------------ */
#header {
width: 1150px;
background-color: #2b3333;
height: 18px;
display: block;
}
#container, #container2 {
margin: 0 20px;
width: 1150px;
position: relative;
min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */
}
#container {
background-image: url(../pics/back.gif);
}
#container2 {
background-image: url(../pics/back2.gif);
}
#mainContent {
padding: 0 0 20px 0;
}
#mainContent:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}
#naviBar {
padding: 0;
width: 290px;
float: left;
}
/* logo / pic --------------------------------------------------------------------------- */
#logo {
margin: 0;
height: 160px;
width: 290px;
background-image: url(/logo.jpg);
}
#multidiv {
margin: 0;
height: 190px;
width: 290px;
background-color: #fffdea;
}
/* navi / subnavi ------------------------------------------------------------------------ */
#navi {
margin: 15px 0 0 45px;
font-style: normal;
}
#navi ul, #subnavi ul {
width: 245px;
}
.mainnavi li {
font-size: 1.1em;
padding-top: 2px;
background-image: url(../pics/dot_white.gif);
background-repeat: repeat-x;
line-height: 2.4em;
}
.mainnavi a {
color: #2d3476;
display: block;
padding-left: 7px;
}
.active {
font-weight: normal;
padding-left: 7px;
}
.mainnavi .active {
color: #8fc7e1;
}
.mainnavi a:hover {
text-decoration: none;
}
.imprintnavi li {
padding-top: 2px;
background-image: url(../pics/dot_white.gif);
background-repeat: repeat-x;
line-height: 2.8em;
color: #8fc7e1;
}
.imprintnavi a {
color: #3a3c3f;
}
.imprintnavi li {
font-size: 0.95em;
line-height: 3em;
padding-left: 7px;
}
#subnavi {
background-image: url(../pics/dot_dark.gif);
background-repeat: repeat-x;
color: #f5f5f2;
font-style: italic;
padding: 55px 0 25px 0;
margin-left: 45px;
background-position: 0 53px;
}
#content #subnavi {
margin-left: 0;
}
#content #subnavi ul {
width: 530px;
}
#subnavi li {
padding: 0 0 0 7px;
font-size: 0.95em;
background-image: url(../pics/dot_dark.gif);
background-repeat: repeat-x;
background-position: bottom;
line-height: 2em;
font-weight: bold;
color: #3a3c3f;
}
#subnavi a {
color: #3a3c3f;
display: block;
font-weight: normal;
}
#subnavi a:hover {
text-decoration:underline;
}
#logos {
width: 245px;
height: 82px;
background-image: url(../pics/logos.gif);
margin-top: -5px;
}
/* inhalt ------------------------------------------------------------------------ */
#content, #multibar, #content1, #content2 {
margin: 75px 0 0 25px;
float: left;
line-height: 1.4em;
}
#content { width: 530px; margin-right: 28px; }
#multibar { width: 245px; }
#content1 { width: 440px; margin-right: 40px; }
#content2 { width: 300px; }
#content .underline, #content1 .underline, #content2 .underline {
display: block;
border: none;
background-image: url(../pics/dot_green-.gif);
background-repeat: repeat-x;
height: 3px;
margin: 0 0 14px 0;
padding: 0;
}
#content .overline, #content1 .overline, #content2 .overline {
display: block;
border: none;
background-image: url(../pics/dot_green-.gif);
background-repeat: repeat-x;
height: 3px;
margin: 0 0 14px 0;
padding: 0;
}
#content .underline { width: 530px; }
#content1 .underline { width: 440px; }
#content2 .underline { width: 300px; }
#content .overline { width: 530px; }
.text { margin-bottom: 0px; }
.text a { border-bottom: 1px dotted #9ab609; }
.text a:hover { border-bottom: 1px dotted #c22f16; }
.articlepic { margin: -5px 0 10px -3px; }
/* Willkommen ------------------------------------------------------------------------ */
.welcome h2 {
font-size: 2em;
line-height: 1.05em;
font-style: italic;
}
.welcome p {
margin: 20px 0 40px 0;
}
/* veranstaltungen ------------------------------------------------------------------------ */
.event {
background-image: url(../pics/dot_dark.gif);
background-repeat: repeat-x;
padding-top: 8px;
width: 530px;
}
.event h2 {
font-size: 2em;
line-height: 1.05em;
}
.title a {
color: #3a3c3f;
}
.title {
cursor: pointer;
}
.bottomborder {
background-image: url(../pics/dot_dark.gif);
background-repeat: repeat-x;
height: 2px;
width: 530px;
}
.eventtext a { border-bottom: 1px dotted #9ab609; }
.eventtext a:hover { border-bottom: 1px dotted #c22f16; }
.eventtext img {
float:left;
margin: 5px 8px 0 0;
}
/* download ------------------------------------------------------------------------ */
.download {
background-image: url(../pics/dot_dark.gif);
background-repeat: repeat-x;
font-style:italic;
font-size: 1.1em;
line-height: 1.1em;
font-weight: bold;
width: 100%;
margin-bottom: 30px;
}
.download p {
padding: 8px 0 12px 8px;
margin-bottom: 0;
}
.downloadborder {
background-image: url(../pics/dot_dark.gif);
background-repeat: repeat-x;
height: 2px;
width: 100%;
}
.download a {
font-weight: normal;
color: #c22f16;
text-decoration:underline;
}
.size {
font-weight: normal;
font-size: 0.8em;
line-height: 1.8em;
}
/* kontaktformular ------------------------------------------------------------------------ */
fieldset {
border: none;
}
form, textarea {
width: 530px;
border: none;
}
.inpt, .txt, .senden, .nmbr {
width: 280px;
border: 1px dotted #3a3c3f;
float: right;
background-color: #fbfbfb;
padding: 2px 1px;
line-height: 1.4em;
margin-bottom: 10px;
color: #3a3c3f;
font-size: 0.9em;
}
.txt {
height: 200px;
}
.nmbr {
padding-top: 20px;
}
form br {
clear:both;
}
form img {
margin-top: -3px;
}
.newsletter {
margin-top: 10px;
}
.senden {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
cursor: pointer;
font-weight: bold;
width: 284px;
}
.alarm {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
line-height: 1.2em;
color: #c22f16;
}
label {
font-style: italic;
font-weight:normal;