html, body, img {
		margin: 						0;
		padding: 						0;
		border:							none;
		font: 							1px/1px Arial, Helvetica, sans-serif;
	}

 	p, h1, h2, h3, h4, h5, h6 {
		font:								1px/1px Arial, Helvetica, sans-serif;
		margin:							0;
		padding: 						0;
	}

	html, body {
		margin: 						0;
		padding:		 				0;
		border: 						0;
		background:					#BBB;
	 	font-size: 					101%;
	}
	
	body {
		overflow: 					-moz-scrollbars-vertical;
	}
		
	div, ol, ul, li	{
		font:								1px/1px Arial, Helvetica, sans-serif;
		margin:							0;
		padding:						0;
	}
			
	.clear {display:block; height:0; clear:both; visibility: hidden; overflow:hidden;}
	
	.fl 	{float:left;}
	.fr 	{float:right;}
	.mno 	{margin:0;}
	
	.mt5 {margin-top:5px;}
	.mt10 {margin-top:10px;}
	.mt20 {margin-top:20px;}
	
	.mr10 {margin-right:10px;}
	
	.ml10	{margin-left:10px;}
	
	/* Abstände und Spacer */
	.spacer5		{display:block; font:1px/1px sans-serif;  clear:both; margin: 0; padding: 0; height:5px;}	
	.spacer10		{display:block; font:1px/1px sans-serif;  clear:both; margin: 0; padding: 0; height:10px;}
	.spacer20		{display:block; font:1px/1px sans-serif;  clear:both; margin: 0; padding: 0; height:20px;}
	.spacer30		{display:block; font:1px/1px sans-serif;  clear:both; margin: 0; padding: 0; height:30px;}

	/* Farben */
	.weiss     	{color:#FFFFFF;}
	.schwarz   	{color:#000000;} 
	.hgrau	   	{color:#EDEDED;}
	.mgrau	   	{color:#999999;}
	.gruen			{color:#83AA01;}
	.rot				{color:#e60003;}

/* ------------------------------------------------------------------------------
	Schriften
------------------------------------------------------------------------------- */

	br {
		line-height: 18px;
	}

	/* Header */
	#block_header p {position: relative; top: 82px; float:right; font: 10px/10px Verdana, Arial, Helvetica, sans-serif; color:#999999; margin: 0 20px 0 0; text-align:right;}
	
	/* Content */
	h1						{font:14px/18px Verdana, Arial, Helvetica, sans-serif; color: #666666; font-weight: bold; }
	h1.referenzen {margin-left:40px;}
	h1.anfahrt 		{margin-left:40px; margin-bottom:10px;}
	h2						{font:11px/18px Verdana, Arial, Helvetica, sans-serif; color: #666666; font-weight: bold; }
	p 						{font: 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#666666; letter-spacing:0.03em; }

	
	/* fett */
	.bold, .strong 		{font-weight: bold;}

	/* Rechte Spalte */
	#col_right 	h2 		{font: 11px/18px Verdana, Arial, Helvetica, sans-serif; color:#e60003; }
	#col_right 	p 		{font: 10px/18px Verdana, Arial, Helvetica, sans-serif; color:#999999;}
	
	/* Footer */
	#col_footer p,
	#col_footer a 			{font: 10px/20px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; margin: 0; letter-spacing:0.03em; text-decoration:none;}
	#col_footer a:hover	{color: #e60003;}

	.trenner170				{width:170px; height:40px; display:block; clear:both; margin:0; padding:0;  background: url(../_objects/global/trenner.gif) repeat-x left; }
	.trenner250				{width:250px; height:40px; display:block; clear:both; margin:0; padding:0;  background: url(../_objects/global/trenner.gif) repeat-x left; }
	.trenner200				{width:200px; height:40px; display:block; clear:both; margin:0; padding:0;  background: url(../_objects/global/trenner.gif) repeat-x left; }
	.trenner300				{width:300px; height:40px; display:block; clear:both; margin:0; padding:0;  background: url(../_objects/global/trenner.gif) repeat-x left; }
	.newstrenner			{width:270px; height:40px; display:block; clear:both; margin:0; padding:0;  background: url(../_objects/global/trenner.gif) repeat-x left; }	
	/* Trenner für Projekte bei: 'nach Kunden' u. 'nach Medien' */
	.prj_trenner1 		{width:280px; height:40px; display:block; clear:both; margin:0; padding:0; background:	url(../_objects/global/trenner2.gif) repeat-x left; font:1px/40px sans-serif; }
	/* Trenner für Projekte bei: 'nach Kampagnen' */
	.prj_trenner2 		{width:408px; height:40px; display:block; clear:both; padding:0; background:	url(../_objects/global/trenner2.gif) repeat-x left; font:1px/40px sans-serif; }
/* ---------------------------------------------------------------------------------------------------------
	Links 
--------------------------------------------------------------------------------------------------------- */	

	/* Standardlinks */
	a, a:link, a:visited			{ color:#999999; }
	a:hover 									{ color:#666666; }
	
	/* Alternative Link */
	a.alt, a.alt:link, a.alt:visited, a.alt:hover {
		color:#666666; font:10px/16px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; margin:0 0 0 0;
	}
  a.alt:hover 					 		{color:#83AA01; font-weight:bold;}
  
	/* Mehr */
	a#more, a#more:link, a#more:visited {color:#666666; background: url(../_objects/global/a_more_off.gif) no-repeat left; font-weight:bold; text-decoration:none; padding-left:10px; }
	a#more:hover  						{color:#e60003; background: url(../_objects/global/a_more_over.gif) no-repeat left; font-weight:bold; text-decoration:none; padding-left:10px;}

	/* Header Menu */
	#block_header a, #block_header a#more:link, #block_header a#more:visited {color: #999999; text-decoration: none; }
	#block_header a:hover 		{color: #e60003; text-decoration: none; }

	/* Hauptmenü */
	#block_main_menu a, #block_main_menu a#more:link, #block_main_menu a#more:visited {color: #666666; text-decoration: none; }
	#block_main_menu a:hover	 {color: #e60003; text-decoration: none; }
	
	/* Aktive Links */
	#block_header 		a#active {color: #e60003; text-decoration: none; }
	#block_main_menu 	a#active {color: #e60003; text-decoration: none; }
	
	a#logo, a#logo:link, a#logo:hover, a#logo:visited	{color:none; background:none; width:210px; height:70px; position:absolute; top:20px; left:30px; border:0; padding:0; margin:0; text-decoration:none; z-index:2; }

/* ---------------------------------------------------------------------------------------------------------
	Listen
--------------------------------------------------------------------------------------------------------- */	

	/* Aufzählungen mit Hintergrundbullet */
	ul	{padding:0;	margin:10px 0 0 0; list-style-type: none; border: 0;}
	li {padding:0; margin:0; font: 10px/16px Verdana, Arial, Helvetica, sans-serif; color:#666666;}

	#block_main_menu ul {
		color: 								#e60003;
		font: 								10px/18px Verdana, Arial, Helvetica, sans-serif;
		width: 								110px;
	}

	#block_main_menu ul li {
		padding:							0 0 0 10px;
		color:		 						#666666;
		font: 								10px/18px Verdana, Arial, Helvetica, sans-serif;
		width: 								135px;
		letter-spacing:				0;
	}
	
	#block_main_menu ul li.subitem {
		text-indent: 					7px;	
		background: 					url(../_objects/global/menu_subitem.gif) left no-repeat;
	}
	
	#col_wrapper li {
		font: 								10px/18px Verdana, Arial, Helvetica, sans-serif;
		color: 								#666666;
		text-decoration:			none;
		line-height:					18px;
		list-style-image: 		none;
		list-style-position:	0;
		list-style-type:			none;
		padding:							0;
		margin:								0;
	}
	
	#col_wrapper a, #col_wrapper a:link, #col_wrapper a:hover, #col_wrapper a:visited {
		font: 								10px/18px Verdana, Arial, Helvetica, sans-serif;
		color: 								#666666;
		text-decoration:			none;
		line-height:					18px;
	}
	
	#col_wrapper a:hover, #col_wrapper a#aktiv {
		color: 								#e60003;
		text-decoration:			none;
	}
	
/* ---------------------------------------------------------------------------------------------------------
	Blöcke
--------------------------------------------------------------------------------------------------------- */

	#block_page {
		width: 								780px;
		padding:	      	 	 	0;
		margin: 							0 auto 0 auto;
		background-color:	 		white;
		position: 						relative;
	}

	#block_header {
		display:							block;
		width: 								780px;
		height:								110px;
		margin:								0;
		padding:							0;
		background:						url(../_objects/global/hwg_logo.gif) top left no-repeat;
	}
	
	#block_main_img {
		display:							block;
		width: 								780px;
		height:								290px;
		margin:								0;
		padding:							0;
	}
	
	#block_main_menu {
		position: 						relative;
		top: 									190px;
		width: 								780px;
		height:								100px;
		padding:							0;
		margin:								0;
		background:						#f2f2f2;
	}
		
	#block_content{
		width: 								780px;
		margin:								0;
		padding:							0;
		background:						white;
	}
			
	#block_footer {
		display: 							block;
		background-color: 		#BBBBBB;
		width: 								780px;
		height:								20px;
		padding:							0;
		margin: 							0;
	}
	
	#block_bottom_img {
		display:							block;
		width: 								780px;
		height:								40px;
		margin:								0;
		padding:							0;
	}
	

/* ---------------------------------------------------------------------------------------------------------
	Spalten (Bereiche Content-Blocks werden aufgeteilt)
--------------------------------------------------------------------------------------------------------- */
	#col_wrapper {
		width: 								780px;
		margin:								0;
		padding:							0;
	}

	#col_left {
		width: 								444px;
		height:								auto;
		display:							block;
		margin:								0;
		padding:							0;
		float:								left;
	}
	
	#col_left2 {
		width: 								580px;
		height:								auto;
		display:							block;
		margin:								0;
		padding:							0;
		float:								left;
	}
	
	#col_right {
		width: 								296px;
		height:								auto;
		display:							block;
		margin:								0;
		padding:							0;
		float:								right;
	}

	#col_right2 {
		width: 								200px;
		height:								auto;
		display:							block;
		margin:								0;
		padding:							0;
		float:								right;
	}
	
	#col_full {
		background:						url(../_objects/global/bg_col.gif) left repeat-y;
		width:								780px;
		display: 							block;
		margin:								0;
		padding:							0;
	}
	
	#col_ref1 {
		background:						url(../_objects/global/bg_col_ref1.gif) left repeat-y;
		width:								740px;
		display: 							block;
		padding:							0;
	}
	
	#col_ref2 {
		background:						url(../_objects/global/bg_col_ref2.gif) left repeat-y;
		width:								740px;
		display: 							block;
		padding:							0;
	}
	
	#col_ref3 {
		background:						url(../_objects/global/bg_col_ref3.gif) left repeat-y;
		width:								740px;
		display: 							block;
		padding:							0;
	}
	
	#col_ref1, #col_ref2, #col_ref3 {
		margin:								10px 0 0 40px;
	}
	
	#col_wrapper .ico {
		/* Projekt-Icon */
		border:								1px solid #999999;
		height:								100px;
		width:								100px;
		background-position:	center;
		background-repeat:		no-repeat;
	}
	
	#col_wrapper .ico:hover {
		border:								1px solid #FF0000;
	}
	
	div#col_ref_campaigns {
		width:								100%;
		display:							block;
		margin:								0;
		padding:							0;
		vertical-align:top;
	}
	
	#col_ref_clients {
		/* Spalte Kunden */
		width:								296px;
		height:								auto;
		display:							block;
	}
	
	#col_ref_media {
		/* Referenzen nach Kunden: Spalte Werbemittel */
		width:								148px;
		height:								auto;
		display:							block;
	}
	
	#col_ref_details {
		width:								296px;
		height:								auto;
		float:								left;
		display:							block;
	}
	
	#col_anfahrt {
		background:						url(../_objects/global/bg_col_anfahrt.gif) left repeat-y;
		width:								740px;
		display: 							block;
		padding:							0;
	}
	
	#col_anfahrt .con_left {
		float:								left;
		width:								430px;
		display: 							block;
		margin:								0 0 0 40px;
		padding:							0;
	}
	
	#col_anfahrt .con_right {
		float:								right;
		width:								240px;
		display: 							block;
		padding:							0;
	}
	
	#col_footer {
		float: 								right;
		text-align: 					right;
		width:								600px;
		display: 							block;
		margin:								0 10px 0 0;
		padding:							0;
	}
		
/* ---------------------------------------------------------------------------------------------------------
	Container
--------------------------------------------------------------------------------------------------------- */
	.con_left
	{
		width:								430px;
		display: 							block;
		margin:								0 0 0 40px;
		padding:							0;
	}
	
	.con_left2
	{
		width:								440px;
		display: 							block;
		margin:								0 0 0 40px;
		padding:							0;
	}
	
	.con_right
	{
		width:								240px;
		display: 							block;
		margin:								0 0 0 11px;
		padding:							0;
	}
	
	.con_right2
	{
		width:								170px;
		display: 							block;
		margin:								0 0 0 10px;
		padding:							0;
	}
	
	.con_mainmenu_left
	{
		float:								left;
		display:							block;
		margin: 							0;
		padding: 							0;
		width: 								40px;
		height:								90px;
		background:						#f2f2f2;
	}
	
	.con_mainmenu
	{
		float:								left;
		display:							block;
		padding: 							0;
		margin:								4px 0 0 0;
		width: 								148px;
		height:								90px;
		background:						url(../_objects/global/main_menu_left.gif) left no-repeat;
	}
	
	.con_mainmenu_right
	{
		float:								left;
		display:							block;
		padding: 							0;
		margin:								4px 0 0 0;
		width: 								128px;
		height:								90px;
		background:						url(../_objects/global/main_menu_left.gif) left no-repeat;
	}
		
	.con_full {
		text-align: 					left;
		width:								700px;
		display: 							block;
		margin:								5px 0 0 40px;
		padding:							0;
	}
	
	.con_ref_clients {
		width:								280px;
		margin:								0 0 0 10px;
		display:							block;
	}
	
	.con_ref_media {
		width:								130px;
		margin:								0 0 0 10px;
		display:							block;
	}
	
	.con_ref_campaigns {
		width:								270px;
		margin:								0 0 0 10px;
		height:								auto;
		display:							block;
	}
	
	.con_ref_campaigns_details {
		width:								425px;
		height:								auto;
		display:							block;
	}
	
	.con_ref_campaigns_details1 {
		width:								110px;
		height:								auto;
		float:								left;
		text-align:						left;
		display:							block;
	}
	
	.con_ref_campaigns_details2 {
		width:								300px;
		height:								auto;
		float:								left;
		text-align:						left;
		display:							block;
	}
	
	.con_ref_campaigns_details2 p {
		letter-spacing:				0;
		line-height:					14px;
	}
	.con_ref_campaigns_details2 p br {
		line-height:					10px;
	}	

	.con_ref_details {
		width:								280px;
		margin:								0 0 0 10px;
		height:								auto;
		display:							block;
	}
	
	.con_ref_details1
	{
		float:								left;
		text-align: 					left;
		width:								110px;
		display: 							block;
		margin:								0;
		padding:							0;
	}
	
	.con_ref_details2
	{
		float:								left;
		text-align: 					left;
		width:								150px;
		display: 							block;
		margin:								0;
		padding:							0;
		color:								#666666;
	}
	
	.con_ref_details2 p {
		letter-spacing:				0;
		line-height:					14px;
	}
	.con_ref_details2 p br {
		line-height:					10px;
	}

	.con_ref_campaign2_client
	{
		float:								left;
		text-align: 					left;
		width:								160px;
		display: 							block;
		margin:								5px 0 0 0;
		padding:							0;
	}	
	
/* ---------------------------------------------------------------------------------------------------------
	Layout Objekte (selten genutzte Objekte; einmalige Effekte, etc. wie z.B. Logos)
--------------------------------------------------------------------------------------------------------- */

	#routenplaner_box {
		width: 200px;
		background:red;
	}
	
	#cp_logos div {
		width:								420px;
	}
	
	#cp_logos a {
		border:								0;
		text-decoration:			none;
	}
	
	#cp_logos p {
		margin:								-5px 0 0 0;
		float:								right;
		width:								300px;
		font: 								11px/18px Verdana, Arial, Helvetica, sans-serif;
	}
	
	#cp_logos img {
		border:								0;
		float:								left;
	}
	
	ul.cl_list {
		margin:								0 0 0 10px;
		width:								286px;
		float:								left;
	}
	
	ul#cl_list_current {
		width: 								430px;
	}
	
	ul#cl_list_current li {
		height:								150px;
		margin:								0;
	}
	
	ul#cl_list_current li div.client_logo {
		float:								left;
		border:								1px solid #999999;
		height:								130px;
		width:								130px;
		background-position: 	center;
		background-repeat:		no-repeat;
		margin:								0;
	}
	
	ul#cl_list_current li table.client_info {
		float:								right;
		border:								0;
		width:								290px;
		padding:0;
		margin:0;
	}
	
	ul#cl_list_current li table.client_info td {
		font: 								11px/15px Verdana, Arial, Helvetica, sans-serif;
		height:								15px;
		color:								#666666;
		text-decoration:			none;
		text-align:						left;
	}
	
	ul#cl_list_current li table.client_info td.title {
		height:								13px;
		font: 								10px/13px Verdana, Arial, Helvetica, sans-serif;
		color:								#999999;
		font-weight:					bold;
	}

/* ---------------------------------------------------------------------------------------------------------
	Boxen
--------------------------------------------------------------------------------------------------------- */
/* Boxen mit Hintergrund besteht immer aus: top, mid, bot und con  */


/* ---------------------------------------------------------------------------------------------------------
	Formobjekte (p.formL = Label)
--------------------------------------------------------------------------------------------------------- */
/* Form Container */	

	.form_con_wrapper {width:420px; margin:20px 0 20px 0; padding:0;}
	.form_box_wrapper {width:180px; margin:10px 0 0 0; padding:0;}
		
	.con_form_label
	{
			width:					100px;
			margin:					0;
			padding:				0;
			font: 					10px/16px Verdana, Arial, Helvetica, sans-serif;
			color:					#666666;
			letter-spacing:	0.03em;
			text-align:			right;
	}
	
	.con_form_form
	{
			width:						300px;
			margin:						0;
			padding:					0;
			background-color: transparent;
	}
	
	.form_label
	{
			font: 						10px/15px Verdana, Arial, Helvetica, sans-serif;
			color:						#666666;
			text-align:				left;
			width:						280px;
			margin:						0;
			padding:					0;
	}
	
	.form_row
	{
			font: 						10px/15px Verdana, Arial, Helvetica, sans-serif;
			text-align:				left;
			width:						320px;
			margin:						0 0 10px 0;
			padding:					0;
	}

 	.must	{font: 9px/16px Verdana, Arial, Helvetica, sans-serif; color:#386C9C; font-weight:bold;}

	form
	{
		margin:		0;
		padding:	0;
	}
	
	input, textarea {
		font:								11px/16px Verdana,Geneva,Arial,Helvetica,sans-serif;
		color:							#666666;
		border:							1px solid #ABABAB;
		background-color:		#F2F2F2;
		margin:	          	3px 0 0 0;
	}

	input {
		height:	          	16px;
	}
	
	textarea {
		padding: 	    			3px;
	}
	
	input.input170  			{width:	240px; padding: 0 0 0 3px;}
	input.input300  			{width:	400px; padding: 0 0 0 3px;}
	input.submit170  			{margin: 0 0 0 160px; width: 92px; color:#999999; text-align:left; cursor: pointer; font: 10px/16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; border:0; background-color:transparent; text-align: right;}
	input.submit170:hover	{color: #e60003;}
	input.submit300  			{width: 100px; color:#999999; text-align:left; cursor: pointer; font: 10px/16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; border:0; background-color:transparent; text-align: right; margin:10px 0 0 316px;}
	input.submit300:hover	{color: #e60003;}
	
	input.checkbox				{border:0; background-color:transparent;}
	input.image						{height:11px; width:11px; border:0; float:left;}
	
	textarea.textarea300
	{
		width: 					404px; 
		height: 				70px; 
		margin:					0;
	}
	
	select	{
		font:						11px/17px Verdana,Geneva,Arial,Helvetica,sans-serif;
		color:				 	#666666;
		margin:					0;
		padding: 				0;
	}
	
	select.select180	{
		width: 					180px;
	}	
		
/* ---------------------------------------------------------------------------------------------------------
	HTML-Tabellen (tabR = Row, tabC=Cell, p.tabH = Headline, p.tabL=Label, p.tabD=Data)
--------------------------------------------------------------------------------------------------------- */	
	table 							{margin:0; padding:0; border:0; border-collapse:collapse; font: 11px/17px Verdana,Geneva,Arial,Helvetica,sans-serif;}
	th 									{text-align:left; border:1px;}
	td.spalte_left			{font: 11px/24px Verdana,Geneva,Arial,Helvetica,sans-serif; width:200px; color: #999999; vertical-align: top;}
	td.spalte_content	 	{font: 11px/24px Verdana,Geneva,Arial,Helvetica,sans-serif; width:500px; color: #666666; vertical-align: top;}