* {
margin: 0;
padding: 0;
font-size: 100%;
}

body {
font: normal 13px/20px verdana, arial, sans-serif;
color: #007;
background-color: #ccc;
}
hr {
border: none;
height: 3px;
background-image: url('images/trenner.jpg');
margin: 20px 30px 20px 30px;
}

h2 {
text-align: center;
font-size: 15px;
font-weight: bold;
}

h3 {
text-align: left;
font-size: 10px;
font-weight: bold;
margin: 10px 30px 0px 30px;}

#wrapper {
width: 800px;
height: 720px;
margin: 5px auto 0 auto;
}

#wrapper2 {
width: 800px;
height: 900px;
margin: 5px auto 0 auto;
}

/*--- HEADER ---*/

#header{
background-color: #36c;
height: 65px;
}

.headerimage {
margin: 10px 0px 10px 130px;
}

/*--- NAVIGATION ---*/

#navi {
width: 130px;
height: 100%;
float: left;
background-color: #36c;
font-weight: bold;
text-align: right;
}

.naviimage {
margin: 10px 10px 10px 0px;
}

#navi ul a:link,
#navi ul a:visited {
color: #ccc;
text-decoration: none;
}

#navi li a:hover {
color: #fff;
}

#navi li a:focus,
#navi li a:active {
color: #fff;
text-decoration: underline overline;
}

#navi li {
list-style: none;
font-weight: bold;
text-decoration: none;
margin: 5px 5px 5px 5px;
padding: 3px 10px 3px 10px;
}

#navi li.active {
color: #36c;
background-color: #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/*--- INHALT ---*/

#content {
width: 670px;
height: 100%;
float: right;
background-image: url('images/schatten_links.jpg');
}

#contentimpressum {
width: 670px;
height: 100%;
clear: both;
background-image: url('images/schatten_links.jpg');
margin: 30px 30px;
}

.contentimage {
margin: 10px 10px 10px 10px;
border: none;
}

#shadow {
width: 670px;
height: 11px;
float: right;
background-image: url('images/schatten_oben.jpg');
}

#content p {
margin: 10px 30px 0px 30px;
text-align: justify;
}

#content p.center {
margin: 10px 30px 0px 30px;
text-align: center;
}

#content p.small {
font-size: 10px;
line-height: 12px;
margin: 10px 30px 0px 30px;
text-align: justify;
}

#content p.smallcenter {
font-size: 10px;
line-height: 12px;
margin: 10px 30px 0px 30px;
text-align: center;
}

#content p.markcenter {
background-color: #ff0;
text-align: center;
}

#content p.mark1 {
background-color: #ff0;
}

#content p.mark2 {
background-color: #9cf;
}

#list ul {
margin: 10px 30px 10px 30px;
text-align: left;
}

#list li {
margin-left: 15px;
}

#content p a:link,
#content p a:visited {
color: #36c;
text-decoration: underline;
}

#content p a:hover {
color: #eee;
background-color: #36c;
}

#content p a:focus,
#content p a:active {
color: #fff;
background-color: #36c;
text-decoration: underline overline;
}

/*--- BILDERGALERIE ---*/

#gallery1 ul {
margin: 10px 30px 0px 30px;
}

#gallery1 li {
list-style: none;
float: left;
height: 50px;
width: 66px;
margin: 5px 5px;
}

#gallery2 ul {
margin: 10px 30px 0px 30px;
}

#gallery2 li {
list-style: none;
float: left;
height: 50px;
width: 66px;
margin: 5px 5px;
}

/*--- TERMINTABELLE ---*/

#termine td {
text-align: center;
padding: 0 2px;
}

#termine td.tabkopf {
font-weight: bold;
color: #eee;
background-color: #36c;
}

#termine td.tabgruppe {
font-weight: bold;
color: #36c;
background-color: #eee;
}

#termine td.tabaktuell {
background-color: #eee;
}

#termine td.tabmark1,
#termine p.tabmark1 {
background-color: #ff0;
}

#termine td.tabmark2,
#termine p.tabmark2 {
background-color: #9cf;
}

/*--- PARTNERSEITEN, COUNTER ---*/

#partnerseiten {
height: 80px;
margin-left: 30px;
}

#partnerseiten li {
float: left;
margin: 0 0 0 0;
list-style: none;
font-size: 75%;
}

#partnerseiten img {
border: none;
}

/*--- KOMMENTAR ---*/

#comment {
margin: 10px 30px 10px 0;
font-size: 85%;
font-style: italic;
text-align: right;
}

#comment a:link,
#comment a:visited {
color: #36c;
text-decoration: none;
}

#comment a:hover {
color: #007;
text-decoration: underline;
}

#comment a:focus,
#comment a:active {
color: #007;
text-decoration: underline overline;
}

/*--- FUSSZEILE ---*/

#footer {
clear: both;
font-size: 75%;
color: #eee;
background-color: #36c;
text-align: center;
}

#footer a:link,
#footer a:visited {
color: #eee;
text-decoration: none;
}

#footer a:hover {
color: #36c;
background-color: #ccc;
}

#footer a:focus,
#footer a:active {
color: #fff;
text-decoration: underline overline;
}