/**************************************************/
/* -- Reset CSS vom YUI | Yahoo User Interface -- */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}/*sup,sub{vertical-align:text-top;} sub{vertical-align:text-bottom;}*/input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/** -- Eigene Styleangaben hier eingeben -- **/
body { font: 13px Arial, Verdana, "sans serif"; color: #000000; line-height: 18px;  }


	div#wrapper { width: 878px; margin: 21px 0 0 67px; }

		/** -- Logo -- **/
		h1 { width: 878px; height: 93px; }
			h1 a { display: block; width: 878px; height: 93px; background: url(/graphics/misc/logo.gif); }
				h1 a span { display: none; }


		/** -- Header mit Bild und Navigation -- **/
		div#left { width: 878px; min-height: 264px; /* Ie6 Css  */ background: url(/graphics/headerfotos/home.jpg) no-repeat left 13px; }

			/* TopNav */
			ul#topNav { position: absolute; top: 10px; left: 758px; }
				ul#topNav li { display: block; float: left; background: url(/graphics/misc/topNav_trenner.gif) no-repeat right 0; padding: 0 7px 0 7px; }
				ul#topNav li.last { display: block; float: left; background: none !important; padding: 0 7px 0 7px; }
					ul#topNav li a { color: #B0B0B0; text-decoration: none; font-size: 11px; display: block; float: left; }
					ul#topNav li a:hover { text-decoration: underline; }

			/* Navigation */
			ul#navi_0 { width: 280px; float: right; padding: 13px 0 0 0; }
				ul#navi_0 li { display: block; }
					ul#navi_0 li a { font-size: 12px; color: #000; text-transform: uppercase; text-decoration: none; display: block; min-height: 24px; /* Ie6 Css */ background: url(/graphics/nav/bg_nav.jpg); padding: 7px 0 0 44px; }
					ul#navi_0 li a.current { background-position: 0 -31px; }
					ul#navi_0 li a.last { min-height: 22px !important; /* Ie6 Css */ }

			/* SubHeader */
			ul#subHeader { clear: both; width: 878px; height: 66px; background: url(/graphics/startseite/subHeader.gif); }
				ul#subHeader li { display: block; float: left; width: 439px; height: 66px; }
					ul#subHeader li a { display: block; float: left; width: 439px; height: 66px; }
						ul#subHeader li a span { display: none; }


			/* Content-Bereich */
			#content { width: 878px; background: url(/graphics/startseite/bg_content.jpg) repeat-y; margin: 10px 0; padding: 0 0 0 20px; }
				#content div.newsbox { float: left; width: 256px; margin: 10px 40px 10px 0; }

					#content div.newsbox p.headline { font-size: 11px; color: #B0B0B0; }
						#content div.newsbox p.headline span { text-transform: uppercase; color: #F7670D; }

					#content div.newsbox h2 { font-size: 16px; font-weight: bold; margin: 0 0 4px 0; padding: 4px 0; }
					#content div.newsbox p.text { font-size: 12px; line-height: 16px; }
					#content div.newsbox p.text img { padding: 2px 10px 5px 0; }
					#content div.newsbox p.text a { color: #F7670D; text-decoration: none; }
					#content div.newsbox p.text a:hover { text-decoration: underline; }

				/* Newseintrag bearbeiten */
				p.editNews { float: left; width: 256px; height: 24px; margin: 10px 40px 10px 0;  background: white; }
					p.editNews a { display: block; width: 79px; height: 24px; background: url(/graphics/admin/bearbeiten.gif) no-repeat 0 0; }
					p.editNews a:hover { background-position: 0 -24px; }
						p.editNews a span { display: none; }
				
				/* Admin Formular */
				fieldset#headerText { font-weight: bold; color: #FFF; margin: -28px 0 0 135px !important; }
				fieldset#headerText legend { display: none; }
				p.adminBack { font-size: 11px; color: #738D0E; margin: 10px 0 10px 90px; }
					p.adminBack a { color: #738D0E; text-decoration: none; }
					p.adminBack a:hover { text-decoration: underline; }



	/** -- Footer -- **/
	ul#footer { display: block; clear: both; font-size: 11px; color: #FFF; width: 878px; height: 17px; background: #004F01; }
		ul#footer li { display: block; float: left; padding: 0 7px 0 7px; background: url(/graphics/misc/footer_trenner.gif) no-repeat right 0; }
		ul#footer li.first { padding-left: 21px !important; }
		ul#footer li.last { padding-right: 0 !important; background: none !important; }
			ul#footer li a { color: #FFF; text-decoration: none; }


	p#copyright { clear: both; text-align: center; font-size: 11px; color: #B0B0B0; text-transform: uppercase; padding: 7px 0; }



/** -- Allgemeine Definitionen
/** -- stehen ganz am Ende, damit sie von nichts kaskadiert werden
*/
strong, b { font-weight: bold; }
u { text-decoration: underline; }
em { font-style: italic; }
blockquote{ padding: 0 20px; }
.invisible { display: none; }
.clear { display: block; clear: both; line-height: 1px !important; height: 1px; margin: 0 !important; padding: 0 !important; }
.small { font-size: 11px !important; }



/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/** -- These "decoy" styles are used to hide the browser text before it is replaced... 
-- The negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text 
-- in this example is so much narrower... 
-- Your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles -- **/
#content .sIFR-hasFlash h2 { visibility: hidden; }