body {
	          margin: 10px;
	background-color: #FFFFFF;
	     font-family: Verdana, Arial;
}

#breite {
	width: 980px;
	margin: 0 auto;
}

li {
	list-style-type: disc;
}

a:link, a:visited {
	color: #0000CC;
}

#kopf {
	   background-color: #0066CC;
	   background-image: url(turnhalle.jpg);
	  background-repeat: no-repeat;
	background-position: 200px;
	              width: 100%;
	         border-top: 1px solid #CCCCCC;
}

#kopf object {
	           width: 200px;
	          height: 180px;
	           float: left;
	background-color: #0066CC;
}

#kopf h1 {
/*	    margin: 0 0 0 220px;*/
/*	    height: 180px;*/
		padding: 0;
		margin: 0;
	 text-align: left;
	      color: #CC0000;
	  font-size: 140%;
}

#kopf h1 span {
	       display: block;
/*	   padding-top: 140px;*/
	margin-top: 134px;
	          padding: 10px 0 10px 220px;
	   letter-spacing: 0.3em;
	 background-image: url(transparenz.png);
	background-repeat: repeat;
}

#kopf p {
	           clear: both;
	background-color: #CC0000;
	           color: #FFFFFF;
	          margin: 0;
	         padding: 0;
	    padding-left: 220px;
	      text-align: left;
}

#seite {
	background-color: #EEEEEE;
	    border-right: 1px solid #CC0000;
	     border-left: 1px solid #CC0000;
	           clear: both;
}

#navigation {
	width: 190px;
	float: left;
}

#navigation ul {
	 margin: 0;
	padding: 0;
}

#navigation li {
	         margin: 0;
	list-style-type: none;
}

#navigation li a {
	    padding-left: 0.5em;
	     padding-top: 0.5em;
	  padding-bottom: 0.5em;
	           width: 190px;
	          border: 1px solid #CCCCCC;
	      border-top: 0;
	border-left: 0;
	background-color: #DDDDDD;
	         display: block;
	 text-decoration: none;
	           color: #CC0000;
}

#navigation li a:hover {
	background-color: #0066CC;
	           color: #000000;
	           width: 190px;
	         display: block;
}

#navigation li li a {
	     padding-top: 0.2em;
	  padding-bottom: 0.2em;
	   padding-right: 5px;
	background-color: #E5E5E5;
	           width: 185px;
	      text-align: right;
}

#navigation li li a:hover {
	width: 185px;
}

#navigation li a.aktiv {
	background-color: #CC0000;
	           color: #FFFFFF;
}

#inhalt {
	   margin-left: 220px;
	    margin-top: 0em;
	 padding-right: 1em;
	padding-bottom: 1em;
}

#inhalt h2 {
	 margin: 0em;
	padding: 0.5em 0;
}

#inhalt #innenraum {
	width: 99%;
}

#inhalt p {
	text-align: left;
}

#ende {
	background-color: #CC0000;
	          margin: 0;
	     padding-top: 0.3em;
	  padding-bottom: 0.3em;
	       font-size: smaller;
}

#ende ul {
	    margin: 0;
	   padding: 0;
	text-align: right;
}

#ende li {
	list-style-type: none;
	        display: inline;
}

#ende li a {
	 text-decoration: none;
	         padding: 0.3em;
	           color: #FFFFFF;
	     border-left: 1px solid #CCCCCC;
}

#ende li a:hover {
	           color: #000000;
	background-color: #0066CC;
	 text-decoration: none;
}

img.bildrechts {
	      float: right;
	     border: 1px solid #CCCCCC;
	margin-left: 0.5em;
}

.clear_beide {
	clear: both;
}

.clear_links {
	clear: left;
}


.clear_rechts {
	clear: right;
}

.nachrichten h3 {
	margin-bottom: 0;
}

.nachrichten p {
	margin-top: 0;
}

.sitemap h3 {
	   margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#naviseite {
	 margin: 0;
	padding: 0;
}

#naviseite ul {
	 margin: 0;
	padding: 0;
}

#naviseite li {
	list-style-type: none;
	        display: inline;
}

#naviseite li a {
	 text-decoration: none;
	background-color: #CC0000;
	         padding: 0.3em;
	           color: #FFFFFF;
	          border: 1px solid #AA0000;
}

#naviseite li a:hover {
	           color: #000000;
	background-color: #0066CC;
	 text-decoration: none;
	          border: 1px solid #0000AA;
}


label {
	font-weight: bolder;
	     cursor: pointer;
}

input.schaltflaeche {
	           width: 20%;
	           color: #FFFFFF;
	background-color: #CC0000;
	          border: 1px solid #FFFFFF;
	         padding: 0.5em;
	          cursor: pointer;
	     font-weight: bolder;
}

input:hover.schaltflaeche,
input:focus.schaltflaeche {
	           color: #0066CC;
	background-color: #DEDEDE;
	          border: 1px solid #0066CC;
}


input.rahmen,
textarea.rahmen {
	    padding: 0.3em;
	      width: 40%;
	     border: 1px solid #CC0000;
	border-left: 10px solid #CC0000;
}

input:hover.rahmen,
textarea:hover.rahmen {
	background-color: #0066CC;
	          border: 1px solid #0066CC;
	     border-left: 10px solid #0066CC;
}

input:focus.rahmen,
textarea:focus.rahmen {
	background-color: #DEDEDE;
	          border: 1px solid #0066CC;
	     border-left: 10px solid #0066CC;
}

.error {
	     font-weight: bolder;
	           color: #0066CC;
	background-color: #DEDEDE;
	          border: 2px solid #0066CC;
	         padding: 0.5em;
}

.bilder {
	           width: 98%;
	   margin-bottom: 0.5em;
	         padding: 0.5em;
	background-color: #DEDEDE;
	          border: 1px solid #0066CC;
}

.bilder img {
	     border: 1px solid #0066CC;
	margin-left: 1em;
	      float: right;
}

.bilder p {
	 margin: 0;
	padding: 0;
}