@charset 'ISO-8859-15';

/*	Allgemeine Definitionen für ganze Seite ----------------------------------------- */
	
	/*	HTML ----------------------------------------- */
		html 													{height: 100%; width: 100%; margin:0; padding:0;}
		body 													{background-color:#444447; padding:0; margin:0; color:#444447; 
											 	 				font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px}
	
	/*	Links ----------------------------------------- */
		a:link													{color:#003b78; text-decoration:none;}
		a:visited												{color:#003b78; text-decoration:none;}
		a:hover													{text-decoration:underline;}
	
	/*	Absätze und überschriften ----------------------------------------- */
		p														{margin:0 0 20px 0; padding:0px;}
		h1														{display:block; margin:0 0 22px 0; padding:0; font-size:14px; font-weight:900;}
		img														{border:none;}
		.clear													{display:block; clear:both; height:0px; line-height:0px; max-height:0px; font-size:0px;}
		ul, li													{margin:0; padding:0;}


/*	Layout: Bereich oben ----------------------------------------- */
		#divContainer											{width:912px; margin:0px auto;}
	
	/*	Header ----------------------------------------- */
		#divHeader												{width:708px; background-color:#a9a9a9; float:left;}
		#divHeader #imageNavigation								{height:28px; background-color:#FFFFFF;}

		#divHeader #gallery										{height:336px; background:url(/images/layout/neueroeffnung.jpg) 50% 50% no-repeat;}
		#divHeader #gallery	#kacheln img						{width:118px; display:block;}
		#divHeader #gallery	#kacheln img.float					{float:left;}
		#divHeader #gallery	#kacheln table						{border-collapse: collapse;}
		#divHeader #gallery	#kacheln table	td					{padding:0;}

		#divHeader #navigation									{height:27px; background:url(/images/layout/bg-navigation.jpg) repeat-x;}
		#divHeader #navigation	li								{display:block; float:left; text-align:center; width:118px; line-height:27px; cursor:pointer;}
		#divHeader #navigation	li	a							{display:block; text-decoration:none; color:#444447;}
		#divHeader #navigation	li	a:hover						{background-color:#444447; color:#FFFFFF;}
		#divHeader #navigation	li	a.active					{background-color:#FFFFFF; color:#000000;}
		.hoch													{height:168px;}
		
	/*	Content ----------------------------------------- */
		#divContent												{width:468px; float:left; background-color:#FFFFFF; padding:45px 118px 118px 122px; min-height:800px;}
	
	/*	Box ----------------------------------------- */
		#divBox													{width:174px; float:right; color:#FFFFFF; padding:5px 0 0 30px; margin-top:28px;}
		#divBox		#ansicht									{display:none; height:28px;}
		#divBox		#ansicht	a:link							{display:block; height:14px; width:14px; border:none; padding:0; margin:0; float:left; margin-right:3px;}
		#divBox		#ansicht	a:visited						{display:block; height:14px; width:14px; border:none; padding:0; margin:0; float:left; margin-right:3px;}
		#divBox		#ansicht	a:hover							{background:url(/images/layout/icon-hover.gif) !important;}
		#divBox		#shopnavigation								{display:block; height:258px;}
		#divBox		#shopnavigation		select					{display:block; margin-bottom:21px; width:154px;}
		#divBox		#shopnavigation		form					{display:block; margin-top:50px;}
		#divBox		p											{margin-top:50px;}
		.contact												{width:500px;}
		
/*	Shop ----------------------------------------- */
		#divContent	#shop										{display:block; float:left; width:520px; background-color:#FFFFFF; min-height:800px;}
* html 	#divContent	#shop										{width:468px;}
		#divContent	#shop .artikel								{display:block; margin:0px; margin-bottom:10px; margin-right:10px; float:left; height:90px; width:90px; background-color:#fff; vertical-align:middle; text-align:center;}
		#divContent	#shop	img									{max-height:90px; max-width:90px; vertical-align:middle; margin:0;}
		#divContent	.detail										{display:block; width:500px; height:650px; border:1px solid #000000; margin-bottom:250px; background-color:#FFFFFF;}
		
		#divContent	 #navigationShop							{height:27px; background-color:#444447; width:492px; margin-bottom:30px;}
		#divContent	 #navigationShop	li						{display:block; float:left; text-align:center; width:123px; line-height:27px;}
		#divContent	 #navigationShop	li	a					{display:block; text-decoration:none; color:#FFFFFF;}
		#divContent	 #navigationShop	li	a:hover				{background-color:#FFFFFF; color:#000000;}
		#divContent	 #navigationShop	li	a.active			{background-color:#FFFFFF; color:#000000;}

		
		#WzBoDyI												{text-align:center !important;}
		#WzBoDyI 	label										{float:left; display:block; width:100px; text-align:left;}
		#WzBoDyI  	h1											{margin-left:50px; margin-bottom:0px; text-align:left;}
		#WzBoDyI  	h2											{margin:0; padding:0; margin-left:50px; font-weight:100;  margin-bottom:10px; font-size:11px; text-align:left;}
		#WzBoDyI  	p											{margin-left:50px; width:275px; margin-bottom:18px; text-align:left;}
		#WzBoDyI	.normal										{display:block; float:left; width:80px; text-align:right;}
		#WzBoDyI	.aktion										{display:block; float:left; width:80px; color:#CC3333; font-weight:bold; text-align:right;}
		#WzBoDyI												{}
		#WzTiTl													{border:1px solid #000000; width:346px!important; border-bottom:none;}
		#WzClOsE												{ margin-right:1px;}
		#WzTtDiV												{width:352px !important;}												
		#WzBoDy													{padding: 15px !important; width: 320px !important;}
		
		
		.imageShop												{max-height:270px; max-width:270px;border-bottom:30px solid #FFFFFF; border-top:30px solid #FFFFFF;}
		
/*	Footer ----------------------------------------- */
		#divFooter												{width:100%; position:fixed; bottom:0px; height:25px; color:#FFFFFF;}
		#divFooter	a											{color:#FFFFFF; text-decoration:none;}
		
		#divFooter.closed										{height:0px;}
		#divFooter.open											{height:125px;}
		
		#divFooter	#labelHeader								{width:912px; margin:0px auto 0; height:25px; line-height:25px; display:block;}
		#divFooter	#labelHeader label							{width:150px; margin-left:120px; background:#084820; height:25px; display:block; text-align:center; }
		#divFooter	#labelHeader .content						{display:block; float:left; margin:0px 0 0 0px; width:708px; height:107px; padding-top:18px; background:#084820;}
		#divFooter	#labelHeader .content img					{display:block; float:left; margin:0 16px 0 58px; }
		#divFooter	#labelHeader .content span 					{line-height:18px; margin:10px 0;}
		#divFooter	#labelHeader .close							{display:none; width:21px; height:25px; float:left; margin:-25px 265px 0; background:url(/images/layout/icon-close.png) 0 0 no-repeat; cursor:pointer;}
	
	
/*	Gallery ----------------------------------------- */
		#gallery2													{display: block; height: 336px; left: 50%; margin-left: -456px; overflow: hidden;  position: absolute;  top: 0;  width: 708px; background:#ccc; text-align:center}
			
		#gallery2	.controls													{width:100%; position:absolute; margin-top:155px; height:46px; z-index:50; display:block;}
		#gallery2	.controls	.ss-controls									{display:none;}
		
		#gallery2	.controls	.nav-controls									{display:block; width:100%; float:left;}
		#gallery2	.controls	.nav-controls	.prev							{opacity:0.5; display:block; float:left; margin-left:5px; background:url(/images/layout/gallery-controll-left.png) 0 0px no-repeat; width:24px; height:44px;}			
		#gallery2	.controls	.nav-controls	.next							{opacity:0.5; display:block; float:right; margin-right:5px; background:url(/images/layout/gallery-controll-right.png) 0px 0px no-repeat; width:24px; height:44px;}
		#gallery2	.controls	.nav-controls	.prev:hover						{opacity:1.0;}
		#gallery2	.controls	.nav-controls	.next:hover						{opacity:1.0;}
		
		#gallery2	.slideshow-container										{display:block; width:100%;}			
		#gallery2	.slideshow-container .loader								{display:none;}
		#gallery2	.slideshow-container .image-wrapper a img					{width:auto; height:auto; max-height:355px; max-width:708px; text-align:center; display:inline-block;}
		
		#slideshow	.image-wrapper									{display:block; position:absolute; top:-18px; left:0; width:100%;}
		
		#thumbs														{display:block; width:100%; position:relative; top:0px; float: left; margin-bottom: 30px;}
		#thumbs	ul li						{display:block; float:left; height:65px; margin:10px 10px 0 0; padding:0;}
		#thumbs	ul li img					{display:block; height:65px;}
		
		#caption													{display:none;}


		
/*	Adminpanel ----------------------------------------- */			

/*	Layout: Grundrahemn ----------------------------------------- */
	#admin	 					{}
	#admin 	#spalteNavigation	{width:147px; float:left; padding:50px 15px 80px 15px;}
	#admin 	#spalteContent		{width:371px; background-color:#FFFFFF; float:left; padding:50px 80px 80px 80px;}
	#admin 	ul, li, h2			{margin:0; padding:0;}
	#admin 	ul					{display:block; margin-top:15px; margin-bottom:30px;}
	#admin 	li					{display:block; height:25px; line-height:25px; border-bottom:1px solid #D9D9D9;}
	#admin	li img				{height:25px; width:25px; margin-right:10px; float:left; display:block;}
	#admin 	li a:link			{display:block; text-decoration:none; color:#333333;}
	#admin 	li a:visited		{display:block; text-decoration:none; color:#333333;}
	#admin 	li a:hover			{background-color:#FFCC66;}
	#admin	form				{}
	#admin	label				{display:block; width:100px; float:left;}
	#admin	input				{display:block; width:248px; float:left;}
	#admin	textarea			{display:block; width:248px; float:left; height:71px; padding:2px;}
	#admin	form span select	{display:block; width:148px; float:left;}
	#admin	input.button		{width:100px; margin-left:100px;}
	#admin	input.checkbox		{padding:0; margin:0; float:left; margin-right:5px; width:15px;}
	#admin	.line				{display:block; margin-bottom:10px; height:25px; }
	#admin	.lineTexarea		{display:block; margin-bottom:10px; height:82px; }
	.adminHeader				{border-bottom:1px solid; height:27px; padding-right:15px; text-align:right; line-height:27px;}