/* --------------- Einstellung für alle Elemente -------------------------------------*/
/* -----------------------------------------------------------------------------------*/

html * 
	{
		margin: 			0; 
		padding:			0; 
	}


/* --------------- Body --------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/

body	
	{
		background-color: 		darkgray;
		background-attachment:	fixed;		
		text-align:				left; 
		color:					#1e1e1e; 
		font-size:				14px; 
		font-family:			"Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; 
		background-image: 		-webkit-linear-gradient(170deg, #000000 5%, #ffffff 100%); 
		background-image: 		-moz-linear-gradient(170deg, #000000 5%, #ffffff 100%); 
		background-image: 		-o-linear-gradient(170deg, #000000 5%, #ffffff 100%); 
		background-image: 		linear-gradient(170deg, #000000 5%, #ffffff 100%);
	}

	
	
h1	
	{ 
		font-size: 			24px; 
		font-family: 		Georgia, Garamond, "Times New Roman", serif; 
		padding:			10px 10px 10px 10px;
	}
	
h2	
	{
		font-size: 			20px; 
		font-family: 		Georgia, Garamond, "Times New Roman", serif; 
		padding:			10px 10px 10px 10px;
	}
	
h3	
	{ 
		font-size: 			18px; 
		font-family: 		Georgia, Garamond, "Times New Roman", serif; 
		padding:			10px 10px 10px 10px;
	}
	
h4	
	{
		font-size: 			16px;
		font-family: 		Georgia, Garamond, "Times New Roman", serif; 
		padding:			10px 10px 10px 10px;
	}
h5	
	{
		font-size: 			14px;
		font-weight: 		bold;
		font-family: 		Georgia, Garamond, "Times New Roman", serif; 
		padding:			10px 10px 10px 10px;
	}
h6	
	{
		font-size: 			12px;
		font-weight: 		bold;
		font-family: 		Georgia, Garamond, "Times New Roman", serif; 
		padding:			10px 10px 10px 10px;
	}
	
	
a 				
	{
		color: 				navy;
		text-decoration: 	underline;	
	}
	
a:hover
	{
		color: 				#ef640e;
		text-decoration: 	underline;
	}

a.active
	{
		color:				maroon;
	}
	
a.active:hover
 	{
		color:				maroon;
	}

ol
 	{
		padding:				10px 10px 10px 10px;
	}


/* --------------- Allgemeine Klassen------------------------------------------------ */
/* -----------------------------------------------------------------------------------*/


.zentriert
	{
		margin:				0px auto 0px auto;
		text-align: 		center;
	}

div.block
	{
		margin:				0px auto 0px auto;
		text-align: 		justify;
	}

	
div.divlinks	
	{
		clear:				left;
		float:				left;
		margin:				0px 0px 0px 0px;
	}
	
div.divrechts	
	{
		clear:				right;
		float:				right;
		margin:				0px 0px 0px 0px;
	}


a.extern 				
	{
		color: 				#4169e1;
		text-decoration: 	none;
	}

a.extern:hover
	{
		color:				#ef640e;
		text-decoration:	none;
	}

a.extern active			
	{
		color:				maroon;
	}

a.extern active:hover 	
	{
		color:				maroon;
	}


a.ohne 				
	{
		text-decoration: 	none;
	}

a.ohne:hover
	{
		color:				#ef640e;
		text-decoration:	none;
	}
	
a.mit 				
	{
		text-decoration: 	underline;
	}

a.mit:hover
	{
		color:				#ef640e;
		text-decoration:	underline;
	}
span.name
	{
		color:				#002F00;
		font-weight: 		bold;
	}									
span.cmaroon
	{
		color:				maroon;
	}									
span.bggold
	{
		background-color:	gold;
	}
span.betontrot
	{
		color:				#9b0041;
	}									

div.ausgegraut
	{
		color:				#aaaaaa;
	}									

	
div.schnipsel_links
	{
		float:				left;
		display:			inline-block;
		position:			relative;
		left:				10px;
		height:				80px;
		width:				115px;
		margin:				0px 20px 0px 0px;
		padding:			0px 0px 0px 0px;
		background:			url(../images/schnipsel/schnipsel2_2.png) left top no-repeat;
		font-size:			10px;
		line-height:		1.5em;
	}									

div.schnipsel_rechts
	{
		float:				right;
		display:			inline-block;
		position:			relative;
		left:				10px;
		height:				80px;
		width:				115px;
		margin:				0px 20px 0px 0px;
		padding:			0px 0px 0px 0px;
		background:			url(../images/schnipsel/schnipsel2_2.png) left top no-repeat;
		font-size:			10px;
		line-height:		1.5em;
	}									
	
	
p.schnipsel_text
	{
		width:				100px;
		padding:			8px 7px 8px 7px;
	}									

p.schnipsel_inhalt
	{
		width:				65px;
		padding:			8px 7px 8px 7px;
	}									
	

span.schnipsel_nr
	{
		font-size:			12px;
	}									

span.schnipsel_figur
	{
		font-size:			12px;
	}									

span.schnipsel_feld
	{
		font-size:			12px;
	}									


a.zurhilfe 
	{	
		float:				right;
		margin:				0px 3px 0px 9px;
		padding:			0px 3px 0px 9px;
		height:				32px;
		background:			url(../grafix/fragezeichen16.png) 0px 0px no-repeat;
	}
	
div.brett
	{	
		float:				left;
		margin-right: 		15px;
	}
	

div.loesung	
	{	
		margin-top:			40px;
	}

div.loesung	p span.hv
	{	
		font-weight:		bold;
		color:				#500000;
	}

p.sterne	
	{	
		background:			url(../images/sterne2.gif) center top no-repeat;
	}
p.ostereier	
	{	
		background:			url(../images/ostereier.gif) center top no-repeat;
	}

	

/* --------------- Page ------------------------------------------------------------- */
/* -----------------------------------------------------------------------------------*/

#page	
	{
		width: 				910px;
		margin: 			0px auto 0px auto; 
		text-align: 		left; 
	}


/* --------------- CContent ----------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/

#ccontent	
	{
		clear:				both;
		float:				left;
		width:				910px;
		padding:			10px 0px 10px 0px;
		margin: 			2px 0px 0px 0px;
		background-color:	#D1D6DE;
		border-left: 		1px solid #3f3f3f;
		border-right: 		1px solid #3f3f3f;
	}


/* --------------- Content -----------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/

#content	
	{
		float:				left;
		padding:			0px 0px 0px 0px;
	}

#content  p.fckopf
	{
		clear: 				both;
		float:				left;
		width:				588px;
		line-height:		10px;
		margin: 			20px 0px 0px 12px;
		padding: 			0px 0px 0px 0px;
		background:			url(../images/bg_fc_kopf.png) left top no-repeat;
	}
	
#content  p.fcfuss
	{
		clear: 				both;
		float:				left;
		width:				588px;
		line-height:		10px;
		margin: 			0px 0px 0px 12px;
		padding: 			0px 0px 0px 0px;
		background:			url(../images/bg_fc_fuss.png) left top no-repeat;
	} 
	
	
/* --------------- Fullcontent -------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/

#content div.fullcontent 	
	{
		clear:				both;
		float:				left;
		width:				570px;
		margin:				0px 0px 0px 12px;
		padding:			8px 8px 8px 8px;
		word-spacing:		0.1em;
		background-color:	#ffffff;
		border-left: 		1px solid #808080;
		border-right: 		2px solid #808080;
	}

#content div.fullcontent p, div.vollebreite p
	{
		line-height:		1.2em;
		margin:				10px 10px 10px 10px;
	}

#content div.fullcontent p.betont01, div.vollebreite p.betont01
	{
		margin: 			20px 30px 20px 30px; 
		padding: 			5px 30px 5px 0px; 
		border-right: 		2px solid #9b0041;
		text-align:			center; 
		font-size:			1.1em;
	}


/* --------------- Kapitelüberschriften ----------------------------------------------*/
/* -----------------------------------------------------------------------------------*/

#content div.fullcontent h1.kapitelebene1, div.vollebreite h1.kapitelebene1	
	{	
		width:				80%;
		color:				#1e1e1e;
		border-bottom: 		5px solid firebrick;
		font-weight: 		bold; 
		font-size: 			40px; 
		line-height: 		1.5em; 
		margin:				0px 0px 20px 0px; 
		padding:			0px 0px 0px 10px;  
		font-family: 		Cambria, Georgia, Garamond, "Times New Roman", serif;
	}

#content div.fullcontent h1.kapitelebene2 , div.vollebreite h1.kapitelebene2	
	{	
		width:				70%;
		color:				#1e1e1e;
		border-bottom:		4px solid gold;
		font-weight:		bold;
		font-size:			34px;
		line-height:		1.5em;
		margin:				0px 0px 20px 0px;
		padding:			0px 0px 0px 10px;
		font-family:		Cambria, Georgia, Garamond, "Times New Roman", serif;
	}

#content div.fullcontent h1.kapitelebene3, div.vollebreite h1.kapitelebene3
	{	
		width:				65%;
		color:				#1e1e1e;
		border-bottom:		3px solid #bad700;
		font-weight:		bold;
		font-size:			28px;
		line-height:		1.5em;
		margin:				26px 0px 20px 0px;
		padding:			0px 0px 0px 10px;
		font-family:		Cambria, Georgia, Garamond, "Times New Roman", serif;
	}

#content div.fullcontent h1.kapitelebene4, div.vollebreite h1.kapitelebene4
	{	
		width:				60%;
		color:				#1e1e1e;
		border-bottom:		2px solid lightblue;
		font-weight:		bold;
		font-size:			24px;
		line-height:		1.5em;
		margin:				0px 0px 20px 0px;
		padding:			0px 0px 0px 10px;
		font-family:		Cambria, Georgia, Garamond, "Times New Roman", serif;
	}

	
#content div.fullcontent h1.imaufbau, div.vollebreite h1.imaufbau
	{	
		width:				26%;
		color:				#1e1e1e;
		border-top:			1px solid grey;
		border-bottom:		1px solid grey;
		font-weight:		bold;
		font-size:			18px;
		line-height:		1.5em;
		margin:				26px auto 20px auto;
		padding:			0px 0px 0px 10px;
		font-family:			"Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; 
	}
	
	
#content div.fullcontent h2.runde, div.vollebreite h2.runde
	{		
		margin:				10px 0px 10px 10px;
	}
	

/* --------------- Anker für Kapitelüberschriften ------------------------------------*/
/* -----------------------------------------------------------------------------------*/


#content div.fullcontent p.ankerebene3, div.vollebreite p.ankerebene3	
	{
		line-height:		1px;
		margin:				0px 0px 10px 0px;
	}

#content div.fullcontent p.ankerebene4, div.vollebreite p.ankerebene4
	{
		line-height:		1px;
		margin:				0px 0px 10px 0px
	}


/* linksunten seitenende */

#content div.fullcontent p.untenlinks, div.vollebreite p.untenlinks 
	{	
		clear:				both;
		display:			block;
		float:				left;
		width:				250px;
		height:				32px;
	}

/* -----linksunten zurück-----*/

#content div.fullcontent form.untenlinks, div.vollebreite form.untenlinks 
	{	
		display:			block;
		float:				left;
		width:				250px;
		height:				32px;
		margin:				10px 5px 0px 10px;
	}



#content div.fullcontent p.untenlinks, div.vollebreite p.untenlinks 
	{	
		display:			block;
		float:				left;
		width:				250px;
		height:				32px;
	}

#content div.fullcontent p.untenlinks a.zurueck, div.vollebreite p.untenlinks a.zurueck 
	{	
		float:				left;
		margin:				0px 3px 0px 0px;
		padding:			0px 3px 0px 0px;
		height:				32px;
		width:				32px;
		text-decoration:	none;
		background:			url(../images/pfeil_links1.gif) 1px 8px no-repeat;
	}

#content div.fullcontent p.untenlinks a.zurueck:hover, div.vollebreite p.untenlinks a.zurueck:hover
	{	
		color:				#fe8800;
		background: 		url(../images/pfeil_links2.gif) 1px 8px no-repeat;
	}

#content div.fullcontent p.untenlinks a.zurueck.active:hover, div.vollebreite p.untenlinks a.zurueck.active:hover
	{	
		color:				#9b0041;
		background: 		url(../images/pfeil_links2.gif) 1px 8px no-repeat;
	}

#content div.fullcontent p.untenlinks a.zurueck.active, div.vollebreite p.untenlinks a.zurueck.active
	{	
		color:				#9b0041;
		background:			url(../images/pfeil_links2.gif) 1px 8px no-repeat;
	}
	
	
/* -----Anker zum Anfang-----*/

#content div.fullcontent p.zumanfang, div.vollebreite p.zumanfang 
	{	
		display:			block;
		float:				right;
		width:				250px;
		height:				32px;
	}

#content div.fullcontent p.zumanfang a.anfang, div.vollebreite p.zumanfang a.anfang 
	{	
		float:				right;
		margin:				0px 3px 0px 9px;
		padding:			0px 3px 0px 9px;
		height:				32px;
		background:			url(../images/pfeil_oben1.gif) 1px 8px no-repeat;
	}

#content div.fullcontent p.zumanfang a.anfang:hover, div.vollebreite p.zumanfang a.anfang:hover
	{	
		color:				#fe8800;
		background: 		url(../images/pfeil_oben2.gif) 1px 8px no-repeat;
	}

#content div.fullcontent p.zumanfang a.anfang.active:hover, div.vollebreite p.zumanfang a.anfang.active:hover
	{	
		color:				#9b0041;
		background: 		url(../images/pfeil_oben2.gif) 1px 8px no-repeat;
	}

#content div.fullcontent p.zumanfang a.anfang.active, div.vollebreite p.zumanfang a.anfang.active
	{	
		color:				#9b0041;
		background:			url(../images/pfeil_oben2.gif) 1px 8px no-repeat;
	}


/* -----Figuren im fullcontent-----*/

#content div.fullcontent p.zumanfang a.turm		
	{	
		float:				right;
		margin:				0px 2px 0px 2px;
		padding:			0px 0px 0px 0px;
		background:			url(../images/figuren/turm.gif) right bottom no-repeat;
		height:				32px;
		width:				32px;
	}

#content div.fullcontent p.zumanfang a.springer	
	{	
		float:				right;
		margin:				0px 2px 0px 2px;
		padding: 			0px 0px 0px 0px;
		background: 		url(../images/figuren/springer.gif) right bottom no-repeat;
		height:				32px;
		width:				32px;
	}

#content div.fullcontent p.zumanfang a.laeufer	
	{	
		float:				right;
		margin:				0px 2px 0px 2px;
		padding:			0px 0px 0px 0px;
		background:			url(../images/figuren/laeufer.gif) right bottom no-repeat;
		height:				32px;
		width:				32px;
	}

#content div.fullcontent p.zumanfang a.dame		
	{
		float:				right;
		margin:				0px 2px 0px 2px;
		padding:			0px 0px 0px 0px;
		background:			url(../images/figuren/dame.gif) right bottom no-repeat;
		height:				32px;
		width:				32px;
	}

#content div.fullcontent p.zumanfang a.koenig	
	{	
		float:				right;
		margin:				0px 2px 0px 2px;
		padding:			0px 0px 0px 0px;
		background:			url(../images/figuren/koenig.gif) right bottom no-repeat;
		height:				32px;
		width:				32px;
	}

#content div.fullcontent p.zumanfang a.turm span		{display:	none;}
#content div.fullcontent p.zumanfang a.springer span	{display:	none;}
#content div.fullcontent p.zumanfang a.laeufer span		{display:	none;}
#content div.fullcontent p.zumanfang a.dame span		{display:	none;}
#content div.fullcontent p.zumanfang a.koenig span		{display:	none;}

/* -----------*/


/* --------------- Fullcontent / Bilder ---------------*/


#content div.fullcontent img.vbmr /* volle Breite mit goldenem Rahmen */
	{
		text-align:			left;
		margin:				10px auto 10px auto;
		border-top:			4px ridge gold;
		border-bottom:		4px ridge gold;
		padding:			0px 0px 0px 0px;
	}
#content div.fullcontent img.vbschatten /* volle Breite mit Schatten */
	{
		margin:				10px auto 10px auto;
		border-left:		1px solid #5f5f5f;
		border-top:			1px solid #5f5f5f;
		border-right:		2px solid #3f3f3f;
		border-bottom:		2px solid #3f3f3f;
		padding:			0px 0px 0px 0px;
	}

img.schatten 
	{
		border-left:		1px solid #5f5f5f;
		border-top:			1px solid #5f5f5f;
		border-right:		2px solid #3f3f3f;
		border-bottom:		2px solid #3f3f3f;
		padding:			0px 0px 0px 0px;
	}

	
a img.schatten 	
	{	
		margin:				0px auto 0px auto;
		padding:			0px 0px 0px 0px;
		border-left:		1px solid #5f5f5f;
		border-top:			1px solid #5f5f5f;
		border-right:		2px solid #3f3f3f;
		border-bottom:		2px solid #3f3f3f;
	}
a:hover img.schatten	
	{	
		margin:				0px auto 0px auto;
		padding:			0px 0px 0px 0px;
		border-left:		2px solid #ef640e;
		border-top:			2px solid #ef640e;
		border-right:		1px solid #ef640e;
		border-bottom:		1px solid #ef640e;
	}
	
	
#content div.fullcontent img.kapitel1
	{	
		border:				none;
		float:				right;
		margin:				10px 0px 10px 10px;
	}

#content div.fullcontent img.kapitel1schatten
	{	
		border:				none;
		float:				right;
		margin:				10px 0px 10px 10px;
		border-left:		1px solid #5f5f5f;
		border-top:			1px solid #5f5f5f;
		border-right:		2px solid #3f3f3f;
		border-bottom:		2px solid #3f3f3f;
		padding:			0px 0px 0px 0px;
	}

#content div.fullcontent img.kapitel2
	{	
		border:				none;
		float:				right;
		margin:				10px 0px 10px 10px;
	}
	
#content div.fullcontent img.links
	{	
		float:				left;
		margin:				10px 15px 10px 5px;
		padding:			0px 0px 0px 0px;
	}

#content div.fullcontent img.rechts
	{	
		float:				right;	
		margin:				10px 5px 10px 15px;
		padding:			0px 0px 0px 0px;
	}


img.mr1
	{	
		border-top:			4px ridge gold;
		border-bottom:		4px ridge gold;
		padding:			0px 0px 0px 0px;
	}
	
img.links_mr1
	{	
		float:				left;
		border-top:			4px ridge gold;
		border-bottom:		4px ridge gold;
		margin:				10px 15px 10px 5px;
		padding:			0px 0px 0px 0px;
	}
img.rechts_mr1
	{	float:				right;	
		border-top:			4px ridge gold;
		border-bottom:		4px ridge gold;
		margin:				10px 5px 10px 15px;
		padding:			0px 0px 0px 0px;
	}
img.links_schatten
	{	
		float:				left;
		border-left:		1px solid #5f5f5f;
		border-top:			1px solid #5f5f5f;
		border-right:		2px solid #3f3f3f;
		border-bottom:		2px solid #3f3f3f;
		padding:			0px 0px 0px 0px;
		margin:				10px 15px 10px 5px;
	}
img.rechts_schatten
	{	
		float:				right;
		border-left:		1px solid #5f5f5f;
		border-top:			1px solid #5f5f5f;
		border-right:		2px solid #3f3f3f;
		border-bottom:		2px solid #3f3f3f;
		padding:			0px 0px 0px 0px;
		margin:				10px 5px 10px 15px;
	}


#content div.fullcontent img.halloffame
	{	
		margin:				3px 3px 3px 3px; 
		padding:			8px 8px 8px 8px;
		border: 			3px ridge goldenrod;
		background-color: 	lightgray;
	}

#content div.fullcontent img.bull
	{	
		border:				none;
		padding:			0px 0px 0px 0px;
		margin:				0px 0px 0px 0px;
	}
	
	
/* --------------- Startseite ---------------*/

#content div.fullcontent div.startseite
	{
		font-size:			1.0em;
		line-height:		1.2em;
	}

#content div.fullcontent div.startseite div.zentriert
	{
		margin:				0px auto 0px auto;
		text-align: 		center;
	}

#content div.fullcontent div.startseite div.block
	{	margin:				0px auto 0px auto;
		text-align: 		justify;
	}

#content div.fullcontent div.startseite p.tickerueberschrift
	{
		clear:				both;
		font-weight: 		bold;
		font-size:			1.3em;
		line-height:		1.3em;
		margin:				20px auto 0px auto;
		padding:			5px 5px 5px 5px;
		width:				75%;		
		text-align:			center;
		background-color: 	#ffd700; 
	}

p.zitat	
	{
		color:				maroon;
		font-size:			1.1em;
		font-style:			italic;
		margin:				0px 10px 0px 10px;
	}
	
p.zitierter
	{
		color:				#004000;
		font-weight:		bold;
		font-size:			0.9em;
		margin:				0px 10px 0px 10px;
	}									
span.autor_zitat
	{
		color:				#3f3f3f;
		font-weight:		bold;
		font-size:			1.0em;
	}									


/* --------------- Aktuelles ---------------*/

#content div.fullcontent div.news
	{	
		margin:				40px 0px 70px 0px;
		
	}


#content div.fullcontent p.datum
	{
		font-style:			normal;
		font-weight:		normal;
		font-size:			1.0em;
		letter-spacing: 	0.05em;
		text-align:			left;
		margin:				0px 0px 4px 0px;
		padding:			0px 0px 2px 20px;
		border-bottom:		2px solid goldenrod;
	}

#content div.fullcontent p.datum span
	{
		color:				#646464;
	}
/*
#content div.fullcontent p.datum
	{
		font-style:			normal;
		font-weight:		normal;
		font-size:			1.1em;
		letter-spacing: 	0.1em;
		text-align:			right;
		margin:				0px 0px 0px 0px;
		padding:			0px 20px 7px 10px;
		border-bottom:		2px solid goldenrod;
	}

#content div.fullcontent p.datum span
	{	
		border-right: 		1px solid silver;
		border-bottom: 		1px solid silver;
		background-color:	#d9e874;
*/
	
	
#content div.fullcontent h1.ueberschrift 
	{	color:				#1e1e1e;
		margin:				10px 0px 10px 0px;
		padding:			0px 0px 0px 10px;
		font-weight:		bold;
		font-size:			1.5em;
		font-family:		Georgia, Garamond, "Times New Roman", serif;
	}

#content div.fullcontent p.autor
	{
		float:				left;
		color:				#646464;
		font-size:			0.8em;
		font-weight:		bold;
		margin:				3px 0px 0px 0px;
		padding:			0px 0px 0px 20px;
	}

#content div.fullcontent p.autor span
 	{
		color:				#003300;
	}

#content div.fullcontent p.autor span a
 	{
		color:				#646464;
	}
#content div.fullcontent p.autor span a:hover
 	{
		color:				#ef640e;
	}
	
	
#content div.fullcontent p.kategorie
	{
		float:				left;
		color:				#646464;
		font-size:			0.8em;
		font-style:			italic;
		font-weight:		bold;
		margin:				0px 0px 0px 0px;
		padding:			1px 12px 5px 0px;
	}

#content div.fullcontent p.kategorie span	
	{
		color:				#003300;
	}


/* --------------- Trennlinien ---------------*/

#content div.fullcontent p.newsende
	{
		clear:				both;
		width:				560px;
		font-size:			1px;
		line-height:		0.1em;
		color:				white;
		border-bottom:		1px solid #3f3f3f;
		margin:				0px auto 0px auto;
		padding:			10px 0px 0px 0px;
	}

#content div.fullcontent p.trenner
	{	
		clear:				both;
		width:				500px;
		text-align:			center;
		font-size:			1px;
		line-height:		0.1em;
		color:				white;
		border-bottom:		1px solid #3f3f3f;
		margin:				30px auto 30px auto;
	}

#content div.fullcontent p.kapitelende	
	{
		clear:				both;
		width:				560px;
		font-size:			1px;
		line-height:		0.1em;
		color:				white;
		border-bottom:		2px solid #3f3f3f;
		margin:				0px auto 0px auto;
		padding:			10px 0px 0px 0px;
	}

#content div.fullcontent p.seitenende
	{	
		clear:				both;
		width:				560px;
		font-size:			1px;
		line-height:		0.1em;
		color:				white;
		border-bottom:		3px solid maroon;
		margin:				0px auto 0px auto;
		padding:			10px 0px 0px 0px;
	}

/* --------------- Trennlinien vollebreite---------------*/

#content div.vollebreite p.trenner
	{
		clear:				both;
		width:				870px;
		font-size:			1px;
		line-height:		0.1em;
		color:				white;
		border-bottom:		1px solid #3f3f3f;
		margin:				0px auto 50px auto;
		padding:			10px 0px 0px 0px;
	}

#content div.vollebreite p.kapitelende
	{
		clear:				both;
		width:				870px;
		font-size:			1px;
		line-height:		0.1em;
		color:				white;
		border-bottom:		2px solid #3f3f3f;
		margin:				0px auto 0px auto;
		padding:			10px 0px 0px 0px;
	}

#content div.vollebreite p.seitenende
	{
		clear:				both;
		width:				870px;
		font-size:			1px;
		line-height:		0.1em;
		color:				white;
		border-bottom:		3px solid #9b0041;
		margin:				0px auto 0px auto;
		padding:			10px 0px 0px 0px;
	}

/* --------------- Fullcontent - 2 Spalten -----------------------------------*/

#content div.fullcontent div.spa2
	{
		width: 				560px;
	}
#content div.fullcontent div.spa2 div.spalinks
	{
		width: 				260px;
		padding-top:		2px;
		float:				left;
	}
#content div.fullcontent div.spa2 div.sparechts
	{
		width: 				260px;
		padding-top:		2px;
		margin-left:		300px;
	}

	
/* --------------- Fullcontent - Listen --------Service / Links ---------------*/

#content div.fullcontent ol, div.vollebreite ol	
	{	
		margin:				0px 0px 10px 20px; 
		line-height:		1.2em;
	}

#content div.fullcontent ul, div.vollebreite ul
	{
		margin:				0px 0px 10px 40px; 
		padding:			0px 0px 0px 0px;
		line-height:		1.2em;
	}

#content div.fullcontent ol li, div.vollebreite ol	li
	{	
		padding:			5px 0px 5px 0px;
	}

#content div.fullcontent ul li, div.vollebreite ul li
	{
		padding:			5px 0px 5px 0px;
	}

	
#content div.fullcontent ul.tt_linksliste1
	{	
		list-style-type:	none;
		margin:				40px 20px 0px 10px;
		padding:			0px 0px 0px 0px;
	}

#content div.fullcontent ul.tt_linksliste1 p.tldatum
	{	
		margin:				5px 0px 10px 0px;
		font-size:			0.9em;
		font-weight: 		bold;
	}

#content div.fullcontent ul.tt_linksliste1 p.tldatum span
	{	
		padding:			2px 2px 2px 2px;
		background-color:	#D9E874;
	}

#content div.fullcontent ul.tt_linksliste1 li
	{
		margin-bottom:		20px;
		padding:			0px 10px 2px 10px;
		border-bottom:		1px solid #3f3f3f;
	}

	
	
	
#content div.fullcontent ul.tt_linksliste1 li a.extern
	{	
		display:			block;
		padding: 			0px 0px 0px 30px;
		font-size:			1.0em;
		line-height:		1.3em;
		text-decoration:	none;
		background:			url(../images/linkblau_extern.gif) left center no-repeat;
		font-family: 		Arial, Helvetica, sans-serif;
		font-weight:		bold;
	}
									
#content div.fullcontent ul.tt_linksliste1 li a:hover 
	{	
		background:			url(../images/linkorange_g1.gif) left center no-repeat;
		background-color:	#f2e6b6;
	}

#content div.fullcontent ul.tt_linksliste1 li a.active:hover	{}
#content div.fullcontent ul.tt_linksliste1 li a.active	{}



/* --------------- Box TOP-News ---------------*/

#topnews						
	{
		clear:				right;
		display:			block;
		float:				right;
		width:				280px;
		margin:				0px 10px 10px 0px;
	}

#topnews p.ankerbox
	{	
		line-height:		1px;
		margin:				0px 0px 20px 0px
	}
	
#topnews div.box				
	{
		margin:				0px 0px 20px 0px;
		background-color: 	white;
	}
	
#topnews div.box h2.boxheader
	{
		font-weight:		bold;
		height:				45px;
		padding:			5px 0px 0px 70px;
		margin:				0px 0px 0px 0px;
		font-size:			20px;
		color:				firebrick;
		font-family:		Cambria, Georgia, Garamond, "Times New Roman", serif;
		background:			url(../images/bg_box_header.png) left top no-repeat;
	}
								
#topnews div.box div.boxinnen	
	{	
		position:			relative;
		border-left:		1px solid firebrick;
		border-right:		1px solid firebrick;
		padding: 			10px 5px 0px 5px;
		font-size:			0.9em;
	}

#topnews div.box div.boxinnen div.news
	{	
		padding:			0px 0px 30px 0px;
	}

#topnews div.box div.boxinnen h1
	{
		padding:			7px 10px 7px 10px;
		font-size:			1.2em;
	}
	
#topnews div.box div.boxinnen h2
	{
		padding:			7px 10px 7px 10px;
		font-size:			1.1em;
	}
	
#topnews div.box div.boxinnen h3
	{
		padding:			7px 10px 7px 10px;
	}
	
#topnews div.box div.boxinnen h4
	{
		padding:			7px 10px 7px 10px;
	}
	
#topnews div.box div.boxinnen h5
	{
		padding:			7px 10px 7px 10px;
	}
	
#topnews div.box div.boxinnen h5
	{
		margin:				7px 10px 7px 10px;
	}
	
#topnews div.box div.boxinnen h6
	{
		margin:				7px 10px 7px 10px;
	}								
	
#topnews div.box div.boxinnen p		
	{
		line-height:		1.2em;
		padding:			5px 10px 5px 10px;
	}

#topnews div.box div.boxinnen p.betont01
	{
		margin: 			15px 15px 15px 15px; 
		padding: 			5px 30px 5px 0px; 
		border-right: 		2px solid #9b0041;
		text-align:			center; 
		font-size:			1.1em;
	}


#topnews div.box div.boxinnen p.datum
	{
		font-style:			normal;
		font-weight:		normal;
		font-size:			1.0em;
		letter-spacing: 	0.05em;
		text-align:			left;
		margin:				0px 0px 4px 0px;
		padding:			0px 0px 2px 12px;
		border-bottom:		2px solid goldenrod;
	}
	
#topnews div.box div.boxinnen p.datum span
	{	
		color:				#646464;
	}

#topnews div.box h1.ueberschrift 
	{
		color:				#1e1e1e;
		margin:				0px 0px 0px 0px;
		padding:			5px 10px 5px 10px;
		font-weight:		bold;
		font-size:			1.2em;
		font-family:		Georgia, Garamond, "Times New Roman", serif;
	}

#topnews div.box div.boxinnen p.newsende 
	{
		clear:				both;
		font-size:			1px;
		line-height:		0.1em;
		border-bottom:		1px solid #3f3f3f;
		color:				white;
		margin:				0px 0px 0px 0px;
		padding:			10px 10px 0px 10px;
	}

#topnews div.box div.boxinnen p.autor 	
	{	color:				#646464;
		font-size:			0.8em;
		font-weight:		bold;
		margin:				3px 0px 0px 0px;
		padding:			0px 10px 0px 12px;
	}
	
#topnews div.box div.boxinnen p.autor span
	{	
		color:				#003300;
	}
#topnews div.box div.boxinnen p.autor span a
	{	
		color:				#646464;
	}
#topnews div.box div.boxinnen p.autor span a:hover
	{	
		color:				#ef640e;
	}
	
	
	
#topnews div.box div.boxinnen p.kategorie
´ 	{
		color:				#646464;
		font-size: 			0.8em;
		font-style:			italic;
		font-weight:		bold;
		margin:				0px 0px 0px 0px;
		padding:			0px 10px 20px 10px;
	}

#topnews div.box p.kategorie span
 	{
		color: 				#003300;
	}

#topnews div.box div.boxinnen ol
	{
		background-color:	white;
		margin:				10px 10px 10px 20px;
	}

	
	
#topnews div.box div.boxinnen ul
	{
		background-color:	white;
		margin:				10px 10px 10px 25px;

	}

#topnews div.box div.boxinnen ul li
	{
		padding:			0px 5px 0px 0px;
	}
	
#topnews div.box div.boxinnen ul li a
	{
		display:			block;
		padding:			7px 0px 7px 25px;
		font-size:			1.1em;
		border-bottom:		1px solid firebrick;
		background:			url(../images/linkblau_g1.gif) left center no-repeat;
	}
	
#topnews div.box div.boxinnen ul li a:hover
	{
		background:			url(../images/linkorange_g1.gif) left center no-repeat;
		text-decoration:	none;
	}

#topnews div.box div.boxinnen ul li a.active:hover
	{
		background:			url(../images/linkrot_g1.gif) left center no-repeat;
		text-decoration:	none;
	}
	
#topnews div.box div.boxinnen ul li a.active
	{
		background:			url(../images/linkrot_g1.gif) left center no-repeat;
	}

#topnews div.box div.boxinnen ul li a.pdf
	{
		background:			url(../images/pdf.gif) left 3px no-repeat;
	}

#topnews div.box_footer
	{
		width:				280px;
		height:				10px;
		font-weight:		bold;
		background:			url(../images/bg_box_footer.png) left bottom no-repeat;
	}
	
/* --------------- Nachrichtenbox ---------------*/






/* --------------- Box Werbung ---------------*/

div.werbungleer
	{
		clear:				right;
		display:			block;
		float:				right;
		margin:				20px 10px 10px 0px;
		width:				280px;
		border: 			1px solid #808080;
	}
	
div.werbungleer div.box
	{
		text-align:			left;
		margin:				5px 5px 5px 5px;
		padding:			0px 0px 0px 0px;
	}	
	
div.werbungleer div.box p
	{
		font-size:			1.3em;
		line-height:		1.5em;
		text-align:			center;
		width:				260px;
		background-color:	gray;
		color:				white;
		padding:			25px 0px 25px 0px;
		margin:				5px auto 5px auto;
		font-family: 		"Trebuchet MS", Garamond, "Times New Roman", serif; 
	}

div.werbungleer  p.foot
	{
		font-size:			0.6em;
		text-align:			left;
		margin:				0px 0px 0px 10px;
		padding:			0px 0px 0px 0px;
		color: 				#808080;
	}

	
/* --------------- Box Schachbundesliga ---------------*/

div.sbl
	{
		clear:				right;
		display:			block;
		float:				right;
		margin:				5px 0px 10px 0px;
		width:				280px;
	}
	
div.sbl div.box
	{
		text-align:			left;
		margin:				0px 0px 0px 0px;
		padding:			0px 0px 0px 0px;
	}	
	
div.sbl div.box p
	{
		font-size:			1.3em;
		line-height:		1.5em;
		text-align:			center;
		width:				260px;
		background-color:	gray;
		color:				white;
		padding:			25px 0px 25px 0px;
		margin:				5px auto 5px auto;
		font-family: 		"Trebuchet MS", Garamond, "Times New Roman", serif; 
	}

div.sbl  p.foot
	{
		font-size:			0.6em;
		text-align:			left;
		margin:				0px 0px 0px 10px;
		padding:			0px 0px 0px 0px;
		color: 				#808080;
	}
	
	
/* ---------------- DIV Banner -------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/

div.banner		
	{	
		clear:				right;
		display:			block;
		float:				right;
		position: 			relative;
		width:				280px;
		margin:				30px 10px 10px auto;
	}
	
div.banner div.boxx
	{	
		position: 			relative;
		max-width:			280px;
		margin: 			auto auto auto auto;
		text-align:			center;
	}

div.banner div.boxx p.leer
	{
		font-weight:		bold;
		height:				10px;
		padding:			5px 0px 0px 0px;
		font-size:			2px;
		background:			url(../images/bg_box_header_bann.png) left top no-repeat;
	}

div.banner div.boxx div.boxinnen	
	{	
		position:			relative;
		text-align:			center;
		border-left: 		1px solid #808080;
		border-right:		1px solid #808080;
		background-color: 	#eeeeee;
	}
div.banner div.boxx div.boxinnen div.zitat	
	{	
		background-image: 		url(../grafix/zitat.png);
		background-position: 	right center;
		background-repeat: 		no-repeat;
		width: 					270px;
	}

div.banner div.boxx div.boxinnen div.tiger	
	{	
		background-image: 		url(../images/tiger3.jpg);
		background-position: 	10px 44px;
		background-repeat: 		no-repeat;
		width: 					270px;
	}
	
div.banner p	
	{	
		padding:			7px 5px 5px 5px;
		font-size:			0.9em;
		line-height:		1.2em;
	}

div.banner p.bild	
	{	
		margin: 			0px auto 0px auto;
		padding:			0px 1px 2px 0px;
		font-family: 		"Trebuchet MS", Garamond, "Times New Roman", serif; 
		text-align:			center;
	}

div.banner p.bildtitel	
	{	
		margin: 			0px auto 0px auto;
		padding:			2px 0px 3px 0px;
		font-family: 		"Trebuchet MS", Garamond, "Times New Roman", serif; 
		font-size:			0.8em;
		line-height:		1.1em;
		color:				#3f3f3f;
	}
	
div.banner p.bildtitel	a
	{	
		color:				navy;
	}
div.banner p.bildtitel	a.extern
	{	
		color:				#006070;
	}

div.banner p.bildtitel	a:hover
	{	
		text-decoration:	underline;
		color:				#ef640e;
	}

div.banner p.bild a img.schatten 	
	{	
		margin:				0px auto 0px auto;
		padding:			0px 0px 0px 0px;
		border-left:		1px solid #5f5f5f;
		border-top:			1px solid #5f5f5f;
		border-right:		2px solid #3f3f3f;
		border-bottom:		2px solid #3f3f3f;
	}
div.banner p.bild a:hover img.schatten	
	{	
		margin:				0px auto 0px auto;
		padding:			0px 0px 0px 0px;
		border-left:		2px solid #ef640e;
		border-top:			2px solid #ef640e;
		border-right:		1px solid #ef640e;
		border-bottom:		1px solid #ef640e;
	}
	
div.banner p.slogan	
	{
		margin: 			0px auto 0px auto;
		padding:			0px 0px 0px 0px;
		font-size:			1.0em;
		font-style:			oblique;
		line-height:		1.2em;
	}

	
div.boxx_footer
	{	
		width:	 			280px;
		height:				10px;
		font-weight:		bold;
		background: 		url(../images/bg_box_footer_bann.png) left bottom no-repeat;
	}


div.banner p.foot			
	{
		font-size:			0.8em;
		font-weight:		bold;
		text-align:			left;
		margin:				1px 0px 10px 0px;
		padding:			1px 0px 0px 10px;
		color: 				#003200;
		border-top: 		1px solid #3f3f3f;
	}

div.banner p.footnoborder			
	{
		font-size:			0.8em;
		font-weight:		bold;
		text-align:			left;
		margin:				1px 0px 10px 0px;
		padding:			1px 0px 0px 10px;
		color: 				#003200;
	}

/* ---------------- DIV Banner NACHRICHTENBOX ----------------------------------------*/
/* -----------------------------------------------------------------------------------*/


div.banner div.boxx p.leernabo
	{
		font-weight:		bold;
		height:				10px;
		padding:			5px 0px 0px 0px;
		font-size:			2px;
		background:			url(../images/bg_box_header_term.png) left top no-repeat;
	}

div.banner div.boxx div.boxinnennabo	
	{	
		position:			relative;
		text-align:			center;
		border-left: 		1px solid #808080;
		border-right:		1px solid #808080;
		font-size:			1.2em;
		background-color: 	#fff8d1;
	}

div.boxx_footernabo
	{	
		width:	 			280px;
		height:				10px;
		font-weight:		bold;
		background: 		url(../images/bg_box_footer_term.png) left bottom no-repeat;
	}


/* ---------------- DIV Banner Termine ----------------------------------------*/
/* -----------------------------------------------------------------------------------*/


div.banner div.boxx p.leerterm
	{
		font-weight:		bold;
		height:				10px;
		padding:			5px 0px 0px 0px;
		font-size:			2px;
		background:			url(../images/bg_box_header_term.png) left top no-repeat;
	}

div.banner div.boxx div.boxinnenterm	
	{	
		position:			relative;
		text-align:			center;
		border-left: 		1px solid #808080;
		border-right:		1px solid #808080;
		font-size:			1.0em;
		background-color: 	#fff8d1;
	}
div.banner div.boxx div.boxinnenterm p
	{	
		font-size:			1.0em;
	}

div.banner div.boxx div.boxinnenterm div.akttermine	
	{	
		width: 					270px;
	}
div.banner div.boxx div.boxinnenterm div.akttermine p a.xls
	{
		background:			url(../images/excel.png) left 0px no-repeat;
		padding: 			0px 0px 0px 30px;
	}
div.banner div.boxx div.boxinnenterm div.akttermine h2
	{
		background:			url(../images/kalender2.png) 5px 3px no-repeat;
		padding: 			15px 10px 15px 10px;
	}

	
div.boxx_footerterm
	{	
		width:	 			280px;
		height:				10px;
		font-weight:		bold;
		background: 		url(../images/bg_box_footer_term.png) left bottom no-repeat;
	}


/* ---------------- DIV Banner wichtig ----------------------------------------*/
/* -----------------------------------------------------------------------------------*/


div.banner div.boxx p.leerwichtig
	{
		font-weight:		bold;
		height:				9px;
		padding:			0px 0px 0px 0px;
		font-size:			2px;
		background:			url(../images/bg_box_header_wichtig2.png) left top no-repeat;
	}

div.banner div.boxx div.boxinnenwichtig	
	{	
		position:			relative;
		text-align:			center;
		border-left: 		1px solid #808080;
		border-right:		1px solid #808080;
		font-size:			1.0em;
		background-color: 	#ff3030;
	}
div.banner div.boxx div.boxinnenwichtig p
	{	
		font-size:			1.0em;
	}

div.banner div.boxx div.boxinnenwichtig div.wichtig	
	{	
		width: 					270px;
	}
div.banner div.boxx div.boxinnenwichtig div.wichtig p.ueberschrift
	{
		font-size:			18px;
		text-align:			center;
		margin:				0px 5px 0px 5px;
		background-color: 	gold;
		color:				#000000;
		width:				258px;
		
	}

	
div.boxx_footerwichtig
	{	
		width:	 			280px;
		height:				7px;
		font-weight:		bold;
		background: 		url(../images/bg_box_footer_wichtig2.png) left bottom no-repeat;
	}


	
/* ---------------- DIV Banner Datum ----------------------------------------*/
/* -----------------------------------------------------------------------------------*/

div.bannerdatum
	{	
		background: 		url(../images/bg_datum.png) left top no-repeat;
		color:				white;
		font-size:			1.2em;
	}

div.banner p.datz1	
	{	
		position:			relative;
		display:			block;
		text-align:			center;
		margin:				5px 0px 0px -25px
	}

div.banner p.datz2	
	{	
		position:			relative;
		display:			block;
		text-align:			center;
		line-height:		2.2em;
		margin:				-25px 0px 10px 5px
	}
	

div.banner span.wochentag	
	{	
		display:			inline-block;
		font-size:			1.1em;
		letter-spacing:		0.3em;
		font-weight:		normal;
		font-style:			italic;
		font-family: 		Georgia, Garamond, "Times New Roman", serif; 
		color:				cornflowerblue;
	}

div.banner span.komma	
	{	
		display:			inline-block;
		font-size:			0.8em;
		margin:				0px 0px 0px -10px;
	}
	

div.banner span.tag	
	{	
		display:			inline-block;
		font-size:			2.0em;
		line-height:		2.3em;
		font-weight:		normal;
		color:				gold;
		margin:				0px 0px 0px -6px;
		
	}
	
div.banner span.punkt	
	{	
		display:			inline-block;
		font-size:			1.3em;
		line-height:		2.2em;
		margin:				0px 0px 0px -6px;
	}


div.banner span.monat	
	{	
		display:			inline-block;
		font-size:			1.4em;
		line-height:		2.3em;
		font-weight:		normal;
		vertical-align:		super;
		color:				#aaaaaa;
		margin:				0px 0px 0px 7px;
	}

div.banner span.jahr	
	{	
		display:			inline-block;
		font-size:			1.0em;
		line-height:		2.3em;
		letter-spacing:		0.2em;
		font-weight:		normal;
		font-family: 		Georgia, Garamond, "Times New Roman", serif; 
		vertical-align:		sub;
		color:				#bad400;
		margin:				0px 0px 0px 4px;
	}


/* -----------------------------------------------------------------------------------*/

.ad_input:disabled {
	background-color: 		#DDDDDD;
}

.ad_input:invalid {
	background-image:		url(../grafix/rot16.png);
	background-position:	center right;
	background-repeat:		no-repeat;
	background-color: 		#FFF2AA;
	
}

.ad_input:optional {
	background-color: 		#FFF2AA;
}

.ad_input:valid {
	background-image:		url(../grafix/ok16.png);
	background-position:	right center;
	background-repeat:		no-repeat;
	background-color:		#FFF2AA;
}



/* ---------------- Fotoalbum --------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/
	

#Fotoalbum 
{
	height: 				740px;
	margin:					0 auto 50px auto;
	position:				relative;
	text-align:				left;
	width:					890px;
	z-index:				500;
}

#Fotoalbum ul.Tabulator 
{
	height:					auto;
	margin:					0;
	list-style:				none;
	padding:				0;
	position:				relative;
	width:					850px;
	z-index:				10;
}

#Fotoalbum ul.Tabulator li 
{
	display:				block;
	float:					left;
	height:					31px;
	width:					170px;
}

#Fotoalbum ul.Tabulator li a.set 
{
	background:				#dcdcdc;
	border-top:				1px solid #5f5f5f;
	border-right:			3px solid #3f3f3f;
	border-bottom:			3px solid #3f3f3f;
	border-left:			1px solid #5f5f5f;
	color:					navy;
	display:				block;
	font-family:			"Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; 
	font-weight:			bold;
	height:					30px;
	line-height:			33px;
	text-align:				center;
	text-decoration:		none;
	width:					162px;
}

#Fotoalbum ul.Tabulator li a ul, 
#Fotoalbum ul.Tabulator li ul 
{
	display:				none;
}

#Fotoalbum ul.Tabulator li.active a 
{
	background:				#bababa;
}

#Fotoalbum ul.Tabulator li a:hover,
#Fotoalbum ul.Tabulator li:hover a 
{
	background:				black;
	color:					gold;
}

#Fotoalbum ul.Tabulator li.active ul, 
#Fotoalbum ul.Tabulator li a:hover ul, 
#Fotoalbum ul.Tabulator li:hover ul 
{
	background:				url(../grafix/loeschen18.png) no-repeat right 1px;
	background-color:		#fffaf0; 
	border-left:			1px solid #5f5f5f;
	border-top:				1px solid #5f5f5f;
	border-right:			2px solid #3f3f3f;
	border-bottom:			2px solid #3f3f3f;
	display:				block;
	height:					630px;
	left:					0;
	list-style:				none;
	margin:					0;
	padding:				18px 12px;
	position:				absolute;
	top:					37px;
	width:					838px;
}

#Fotoalbum ul.Tabulator li.active ul li,
#Fotoalbum ul.Tabulator li a:hover ul li, 
#Fotoalbum ul.Tabulator li:hover ul li 
{
	display:				inline;
	width:					136px;
	height:					102px;
	float:					left;
	border:					1px solid #fffaf0;
	margin:					5px 14px;
}

#Fotoalbum ul.Tabulator li.active ul li a,
#Fotoalbum ul.Tabulator li a:hover ul li a, 
#Fotoalbum ul.Tabulator li:hover ul li a 
{
	display:				block;
	width:					135px;
	height:					102px;
	cursor:					default;
	float:					left;
	text-decoration:		none;
	background:				#d8d8d8;
	}

#Fotoalbum ul.Tabulator li.active ul li a img,
#Fotoalbum ul.Tabulator li a:hover ul li a img, 
#Fotoalbum ul.Tabulator li:hover ul li a img 
{
	display:				block;
	width:					133px;
	height:					100px;
	border-left:			1px solid #cfcfcf;
	border-top:				1px solid #cfcfcf;
	border-right:			2px solid #cacaca;
	border-bottom:			2px solid #cacaca;
	margin-top:				0px;
	margin-left:			0px;
	padding:				0px 0px 0px 0px;
}

#Fotoalbum ul.Tabulator li.active ul li a img.large,
#Fotoalbum ul.Tabulator li a:hover ul li a img.large, 
#Fotoalbum ul.Tabulator li:hover ul li a img.large 
{
	position:				absolute;
	display:				block;
	width:					0;
	height:					0;
	overflow:				hidden;
	border:					0;
}

#Fotoalbum ul.Tabulator li a:hover ul li a:hover, 
#Fotoalbum ul.Tabulator li:hover ul li a:hover 
{white-space:normal; position:relative; }

#Fotoalbum ul.Tabulator li a:hover ul li a:hover img, 
#Fotoalbum ul.Tabulator li:hover ul li a:hover img 
{
	position:				absolute; left:-65px; top:-50px; width:266px; height:200px; 
	border:					5px solid #ffffff;
	background:				#d8d8d8;
}

#Fotoalbum ul.Tabulator li a:hover ul li a:hover img.large, 
#Fotoalbum ul.Tabulator li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

#Fotoalbum ul.Tabulator li:hover ul li a:focus, 
#Fotoalbum ul.Tabulator li:hover ul li a:active,
#Fotoalbum ul.Tabulator li a:hover ul li a:active 
{position:static; outline:0;}

#Fotoalbum ul.Tabulator li:hover ul li a:focus img, 
#Fotoalbum ul.Tabulator li:hover ul li a:active img, 
#Fotoalbum ul.Tabulator li a:hover ul li a:active img 
{position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}

#Fotoalbum ul.Tabulator li:hover ul li a:focus img.large, 
#Fotoalbum ul.Tabulator li:hover ul li a:active img.large, 
#Fotoalbum ul.Tabulator li a:hover ul li a:active img.large 
{position:absolute; left:20px; top:20px; width:800px; height:600px; padding:0; background:#3f3f3f; border:3px ridge gold; z-index:10;}
	
/* -----------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/


#Fotoalbum_v2 
{
	width:					894px;
	height: 				732px;
	margin:					0 0 20px -12px;
	padding-top: 			5px;
	position:				relative;
	text-align:				left;
	z-index:				500;
	background-color: 		#c8e0aa;
}

#Fotoalbum_v2 ul.Tabulator 
{
	height:					auto;
	margin:					0;
	padding:				0;
	list-style:				none;
	position:				relative;
	width:					850px;
	z-index:				10;
}

#Fotoalbum_v2 ul.Tabulator li 
{
	display:				block;
	float:					left;
	height:					30px;
	width:					161px;
}


#Fotoalbum_v2 ul.Tabulator li a.set 
{
	color:					navy;
	display:				block;
	font-family:			"Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; 
	font-weight:			bold;
	height:					30px;
	line-height:			30px;
	text-align:				center;
	text-decoration:		none;
	width:					160px;
	border-top:				1px solid #3f3f3f;
	border-right:			1px solid #3f3f3f;
	border-bottom:			1px solid #3f3f3f;
	border-left:			1px solid #3f3f3f;
	margin-left: 			8px;
	background-color:		#dcdcdc;
	/*background:				url(../images/bg_fotoseite.png) no-repeat center center;*/

}

#Fotoalbum_v2 ul.Tabulator li a ul, 
#Fotoalbum_v2 ul.Tabulator li ul 
{
	display:				none;
}

#Fotoalbum_v2 ul.Tabulator li.active a 
{
	color:					#9b0041;
}

#Fotoalbum_v2 ul.Tabulator li a:hover,
#Fotoalbum_v2 ul.Tabulator li:hover a 
{
	color:					#ef640e;
	background-color:		#fffaf0;
	border-bottom:			1px solid #fffaf0;
}


#Fotoalbum_v2 ul.Tabulator li.active ul, 
#Fotoalbum_v2 ul.Tabulator li a:hover ul, 
#Fotoalbum_v2 ul.Tabulator li:hover ul 
{
	background:				url(../grafix/loeschen18.png) no-repeat right 1px;
	background-color:		#fffaf0; 
	border-bottom:			1px solid #3f3f3f;
	border-left:			1px solid #3f3f3f;
	display:				block;
	height:					660px;
	left:					0;
	list-style:				none;
	margin:					0px 0px 0px 10px;
	padding:				20px 4px 4px 4px;
	position:				absolute;
	top:					37px;
	width:					870px;
}

#Fotoalbum_v2 ul.Tabulator li.active ul li,
#Fotoalbum_v2 ul.Tabulator li a:hover ul li, 
#Fotoalbum_v2 ul.Tabulator li:hover ul li 
{
	display:				inline;
	width:					146px;
	height:					110px;
	float:					left;
	border:					0px solid red;
	margin:					4px 5px 5px 15px;
}

#Fotoalbum_v2 ul.Tabulator li.active ul li a,
#Fotoalbum_v2 ul.Tabulator li a:hover ul li a, 
#Fotoalbum_v2 ul.Tabulator li:hover ul li a 
{
	display:				block;
	width:					146px;
	height:					110px;
	cursor:					default;
	float:					left;
	text-decoration:		none;
	background:				#d8d8d8;
	}

#Fotoalbum_v2 ul.Tabulator li.active ul li a img,
#Fotoalbum_v2 ul.Tabulator li a:hover ul li a img, 
#Fotoalbum_v2 ul.Tabulator li:hover ul li a img 
{
	display:				block;
	width:					144px;
	height:					108px;
	border-left:			1px solid #5f5f5f;
	border-top:				1px solid #5f5f5f;
	border-right:			2px solid #3f3f3f;
	border-bottom:			2px solid #3f3f3f;
	margin-top:				0px;
	margin-left:			0px;
	padding:				0px 0px 0px 0px;
}

#Fotoalbum_v2 ul.Tabulator li.active ul li a img.large,
#Fotoalbum_v2 ul.Tabulator li a:hover ul li a img.large, 
#Fotoalbum_v2 ul.Tabulator li:hover ul li a img.large 
{
	position:				absolute;
	display:				block;
	width:					0;
	height:					0;
	overflow:				hidden;
	border:					0;
}

#Fotoalbum_v2 ul.Tabulator li a:hover ul li a:hover, 
#Fotoalbum_v2 ul.Tabulator li:hover ul li a:hover 
{white-space:normal; position:relative; }

#Fotoalbum_v2 ul.Tabulator li a:hover ul li a:hover img, 
#Fotoalbum_v2 ul.Tabulator li:hover ul li a:hover img 
{
	position:				absolute; left:-65px; top:-50px; width:266px; height:200px; 
	border:					5px solid #ffffff;
	background:				#d8d8d8;
}

#Fotoalbum_v2 ul.Tabulator li a:hover ul li a:hover img.large, 
#Fotoalbum_v2 ul.Tabulator li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

#Fotoalbum_v2 ul.Tabulator li:hover ul li a:focus, 
#Fotoalbum_v2 ul.Tabulator li:hover ul li a:active,
#Fotoalbum_v2 ul.Tabulator li a:hover ul li a:active 
{position:static; outline:0;}

#Fotoalbum_v2 ul.Tabulator li:hover ul li a:focus img, 
#Fotoalbum_v2 ul.Tabulator li:hover ul li a:active img, 
#Fotoalbum_v2 ul.Tabulator li a:hover ul li a:active img 
{position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}

#Fotoalbum_v2 ul.Tabulator li:hover ul li a:focus img.large, 
#Fotoalbum_v2 ul.Tabulator li:hover ul li a:active img.large, 
#Fotoalbum_v2 ul.Tabulator li a:hover ul li a:active img.large 
{position:absolute; left:18px; top:27px; width:832px; height:624px; padding:0; background:#3f3f3f; border:3px ridge gold; z-index:10;}
	
/* -----------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/

#Fotoalbum_v3 
{
	position:				relative;
	z-index:				500;
	width:					894px;
	height: 				770px;
	margin:					0 0 20px -12px;
	padding:	 			0px 0px 0px 0px;
	text-align:				left;
	background-color: 		#c8e0aa;
}

#Fotoalbum_v3 ul.Tabulator 
{
	position:				relative;
	z-index:				10;
	width:					850px;
	height:					auto;
	margin:					0;
	padding:				0;
	list-style:				none;
}

#Fotoalbum_v3 ul.Tabulator li 
{
	display:				block;
	float:					left;
	width:					170px;
	height:					31px;
}

#Fotoalbum_v3 ul.Tabulator li a.set 
{
	display:				block;
	width:					170px;
	height:					30px;
	line-height:			30px;
	border-top:				1px solid #3f3f3f;
	border-right:			1px solid #3f3f3f;
	border-bottom:			1px solid #3f3f3f;
	border-left:			1px solid #3f3f3f;
	text-align:				center;
	text-decoration:		none;
	font-family:			"Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; 
	font-weight:			bold;
	color:					navy;
	background-color:		#dcdcdc;
	/*background:				url(../images/bg_fotoseite.png) no-repeat center center;*/
}

#Fotoalbum_v3 ul.Tabulator li a ul, 
#Fotoalbum_v3 ul.Tabulator li ul 
{
	display:				none;
}

#Fotoalbum_v3 ul.Tabulator li.active a 
{
	color:					blue;
}

#Fotoalbum_v3 ul.Tabulator li.topic 
{
}


#Fotoalbum_v3 ul.Tabulator li a:hover,
#Fotoalbum_v3 ul.Tabulator li:hover a 
{
	color:					#ef640e;
	background-color:		black;
}

#Fotoalbum_v3 ul.Tabulator li.active ul, 
#Fotoalbum_v3 ul.Tabulator li a:hover ul, 
#Fotoalbum_v3 ul.Tabulator li:hover ul
 
{
	background:				url(../grafix/schliessen24.png) no-repeat 862px 4px;
	background-color:		#fffaf0;
	border:					3px solid #8a2be2;
	display:				block;
	height:					610px;
	left:					0;
	list-style:				none;
	margin:					0px 0px 0px 0px;
	padding:				81px 12px 30px 90px;
	position:				absolute;
	top:					40px;
	width:					787px;
}

#Fotoalbum_v3 ul.Tabulator li.active ul li,
#Fotoalbum_v3 ul.Tabulator li a:hover ul li, 
#Fotoalbum_v3 ul.Tabulator li:hover ul li 
{
	display:				inline;
	width:					162px;
	height:					122px;
	float:					left;
	border: 				1px solid #dcdcdc;
	background-color: 		silver;
	margin:					2px 3px;
	padding:				2px 2px 2px 2px
}

#Fotoalbum_v3 ul.Tabulator li.active ul li a,
#Fotoalbum_v3 ul.Tabulator li a:hover ul li a, 
#Fotoalbum_v3 ul.Tabulator li:hover ul li a 
{
	display:				block;
	width:					162px;
	height:					122px;
	cursor:					default;
	float:					left;
	text-decoration:		none;
}

#Fotoalbum_v3 ul.Tabulator li.active ul li a img,
#Fotoalbum_v3 ul.Tabulator li a:hover ul li a img, 
#Fotoalbum_v3 ul.Tabulator li:hover ul li a img 
{
	display:				block;
	width:					160px;
	height:					120px;
	border: 				1px solid #3f3f3f;
	background-color:		#3f3f3f;
}

#Fotoalbum_v3 ul.Tabulator li.active ul li a img.large,
#Fotoalbum_v3 ul.Tabulator li a:hover ul li a img.large, 
#Fotoalbum_v3 ul.Tabulator li:hover ul li a img.large 
{
	position:				absolute;
	display:				block;
	width:					0;
	height:					0;
	overflow:				hidden;
	border:					0;
}

#Fotoalbum_v3 ul.Tabulator li a:hover ul li a:hover, 
#Fotoalbum_v3 ul.Tabulator li:hover ul li a:hover 
{white-space:normal; position:relative; }

#Fotoalbum_v3 ul.Tabulator li a:hover ul li a:hover img, 
#Fotoalbum_v3 ul.Tabulator li:hover ul li a:hover img 
{
	position:				absolute; left:-52px; top:-30px; width:266px; height:200px; 
	border:					5px solid #dcdcdc;
}

#Fotoalbum_v3 ul.Tabulator li a:hover ul li a:hover img.large, 
#Fotoalbum_v3 ul.Tabulator li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

#Fotoalbum_v3 ul.Tabulator li:hover ul li a:focus, 
#Fotoalbum_v3 ul.Tabulator li:hover ul li a:active,
#Fotoalbum_v3 ul.Tabulator li a:hover ul li a:active 
{position:static; outline:0;}

#Fotoalbum_v3 ul.Tabulator li:hover ul li a:focus img, 
#Fotoalbum_v3 ul.Tabulator li:hover ul li a:active img, 
#Fotoalbum_v3 ul.Tabulator li a:hover ul li a:active img 
{position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}

#Fotoalbum_v3 ul.Tabulator li:hover ul li a:focus img.large, 
#Fotoalbum_v3 ul.Tabulator li:hover ul li a:active img.large, 
#Fotoalbum_v3 ul.Tabulator li a:hover ul li a:active img.large 
{position:absolute; left:38px; top:54px; width:800px; height:600px; padding:1px; background:#3f3f3f; border:8px solid #dcdcdc; z-index:10;}
	
/* -----------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------*/

#Fotoalbum_v4 
{
	position:				relative;
	z-index:				500;
	width:					894px;
	height: 				780px;
	margin:					0 0 20px -12px;
	padding:	 			0px 0px 0px 0px;
	text-align:				left;
}

#Fotoalbum_v4 ul.Tabulator 
{
	position:				relative;
	z-index:				10;
	width:					850px;
	height:					auto;
	margin:					0;
	padding:				0;
	list-style:				none;
}

#Fotoalbum_v4 ul.Tabulator li 
{
	display:				block;
	float:					left;
	width:					161px;
	height:					31px;
}

#Fotoalbum_v4 ul.Tabulator li a.set 
{
	display:				block;
	width:					161px;
	height:					30px;
	line-height:			30px;
	text-align:				center;
	text-decoration:		none;
	font-family:			"Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; 
	font-weight:			bold;
	font-size:				1.1em;
	color:					navy;
	background-color:		white;
	border-left:			2px ridge gold;
	background:				url(../images/bg_fotoseite.png) no-repeat left center;
}

#Fotoalbum_v4 ul.Tabulator li a ul, 
#Fotoalbum_v4 ul.Tabulator li ul 
{
	display:				none;
}

#Fotoalbum_v4 ul.Tabulator li.active a.set 
{
	color:					maroon;
}

#Fotoalbum_v4 ul.Tabulator li.topic 
{
}


#Fotoalbum_v4 ul.Tabulator li a:hover.set,
#Fotoalbum_v4 ul.Tabulator li:hover a.set 
{
	color:					navy;
	background-color:		white;
	background:				url(../images/bg_fotoseite2.png) no-repeat left top;
}

#Fotoalbum_v4 ul.Tabulator li.active ul, 
#Fotoalbum_v4 ul.Tabulator li a:hover ul, 
#Fotoalbum_v4 ul.Tabulator li:hover ul
 
{
	background:				url(../grafix/schliessen24.png) no-repeat 862px 4px;
	background-color:		black;
	border:					3px ridge black;
	display:				block;
	height:					610px;
	left:					0;
	list-style:				none;
	margin:					0px 0px 0px 0px;
	padding:				81px 12px 30px 90px;
	position:				absolute;
	top:					36px;
	width:					787px;
}

#Fotoalbum_v4 ul.Tabulator li.active ul li,
#Fotoalbum_v4 ul.Tabulator li a:hover ul li, 
#Fotoalbum_v4 ul.Tabulator li:hover ul li 
{
	display:				inline;
	width:					145px;
	height:					109px;
	float:					left;
	border: 				1px solid #fffaf0;
	background-color: 		#fffaf0;
	margin:					9px 13px;
	padding:				2px 2px 2px 2px
}

#Fotoalbum_v4 ul.Tabulator li.active ul li a,
#Fotoalbum_v4 ul.Tabulator li a:hover ul li a, 
#Fotoalbum_v4 ul.Tabulator li:hover ul li a 
{
	display:				block;
	width:					145px;
	height:					109px;
	cursor:					default;
	float:					left;
	text-decoration:		none;
}

#Fotoalbum_v4 ul.Tabulator li.active ul li a img,
#Fotoalbum_v4 ul.Tabulator li a:hover ul li a img, 
#Fotoalbum_v4 ul.Tabulator li:hover ul li a img 
{
	display:				block;
	width:					144px;
	height:					108px;
	border: 				1px solid #3f3f3f;
	background-color:		#3f3f3f;
}

#Fotoalbum_v4 ul.Tabulator li.active ul li a img.large,
#Fotoalbum_v4 ul.Tabulator li a:hover ul li a img.large, 
#Fotoalbum_v4 ul.Tabulator li:hover ul li a img.large 
{
	position:				absolute;
	display:				block;
	width:					0;
	height:					0;
	overflow:				hidden;
	border:					0;
}

#Fotoalbum_v4 ul.Tabulator li a:hover ul li a:hover, 
#Fotoalbum_v4 ul.Tabulator li:hover ul li a:hover 
{white-space:normal; position:relative; }

#Fotoalbum_v4 ul.Tabulator li a:hover ul li a:hover img, 
#Fotoalbum_v4 ul.Tabulator li:hover ul li a:hover img 
{
	position:				absolute; left:-52px; top:-30px; width:266px; height:200px; 
	border:					5px solid #fffaf0;
}

#Fotoalbum_v4 ul.Tabulator li a:hover ul li a:hover img.large, 
#Fotoalbum_v4 ul.Tabulator li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

#Fotoalbum_v4 ul.Tabulator li:hover ul li a:focus, 
#Fotoalbum_v4 ul.Tabulator li:hover ul li a:active,
#Fotoalbum_v4 ul.Tabulator li a:hover ul li a:active 
{position:static; outline:0;}

#Fotoalbum_v4 ul.Tabulator li:hover ul li a:focus img, 
#Fotoalbum_v4 ul.Tabulator li:hover ul li a:active img, 
#Fotoalbum_v4 ul.Tabulator li a:hover ul li a:active img 
{position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#fff; border:0; z-index:5;}

#Fotoalbum_v4 ul.Tabulator li:hover ul li a:focus img.large, 
#Fotoalbum_v4 ul.Tabulator li:hover ul li a:active img.large, 
#Fotoalbum_v4 ul.Tabulator li a:hover ul li a:active img.large 
{position:absolute; left:35px; top:54px; width:800px; height:600px; padding:1px; background:#3f3f3f; border:10px solid #fffaf0; z-index:10;}