body {
	background:#F0F0F0; /* ganzhintendran Hintergrundfarbe der Seite */
	background-image: url(/css/bodybg.jpg);
	background-repeat: repeat-x;
	
	padding:0px;
	margin:0px;
	
	font: 11px/1.0 Verdana, Arial, Helvetica, sans-serif;
	text-align:justify; /* Blocksatz */
}

	#frame {
		width:838px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:0px;
		border:1px solid #CCCCCC;
		background-image: url(/css/framebg.gif);
		background-repeat: repeat-y;
		
		text-align:left;
		}
		
	#header {
		background:     url(/css/header.gif);
		height: 141px;
		}
		
		#header h1 {
			color: #E5E5E5;
			font-size:10px;
			margin:0px;
			margin-right:20px;
			text-align: right;
			padding-top: 0px;
			padding-bottom: 0px;
			}
			
			#header h3 {
				color: #E5E5E5;
				font-size:8px;
				margin:0px;
				margin-right:20px;
				text-align: right;
				padding-top: 0px;
				padding-bottom: 0px;
				margin-bottom:0px;}
	
			#header p {
				color: #1D5851;
				font-size:12px;
				text-align: left;
				margin:0px;
				letter-spacing: 0.0em;
				padding-top: 100px;
				padding-left: 200px;
				padding-bottom: 0px;
				font-weight: normal;
				}

					#header a, #header a:visited {
						color:#1D5851;
						text-decoration: none;
						font-weight: normal;
						}
					#header a:hover {
						color: #1D5851;
						text-decoration: underline;
						font-weight: normal;
						}
	
								
	#navigation {
		width:177px;
		float:left;
		text-align: left;
		font-size: 11px;
		background: url(/css/navigation.jpg) repeat;
		line-height: 20px;
		margin-top:-2px;
		padding-top: 10px;
		padding-bottom: 0px;
		}
		
					#navigation p {
						color:#333333;
						margin-top:0px;
						margin-bottom:0px;
						margin-right:0px;
						font-weight: normal;
						padding-left:16px;}
					#navigation p a, #navigation p a a:visited {
						color: #333333;
						text-decoration: none;
						background-image:  url(/css/nav-quadrat.gif);
						background-repeat: no-repeat;
						padding-left: 20px;
						}
					#navigation p a:hover {
						color: #272727;
						text-decoration: underline;
						background-image:  url(/css/nav-over-quadrat.gif);
						background-repeat: no-repeat;
						padding-left: 20px;
						}
					#navigation img {
						padding-bottom: -5px;
						margin-bottom: -5px;
						}
	
	#inhalt {
		width:640px;
		float:left;
		padding-top: 20px;
		}

	#inhalt h2 {
		background-image:  url(/css/h2-quadrat.gif);
		background-repeat: no-repeat;
		font-size:16px;
		font-weight: bold;
		font-variant: normal;
		color: #B30004;
		text-align: left;
		padding-bottom: 00px;
		padding-top: 0px;
		padding-left: 22px;
		margin-right: 0px;
		margin-left: 0px;}
		
		#inhalt h3 {
			background-image:  url(/css/h3-quadrat.gif);
			background-repeat: no-repeat;
			font-size:12px;
			font-weight: bold;
			font-variant: normal;
			color: #B30004;
			text-align: left;
			padding-bottom: 00px;
			padding-top: 0px;
			padding-left: 17px;
			margin-right: 0px;
			margin-left: 0px;}
			
			#inhalt h4 {
				background-image:  url(/css/aufzaehlquadrat.gif);
				background-repeat: no-repeat;
				font-size:12px;
				font-weight: bold;
				font-variant: normal;
				color: #1D5851;
				margin-left: 50px;
				margin-right:60px;
				text-align: left;
				padding-bottom: 00px;
				padding-top: 0px;
				padding-left: 17px;
				}
		
	
		#inhalt p {
			font-size:12px;
			margin-left:50px;
			margin-right:60px;
			text-align: justify;
			line-height: 1.2;
			padding-bottom: 10px;
			color: #1D5851;
			}
					#inhalt a, #inhalt a:visited {
					color: #1D5851;
					text-decoration: underline;
					background-image:  url(/css/link-inhalt.gif);
					background-repeat: no-repeat;
					padding-left: 10px;
					}
					#inhalt a:hover {
					color: #B30004;
					text-decoration: none;
					background-image:  url(/css/link-hover.gif);
					background-repeat: no-repeat;
					padding-left: 10px;
					}
					
					#inhalt .ohnebild {
					background-image:  none;
					padding-left: 0px;
					}
					#inhalt a:hover .ohnebild {
					color: #B30004;
					text-decoration: none;
					background-image:  none;
					background-repeat: no-repeat;
					padding-left: 0px;
					}			

					
		#inhalt li {
			font-size:12px;
			margin-left:30px;
			margin-right:00px;
			text-align: left;
			color: #1D5851;
			line-height: 1.2;
			list-style-position: inside;
			list-style-type: disc;
		}
		
		#inhalt img  {
			padding: 2px;
			border: 1px solid #04AE99;
		}
		
		#inhalt .imgohnerahmen {
			padding: 5px;
			border: 0px solid #04AE99;
		}
	
		#inhalt .wichtig { 
			padding-right: 1px;
			padding-left: 1px;
			padding-bottom: 1px;
			color: #FFFFFF;
			background-color: #B30004;}		
			
		#inhalt .hervorgehoben { 
			padding: 10px;
			border: 1px solid #04AE99;
			background-color: #F0FCFA;}
			
		#inhalt .ergaenzung { 
			font-size:10px;
			}
			
		#anmeldung table {
			font-size:12px;
			margin-left:50px;
			margin-right:60px;
		}

	#rechts {
		width:140px;
		margin:20px 0px 0px 15px;
		padding-right:10px;
		float:left;
		color: #666666;
		font-size: 11px;
		text-align: left;
		}
	
	#footer {
		font: 12px/1.0 Verdana, Arial, Helvetica, sans-serif;
		color: #2B8479;
		text-align: left;
		background-image: url(/css/footerhg.gif);
		height: 25px;
		padding-top:7px;
		padding-left:50px;
		background-repeat: no-repeat;
		}
		#footer a {
			color:#2B8479;
			text-decoration: none;}
		#footer a:visited {
			color: #2B8479;
			text-decoration: none;}
		#footer a:hover {
			color: #1D5851;
			text-decoration: underline;}

	

	#freunde {
		width:760px;
		margin-right:auto;
		margin-left:auto;
		margin-top:30px;
		padding:0px;
		border-top: none;
		border-right: none;
		border-bottom: none;
		border-left: none;
		color:#999999;
		}
			#freunde a {
				color:#666666;
				text-decoration: underline;}
			#freunde a:visited {
				color: #666666;
				text-decoration: underline;}
			#freunde a:hover {
				color: #666666;
				text-decoration: underline;
				background-color: #FFFFFF;}
		
/* eigene klassen zur Bildformatierung*/	
	#inhalt .imagemitte {
		margin-left: 0px;
		text-align: center;
		}
	#inhalt .imagerechts {
		margin-left: 10px;
		float: right;}
	#inhalt .imagerechtsohnerahmen {
		margin-left: 10px;
		float: right;
		border:none;}
	#inhalt .imagelinks {
	margin-right: 10px;
	float: left;
}
	#inhalt .imagelinksohnerahmen {
		margin-right: 10px;
		float: left;
		border:none;}
