@charset "UTF-8";
/* 
CSS AIW - Arbeitskreis Inhabergeführter Werbeagenturen 
Programmierer: C. Tigges MK HOFFE communication partners GmbH
Layout: Screen
Datum: 26.08.2008
*/

body
	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#8d8e90;
	font-weight:normal;
	background-color:#E4E4EB;
	margin:0;
	padding:0;
	}

* html body
	{
        margin-left:25px;
	}

img
	{
	border:0;
	}
	
h3
  {
  color:#8d8e90;
  font-size:12px;
  font-weight:bold;
  margin:5px 0 10px 0;
  padding:0;
  }

a:link		{ color:#cb1d22; font-weight:bold; text-decoration:none; }
a:visited	{ color:#cb1d22; font-weight:bold; text-decoration:none; }
a:hover		{ color:#cb1d22; font-weight:bold; text-decoration:underline; }
a:active	{ color:#cb1d22; font-weight:bold; text-decoration:none; }

.small_p        { margin:5px 0 5px 0; }

.text_11        { font-size:11px; }

.trenner_linie
	{
	float:left;
	width:883px;
	height:5px;
	margin:0 38px 0 36px;
	padding:0;
	font-size:1px; /* IE 6 */
	border-top:1px solid #d7d7d9;
	display:inline;
	}

.trenner_linie_bottom
	{
	float:left;
	width:887px;
	height:5px;
	margin:6px 15px 0 13px;
	padding:0;
	font-size:1px; /* IE 6 */
	border-top:1px solid #d7d7d9;
	display:inline;
	}

#maincontainer
	{
	width:960px;
	margin:0 auto;
	padding:0;
	}

#pos-wrapper
	{
	width:960px;
	margin:0 auto;
	padding:0;
	}

#teaser-whitepaper {
width:151px;
height:114px;
position:absolute;
z-index:300px;
margin:150px 0 0 -130px;
}

#social-media {

}

/* Header und Mainnavigation - Navigtaion ist in eigener CSS-Datei!!! */

#header_oben
	{
	float:left;
	width:960px;
	height:17px;
	font-size:8px; /* IE 6 */
	margin:0;
	padding:0;
	background-image:url(/_system_dateien/grfx/content_top.jpg);
	background-repeat:no-repeat;
	}

#container_content_bg
	{
	float:left;
	margin:0;
	padding:0;
	width:960px;
	background-image:url(/_system_dateien/grfx/content_hg-repeat.jpg);
	background-repeat:repeat-y;
        display:inline;
	}
	
#logo_header
	{
	float:left;
	height:81px;
	padding:0;
	margin-left:59px;
	width:901px;
        display:inline;
	background-image:url(/_system_dateien/grfx/logo-aiw.jpg);
	background-repeat:no-repeat;
	}

#mainnavi_hg_container
	{
	float:left;
	width:913px;
	height:60px;
        background-color:white;
	margin:0 25px 0 22px;
	padding:0;
	display:inline; /* IE 6 */
	}

#mainnav_top
  {
  float:left;
  width:913px;
  height:10px;
  background-image:url(/_system_dateien/grfx/mainnavi_hg_top.jpg);
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  font-size:1px; /* IE 6 */
  }

#mainnav_left
  {
  float:left;
  width:21px;
  height:40px;
  background-image:url(/_system_dateien/grfx/mainnavi_left.jpg);
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  }

#mainnav_middle
  {
  float:left;
  width:871px;
  height:40px;
  margin:0;
  padding:0;
  }

#mainnav_right
  {
  float:right;
  width:21px;
  height:40px;
  background-image:url(/_system_dateien/grfx/mainnavi_right.jpg);
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  }

#mainnav_bottom
  {
  float:left;
  width:913px;
  height:10px;
  background-image:url(/_system_dateien/grfx/mainnavi_hg_bottom.jpg);
  background-repeat:no-repeat;
  margin:0;
  padding:0;
  font-size:1px; /* IE 6 */
  }

#direktlink_top
	{
	float:left;
	width:913px;
	height:6px;
	font-size:1px; /* IE 6 */
	background-image:url(/_system_dateien/grfx/directlink_top.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0 25px 0 22px;
	display:inline; /* IE 6 */
	}
	
/* STARTSEITE */

#direktlink_middle_hg
	{
	float:left;
	height:209px;
        width:860px;
	color:white;
	font-size:12px;
	font-weight:normal;
	background-image:url(/_system_dateien/grfx/directlink_middle.jpg);
	background-repeat:repeat-y;
	padding:3px 30px 3px 27px;
	margin:0 25px 0 22px;
	display:inline; /* IE 6 */
	}
	
	#direktlink_infotext
		{
		float:left;
		width:330px;
		height:150px;
		margin: 30px 20px 30px 87px;
		padding:0;
		display:inline; /* IE 6 */
		}
	
	#direktlink_infotext p
		{
		margin:3px 0 3px 0;
		}
	
	#direktlink_infotext h1
		{
		color:white;
		font-size:16px;
		font-weight:bold;
		margin:0 0 7px 0;
		}
	
	/* Karte Deutschland Östereich */
	
	#karte_start
		{
		float:left;
		display:inline;
		margin:0 0 0 15px;
		padding:0;
		width:220px;
		height:205px;
		}
	
	#agenturauswahl
		{
		float:left;
		width:188px;
		height:203px;
		margin:3px 0 6px 0;
		padding:0;
		}

	#agenturauswahl select
		{
		width:98%;
		height:20px;
		padding:0;
	        color:#8d8e90;
                background-color:#FFF;
		margin:0;
		}

#direktlink_bottom
	{
	float:left;
	width:903px;
	height:6px;
	font-size:1px; /* IE 6 */
	background-image:url(/_system_dateien/grfx/directlink_top-20.jpg);
	background-repeat:no-repeat;
	padding:0 0 10px 0;
	margin:0 25px 0 22px;
	display:inline; /* IE 6 */
	}

/* Banner Folgeseiten Hintergrundgrafik */

#banner_top_hgg
	{
	float:left;
	width:913px;
	height:200px;
	margin:0 25px 0 22px;
	padding:0;
	display:inline; 
	background-image:url(/_system_dateien/grfx/banner_hg_agenturen.jpg);
	background-repeat:no-repeat;
	}

/* Teaser Startseite */

#teaser_container
	{
	float:left;
	width:913px;
	padding:0 25px 0 22px;
	display:inline; /* IE 6 */
	background-image:url(/_system_dateien/grfx/content_hg-repeat.jpg);
	background-repeat:repeat-y;
	}

.teaser_lr_container
	{
	float:left;
	width:306px;
	height:321px;
	margin:0;
	padding:0;
	}

.teaser_lr_container_WE
	{
	float:left;
	width:306px;
	height:361px;
	margin:0;
	padding:0;
	}

.teaser_middle_container
	{
	float:left;
	width:301px;
	height:356px;
	margin:0;
	padding:0;
	}

.teaser_middle_container_WE
	{
	float:left;
	width:301px;
	height:361px;
	margin:0;
	padding:0;
	}

.teaser_img_titel
	{
	color:white;
        width:222px;
	font-size:13px;
	font-weight:bold;
	padding:9px 10px 9px 10px;
	margin:16px 0 0 24px;
	}

.teaser_img_titel_2
	{
	color:white;
        width:222px;
	font-size:13px;
	font-weight:bold;
	padding:9px 10px 9px 10px;
	margin:16px 0 0 18px;
	}

#teaser_1_top
	{
	float:left;
	margin:0;
	padding:0;
	width:306px;
	height:24px;
	background-image:url(/_system_dateien/grfx/teaser_1_top.jpg);
	background-repeat:no-repeat;
	}

#teaser_1_img
	{
	float:left;
	width:306px;
	height:177px;
	margin:0;
	padding:0;
	background-image:url(/_system_dateien/grfx/teaser_1_img.jpg);
	background-repeat:no-repeat;
	}

#teaser_1_content_hg
	{
	float:left;
	margin:0;
	padding:5px 20px 4px 24px;
	width:262px;
	height:115px;
	background-image:url(/_system_dateien/grfx/teaser_1_middle.jpg);
	background-repeat:repeat-y;
	}

#teaser_1_content_hg_WE
	{
	float:left;
	margin:0;
	padding:5px 20px 4px 24px;
	width:262px;
	height:140px;
	background-image:url(/_system_dateien/grfx/teaser_1_middle.jpg);
	background-repeat:repeat-y;
	}

#teaser_1_bottom
	{
	float:left;
	margin:0;
	padding:0;
	width:306px;
	height:15px;
	background-image:url(/_system_dateien/grfx/teaser_1_bottom.jpg);
	background-repeat:no-repeat;
	}

#teaser_2_top
	{
	float:left;
	margin:0;
	padding:0;
	width:301px;
	height:24px;
	background-image:url(/_system_dateien/grfx/teaser_2_top.jpg);
	background-repeat:no-repeat;
	}

#teaser_2_img
	{
	float:left;
	width:301px;
	height:177px;
	margin:0;
	padding:0;
	background-image:url(/_system_dateien/grfx/teaser_2_img.jpg);
	background-repeat:no-repeat;
	}

#teaser_2_content_hg
	{
	float:left;
	margin:0;
	padding:5px 20px 4px 20px;
	width:261px;
	height:115px;
	background-image:url(/_system_dateien/grfx/teaser_2_middle.jpg);
	background-repeat:repeat-y;
	}

#teaser_2_content_hg_WE
	{
	float:left;
	margin:0;
	padding:5px 20px 4px 20px;
	width:261px;
	height:140px;
	background-image:url(/_system_dateien/grfx/teaser_2_middle.jpg);
	background-repeat:repeat-y;
	}

#teaser_2_bottom
	{
	float:left;
	margin:0;
	padding:0;
	width:301px;
	height:15px;
	background-image:url(/_system_dateien/grfx/teaser_2_bottom.jpg);
	background-repeat:no-repeat;
	}
	
#teaser_3_top
	{
	float:left;
	margin:0;
	padding:0;
	width:306px;
	height:24px;
	background-image:url(/_system_dateien/grfx/teaser_3_top.jpg);
	background-repeat:no-repeat;
	}

#teaser_3_img
	{
	float:left;
	width:306px;
	height:177px;
	margin:0;
	padding:0;
	background-image:url(/_system_dateien/grfx/teaser_3_img.jpg);
	background-repeat:no-repeat;
	}

#teaser_3_content_hg
	{
	float:left;
	margin:0;
	padding:5px 20px 4px 20px;
	width:266px;
	height:115px;
	background-image:url(/_system_dateien/grfx/teaser_3_middle.jpg);
	background-repeat:repeat-y;
	}


#teaser_3_content_hg_WE
	{
	float:left;
	margin:0;
	padding:5px 20px 4px 20px;
	width:266px;
	height:140px;
	background-image:url(/_system_dateien/grfx/teaser_3_middle.jpg);
	background-repeat:repeat-y;
	}	

#teaser_3_bottom
	{
	float:left;
	margin:0;
	padding:0;
	width:306px;
	height:15px;
	background-image:url(/_system_dateien/grfx/teaser_3_bottom.jpg);
	background-repeat:no-repeat;
	}

#content_bottom
	{
	float:left;
	width:960px;
	height:25px;
	padding:0;
	margin:0;
	background-image:url(/_system_dateien/grfx/content_bottom.jpg);
	background-repeat:no-repeat;
	}

/* Seitenaufbau Unterseiten */

#content_agenturen_Container
	{
        float:left;
        font-weight:normal;
	width:913px;
	padding:0 25px 0 22px !important;
        margin:0;
	background-image:url(/_system_dateien/grfx/content_hg-repeat.jpg);
	background-repeat:repeat-y;
	}

* html #content_agenturen_Container
	{
	width:900px;
	}

#content_agenturen_top
	{
	float:left;
        display:inline-block;
        position:relative;
        z-index:30;
        top:0;
        left:0;
	margin:0;
	padding:0;
	width:732px;
	height:29px;
	background-image:url(/_system_dateien/grfx/hg_content_us_top.jpg);
	background-repeat:no-repeat;
	}

#content_agenturen_middle_hg
	{
	float:left;
	width:732px;
	background-image:url(/_system_dateien/grfx/hg_content_us_middle.jpg);
	background-repeat:repeat-y;
	}


#content_agenturen_picCon
        {
        float:left;
        display:inline-block;
        position:relative;
        z-index:2;
        left:5px !important;
        top:-14px !important;
	margin:0;
	padding:0;
	width:181px;
        clear:right;
        }

* html #content_agenturen_picCon
        {
	width:181px;
        display:inline;
        }

#content_agenturen_navCon
	{
	float:left;
	margin:0 0 0 16px;
	padding:0 0 0 0;
	width:189px;
        display:inline;
	}

#content_agenturen_inhalte
	{
	float:left;
	margin:0 0 0 19px;
	padding:0 0 0 0;
	width:487px;
        display:inline;
        font-weight:normal;
	}

#content_agenturen_inhalte ul
	{
        margin:6px 0 0 7px;
        padding:6px 0 0 7px;
        }

#content_agenturen_inhalte h1
	{
	color:#c90b22;
	font-size:15px;
	padding:0 0 0 0;
	margin:10px 0 25px 0;
        font-weight:bold;
	}

#content_agenturen_inhalte h2
	{
	color:#c90b22;
	font-size:15px;
	padding:0 0 0 0;
	margin:10px 0 25px 0;
        font-weight:bold;
	}

#content_agenturen_inhalte h2.h2_presse  
        {
        font-size:13px;
        font-weight:bold;
        color:#8d8e90;
        margin:0 0 0 0;
        }

#content_agenturen_inhalte h3.h3_presse  
        {
        font-size:12px;
        font-weight:bold;
        color:#8d8e90;
        margin:0 0 0 0;
        }

.content_agenturen_inhalte_WEINFO
	{
	color:#c90b22;
	font-size:13px;
	padding:0 0 0 0;
	margin:0 0 6px 0;
        font-weight:bold;
	}

.content_agenturen_anschrift
       {
       float:left;
       width:229px;
       margin:0;
       padding:0 12px 15px 0;
       }

.content_agenturen_infos
       {
       float:left;
       width:229px;
       margin:0;
       padding:0 0 15px 12px;
       border-left: 1px dotted #8d8e90;
       }

.content_agenturen_trenner
       {
       float:left;
       margin:0 0 15px 0;
       padding:0 0 0 0;
       width:487px;
       height:12px;
       font-size:1px; /* IE 6 */
       border-bottom: 1px solid #e3e4e4;
       }

.piclinks
        {
        float:left;
        display:block;
        position:relative;
        z-index:2;
        top:0;
        margin:0 0 12px 4px;
        padding:0 0 0 0;
        }

* html .piclinks
        {
        float:none;
        display:inline-block;
        }

#content_agenturen_bottom
	{
        float:left;
	width:732px;
        display:inline;
	margin:0 0 0 0;
	padding:0;
	height:16px;
        font-size:1px; /* IE 6 */
	background-image:url(/_system_dateien/grfx/hg_content_us_bottom.jpg);
	background-repeat:no-repeat;
        background-color:#FFF;
	}

* html #content_agenturen_bottom
	{
	width:100%;
        clear:left;;
	}

.pic_rahmen
       {
       float:left;
       padding:6px;
       margin:0 10px 0 0;
       z-index:1;
       width:146px;
       height:187px;
	background-image:url(/_system_dateien/grfx/profilfoto_rahmen.jpg);
	background-repeat:no-repeat;
       }

.pic_rahmenWE
       {
       float:left;
       position:relative;
       padding:0;
       margin:0 0 0 10px;
       z-index:1;
       width:146px;
       height:187px;
       }

#referenzvorschau 
  {
  float:left;
  width:487px;
  margin:0 0 0 4px;
  padding:0;
  }

#referenzvorschau ul li
  {
  float:left;
  display:inline;
  }

#referenzvorschau ul
  {
  width:487px;
  margin:0 0 0 0;
  padding:0;
  list-style:none;
  display: inline;
  }

#referenzvorschau li
  {
  padding:0 16px 12px 0;
  margin:0;
  list-style:none;
  display: inline;
  }


/* KONTAKTFORMULAR */

.inputField
	{
	height:17px;
	width:240px;
	background-color:#FFF;
	border:1px solid #cfcfcf;
	color:#272727;
	font-size:11px;
	margin:2px;
	padding-top:1px;
	padding-left:1px;
	padding-right:1px;
	}
	


.textArea
	{
	height:130px;
	width:240px;
	background-color:#FFF;
	border:1px solid #cfcfcf;
	color:#272727;
	font-size:11px;
	margin:1px;
	padding-top:1px;
	padding-left:1px;
	padding-right:1px;
	}

.errorField
	{
    height:17px;
	width:240px;
	background-color:#f5eaa0;
	border:1px solid #CC071E;
	color:#272727;
	font-size:11px;
	font-weight:bold;
	margin:2px;
	padding-top:1px;
	padding-left:1px;
	padding-right:1px;
	}

.errorField_textArea
	{
    height:90px;
	width:240px;
	background-color:#f5eaa0;
	border:1px solid #CC071E;
	color:#272727;
	font-size:11px;
	font-weight:bold;
	margin:1px;
	padding-top:1px;
	padding-left:1px;
	padding-right:1px;
	} 

.errorTable
	{
	height:auto;
	width:440px;
	background-color:#f5eaa0;
	border:1px solid #CC071E;
	color:#CC071E;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:5px;
	}

.submit_button
	{
	margin:0;
	width:67px;
	height:19px;
	font-weight:bold;
	font-size:12px;
        text-transform:uppercase;
	color:#8d8e90;
	background-image:url(/_system_dateien/grfx/submit_button.jpg);
	background-repeat:no-repeat;
	}

#karte_interaktiv img
  {
  margin:0;
  padding:0;
  border:0;
  }
  
/* Referen als Listenausgabe */

#referenztabelle a
  {
  font-size:10px;
  }

 .referentab_top_aktiv
 	{
	font-size:12px;
	font-weight:bold;
	color:#737781;
	text-transform:uppercase;
	float:left;
	display:inline;
	width:146px;
	background-color:#d9dae3;
	padding:7px;
	margin:0;
	border-right:1px solid white;
	background-image:url(../_system_dateien/grfx/pfeil_sortierung_nunten.png);
	background-position:95% 10px;
	background-repeat:no-repeat;
	}

 .referentab_top_inaktiv
 	{
	font-size:12px;
	font-weight:bold;
	color:#737781;
	text-transform:uppercase;
	float:left;
	display:inline;
	width:146px;
	background-color:#d9dae3;
	padding:7px;
	margin:0;
	border-right:1px solid white;
	background-image:url(../_system_dateien/grfx/pfeil_sortierung_noben.png);
	background-position:95% 10px;
	background-repeat:no-repeat;
	}
	
 .referentab_felder_rand_FFF
 	{
	font-size:11px;
	font-weight:normal;
	color:#8d8e90;
	float:left;
	display:inline;
	width:146px;
	height:28px;
	background-color:#FFF;
	padding:7px;
	margin:0;
	border-right:1px solid #cfd1d5;
	}
	
 .referentab_felder_FFF
 	{
	font-size:11px;
	font-weight:normal;
	color:#8d8e90;
	float:left;
	display:inline;
	width:145px;
	height:28px;
	background-color:#FFF;
	padding:7px;
	margin:0;
	border-right:1px solid #FFF;
	}
	
 .referentab_felder_rand_GRAU
 	{
	font-size:11px;
	font-weight:normal;
	color:#8d8e90;
	float:left;
	display:inline;
	width:146px;
	height:28px;
	background-color:#F7F8F7;
	padding:7px;
	margin:0;
	border-right:1px solid #cfd1d5;
	}
	
 .referentab_felder_GRAU
 	{
	font-size:11px;
	font-weight:normal;
	color:#8d8e90;
	float:left;
	display:inline;
	width:146px;
	height:28px;
	background-color:#F7F8F7;
	padding:7px;
	margin:0;
	border-right:1px solid #FFF;
	}

#referenzlistenausgabe
  {
  float:left;
  width:100%; 
  margin:0 15px 0 0; 
  padding:0; 
  display:inline;
  }

#referenzlistenausgabe a:link, #referenzlistenausgabe a:visited
  {
  color:#737781;
  }

#referenzlistenausgabe a:hover
  {
  color:#cb1d22;
  }

#referenzen_alle
  {
  float:left;
  margin:0;
  padding:0;
  font-size:11px;
  }

#referenzen_alle a:link, #referenzen_alle a:visited
  {
  color:#737781;
  font-weight:normal;
  font-size:11px;
  }

#referenzen_alle a:hover
  {
  color:#cb1d22;
  font-weight:normal;
  font-size:11px;
  }


#fachlinks
  {
  width:425px; 
  float:left; 
  display:inline; 
  margin:0; 
  padding:0;
  }

#fachlinks a:link, #fachlinks a:visited
  {
  color:#737781;
  }

#fachlinks a:hover
  {
  color:#cb1d22;
  }