@import url("all.css");

/* Grundeinstellungen ____________________________________________________ */

	body 										{ background-color: #1a4c7f; text-align: center; }
	div.rahmen 									{ background: url(/images/design/bg-all.gif) no-repeat #1a4c7f; width: 1020px; margin: 0 auto; position: relative; text-align: left; }

	
	
/* Oben __________________________________________________________________ */

	div.oben 									{ height: 218px; }
	
	div.oben ul.menu 							{ background: url(/images/design/bg-menu.gif) no-repeat 0px 0px; height: 51px; font-weight: bold; position: relative; z-index: 7; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li 						{ float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div.oben ul.menu li a 						{ background: url(/images/design/bg-line.gif) no-repeat 0px 8px; color: #000000; display: block; font-size: 12px; float: left; min-height: 48px; _height: 48px; line-height: 48px; text-decoration: none; padding: 0px 11px 0px 12px; }
	div.oben ul.menu li.first a					{ background: transparent; padding: 0px 11px 0px 40px; }
	div.oben ul.menu li a:hover 				{ color: #e52530; }
	div.oben ul.menu li.aktiv a					{ color: #e52530; }
	
	div.oben ul.menu li ul	 					{ display: none; }
	
	div.oben div.navi							{ background: url(/images/design/bg-navi.jpg) no-repeat 0px 0px; height: 102px; margin: 36px 0px 0px 0px; position: relative; }
	div.oben div.navi table						{ position: absolute; left: 320px; top: 12px; width: 539px; height: 79px; }
	div.oben div.navi table td					{ padding: 0px 0px 0px 0px; text-align: center; width: 107px;  }
	div.oben div.navi table td div				{ height: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; }
	div.oben div.navi table td.liniex			{ background: url(/images/design/bg-liniex.gif) no-repeat 0px 0px; padding: 0px 0px 0px 0px; font-size: 1px; line-height: 1px; height: 1px; }
	div.oben div.navi table td.liniey			{ background: url(/images/design/bg-liniey.gif) no-repeat 0px 0px; padding: 0px 0px 0px 0px; font-size: 1px; line-height: 1px; width: 1px; }
	div.oben div.navi table td a				{ color: #000000; font-size: 12px; font-weight: bold; text-decoration: none; }
	div.oben div.navi table td a:hover			{ color: #e52530; }
	div.oben div.navi table ul					{ background-color: #6cadff; border: solid 1px #b5d6ff; display: none; margin: 0px 0px 0px 0px; padding: 4px 0px 6px 20px; list-style-type: none; position: absolute; left: -21px; top: 21px; width: 100%; }
	div.oben div.navi table ul li				{ margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; }
	div.oben div.navi a.aktiv					{ color: #e52530; }
	
	div.oben div.schmal table					{ position: absolute; left: 320px; top: 12px; width: 539px; height: 34px; }
	
	div.oben div.subnavi table					{ position: absolute; left: 320px; top: 133px; width: 539px; height: 34px; }
	div.oben div.subnavi table td				{ padding: 0px 0px 0px 0px; text-align: center; width: 107px;  }
	div.oben div.subnavi table td div			{ height: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; }
	div.oben div.subnavi table td.liniex		{ background: url(/images/design/bg-liniex.gif) no-repeat 0px 0px; padding: 0px 0px 0px 0px; font-size: 1px; line-height: 1px; height: 1px; }
	div.oben div.subnavi table td.liniey		{ background: url(/images/design/bg-liniey.gif) no-repeat 0px 0px; padding: 0px 0px 0px 0px; font-size: 1px; line-height: 1px; width: 1px; }
	div.oben div.subnavi table td.linieyohnebg	{ background: transparent; padding: 0px 0px 0px 0px; font-size: 1px; line-height: 1px; width: 1px; }
	div.oben div.subnavi table td a				{ color: #000000; font-size: 12px; font-weight: bold; text-decoration: none; }
	div.oben div.subnavi table td a:hover		{ color: #e52530; }
	div.oben div.subnavi table ul				{ background-color: #6cadff; border: solid 1px #b5d6ff; display: none; margin: 0px 0px 0px 0px; padding: 4px 0px 6px 20px; list-style-type: none; position: absolute; left: -21px; top: 21px; width: 100%; }
	div.oben div.subnavi table ul li			{ margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; }
	div.oben div.subnavi a.aktiv				{ color: #e52530; }

	
	div.oben a.logo								{ position: absolute; left: 21px; top: 64px; text-decoration: none; }
	
	div.oben div.sprache						{ font-size: 10px; position: absolute; right: 71px; top: 68px; height: 16px; line-height: 16px; }
	div.oben div.sprache a						{ color: #FFFFFF; text-decoration: none; }
	div.oben div.sprache a.rss					{ background: url(/images/design/icon-rss.gif) no-repeat 0px 0px; padding: 4px 0px 0px 20px; }
	
	div.eishockey								{ height: 288px; }
	div.oben div.bannertop						{ margin: 20px 0px 0px 300px; height: 50px; }
	div.oben div.eissprache						{ position: absolute; right: 71px; top: 137px; }
	div.oben a.eislogo							{ position: absolute; left: 21px; top: 114px; }
	
	
	
/* Mitte _________________________________________________________________ */

	div.mitte 									{ margin: 0px 0px 26px 0px; }
	

	
/* Links _________________________________________________________________ */

	div.links 									{ float: left; display: inline; margin: 0px 30px 0px 51px; width: 208px; }
	
	div.links img.verein						{ margin: 0px 0px 12px 0px; }
	
	div.links div.news							{ padding: 0px 0px 0px 0px; }
	div.links div.news div.linie				{ background: url(/images/design/bg-linie.gif) repeat-x 0px 0px; font-size: 1px; line-height: 1px; margin: 0px 11px 0px 7px; }
	div.links div.news span.headline			{ display: block; width: 208px; height: 59px; margin: 0px 0px 0px 0px; }
	div.links div.news span.datum				{ color: #6497cc; font-size: 13px; display: block; margin: 0px 0px 4px 12px; }
	div.links div.news div.newsliste			{ float: left; margin: 0px 0px 8px 0px; }
	div.links div.news div.hintergrund			{ background-color: #061f38; padding: 0px 0px 8px 0px; }
	div.links div.news div.newsliste a			{ float: left; margin: 0px 6px 0px 12px; padding: 0px 0px 0px 0px; }
	div.links div.news div.newsliste span		{ float: left; font-size: 13px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 160px; }
	div.links div.news a.allenews				{ background: url(/images/design/bg-alle-news.gif) no-repeat 0px 0px; display: block; font-size: 9px; line-height: 18px; margin: 6px 0px 0px 34px; text-align: center; text-decoration: none; text-transform: uppercase; width: 134px; height: 18px; }

	div.links div.tabelle						{ background: url(/images/design/bg-tabelle.gif) repeat-y 0px 0px; width: 208px; margin: 0px 0px 12px 0px; }
	div.links div.tabelle span.oben				{ display: block; width: 208px; height: 55px; }
	div.links div.tabelle span.unten			{ background: url(/images/design/bg-tabelle-unten.gif) no-repeat 0px 0px; display: block; width: 208px; height: 20px; }
	
	div.links div.tabelle table					{ margin: 2px 0px 0px 14px; width: 180px; }
	div.links div.tabelle td					{ color: #000000; height: 17px; line-height: 17px; margin: 2px 0px 2px 0px; }
	div.links div.tabelle td.col1				{ width: 28px; text-align: right; }
	div.links div.tabelle td.col2				{ width: 100px; text-align: left; }
	div.links div.tabelle td.col3				{ width: 42px; text-align: right; }
	div.links div.tabelle td.col4				{ width: 10px; }
	div.links div.tabelle td.blau				{ background: #879FB7; }
	div.links div.tabelle td.grau				{ background: #D3D8DE; }
	div.links div.tabelle td.abstand			{ font-size: 1px; line-height: 1px; height: 3px; overflow: hidden; }
	div.links div.tabelle a.ganzeliste			{ background: url(/images/design/bg-alle-news.gif) no-repeat 0px 0px; display: block; font-size: 9px; line-height: 18px; margin: 6px 0px 0px 34px; text-align: center; text-decoration: none; text-transform: uppercase; width: 134px; height: 18px; }


/* Inhalt ________________________________________________________________ */

	div.inhalt 									{ float: left; display: inline; margin: 12px 20px 0px 0px; overflow: hidden; width: 530px; }



/* Rechts ________________________________________________________________ */

	div.rechts 									{ float: left; display: inline; width: 181px; }
	
	div.rechts div.sponsoren					{ background: url(/images/design/bg-sponsoren-y.gif) repeat-y 0px 0px; border-bottom: solid 1px #0b223b; width: 141px; }
	div.rechts div.sponsoren span.headline		{ background: url(/images/design/bg-sponsoren.gif) no-repeat 0px 0px; color: #e52530; font-size: 11px; font-weight: bold; display: block; line-height: 26px; padding: 0px 0px 4px 16px; text-transform: uppercase; width: 141px; height: 26px; }
	div.rechts div.sponsoren div.images			{ background-color: #FFFFFF; margin: 0px 0px 8px 6px; width: 130px; }
	div.rechts div.sponsoren div.images span,
	div.rechts div.sponsoren div.images a		{ display: block; margin: 0px 0px 0px 5px; padding: 5px 0px 5px 0px; }
	div.sponsoren div.images img.reinstaller	{ display: block; margin: 0px 0px 0px 5px; padding: 5px 0px 0px 0px; }



/* Unten _________________________________________________________________ */

	div.unten 									{ clear: both; margin: 0px 0px 16px 0px; padding: 0px 0px 16px 0px; }
	
	div.unten div.partner						{ background: url(/images/design/bg-partner.gif) no-repeat 0px 0px; margin: 0px 0px 5px 64px; position: relative; width: 900px; height: 128px; }
	div.unten div.partner span.headline			{ color: #e52530; font-size: 11px; font-weight: bold; position: absolute; left: 24px; top: 15px; text-transform: uppercase; z-index: 5; }
	div.unten div.partner div.images			{ background-color: #FFFFFF; overflow: hidden; position: absolute; left: 20px; top: 16px; width: 860px; height: 95px; }
	div.unten div.partner div.images span,
	div.unten div.partner div.images a			{ float: left; margin: 10px 0px 0px 12px; }
	
	div.unten a									{ text-decoration: none; }
	div.unten a:hover							{ text-decoration: underline; }
	div.unten span.left							{ float: left; margin: 0px 0px 0px 68px; }
	div.unten span.left span					{ margin: 0px 20px 0px 0px; }
	div.unten span.right						{ float: right; margin: 0px 58px 0px 0px; }
	div.unten span.right a						{ margin: 0px 0px 0px 20px; }
	div.unten span.right a img					{ vertical-align: text-bottom; }



/* Lightbox ______________________________________________________________ */

	#lightbox									{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

	#lightbox a img								{ border: none; }

	#outerImageContainer						{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

	#imageContainer								{ padding: 10px; }

	#loading									{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
	#hoverNav									{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav					{ left: 0; }
	#hoverNav a									{ outline: none; }

	#prevLink, #nextLink						{ width: 49%; height: 100%; display: block; }
	#prevLink									{ background: url(/images/lightbox/prev.gif) left 15% no-repeat; left: 0; float: left; }
	#nextLink									{ background: url(/images/lightbox/next.gif) right 15% no-repeat; right: 0; float: right; }
	#prevLink:hover, #prevLink:visited:hover	{ background: url(/images/lightbox/prev.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover	{ background: url(/images/lightbox/next.gif) right 15% no-repeat; }

	#imageDataContainer							{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

	#imageData									{ padding: 0 10px; color: #666; }
	#imageData #imageDetails					{ width: 70%; float: left; text-align: left; }	
	#imageData #caption							{ font-weight: bold; }
	#imageData #numberDisplay					{ display: block; clear: left; padding-bottom: 1.0em; }
	#imageData #bottomNav						{ height: 40px; }
	#imageData #bottomNavClose					{ width: 26px; float: right;  padding-bottom: 0.4em; }

	#overlay									{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/* __________________________________________________________________ Ende */