/* CSS Document */

body 		{
					margin: 0px; padding: 0px;
					color: #000000;
					background: #e6e6b6 url(../_pix/body-bg-left.jpg) 0px -240px no-repeat;
					font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px;
				}
a img 	{ border: none; }
a:link, a:visited, a:active	{ text-decoration: none; color: blue; }
a:hover	{ color: blue; cursor: pointer; }

/* wrapper fuer moving background */
.wrapper-bg				{ min-height: 850px; min-width: 960px;
										background: transparent url(../_pix/body-bg-right.png) right -60px no-repeat; }
/* 2 Wrapper fuer unsymmetrische Zentrierung */
.wrapper-page			{ max-width: 1110px; min-width: 960px; }
.wrapper-content	{ width: 960px; margin: 0px 10px 0px auto; }

/* ================================================================================ HEADER */
/* Common Header */
.header			{	position: relative; width: 960px; height: 175px; } 
.header-img	{	position: absolute; left: 0px; top: 0px; width: 960px; height: 150px; }
.header-img-extra	{	
							position: absolute; left: 0px; top: 0px; width: 960px; height: 150px; 
							opacity: 0.0;
							transition: opacity 3.0s ease-out;
							-moz-transition: opacity 3.0s ease-out;
							-webkit-transition: opacity 3.0s ease-out;
							-o-transition: opacity 3.0s ease-out;
						}
										
/* -------------------------------------------------- TOP Navigation (im Header integriert */									
#navi-top		{ position: absolute; left: 0px; top: 150px; height: 25px; padding-left: 155px; width: 805px;
							color: #c56e00; font-size: 15px; font-weight: bold; 
							background: #c4cf5b url(../_pix/navi-top-bg.jpg) left top no-repeat; }
.nt-home		{ float: left; width: 22px; height: 21px; margin-top: 1px; margin-right: 30px; }
.nt-item		{ float: left; margin-right: 30px; padding-top: 3px; }
.nt-item #nt-active	{ color: #f5f5f5; }
.nt-partner {	float: right; width: 190px; padding-top: 3px; height: 22px; 
							text-align: center; background-color: #ced27b; }	
#navi-top a:link, #navi-top a:visited	{ text-decoration: none; color: #c56e00; }
#navi-top a:hover, #navi-top a:active	{ color: #f5f5f5; }
#nt-active a:link, #nt-active a:visited, #nt-active a:active	{ text-decoration: none; color: #f5f5f5; }
#nt-active a:hover	{ color: #f5f5f5; }

/* ========================================================================== DATENBEREICH */									
/* Datenbereich ist 3-spaltig: navi-left / content / ( partners ) */										
#navi-cont-col		{ float: left; width: 768px; overflow: hidden; }

/* ============================================================================= NAVI-LEFT */
/* Eieruhr (in navi-left) */
#timeto				{ margin: 5px 0px 10px 10px; width: 170px; height: 26px; }
#tt-display		{ width: 100%; height: 17px; overflow: hidden; }
.tt-caption		{ width: 100%; height: 10px; font-size: 0.71em; font-weight: bold; color: #c56e00; }
.tt-label			{ float: left; width: 26px; margin-right: 10px; text-align: center; overflow: hidden; }

/* navi-left */
#navi-left		{ float: left; width: 190px; padding: 10px 0px 0px 0px; }
.nl-button		{ margin: 6px 10px 0px 5px;
								cursor: pointer;
								color: white; font-size: 1em; font-weight: bold; text-align: center; } 
.nlb-Std			{ display: block; width: 175px; padding-top: 3px; height: 22px;
								background: transparent url(../_pix/navi-left-button.png) left top no-repeat; }
.nlb-gallery	{ display: block; width: 175px; padding-top: 180px; height: 20px;
								background: transparent url(../_pix/navi-left-gallery.png) left top no-repeat; }
#partners-mobile	{ display: none; }
#navi-left a:link, #navi-left a:visited	{ text-decoration: none; color: white; }
#navi-left a:hover, #navi-left a:active	{ color: #4f5900; cursor: pointer; }
#nlb-active		{ color: #4f5900; background-image: url(../_pix/navi-left-button-active.png); }
#nlb-activeG	{ color: #4f5900; background-image: url(../_pix/navi-left-gallery-active.png); }*
#nlb-active a:link, #nlb-active a:visited, #nlb-active a:active	{ text-decoration: none; color: #e6e6b6; }
#nlb-active a:hover	{ color: #4f5900; cursor: pointer; }

.nl-banner		{ display: block; width: 175px; padding-top: 3px; height: 42px;
								background: transparent url(../_pix/navi-left-banner.png) 5px top no-repeat; }

/* ============================================================================== CONTENT */
/* in dem Content-Container koennen sich unterschiedlich formatierte Inhalte befinden */
#content 				{ float: right; margin-bottom: 15px; width: 578px; 
									padding-bottom: 120px; 
									background: transparent url(../_pix/body-bg-logo.png) center bottom no-repeat; }

/* #content-logo		{ width: 200px; margin-left: 189px;  } */
/* --- "page" ist der Standard-Container fuer Fliesstext (mit Bildeinstreuungen ohne groessere Komplexitaet */
.page							{ padding: 9px 15px 0px 15px; }
.pa-header				{ font-weight: bold; font-size: 1.9em; color: #c56e00; }
.pa-header-small	{ margin-bottom: 5px; font-weight: bold; color: black; }
.pa-teaser				{	font-size: 1em; font-style:italic; margin: 10px 0px 5px 0px; line-height: 1.4em; }
.pa-text					{ font-size: 1em; line-height: 1.4em; }
.pa-text p				{	margin: 0px 0px 5px 0px; padding: 0px; }
.page ul					{ margin: 0px 0px 0px 40px; }
.page li					{ line-height: 1.3em; margin-bottom: 5px; }										
.pa-img-full			{ width: 100%; border: none; margin: 10px 0px 10px 0px; border-radius: 8px; }
.pa-img-half			{ width: 260px; border: none; margin: 10px 10px 10px 0px; border-radius: 5px; }
.pa-img-third			{ width: 172px; border: none; margin: 10px 5px 10px 0px; vertical-align: middle; }
.pa-img-quarter		{ width: 125px; border: none; margin: 10px 5px 10px 0px; vertical-align: middle; }
.pa-img-small			{ float: left; width: 100px; margin: 10px 15px 0px 0px; border: none; }

.pa-banner-container		{ margin: 3px 0px 10px 0px; overflow: hidden; }
.pa-banner-full					{ width: 100%; }

.pa-evtbanner-container	{ position: relative; margin: 3px 0px 10px 0px; padding: 4px 4px; height: 60px; 
										border: 1px solid #a2b800; border-bottom: 2px solid #999999; border-right: 2px solid #999999;
										overflow: hidden; 
										background: transparent url(../partners/_pix/event-banner-logo.png) left top no-repeat; }
.pa-eb-half-left	{ display: block; float: left; width: 265px; border-radius: 5px; }
.pa-eb-half-right	{ display: block; float: right; width: 265px; border-radius: 5px; }
.pa-eb-small			{ float: left; width: 160px; margin: 3px 10px 0px 0px; border: none; border-radius: 5px; }

.pa-bt-anmeldung	{	float: left; width: 126px; height: 40px; margin-right:10px; cursor: pointer;}
.pa-tab						{ width: 546px; overflow: hidden;  
										border: 1px solid black; border-right: 2px solid black;
										background: transparent url(../_pix/page-tab-bg.png) left top repeat; }
.pa-tab-line			{ clear: both; border-bottom: 1px solid black; }
.pa-tab-field-l1	{ float: left; width: 70px; padding: 0.35em 5px;
										text-align: center; font-weight: bold; }
.pa-tab-field-l2	{ margin-left: 80px; padding: 0.35em 0.35em 0.35em 0.7em; 
										border-left: 1px solid black; }
.pa-tab-field-l3	{ float: left; width: 170px; padding: 0.35em 5px; 
										text-align: left; font-weight: bold; }
.pa-tab-field-l4	{ margin-left: 180px; padding: 0.35em 0.35em 0.35em 0.7em;
										border-left: 1px solid black; }

.pa-tab-line-anm	{ padding: 0.35em; 
										color: #c56e00; font-weight: bold; border-bottom: 1px solid black; }
.pa-tab-line-std	{ padding: 0.35em; 
										border-bottom: 1px solid black; }
.pa-tab-field-a1	{ float: left; width: 260px; padding: 0.35em 5px;; 
										text-align: left; font-weight: bold; }
.pa-tab-field-a2	{ margin-left: 270px; padding: 0.35em 0.35em 0.35em 0.7em; 
										border-left: 1px solid black; }

.pa-tab-line-str	{ padding: 0.35em; 
										color: #c56e00; font-weight: bold; border-bottom: 1px solid black; }
.pa-tab-field-s1	{ float: left; width: 60px; padding: 0.35em 5px;
										text-align: left; font-weight: bold; }
.pa-tab-field-s2	{ margin-left: 70px; padding: 0.35em 0.35em 0.35em 0.7em;; line-height: 1.28em;
										border-left: 1px solid black; }
.pa-tab-field-w1	{ float: left; width: 160px; padding: 0.35em 5px; 
										text-align: left; font-weight: bold; }
.pa-tab-col-wrt		{	margin-left: 170px; width: 376px; overflow: hidden; }										
.pa-tab-field-w2	{ float: left; width: 160px; padding: 0.35em 5px; line-height: 1.28em;
										border-right: 1px solid black; border-left: 1px solid black; }
.pa-tab-field-w3	{ margin-left: 175px; padding: 0.35em 0.35em 0.35em 0.7em; line-height: 1.28em; }

/* Sonderkonstruktion fuer Streckenansicht */
#route							{ position: relative; width: 548px; height: 309px; overflow: hidden; margin: 10px 0px; }
#route-overview			{ position: absolute; left: 0px; top: 0px; width: 548px; height: 309px; overflow: hidden;
											background: transparent url(../laufen/_images/strecke-overview.jpg) top left no-repeat; }
#route-5km					{ display: none; position: absolute; left: 0px; top: 0px; width: 548px; height: 309px; overflow: hidden;
											background: transparent url(../laufen/_images/strecke-5km.jpg) top left no-repeat; }
#route-10km					{ display: none; position: absolute; left: 0px; top: 0px; width: 548px; height: 309px; overflow: hidden; 
											background: transparent url(../laufen/_images/strecke-10km.jpg) top left no-repeat; }
#route-bt-overview	{ display: none; position: absolute; left: 445px; top: 199px; width: 96px; height: 33px; cursor: pointer; }
#route-bt-5km				{ display: none; position: absolute; left: 445px; top: 234px; width: 96px; height: 33px; cursor: pointer; }
#route-bt-10km			{ display: none; position: absolute; left: 445px; top: 269px; width: 96px; height: 33px; cursor: pointer; }

/* --- Sonderkonstruktion fuer Lauf-Kategorien (nur auf Startseite) */
#run-type		{ margin-top: 8px; width: 578px;  overflow: hidden;
							color: white; font-size: 1.1em; font-weight: bold; }
#rt-1				{ float: left; margin-left: 10px; width: 170px; height: 90px; background: transparent url(../_images/runtype-01.png) left top no-repeat; }
#rt-2				{ float: left; margin-left: 15px; width: 170px; height: 90px; background: transparent url(../_images/runtype-02.png) left top no-repeat; }
#rt-3				{ float: left; margin-left: 15px; width: 170px; height: 90px; background: transparent url(../_images/runtype-03.png) left top no-repeat; }
.rt-text		{ padding: 10px 25px 10px 30px; 
							line-height: 1.28em; }
.rt-text p	{	margin: 0px 0px 5px 0px; padding: 0px; }

/* ============================================================================= PARTNERS */
#partners-col 		{ margin-left: 770px; width: 190px; /*border-left: 2px solid #cbe500; */
										background: transparent url(../partners/_pix/partners-col-bg.png) left top repeat; }
/* Supporters (Unterstuetzer) */
.supporters-cont	{ width: 190px; overflow: hidden; }
.supporters-bx		{ margin: 10px 10px 0px 10px; padding: 10px; 
										width: 150px; height: 50px; 
										background: transparent left top no-repeat; }																											
.supporters-img		{ width: 150px; }								
/* Partners (Platin, Gold, Silber, Bronze) */
.partners-cont		{ width: 190px; overflow: hidden; }
.partners-bx			{ margin: 8px 10px 0px 8px; padding: 10px 6px 0px 12px; 
										width: 154px; height: 47px; 
										background: transparent left top no-repeat; }																											
.partners-logo		{ width: 150px; }
/* Sponsors (Sponsoren, nur Text-Anzeige) */
.sponsors-cont		{ position: relative; width: 190px; margin-top: 6px; overflow: hidden; }
.sponsors-text		{ margin: 5px 10px; width: 158px; padding: 5px; 
										overflow: hidden; 
										background-color: transparent; border: 1px solid black; 
										font-size: 12px; text-align: center; }
/* Event Links */
.event-links-cont	{ width: 190px; overflow: hidden; padding: 0px 10px 10px 10px; margin-top: 3px; }
.event-links-hdr	{ width: 170px; padding-top: 2px; height: 18px; overflow: hidden;
										color: white; background-color: #c56e00;
										font-size: 0.9em; font-weight: bold; text-align: center; }
.event-links-logo	{ margin-top: 5px; width: 170px; }																											
										

@media all and (max-width: 600px) {
	/* extra styles for mobile */
	body							{ width: 768px; }
	.wrapper-bg				{ min-width: 768px;
											background-image: none; }
	.wrapper-page			{ max-width: none; min-width: 768px; }
	.wrapper-content	{ width: 768px; margin: 0px; }
	.header						{	width: 768px; height: 155px; } 
	.header-img				{	width: 768px; height: 120px; }
	#navi-top					{ top: 120px; width: 613px; height: 35px; font-size: 1.35em; }
	.nt-home					{ margin-top: 0.38em; }
	.nt-item					{ margin-right: 20px; padding-top: 0.25em; }
	.nt-partner 			{ display: none; }
	#navi-cont-col		{ float: none; width: 768px; }
	#navi-left				{ padding-bottom: 100px; 
											background: transparent url(../_pix/navi-left-bg-logo.png) center bottom no-repeat; }
	.nl-button				{ font-size: 1.3em; }
	.nlb-Std					{ padding-top: 5px; height: 30px; background-image: url(../_pix/mobile/navi-left-button-mobile.png); }
	#nlb-active				{ color: #4f5900; background-image: url(../_pix/mobile/navi-left-button-active-mobile.png); }
	.nlb-gallery			{ padding-top: 183px; height: 27px; background-image: url(../_pix/mobile/navi-left-gallery-mobile.png); }
	#nlb-activeG			{ color: #4f5900; background-image: url(../_pix/mobile/navi-left-gallery-active-mobile.png); }
	#partners-mobile	{ display: block; }
	#content 					{ padding-bottom: 0px; margin-bottom: 0px; 
											background-image: none; }
	#partners-col 		{ margin-left: 0px; width: 768px; background-image: none; }
	.supporters-cont	{ width: auto; }
	.supporters-bx		{ float: left; }
	.partners-cont		{ width: auto; }
	.partners-bx			{ float: left; }
	.sponsors-cont		{ width: 768px; }
	.sponsors-text		{ float: left; }
	.event-links-cont	{ width: auto; }
	.event-links-hdr	{ display: none; }
	.event-links-logo	{ margin-right: 10px; }
	
	.page li					{ font-size: 0.95em; }										
	.pa-tab						{ font-size: 1.1em; }										
}

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

}