body 					{ 	background-color: #ccc; 
								background-image: url(segmente/hg.jpg); 
								background-repeat: no-repeat; }

.copyright					{	text-align: center; 
								margin: 15px 0px 50px;
								font-family: san-serif, Arial, Verdana, Helvetica;
								font-size: 11px;}							

.copyright a				{	color: white; 
								text-decoration: none;}
									
.copyright a:hover		{	text-decoration: overline underline;}								
			
.layout 						{	margin-top: 30px;}

.print							{	display:none;}

.fett 							{	font-weight: bold;
									color: #444;}
									
.content .anmeldung 			{float:right;}
.content .anmeldung a 		{background: #ffde79; display: block; color:#369;text-decoration: none; padding:3px 6px;font-weight:bold;}
.content .anmeldung a:hover 	{background:#88aac8; color:#fff; text-decoration: none;}
.content .anmeldung .small		{font-size:11px;}


/*##### Navigation #####*/

.navigation					{ 	padding: 13px;
								line-height:25px;
								color: #555; 
								font-family: Arial, Verdana, Helvetica, sans-serif; 
								font-size: 12px;
								}
																	
.navigation a	 			{	color: #555; 
								text-decoration: none;
								padding-left:10px;}
.navigation a.seminar	{		background: url(segmente/kreisstk_blau.gif) no-repeat left;
								padding-left: 10px;}								
									
.navigation a:active	{		background: url(segmente/kreisstk_gelb.gif) no-repeat left;
								padding-left: 10px;}	
								
.navigation a:hover	{			background: url(segmente/kreisstk_blau.gif) no-repeat left;
								margin-left: 10px;
								padding-left: 14px;
								color: #F9AF00;
								}	
								
.navigation span.activelink	{	background: url(segmente/kreisstk_blau.gif) no-repeat left;
								margin-left: 10px;
								padding: 5px 0 5px 14px;
								color: #F9AF00;
								font-weight: bold;
								border-top: 1px solid #ccc;
								border-bottom: 1px solid #ccc;
								display: block;
}

.navigation span.activelinkRef	{	background: url(segmente/kreisstk_blau.gif) no-repeat left;
								margin-left: 10px;
								padding: 5px 0 5px 14px;
								color: #F9AF00;
								font-weight: bold;
								border-top: 1px solid #ccc;
								display: block;
}

.navigation .hoverlink, .navigation .hoverlink2 {	margin: 0 0 0 14px;
}


.navigation .activelink2, .navigation .activelink3 {
								margin-left: 10px;
								background: url(segmente/kreisstk_blau.gif) no-repeat left;
								padding:  0 0 0 14px;
}	
								
.kopfnavi					{	color: #555; 
									font-family: Arial, Verdana, Helvetica, sans-serif; 
									font-size: 11px;
									padding-bottom:5px;}
									
.kopfnavi	a				{	color: #555; 
									font-weight: bold;
									text-decoration: none;}	

.kopfnavi	a:hover		{	font-weight: bold;
									text-decoration: overline underline;}		
																		
/*##### Content #####*/
									
.contentLay 				{	width: 495px;}
								
.content 					{	color: black; 
									font-family: Arial, Verdana, Helvetica, sans-serif; 
									font-size: 12px;
									line-height: 16px;
									font-weight:normal; 
									padding: 50px 45px 10px 50px;}

.content td				{			font-family: Arial, Verdana, Helvetica, sans-serif; 
									font-size: 12px;
									line-height: 16px;}									
									
.content h1				{			font-size: 17px;
									padding: 10px 20px 10px 35px;
									margin: 0px 0px 26px -20px;
									background: url(segmente/h1-bg.png) left no-repeat ;
									color: #F9AF00;
									font-weight: normal !important;
									border-top: 1px solid #ccc;
									border-bottom: 1px solid #ccc;
									display: block;
									
									}
									
.content h2				{	color: #555;  
									font-size: 13px;
									padding-left: 20px;
									margin: 20px 0px 0px 0px;}
									
.content h3				{	color: #555 
									font-size: 13px;
									padding-bottom:5px;
									border-bottom: 1px solid #444;
									margin: 12px 50px 0px 20px;}											
																							
									
.content p					{	padding-left: 0px;}	

.content a					{	color: #444; }	
									
.content a:hover			{	color: #ff9933;}		

.content ul li				{	color: black; 
								list-style: outside url(segmente/kreisstk_blau_kl.gif);
								padding-bottom:10px;
}
								
.content ul ul 					{	padding:0 0 0 15px;
									margin: 0;}										
									
.content ul ul li				{	color: black; 
									list-style: outside url(segmente/kreisstk_blau2.gif);
									padding:0px;
									margin: 5px 0 0 0;}																				
									 
.leitsatz						{	color: #666666; 
									font-size: 11px;
									font-style: italic;
									line-height: 15px;}	

.infos {margin-left: 20px;padding: 5px 0; border-top:1px solid #369;}									
.infos a { color:#369; text-decoration: none;font-size:13px;}
.infos a:hover { color:#f93;}																																																																																						
.TrennlinieOffeneSeminare {color: #369; background: #369; margin-left: 20px;}


.veranstaltungen {
	background: url(logoversionen/hg_veranstaltungen.png) repeat-y;
	padding: 10px 20px 10px 0;
	margin: 20px 0px 20px -20px;
	color: #666 !important;
}

.veranstaltungen img {
	max-width: 150px !important;
	//max-height: 80px !important;
	margin: 3px 3px 3px 0;	}

.veranstaltungen table {
	font-size: 90%;
	color: #666;
	margin: 0 0 -20px 16px;
	padding: 0px;
	border: none !important;
}




/* ################## */



h1.seminar 			
{			font-size: 13px;
			padding: 10px 20px 10px 35px;
			margin: 5px 0;
			//margin: 0px;
			//padding: 0px;
			background: url(segmente/h1-bg.png) left no-repeat;
			color: #F9AF00;
			font-weight: normal !important;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			display: block;
			text-decoration: none;
}

h1.seminar a
{			color: #F9AF00;
			text-decoration: none;
}

h1.seminar a:hover
{			color: #444;
			text-decoration: none;
}

hr.trenner
{height: 1px;
background: #ccc;
border: none;
width: 426px;
margin: 0 0 0 -30px;
}

a.zurueck
{font-size: 90%;
color: #aaa;
text-decoration: none;
margin: 10px 0; }

.button
{
width: 40%;
padding: 5px;
background: #ccc;
border: 1px solid #aaa;
text-decoration: none;
color: #000 !important;
margin: 10px 0;
display: block;
text-align: center;
}

.button:hover
{padding: 5px;
background: #F9AF00;
border: 1px solid #aaa;
text-decoration: none;
color: #000 !important;
}

.grau
{	color: #666 !important}

a.mehr
{
	font-size: 80%;
	position: relative; left: 10px;
}

img.veranstalterbild
{
	margin-left: 0px;
}

.kurztext
{
	color: #666 !important;
	
}