body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	text-align: center;
	color: #000000;
}

#container {
width: 950px;
height: auto;
min-height: 510px;
font-size: 0.77em;
text-align: left;
margin: 0 auto;
line-height: 1.3em;
}

#head {
width: 950px;
}

	#bildzeile {
	text-align: right;
	height: 125px;
	background-image: url(../images_allg/jugendliche-jugendakademie.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #F5F5F5;
	}

	#bildzeile img {margin-top: 25px;}

	#topnav {
	margin: 2px 0 0 0;
	width: 100%;
	background-color: #CCCCCC;
	float: left;
	}

	#head ul{
	float: left;
	margin: 5px 0 5px 0;
	list-style: none;
	margin-left: 0.3em;
	padding-left: 0;
	}

		#head li{
		float: left;
		margin-right: 10px;
		}

		#head ul.mmhide_rechts {
		float: right;
		}
	
		#head li.mmhide_rechts{
		margin-right: 5px !important;
		margin-right: 1px;
		
		}
	
			#head a{
			text-decoration: none;
			color:#000000;
			padding:2px 5px 2px 5px !important;
			padding:7px;
			}
	
			#head a:hover{
			background-color: #f5f5f5;
			text-decoration: none;
			color:#000000;
			padding:2px 5px 2px 5px !important;
			padding: 7px;
			}
	
			#head strong {
			text-decoration: none;
			color:#000000;
			padding:2px 4px 2px 4px !important;
			padding: 7px;
			}
			
			#head a.fahne:hover {background-color: #ccc;}

#mainbody {
float: left;
width: 785px;
margin-top: 15px;
margin-right:15px;
}

	#leftnav {
	float: left;
	width: 160px;
	height: auto;
	min-height: 300px;
	
	}

		#leftnav ul{
		margin-top: 0;
		margin-left: 0;
		padding-left:0;
		list-style: none;
		}

		#leftnav li {
		margin-top: 5px;
		}
		
		#leftnav a{
		background-color: #FAE48E;
		width: 100%;
		display: block;
		text-decoration: none;
		color: black;
		padding: 8px 3px 8px 13px;
		}

		#leftnav a:hover{
		padding: 8px 3px 8px 13px;
		background-color: #FFCC33;
		width: 100%;
		display: block;
		text-decoration: none;
		color: black;
		}
		
		#leftnav a.mmhide_hier{background-color: #FFCC33;
		width: 100%;
		display: block;
		text-decoration: none;
		color: black;
		padding: 8px 3px 8px 13px;
		font-weight: bold;
		}
		
		#leftnav a.mmhide_sub{
		background-color: #f2f2f2;
		background-image: url(../images_allg/linie_gelb.jpg);
		background-repeat: repeat-y;
		background-position: left;
		width: 100%;
		display: block;
		text-decoration: none;
		color: black;
		padding: 5px 3px 8px 13px;	
		}
		
		#leftnav a.mmhide_sub:hover{background-color: #f2f2f2;
		width: 100%;
		display: block;
		text-decoration: none;
		color: black;
		padding: 5px 3px 8px 13px;
		border: 0; 
		background-image: url(../images_allg/dreieck_gelb.jpg);
		background-repeat: no-repeat;
		background-position: left center;
		}
		
		#leftnav a.mmhide_subhier{background-color: #f2f2f2;
		width: 100%;
		display: block;
		text-decoration: none;
		color:black;
		padding: 5px 3px 8px 13px;
		background-image: url(../images_allg/dreieck_gelb.jpg);
		background-repeat: no-repeat;
		background-position: left center;
		font-weight: bold;
		border: 0;
		}
		
		#leftnav a.mmhide_subhier:hover{background-color: #f2f2f2;
		border: 0;
		width: 100%;
		display: block;
		text-decoration: none;
		color: black;
		padding: 5px 3px 8px 13px;
		background-image: url(../images_allg/dreieck_gelb.jpg);
		background-repeat: no-repeat;
		background-position: left center;
		}
		
		
		#leftnav a.mmhide_subsub{
		margin-left: 28%;
		background-color: #f2f2f2;
		width: 76%;
		display: block;
		color: black;
		font-size: 0.77em;
		padding: 5px 3px 5px 5px;
		background-color: #f2f2f2;
		background-image: url(../images_allg/linie_grau.jpg);
		background-repeat: repeat-y;
		background-position: right;
		}

		#leftnav a.mmhide_subsub:hover{
		margin-left: 28%;
		background-color: #f2f2f2;
		width: 76%;
		display: block;
		color: black;
		font-size: 0.77em;
		border: 0;
		padding: 5px 3px 5px 5px;
		background-image: url(../images_allg/dreieck_grau.jpg);
		background-repeat: no-repeat;
		background-position: right center;
		}
		
		#leftnav a.mmhide_subsubhier{
		margin-left: 28% ;
		background-color: #f2f2f2;
		width: 76% ;
		display: block;
		color: black;
		font-size: 0.77em;
		padding: 5px 3px 5px 5px;
		background-image: url(../images_allg/dreieck_grau.jpg);
		background-repeat: no-repeat;
		background-position: right center;
		font-weight: bold;
		border:0;
		}

		#leftnav a.mmhide_subsubhier:hover{
		margin-left: 28%;
		background-color: #f2f2f2;
		width: 76% ;
		display: block;
		color: black;
		font-size: 0.77em;
		padding: 5px 3px 5px 5px;
		background-image: url(../images_allg/dreieck_grau.jpg);
		background-repeat: no-repeat;
		background-position: right center;
		font-weight: bold;
		border: 0;
		}
			
	

	
	#content {
	width: 563px;
	float: right;
	height: auto;
	min-height: 300px;
	margin-left: 15px;
	margin-top: 5px;
	background-color: #f2f2f2;
	padding-bottom: 500px;
	padding-left: 15px;
	padding-right: 15px;
			}
			

	#content.mmhide_start {padding-bottom: 80px;}	
	#content img {margin-bottom: 5px;}
	#content img.mmhide_top {margin-bottom: -1px;} 
	#content img.mmhide_kontakt {float: left; margin-right: 10px; margin-bottom: 5px; margin-top: 3px; margin-left: 4px;}
	#content p.mmhide_kontakt, #content h2.mmhide_kontakt {clear: both; margin-top: 8px; margin-bottom:4px;}
	#content p {margin-top:1px; }
	#content a {text-decoration: underline;}
	#content a.mmhide_mail {font-size: 90%;}
	#content a:hover {text-decoration: none;}
	#content ul {list-style: square; margin-top: 2px;}
	#content li {margin-top: 5px;}
	.abstand{margin-top: 375px;}
	#content table.mmhide_termine {font-size: 98%; margin-top: 5px; margin-bottom: 10px; background-color: #FFFFFF; width: 99%; border: 1px solid #CCCCCC;}
	#content td.mmhide_termine {background-color: #f5f5f5; padding: 4px; vertical-align: top;}
	#content caption { margin-right: 2px; margin-top: 10px; padding-top: 8px; padding-bottom: 8px; background-color: #CCCCCC; font-weight: bold;}
	
	#seminare {width: 95%; border: 1px solid  #009999; padding: 5px; height: auto; min-height: 200px; float: left; margin-bottom: 10px;}
	
	#seminare img {float: right; margin-right: 1px; margin-left: 5px;}
	#seminare img.mmhide_efa {float: none;}
	#seminare ul{ margin-left: 18px; padding-left: 0; font-size: 0.95em; margin-bottom: 7px;}
	#seminare p{clear: both; font-size: 0.95em; padding-top: 4px; border-top: 1px solid #009999;}
	#seminare p.mmhide_ohne{clear: both; font-size: 0.95em; padding-top: 4px; border:0;}
	#seminare h2 {padding-bottom: 6px; background-image: url(../seminare/images/linie.gif); background-repeat: no-repeat; background-position: left bottom;}

	#seminare2 {width: 95%; border: 1px solid  #009999; padding: 5px; height: auto; min-height: 200px; float: left; margin-bottom: 10px;}
	#seminare2 img {float: right; margin-right: 1px; margin-left: 7px; margin-bottom: 1px;}
	#seminare2 ul{margin-left: 18px; padding-left: 0; font-size: 0.95em; margin-bottom: 7px;}
	#seminare2 p{clear: both; font-size: 0.95em; padding-top: 4px; border-top: 1px solid #009999;}
	#seminare2 p.mmhide_ohne{clear: both; font-size: 0.95em; padding-top: 4px; border:0;}
	#seminare2 h2 { padding-bottom: 6px; background-image: url(../seminare/images/linie.gif); background-repeat: no-repeat; background-position: left bottom;}

#rightnav {
float: right;
height: auto;
min-height: 300px;
width: 150px;
margin-top: 15px;
font-size: 85%;
}

#rightnav p{
	border: 1px solid #009999;
	padding: 3px 5px 3px 5px;
	background-color: #f2f2f2;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 136px;
	
	background-image: url(../images_allg/rechtsnav.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}

#rightnav p.aktuell{
	border: 1px solid #6FC4C9; 
	background-color: #6FC4C9;
	background-image: none;
	color: white;	
}
#rightnav a.aktuell{
	color: white;	
}

#rightnav img {
	background-color: #f2f2f2;
	margin-top: 5px;
	margin-bottom: 5px;
	
}

#rightnav a {text-decoration: underline; display:block; width: 100%; padding-top: 2px;}
#rightnav a.aktuell{color: white;}
#rightnav a.mmhide_liste {text-decoration: underline; display:block; width: 100%; padding-top: 8px;}
#rightnav a:hover {text-decoration: none;}




h1{
font-size: 1.4em;
line-height: 1.35em;
margin-top: 8px;
margin-bottom: 10px;
font-weight: 600;
}

h2{
font-size: 1.1em;
margin-top: 10px;
margin-bottom: 8px;
}


a:link {
color: #000000;
text-decoration: none;
}

a:visited {
color: #000000;
text-decoration: none;
}

.clearing{clear: both; height: 0; width:0;}