@charset 'ISO-8859-15';

/*	Allgemeine Definitionen für ganze Seite ----------------------------------------- */
	
	/*	HTML ----------------------------------------- */
		html 													{height:100%; width:100%; margin:0; padding:0;}
		body 													{padding:0; margin:0; color:#171717; background:#dcf7a6 url(/images/layout/2010/bg.gif) no-repeat fixed center 0; font-family:Verdana, Arial, Helvetica, sans-serif;
																 font-size:11px; font-weight:normal;}
* html	body 													{font-size:11px;}
*+html	body 													{font-size:11px;}
	
	/*	Links ----------------------------------------- */
		a:link													{color:#006dad; text-decoration:none;}
		a:visited												{color:#006dad; text-decoration:none;}
		a:hover													{color:#e04829; text-decoration:none;}
	
	/*	Absätze und überschriften ----------------------------------------- */
		p														{margin:0 0 28px 0; padding:0px; line-height:16px;}
		h1														{display:block; margin:0 0 15px 0; padding:0; font-size:25px; font-weight:900; color:#a2a1a1; width:399px; float:left;}
		h2														{display:block; margin:0 0 15px 0; padding:0; font-size:12px; font-weight:900; color:#a2a1a1;}
		h3														{display:block; margin:0 0 5px 0; padding:0; font-size:11px; font-weight:700; color:#171717;}
		img														{border:none;}
		ul, li													{margin:0; padding:0; list-style:none;}
		.clear													{display:block; clear:both; height:0px; line-height:0px; max-height:0px; font-size:0px;}


/*	Layout: ----------------------------------------- */
		#divContainer											{width:916px; margin:0px auto; left:10px; position:relative;}

		
/*	Header ----------------------------------------- */
		#divHeader												{height:128px; width:891px; margin:0; background:url(/images/layout/2010/bg-header.png) 0 72px no-repeat; padding-left:25px;}
		#divHeader	h1											{color:#FFFFFF; font-size:12px; font-weight:100; display:block; float:left; width:700px; margin:30px 0 0 0;}
		#divHeader	h2											{color:#FFFFFF; font-size:15px; font-weight:900; display:block; float:left; width:700px; margin:0}
		
		#divHeader ul											{display:block; float:left; width:850px; margin-top:18px; padding-top:6px;}
		#divHeader ul	li										{display:block; float:left; width:auto; margin-right:5px;}

		#divHeader ul	li	a:link								{color:#006dad; text-decoration:none; font-size:12px; font-weight:900; margin-right:5px;}
		#divHeader ul	li	a:visited							{color:#006dad; text-decoration:none; font-size:12px; font-weight:900;}
		#divHeader ul	li	a:hover								{color:#e04829;}
		#divHeader ul	li.active a								{color:#e04829;}

/*	Content: ----------------------------------------- */
		#divContainer	#divContent								{background:url(../../images/layout/2010/bg-content.png); width:913px; height:449px; display:block; float:left;}
		#divContainer	#divContent	#inhalt						{display:block; float:left; width:553px; height:399px; padding:25px 14px 25px 25px;}
		#divContainer	#divContent	#inhalt	#root				{display:block; float:left; width:553px; margin:0 0 15px 0;}
		#divContainer	#divContent	#inhalt	#root	li			{display:block; float:left; width:auto; margin-right:3px;}
		#divContainer	#divContent	#inhalt	.logo				{position:relative; top:-30px; width:133px; height:56px; float:right;}
		
		#divContainer	#divContent	#inhalt .box				{display:block; width:533px; padding:10px; background:#fbfbfb; border:1px solid #e7e7e7; float:left; margin:0;}
		#divContainer	#divContent	#inhalt .box img			{float:left; margin:0 15px 45px 0;}
		#divContainer	#divContent	#inhalt .box p				{float:left; margin:0 0 10px 0;}
		
		#divContainer	#divContent	#inhalt.gallery				{width:864px;}
		

/*	Subnavigation: ----------------------------------------- */
		#divContainer	#divContent	#inhalt	#subNavigation		{display:block; float:left; width:542px; margin:-10px 0 15px 0;}
		#divContainer	#divContent	#inhalt	#subNavigation	li	{display:block; float:left; width:auto; margin-right:3px;}
		#divContainer	#divContent	#inhalt	#subNavigation	li.active a	{color:#e04829;}	
	
	
/*	Slidenavigation: ----------------------------------------- */
		.maskSlider												{position:relative; height:300px; overflow:hidden; float:left; margin:0; width:553px;}
	 	.maskSlider img											{width:150px; float:left; margin:0 15px 45px 0;}
	
	 	.contentItem											{position:absolute; list-style-type:none; padding:0;}
	 	.contentItem	li										{display:block; width:531px !important; padding:10px; background:#fbfbfb; border:1px solid #e7e7e7; float:left; margin:0 20px 0 0;}
	 	.contentItem	li p									{margin:0px 0 5px 0;}
	
		.imgNavigation											{margin:5px 6px 0 0; display:block; float:right;}

	
		#divContainer	#divContent .contentItem li	ul			{margin-bottom:20px; float:left; display:block; width:255px;}
	 	#divContainer	#divContent .contentItem li	ul li		{display:block; width:230px !important; padding:0px; border:none; float:left; margin:0 20px 3px 0;}
	
	
	
		
/*	Bilder rechte Spalte: ----------------------------------------- */
		#divContainer	#divContent	#image						{display:block; float:left; width:320px; height:449px;}
		#divContainer	#divContent	#image.aktuelles			{background-image:url(/images/layout/2010/aktuelles.jpg);}
		#divContainer	#divContent	#image.bands				{background-image:url(/images/layout/2010/bands.jpg);}
		#divContainer	#divContent	#image.anreise				{background-image:url(/images/layout/2010/anreise.jpg);}
		#divContainer	#divContent	#image.ticktets				{background-image:url(/images/layout/2010/ticktets.jpg);}
		#divContainer	#divContent	#image.infos				{background-image:url(/images/layout/2010/infos.jpg);}
		#divContainer	#divContent	#image.gaestebuch			{background-image:url(/images/layout/2010/gaestebuch.jpg);}
		#divContainer	#divContent	#image.verein				{background-image:url(/images/layout/2010/verein.jpg);}
		#divContainer	#divContent	#image.links				{background-image:url(/images/layout/2010/links.jpg);}
		#divContainer	#divContent	#image.kontakt				{background-image:url(/images/layout/2010/kontakt.jpg);}



/*	Startseite ----------------------------------------- */
		#divHome												{display:block; width:912px; float:left;}
		#divHome	.logo										{display:block; margin:0px auto; margin-top:30px;}
		#divHome	#newsBoxes									{display:block; width:100%; float:left; margin-top:30px; margin-bottom:150px;}
		#divHome	#newsBoxes	li								{display:block; float:left; margin:40px; background: url(/images/layout/2010/newsBox.png) no-repeat; width:371px; height:101px;}

		
/*	BottomNavigation ----------------------------------------- */
		#botNavigation											{position:relative; left:375px; top:-139px; width:120px;}
		#botNavigation.warenkorb								{position:relative; left:561px; top:-111px; width:120px;}
		#botNavigation	li										{display:block; height:22px; line-height:22px; padding:5px 0 0 30px;}
		#botNavigation	li	a									{text-decoration:none; color:#171717;}
		#botNavigation	li	a:hover								{color:#ccc;}
		#botNavigation	li.jg									{background:url(/images/layout/icon-jahrgaenge.gif) no-repeat left center;}
		#botNavigation	li.print								{background:url(/images/layout/icon-drucken.gif) no-repeat left center;}
		#botNavigation	li.basket								{background:url(/images/layout/icon-warenkorb.gif) no-repeat left center;} 

/*	Selection ----------------------------------------- */
		img.iconSelection										{left:375px; position:relative; top:-195px;}


/*	Karte ----------------------------------------- */
		#map													{display:block; width:345px; height:250px; margin-bottom:20px;}
		#map #logocontrol										{display:none;}
		#map div span											{display:none;}
		#map .terms-of-use-link									{display:none;}

/*	KOntakt ----------------------------------------- */
		span.tel												{display:inline-block; width:45px;}
		
/*	gAllery ----------------------------------------- */
		.gallery .maskSlider											{width:864px;}
		.gallery .contentItem li 										{width:842px !important; height:278px;}
		#gallery														{width:436px; height:0; line-height:0;}
		#gallery img													{width:416px !important;}
		#thumbs															{float:right;}
		#divContainer #divContent .contentItem li ul.thumbs				{width:423px; margin-bottom:4px;}
		#divContainer #divContent .contentItem li ul.thumbs	li			{width:80px !important; height:auto; margin:0 4px 5px 0 ;}
		#divContainer #divContent .contentItem li ul.thumbs	img			{height:auto; margin:0 5px 0 0; max-height:50px; max-width:74px; position:relative; width:auto;}
		#divContainer #divContent .contentItem li ul.thumbs .thumb		{height:50px;}
		div.slideshow a.advance-link 									{display:block; height:279px; line-height:502px; text-align:center; width:438px;}
		div.navigation div.top											{display:none;}
		div.controls 													{display:block; float:right; margin:-20px 0 0; width:317px;}
		div.pagination span.current 									{background-color:#006DAD;}
		ul.thumbs li.selected a.thumb 									{background:none repeat scroll 0 0 #E04829;}
		div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../../../bilder/galleriffic/css/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 438px;
	height: 279px; /* This should be set to be at least the height of the largest image in the slideshow */
} 
		div.pagination a, div.pagination span.current, div.pagination span.ellipsis {border:1px solid #CCCCCC; display:block; float:left; height:15px; margin-right:2px; padding:0 3px; text-align:center; width:auto;}


/*	Formulare ----------------------------------------- */
		form											{width:485px; display:block; float:left;}
		input											{background:#fff; padding:3px; border:1px solid #D6D6D3; margin-bottom:4px; margin-right:150px; font-size:11px; text-align:left; float:left;}
		textarea										{background:none repeat scroll 0 0 #FFFFFF; border:1px solid #D6D6D3; font-size:12px; margin-bottom:4px; padding:3px; text-align:left; width:333px; height:80px;}
		
		input.hidden									{background:none; height:0px; line-height:0px; min-height:0px; max-height:0px; padding:0; margin:0; visibility:hidden; border:none;}
		input.radio										{width:auto;}

		select											{background:#fff; padding:2px; border:1px solid #D6D6D3; margin-bottom:4px; font-size:12px; text-align:left;}
 		button											{width:168px; text-align:center; height:20px; border:none; padding:0; line-height:20px; font-size:10px; font-weight:900; color:#fff; 
														 cursor:pointer; background:#006DAD; margin:10px 0 16px 121px;}
 		button:hover									{background:#E04829;}
		label											{float:left; height:19px;padding:2px 0 0; text-align:left; width:120px;}	

		form label.error 								{display:none !important;}
		form em 										{font-weight: bold; padding-right: 1em; vertical-align: top; }
		form select.error								{background:#FFCDCA; border:1px solid #FFFFFF; color:#666666; font-weight:100;}
		form input.error								{background:#FFCDCA; border:1px solid #FFFFFF; color:#666666; font-weight:100;}

		
/*	Footer ----------------------------------------- */
		#divFooter												{height:156px; margin:0px; background:url(/images/layout/2010/bg-footer.gif) transparent left -44px repeat-x; padding:0; text-align:center; font-size:11px; position:fixed; bottom:0; width:100%;}
		
		#divFooter		#divCenter								{left:10px; margin:0 auto; position:relative; width:916px; text-align:left; margin-top:100px;}
		#divFooter		#divCenter	#sponsoren					{display:block; float:left; padding:0px 0px 0px 25px; width:492px;}
		#divFooter		#divCenter	h1							{font-size:10px; font-weight:100; margin:0; padding:0; text-align:left; width:300px;}
		#divFooter		#divCenter	#sponsoren 	ul				{display:block; float:left; width:300px; margin:0;}
		#divFooter		#divCenter	#sponsoren 	ul	li			{display:block; float:left; width:150px;margin:0;}
		#divFooter		#divCenter	.fb_edge_widget_with_comment{display:block; float:left; width:310px; margin-top:4px;}