/* CSS Document */
/* ================================================================================= NEWS */
/* Ladehinweis fuer NEWS (wird nach dem Laden der Items geloescht) */
.news-load-hint	{ height: 32px; width: 100%; }
.nwlh-img				{ float: left; height: 32px }
.nwlh-text			{ float: right; width: 500px; font-size: 1.2em; font-weight: bold; margin: 4px 0px 0px 15px; 
									color: #a4ba00; text-shadow: black 1px 1px 0px; }
#news-aktuell .nwlh-text	{
								width: 450px; }

/* --- Container fuer NEWS AKTUELL auf der Startseite */
#news-aktuell			{ margin-top: 10px; padding: 0px 15px 0px 15px; }
/* --- Konstruktion fuer Container mit grafischer Borderumrandung */
/* obere Border */
#nwb-topLine		{ position: relative; height: 25px; overflow: hidden; }
#nwb-tl					{ float: left; width: 25px; height: 25px; background: transparent url(../_pix/nwb-tl.png) top left no-repeat; }
#nwb-title			{ color: #a3ba00; background-color: transparent; font-weight: bold; 
									float: left; margin-top: 3px; padding: 0px 5px 0px 5px; height: 23px; width: 80px; overflow: hidden; }
#nwb-tmid				{ margin: 10px 25px 0px 105px; padding: 3px 0px 0px 5px; height: 10px; border-top: 5px solid #a3ba00;  
									color: white; font-size: 14px; font-weight: bold; }
#nwb-tr					{ float: right; width: 25px; height: 25px; background: transparent url(../_pix/nwb-tr.png) top left no-repeat; }
/* untere border */
#nwb-bottomLine	{ position: relative; height: 25px; overflow: hidden; }
#nwb-bl					{ float: left; width: 25px; height: 25px; background: transparent url(../_pix/nwb-bl.png) top left no-repeat; }
#nwb-bmid				{ margin: 0px 25px 0px 25px; height: 10px; border-bottom: 5px solid #a3ba00;  }
#nwb-br					{ float: right; width: 25px; height: 25px; background: transparent url(../_pix/nwb-br.png) top left no-repeat; }

/* =============================================================== NEWS STD POP-UP WINDOW */
.news						{ margin-top: 20px; }
/* Wenn sich .news auf der Startseite befindet wird der Container mit einem left/righ Margin versehen */
#news-aktuell .news{ margin: 0px 10px 0px 10px; padding: 5px 10px 0px 10px; border-left: 5px solid #a3ba00; border-right: 5px solid #a3ba00; }

/* --- Standard Elemente fuer NEWS */
.news-item			{ padding-bottom: 15px; }											/* container fuer einen News-Item */

.nwi-header			{ font-weight: bold; margin-bottom: 5px; }		/* news-item: header */
/* das ist eine etwas komplizierte Konstruktion: nur wenn sich der News-Header in einer
   Containerstruktur befindet, welche exakt uebereinstimmt, wird die Ueberschrift mit
	 einem Hintergrund unterlegt. Dieser Fall darf nur auf der Seite "News" auftreten ! */
.pa-text .news .news-item .nwi-header	{
									padding: 3px 0px 3px 8px; overflow: hidden; margin-bottom: 3px;  
									background: transparent url(../_pix/news-header-bg.png) left top repeat; }

.nwi-teaser			{}																						/* news-item: teaser */
.pa-text .news .news-item .nwi-teaser	{ padding-left: 8px; padding-right: 5px; }
.nwi-text				{ line-height: 1.4em; }												/* news-item: text */
.nwi-text p			{	margin-bottom: 5px; }												/* news-item: text paragraph */
.nwi-link				{ cursor: pointer; color: blue; }

/* Overlay Window fuer News Detail / Text Anzeige */
#news-window	{ display: none; z-index: 1000;
								position: fixed; padding: 15px; top: 50px; left: 100px; width: 100px; height: 100px;
								background-color: #ffffe5; overflow: hidden;
							}
#nww-loading	{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
								background: transparent url(../../_pix/win-loading.gif) center center no-repeat;
							}
/* in den Content Bereich wird der gewaehlte News-Item angezeigt */
#nww-content	{ height: 100px; padding: 10px; overflow: auto; background-color: #e6e6b6; }
#nww-content .nwi-header { font-weight: bold; font-size: 27px; color: #c56e00; }
#nww-content .nwi-teaser { line-height: 1.4em; font-style:italic; margin: 15px 0px 5px 0px; }

/* News Window Controls */
#nww-ctrls		{ position: absolute; top: 200px; left: 0px; width: 100%; height: 40px; overflow: hidden; }
/* schliessen */
#nwwc-close		{	float: left; height: 20px; width: 110px; margin: 6px 0px 0px 20px; cursor: pointer;
								background: #ffffe5 url(../../_pix/win-ctrl-close.jpg) left top no-repeat; }  
/* positionsanzeige ( x von y ) */
.nwwc-numof		{ float: right; margin-top: 1px; padding: 0px 2px; text-align: center; font-size: 15px; font-weight: bold; color: #585858;}										
/* vor / zurueck */
#nwwc-pn			{ float: right; width: 300px; margin: 6px 20px 0px 0px; } 
#nwwc-prev		{	float: right; height: 20px; width: 80px; cursor: pointer;
								background: #ffffe5 url(../../_pix/win-ctrl-prev.jpg) left top no-repeat; margin-right: 15px; }  
#nwwc-next		{	float: right; height: 20px; width: 100px; cursor: pointer; margin-left: 15px;
								background: #ffffe5 url(../../_pix/win-ctrl-next.jpg) left top no-repeat; }  

/* =============================================================== NEWS MOBILE POP-UP WINDOW */
#nwm-window-mobile { display: none; width: 960px; font-size: 24px; overflow: hidden; }

/* Header */
#nwm-window-mobile .header { height: 150px; }
#nwm-window-mobile .header-img { width: 960px; height: 150px; }

/* News Window Controls */
.nwm-ctrls		{ display: none; width: 100%; height: 90px; overflow: hidden; 
								background-color: #ffffe5; }
.nwm-title		{ float: left; padding: 0.25em 60px 0px 20px;  
								font-weight: bold; font-size: 2em; color: #c56e00; }
/* schliessen */
.nwmc-close		{	float: right; height: 70px; width: 221px; margin: 10px 20px 0px 0px; cursor: pointer;
								background: #ffffe5 url(../../_pix/mobile/win-ctrl-close-mobile.jpg) 0px 10px no-repeat; }  
/* vor / zurueck */
.nwmc-pn			{ float: left; width: 450px; margin: 10px 0px 0px 0px;
								color: #585858; font-size: 1.3em; font-weight: bold; } 
.nwmc-prev		{	float: left; height: 70px; width: 150px; cursor: pointer;
								background: #ffffe5 url(../../_pix/mobile/win-ctrl-prev-mobile.jpg) 0px 10px no-repeat; margin-right: 15px; }  
/* positionsanzeige ( x von y ) */
.nwmc-actidx	{ float: left; padding: 0.47em 2px 0px 2px; text-align: center; }										
.nwmc-sep			{ float: left; padding: 0.47em 2px 0px 2px; text-align: center; }										
.nwmc-numof		{ float: left; padding: 0.47em 2px 0px 2px; text-align: center; }										
.nwmc-next		{	float: left; height: 70px; width: 90px; cursor: pointer; margin-left: 15px;
								background: #ffffe5 url(../../_pix/mobile/win-ctrl-next-mobile.jpg) 0px 10px no-repeat; }  

/* Content */
#nwm-content	{ width: 920px; overflow: hidden; padding: 10px 1em 10px 1em; background-color: #e6e6b6; }
#nwm-header 	{ font-weight: bold; font-size: 1.6em; color: #c56e00; }
#nwm-teaser 	{ font-size: 1.2em; line-height: 1.20em; font-style:italic; margin: 15px 0px 5px 0px; }
#nwm-text			{ font-size: 1em; line-height: 1.18em; }			/* news-item: text */
#nwm-text p		{	margin-bottom: 5px; }			/* news-item: text paragraph */

@media all and (max-width: 600px) {
	/* extra styles for mobile */
	#nwm-window-mobile	{ width: 768px; font-size: 20px; }
	#nwm-window-mobile .header 		{ width: 768px; height: 120px; }
	#nwm-window-mobile .header-img { width: 768px; height: 120px; }
	.nwm-title				{ padding: 0.43em 50px 0px 20px; }
	.nwmc-close				{	width: 177px;  
											background: #ffffe5 url(../../_pix/mobile/win-ctrl-close-mobile-768.jpg) 0px 15px no-repeat; }  
	.nwmc-pn					{ width: 360px; }  
	.nwmc-prev				{	width: 120px;
											background: #ffffe5 url(../../_pix/mobile/win-ctrl-prev-mobile-768.jpg) 0px 15px no-repeat; }  
	.nwmc-actidx			{ padding-top: 0.7em; }							
	.nwmc-sep					{ padding-top: 0.7em; }
	.nwmc-numof				{ padding-top: 0.7em; }
	.nwmc-next				{	width: 72px; 
											background: #ffffe5 url(../../_pix/mobile/win-ctrl-next-mobile-768.jpg) 0px 15px no-repeat; }  
	#nwm-content			{ width: 728px; min-height: 600px; }
	#nwm-teaser 			{ font-size: 1.4em; }
	#nwm-text					{ font-size: 1.1em; min-height: 600px; }			/* news-item: text */
}

@media all and (min-width: 600px) {
	/* extra styles for desktop */
}