/**************************************************/
/* -- Reset CSS vom YUI | Yahoo User Interface -- */
/*reset.css*/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 -- **/
html {
     overflow: -moz-scrollbars-vertical;
}
body { font: 12px "Century Gothic", Arial, sans serif; color: #4E4A4A; line-height: 16px; /* dynCss BG-Image */ /*background-attachment: fixed !important;*/ }



	/** -- Wrapper - umgibt alles,
	/** -- damit sich die 3 Floating-Elemente: left, content und right bei schmälerer Fensterbreite nicht
	/** --  untereinander schieben
	**/
	div#wrapper { position: absolute; width: 1000px; left: 50%; margin-left: -505px; }


		/** -- Linker Bereich mit Logo und Nav -- **/
		div#left { float: left; width: 281px; padding: 70px 0 0 40px; }

			/** -- Logo -- **/
			h1 { text-align: right; width: 281px; height: 191px; background: url(/graphics/misc/logo.gif); }
				h1 a { display: block; width: 281px; height: 191px; }
					h1 a span { display: none; }

			/** -- Hauptnav -- **/
			div#bgNav { width: 281px; background: #FFF; }
				ul#nav { width: 281px; padding: 24px 0 0 0; }
					ul#nav li { display: block; float: left; }
						ul#nav li a { display: block; width: 200px; height: 16px; text-decoration: none; margin: 0 0 5px 18px; }
						ul#nav li a#idea { background: url(/graphics/nav/idea.gif) no-repeat; }
						ul#nav li a#about { background: url(/graphics/nav/about.gif) no-repeat; }
						ul#nav li a#portfolio { background: url(/graphics/nav/portfolio.gif) no-repeat; }
						ul#nav li a#branded_worlds { background: url(/graphics/nav/branded_worlds.gif) no-repeat; }
						ul#nav li a#b2b { background: url(/graphics/nav/b2b.gif) no-repeat; }
						ul#nav li a#b2c { background: url(/graphics/nav/b2c.gif) no-repeat; }
						ul#nav li a#flogos { background: url(/graphics/nav/flogos.gif) no-repeat; }
						ul#nav li a#geome { background: url(/graphics/nav/geome.gif) no-repeat; }
						ul#nav li a#references { background: url(/graphics/nav/references.gif) no-repeat; }
						ul#nav li a#contact { background: url(/graphics/nav/contact.gif) no-repeat; }
						ul#nav li a#impressum { background: url(/graphics/nav/impressum.gif) no-repeat; margin-bottom: 45px; }
							ul#nav li a span { display: none; }
						/* Over-Status */
						ul#nav li a:hover { background-position: 0 -16px !important; }

						/** -- Sub-Navigation -- **/
						ul#subNav { width: 230px; padding: 4px 0 0 10px; }
							ul#subNav li { display: block; float: left; }
								ul#subNav li a { display: block; width: 230px !important; margin-bottom: 9px; }
								/* Portfolio */
								ul#subNav li a#portfolio_event_concept { height: 13px; background: url(/graphics/subnav/portfolio/event_concept.gif) no-repeat; }
								ul#subNav li a#portfolio_event_presentation { height: 13px; background: url(/graphics/subnav/portfolio/event_presentation.gif) no-repeat; }
								ul#subNav li a#portfolio_event_graphics { height: 13px; background: url(/graphics/subnav/portfolio/event_graphics.gif) no-repeat; }
								ul#subNav li a#portfolio_design_and_production { height: 41px; background: url(/graphics/subnav/portfolio/design_and_production.gif) no-repeat; }
								ul#subNav li a#portfolio_advertising_and_promotion { height: 27px; background: url(/graphics/subnav/portfolio/advertising_and_promotion.gif) no-repeat; }
								ul#subNav li a#portfolio_public_relations { height: 27px; background: url(/graphics/subnav/portfolio/public_relations.gif) no-repeat; }
								ul#subNav li a#portfolio_lobbying { height: 27px; background: url(/graphics/subnav/portfolio/lobbying.gif) no-repeat; }
								ul#subNav li a#portfolio_event_implementation { height: 13px; background: url(/graphics/subnav/portfolio/event_implementation.gif) no-repeat; }
								ul#subNav li a#portfolio_event_marketing { height: 13px; background: url(/graphics/subnav/portfolio/event_marketing.gif) no-repeat; }
								ul#subNav li a#portfolio_evaluation { height: 13px; background: url(/graphics/subnav/portfolio/evaluation.gif) no-repeat; margin-bottom: 25px; }
								/* B2B */
								ul#subNav li a#b2b_incentives { height: 13px; background: url(/graphics/subnav/b2b/incentives.gif) no-repeat; }
								ul#subNav li a#b2b_events { height: 13px; background: url(/graphics/subnav/b2b/events.gif) no-repeat; }
								ul#subNav li a#b2b_meetings_and_congresses { height: 13px; background: url(/graphics/subnav/b2b/meetings_and_congresses.gif) no-repeat; }
								ul#subNav li a#b2b_public_events { height: 27px; background: url(/graphics/subnav/b2b/public_events.gif) no-repeat; }
								/* Contact */
								ul#subNav li a#contact_board { height: 13px; background: url(/graphics/subnav/contact/board.gif) no-repeat; }
								ul#subNav li a#contact_b2b { height: 13px; background: url(/graphics/subnav/contact/b2b.gif) no-repeat; }
								ul#subNav li a#contact_b2c { height: 13px; background: url(/graphics/subnav/contact/b2c.gif) no-repeat; }
								ul#subNav li a#contact_artwork { height: 13px; background: url(/graphics/subnav/contact/artwork.gif) no-repeat; }
								ul#subNav li a#contact_production { height: 13px; background: url(/graphics/subnav/contact/production.gif) no-repeat; }
								ul#subNav li a#contact_promotion { height: 13px; background: url(/graphics/subnav/contact/promotion.gif) no-repeat; }
								ul#subNav li a#contact_associates { height: 13px; background: url(/graphics/subnav/contact/associates.gif) no-repeat; }
								/* Over-Status */
								ul#subNav li a:hover { background-position: 0 -13px !important; }
								ul#subNav li a#portfolio_design_and_production:hover { background-position: 0 -41px !important; }
								ul#subNav li a#portfolio_advertising_and_promotion:hover,
								ul#subNav li a#portfolio_public_relations:hover,
								ul#subNav li a#portfolio_lobbying:hover,						
								ul#subNav li a#b2b_public_events:hover { background-position: 0 -27px !important; }
									ul#subNav li a span { display: none; }

			/* Nav-Clearer */
			div#bgNav span.clearer { clear: both; display: block; line-height: 1px !important; height: 1px; /* dynIeCss */ }






		/** -- Mittlerer Bereich = Content -- **/
		#content { float: left; width: 300px; min-height: 205px; /* dynIe6Css */ background: #FFF; margin: 260px 15px 15px 15px; padding: 25px 40px 25px 20px; }
			#content h2 { font-size: 16px; font-weight: bold; padding: 0 0 10px 0; }
			#content h3 { font-size: 14px; font-weight: bold; padding: 0 0 10px 0; }
			#content h4 {  }
			
			#content p { padding: 0 0 20px 0; }

			#content ul { padding: 0 0 20px 0; }
				#content ul li { background: url(/graphics/misc/listItem.gif) no-repeat left 6px;  padding: 0 0 2px 10px; }
			
			#content ol { list-style-type: decimal; margin: 0 0 8px 20px; } 
				#content ol li { list-style-type: decimal; margin: 0; padding: 0 0 2px 0 !important; }

			#content table { margin: 0 0 20px 0; }
				#content table th { font-weight: bold; padding: 0 15px 0 0; }
				#content table td { padding: 0 15px 0 0; }

			/* Tabelle mit Kontaktdaten */
			#content table.kontaktdaten { margin: -20px 0 20px 0; }
				#content table.kontaktdaten td { padding: 0 10px 0 0; }




			#content a { color: #F3A406; text-decoration: none; }
				#content a:hover { color: #F08D0D; text-decoration: underline; } 









		/** -- Rechter Bereich mit Newsboxen -- **/
		div#right { float: left; width: 278px; background: #504C4D; margin: 260px 0 0 0; padding: 20px 0 8px 0; }
			/* Boxen mit Bild und Text */
			div.newsbox { width: 234px; margin: 0 0 12px 22px; }
				div.newsbox img { display: block; float: left; }
				div.newsbox h3 { font-size: 12px; text-transform: uppercase; font-weight: bold; color: #F4F0F1; float: left; width: 135px; margin: 0 0 1px 12px; }
				div.newsbox p { font-size: 11px; line-height: 12px !important; color: #F4F0F1; float: left; width: 135px; margin: 0 0 0 12px; }
				span.clearer { display: block; clear: both; line-height: 1px !important; height: 1px; margin: 0 !important; /* dynIeCss */ }
			
			/* Admin-Ansicht */
			div#right p.admin { clear: left; width: 230px; height: 24px; margin: -10px 0 12px 22px; background: #FFF; }
				div#right p.admin a.bearbeiten { display: block; float: left; width: 79px; height: 24px; background: url(/graphics/admin/bearbeiten.gif); margin: 0 10px 0 0; }
				div#right p.admin a.loeschen { display: block; float: left; width: 66px; height: 24px; background: url(/graphics/admin/loeschen.gif); }
				div#right p.admin a:hover { background-position: 0 -24px; }
					div#right p.admin a span { display: none; }




















/** -- 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 { clear: both; display: block; line-height: 1px !important; height: 1px; margin: 0 !important; padding: 0 !important; }