/* 
	Main CSS-Styles for the Alfred Herrhausen Gesellschaft 
	url: http://www.alfred-herrhausen-gesellschaft.de
	author: Robert Weber for closingtag 2008
	email: info@closingtag.de
*/

/* get all the reset styles to overwrite browser defaults */

@import url("reset.css");

/* lets style the body */

#ahg	{
	position: 			relative;
	background-color: 	#fff;
	color: 			#666;
	font-family: 		Arial,Helvetica,sans-serif;
	font-size: 			62.5%;
	line-height: 		1.33;
	width: 			968px;
	margin:			12px 0 0 13px;
	padding: 			0;
	z-index: 			10;
}

/* first hide the accessability links */

#ahg #access-control {
	display: 			none;
}

/* now some common global styles */

a:link, a:visited, a, a:active, a:hover	{
	color: 			#039;
	white-space: 		nowrap;
} 

/* header of the homepage and the claim (Claim-List will fade in and out by JS) */

#ahg.start h1	{
	position: 			relative;
	height:			99px;
	background:			transparent url(ahg_header.png) no-repeat top right;
	z-index: 			20;
}

#ahg.start h1.en	{
	position: 			relative;
	height:			99px;
	background:			transparent url(ahg_header_en.png) no-repeat top right;
	z-index: 			20;
}

#ahg h1 em 		{
	display: 			none;
}

#ahg h1 a	{
	float:			right;
	width: 			573px;
	height: 			85px;
	text-indent: 		-9999px;
	margin: 			14px 0 0;
}

#ahg #claim-list li	{
	position: 			absolute;
	top:				0;
	left:				0;
	z-index: 			10;
	height: 			391px;
	overflow: 			hidden;
}

#ahg #claim-list li img.hide	{
      display:                block;
      height:                 1px;
      width:                  1px;
      overflow:               hidden;
      padding:                1px 0 0 1px;
      background-color:       #fff;
}

#ahg #claim-list li.animation-control	{
	position:			absolute;
	height: 			13px;
	left:				14px;
	z-index: 			30;
	top:				367px;
	cursor: 			pointer;
}

#ahg #claim-list li.animation-control a:link, #ahg #claim-list li.animation-control a:visited, #ahg #claim-list li.animation-control a {
	color:			#fff;
	padding:			0 0 0 15px;
	background: 		transparent no-repeat left center;
	line-height: 		1.3em;
	font-weight: 		bold;
	display: 			block;
}

#ahg #claim-list li.animation-control a:active, #ahg #claim-list li.animation-control a:hover {
	text-decoration: 		none;
}

#ahg #claim-list li.animation-control a#stop-animation {
	background-image: 	url(pause_icon.png);
}

#ahg #claim-list li.animation-control a#start-animation {
	background-image: 	url(play_icon.png);
	display: 			none;
}

/* header of the subpage */

#ahg.page h1	{
	position: 			relative;
	height:			88px;
	z-index: 			20;
}

/* Header Images of subpages - maybe in one file later in CMS */

/* German */

#ahg.page h1#foresight {
	background:			transparent url(ahg_header_foresight.jpg) no-repeat top right;
}

#ahg.page h1#partner {
	background:			transparent url(ahg_header_partner.jpg) no-repeat top right;
}

#ahg.page h1#presse {
	background:			transparent url(ahg_header_presse.jpg) no-repeat top right;
}

#ahg.page h1#projekte {
	background:			transparent url(ahg_header_projekte.jpg) no-repeat top right;
}

#ahg.page h1#publikationen {
	background:			transparent url(ahg_header_publikationen.jpg) no-repeat top right;
}

#ahg.page h1#termine {
	background:			transparent url(ahg_header_termine.jpg) no-repeat top right;
}

#ahg.page h1#tracelab {
	background:			transparent url(ahg_header_tracelab.jpg) no-repeat top right;
}

#ahg.page h1#ueberuns {
	background:			transparent url(ahg_header_ueberuns.jpg) no-repeat top right;
}

#ahg.page h1#urbanage {
	background:			transparent url(ahg_header_urbanage.jpg) no-repeat top right;
}

#ahg.page h1#urbanageaward {
	background:			transparent url(ahg_header_urbanageaward.jpg) no-repeat top right;
}

/* English */

#ahg.page h1#aboutus {
	background:			transparent url(ahg_header_e_aboutus.jpg) no-repeat top right;
}

#ahg.page h1#foresighten {
	background:			transparent url(ahg_header_e_foresight.jpg) no-repeat top right;
}

#ahg.page h1#press {
	background:			transparent url(ahg_header_e_press.jpg) no-repeat top right;
}

#ahg.page h1#partners {
	background:			transparent url(ahg_header_e_partner.jpg) no-repeat top right;
}

#ahg.page h1#program {
	background:			transparent url(ahg_header_e_program.jpg) no-repeat top right;
}

#ahg.page h1#projects {
	background:			transparent url(ahg_header_e_projects.jpg) no-repeat top right;
}

#ahg.page h1#publications {
	background:			transparent url(ahg_header_e_publications.jpg) no-repeat top right;
}

#ahg.page h1#tracelaben {
	background:			transparent url(ahg_header_e_tracelab.jpg) no-repeat top right;
}

#ahg.page h1#urbanageen {
	background:			transparent url(ahg_header_e_urbanage.jpg) no-repeat top right;
}

#ahg.page h1#urbanageawarden {
	background:			transparent url(ahg_header_e_urbanageaward.jpg) no-repeat top right;
}

/* horizontal blue main navigation */

#ahg #navigation	{
	position: 			absolute;
	left:				0;
	width: 			964px;
	line-height: 		1.0em;
	font-size: 			1.1em;
	background-color: 	#039;
	z-index: 			20;
}

#ahg.start #navigation {
	height: 			21px;
	padding: 			11px 0 0 4px;
	top:				390px;
}

#ahg.page #navigation {
	top:				88px;
	height: 			17px;
	padding: 			7px 0 0 4px;
}

#ahg #navigation li	{
	display: 			inline;
}

#ahg #navigation li a:active, #ahg #navigation li a:visited, #ahg #navigation li a	{
	color: 			#fff;
	font-weight: 		bold;
	padding: 			0 10px;
	border-right: 		1px solid #fff;
}	

#ahg #navigation li a:active, #ahg #navigation li a:hover, #ahg #navigation li a.active	{
	color:			#fc0;
	text-decoration: 		none;
}

#ahg #navigation li:last-child a	{
	border:			none;
}

/* the breadcrumb of hansel */

#ahg #metanavigation #breadcrumb	{	
	position: 			absolute;
	top:				117px;
	left:				-190px;
	width: 			964px;
}


#ahg #metanavigation #breadcrumb li {
	color: 			#787878;
	font-size: 			0.9em;
	line-height: 		1.18em;
	font-weight: 		bold;
}

#ahg #metanavigation #breadcrumb li a:link, #ahg #metanavigation #breadcrumb li a:visited, #ahg #metanavigation #breadcrumb li a	{
	color: 			#787878;
	padding: 			0;
	border: 			0;
}

/* subnavigation left sidebar within navigation */

#ahg #navigation #subnavigation {
	position: 			absolute;
	top:				71px;
	left:				0;
}

#ahg.start #navigation #subnavigation {
	display: 			none;
}

#ahg #navigation #subnavigation li	{
	display: 			block;
	line-height: 		1.35em;
	padding:			0 0 3px;
}

#ahg #navigation #subnavigation li a:link, #ahg #navigation #subnavigation li a:visited, #ahg #navigation #subnavigation li a	{
	color:			#039;
	font-weight: 		bold;
	border:			0;
	padding:			0;
}

#ahg #navigation #subnavigation li a:active, #ahg #navigation #subnavigation li a:hover, #ahg #navigation #subnavigation li a.active	{
	text-decoration: 		underline;
}

#ahg #navigation #subnavigation ul {
	background:			transparent url(navidivider.gif) bottom left no-repeat;
	padding: 			3px 0 0.5em 0;
	margin: 			0 0 0.5em 0;
}

#ahg #navigation #subnavigation ul ul ul ul,
#ahg #navigation #subnavigation ul ul ul,
#ahg #navigation #subnavigation ul ul {
	margin:			0 0 0 16px;
	padding:			3px 0 0 0;
	background: 		none;
}

#ahg #navigation #subnavigation ul li a:link, #ahg #navigation #subnavigation ul li a:visited, #ahg #navigation #subnavigation ul li a {
	font-weight: 		normal;
}

#ahg #navigation #subnavigation ul ul ul li,
#ahg #navigation #subnavigation ul ul ul ul li	{
	width:			140px;
}

#ahg #navigation #subnavigation ul ul ul li a,
#ahg #navigation #subnavigation ul ul ul ul li a {
	white-space: 		normal;
}

/* metanavigation above claim-list and header */

#ahg #metanavigation	{
	position: 			absolute;
	top:				-1px;
	z-index: 			30;
	font-size: 			1.1em;
	line-height: 		1.0em;
	padding:			5px 0 0;
}

#ahg.start #metanavigation	{
	left:				397px;
}

#ahg.page #metanavigation	{
	left:				190px;
}

#ahg #metanavigation li		{
	display:			inline;
}

#ahg #metanavigation li a:active, #ahg #metanavigation li a:visited, #ahg #metanavigation li a	{
	padding:			0 5px;
	border-right: 		1px solid #039;
}

#ahg #metanavigation li a.active	{
	text-decoration: 		underline;
}

#ahg #metanavigation li:last-child a	{
	border:			none;
}

/* DB-Search form field within blue horizontal navigation */

#ahg #form-db.search-form	{
	position: 			absolute;
	width:			178px;
	font-size: 			0.9em;
	z-index: 			30;
}

#ahg.start #form-db.search-form	{
	left:				387px;
	top:				399px;
}

#ahg.page #form-db.search-form	{
	top:				92px;
	left:				593px;
}

#ahg #form-ahg.search-form	{
	display: 			block;
	float:			left;
	padding:			15px 0;
}

#ahg #marginal .box #form-ahg.search-form	{
	margin:			-1.33em 0 0;
	padding:			7px 0;
}

#ahg .search-form input[type=text]	{
	float:			left;
	color: 			#666;
	border-top:			1px solid #7c7c7c;
	border-bottom: 		1px solid #ddd;
	border-left:		1px solid #c3c3c3;
	border-right:		1px solid #c3c3c3;
	font-size: 			1.1em;
	line-height: 		1.0em;
	height: 			15px;
	padding:			1px 0 0 3px;
}

#ahg .search-form input[type=text]	{
	width: 			135px;	
}

#ahg.start .search-form input[type=text]	{
	width: 			150px;	
}

#ahg #form-ahg.search-form input[type=text]	{
	font-size: 			0.9em;
}

#ahg .search-form input[type=image] {
	float:			left;
	height: 			18px;
	width: 			18px;
	padding:			0 0 0 5px;
	border:			0;
	cursor: 			pointer;
}

/* lets deal with the main-content */

#ahg #content {
	font-size: 			1.2em;
	line-height: 		1.33em;
}

#ahg.start #content	{
	width:			980px;
	margin:			331px 0 0;
}

#ahg.page #content	{
	float: 			left;
	width:			784px;
	margin:			0;
	padding: 			37px 0 0 196px;
}

#ahg.safari #content	{
	line-height: 		1.4em;
}

/* and now the footer obviously clearing element */

#ahg #footer {
	position: 			relative;
	height:			71px;
	margin:			32px 0 0 0;
	background: 		transparent url(footer_bg.gif) repeat-x top left;
	clear: 			both;
}

#ahg #legalnotice {
	position: 			absolute;
	top:				38px;
	left:				-6px;
}

#ahg #legalnotice li {
	display: 			inline;
	padding: 			0 6px;
	border-right: 		1px solid #666;
}

#ahg #legalnotice li.last {
	border:			0;
}

#ahg #legalnotice li.note {
	display: 			block;
	font-size: 			10px;
	font-weight: 		bold;
	border-right: 		0;
}

#ahg #legalnotice li a {
	font-size: 			10px;
	font-weight: 		bold;
}


#ahg #accessibility {
	position: 			absolute;
	top:				38px;
	right: 			0;
}

#ahg .tools	{
	position: 			absolute;
	right: 			0;
}

#ahg.start .tools {
	display: 			none;
}

#ahg #bottom.tools {
	top:				10px;
}

#ahg #top.tools {
	top:				139px;
}

#ahg .tools li,
#ahg #accessibility li {
	position:			absolute;
	top:				0;
	right:			0;
	display: 			block;
	float:			left;
	width: 			17px;
	height: 			17px;
	margin: 			0 2px 0 0;
	background: 		transparent url(schriftgroesse_bg.gif) no-repeat top right;
}

#ahg .tools li#print	{
	background:		 	transparent url(print_icon.gif) no-repeat top right;
	width: 			19px;
	height: 			14px;
}

#ahg #accessibility li.active {
	background-image: 	url(schriftgroesse_bg_x.gif);
}

#ahg #accessibility li#contrast.active {
	background-image: 	url(icon_contrast2.gif);
}

#ahg .tools li a,
#ahg #accessibility li a {
	display: 			block;
	width:			17px;
	height:			17px;
	text-indent: 		-9999px;
	background: 		transparent no-repeat top right;
	text-decoration: 		none;
	font-size: 			10px;
}

#ahg #accessibility li#smallfont {
	right:			57px;
}

#ahg #accessibility li#normalfont {
	right:			38px;
}

#ahg #accessibility li#largefont {
	right:			19px;
}

#ahg .tools li#print a:hover	{
	text-indent: 		-80px;
}

#ahg #accessibility li#smallfont a:hover {
	text-indent: 		-120px;
}

#ahg #accessibility li#normalfont a:hover {
	text-indent: 		-139px;
}

#ahg #accessibility li#largefont a:hover {
	text-indent: 		-158px;
}

#ahg #accessibility li#contrast a:hover {
	text-indent: 		-177px;
}

#ahg #accessibility li#smallfont a {
	background-image: 	url(schriftgroesse_1.gif);
}

#ahg #accessibility li#normalfont a {
	background-image: 	url(schriftgroesse_2.gif);
}

#ahg #accessibility li#largefont a {
	background-image: 	url(schriftgroesse_3.gif);
}

#ahg #accessibility li#contrast {
	background-image: 	url(icon_contrast1.gif);
}


/* the topic & projects column */

#ahg.start #content #projects,
#ahg.start #content #topics	{
	width:			380px;
	float:			left;
	padding:			0;
	margin: 			0 12px 0 0;
	min-height:			500px;
}

#ahg.start #content #projects	{
	width: 			392px;
	margin: 			0;
}

#ahg.start #content #teasers	{
  float: right;
  width: 196px;
}

/* headings level for content on start page */

#ahg.start #content h2	{
	font-weight: 		bold;
	line-height: 		1.0em;
	padding: 			0 0 4px 2px;
	margin:			8px 0 7px;
	border-bottom: 		1px solid #ccc;
	color: 			#039;
}

#ahg.start #content #projects h2	{
	margin:			8px 12px 16px 0;
}

/* the teasers below the topics box need special outlook */

#ahg.start #content #topics .teaser	{
	background: 		#eef3f8 url(topics_teaser_border.gif) center bottom no-repeat;
	width:			356px;
	padding:			16px 12px 16px 12px;
	margin:			0;
}

#ahg.start #content #topics .teaser:last-child	{
	background: 		#eef3f8;
	padding:			16px 12px 8px 12px;	
}

/* the teaser below the projects section */

#ahg.start #content .teaser	{
	width:			184px;
	margin:			0 12px 16px 0;
}

#ahg.start #content #teasers .bigteaser img,
#ahg.start #content .teaser img	{
	display: 			block;
	margin:			0 0 1.33em;
	padding: 			0;
}

#ahg.start #content .teaser h3	{
	color: 			#039;
}

#ahg.start #content #projects .teaser.right	{
	float:			right;
}

#ahg.start #content #teasers .bigteaser {
  clear: both;
}

/* main content area and margin area */

#ahg.page #content #main	{
	float:			left;
	position: 			relative;
	width:			576px;
	margin:			0 12px 0 0;
}

*+html #ahg.page #content 	{
	padding:			54px 0 0 196px;
}

#ahg.page #content #main .column {
	float:			left;
	width: 			279px;
	padding:			0 18px 0 0;
}

#ahg.page #content #main .columnwide {
	float:			left;
	width: 			576px;
	padding:			0;
}

#ahg.page #content #main .columnwide + .column {
	display: 			none;
}

#ahg.page #content #main .column + .column {
	padding:			0;
}

#ahg #content #marginal {
	float:			left;
	width: 			184px;
	padding: 			25px 0 0;
}

#ahg.page #content #main h3,
#ahg.page #content #main h2		{
	color:			#039;
	font-weight: 		normal;
	font-size: 			1.33em;
	line-height:		1.25em;
}

#ahg.page #content #main.singleimage h3,
#ahg.page #content #main.singleimage h2,
#ahg.page #content #main.galery h3,
#ahg.page #content #main.galery h2,
#ahg.page #content #main.pressrelease h3,
#ahg.page #content #main.pressrelease h2		{
	width: 			514px;
}


#ahg.page #content #main.projects h2      {
      display:                none;
}

#ahg.page #content #main h3		{
	color:			#666;
	margin: 			0 0 3em 0;
}


#ahg.page #content #main h4		{
	border-bottom: 		1px solid #ccc;
	margin:			0 0 8px 0;
}

#ahg.page #content #main .col .linklist h5,
#ahg.page #content #main .col .teaser h5,
#ahg.page #content #main .columnwide h5,
#ahg.page #content #main .column h5		{
	color:			#039;	
}

#ahg.page #content #main .col .linklist h5 {
  padding: 0 0 1.33em;
}

#ahg.page #content #main .contact h5 {
	padding:			8px 0 0 0;
	border-top: 		1px solid #ccc;
}

#ahg.page #content #main .column strong,
#ahg.page #content #main .column div.imagebox strong	{
	display: 			block;
}

#ahg.page #content #main .columnwide strong {
      display: 			block;
	padding:			0 0 1.4em 0;
}

#ahg.page #content #main .columnwide div strong,
#ahg.page #content #main .column div strong,
#ahg.page #content #main .column p strong	{
	display: 			inline;
	padding:			0;
}

#ahg.page #content #main .column h5, #ahg.page #content #main .column strong, #ahg.page #content #main .column p, #ahg.page #content #main p, #ahg.page #content #main .textbox {
	padding:			0 0 1.4em 0;	
}

#ahg #content #main.pressrelease div,
#ahg #content #main .columnwide div,
#ahg #content #main .column div,
#ahg #content #main .col div {
	padding:			0 0 1.4em 0;
}

#ahg.page #content #main.singleimage div.imagebox p,
#ahg #content #main .columnwide div.teaser,
#ahg #content #main .column div.teaser,
#ahg #content #main .col div.teaser {
	padding:			0;
}

#ahg.page #content #main .col div.textbox,
#ahg.page #content #main .column div.textbox,
#ahg.page #content #main .columnwide div.textbox {
      padding:                0;
      margin:			0 0 1.4em 0;
}

#ahg.page #content #main .columnwide div.line {
	padding:			0 0 0.35em 0;
	margin:			0 0 2.8em 0;
      border-bottom:          1px solid #ccc;
}

#ahg.page #content #main.supertopic .column .linklist-first-child h5,
#ahg.page #content #main .column .linklist h5,
#ahg.page #content #main .column p strong,
#ahg.page #content #main .column .teaser h5	{
	padding:			0;
}

#ahg #content #main #project-navi,
#ahg #content #main a.overviewlink	{
	position: 			absolute;
	right: 			2px;
	top:				-1px;
	padding: 			0 0 0 17px;
	background: 		transparent url(overview_icon.png) center left no-repeat;
}

#ahg #content #main.galery a.overviewlink,
#ahg #content #main.singleimage a.overviewlink {
	position: 			static;
	float: 			right;
}

#ahg #content #main.singleimage a.overviewlink {
	background: 		transparent url(galery_icon.png) center left no-repeat;
}

#ahg #content #main #project-navi {
	top:				382px;
	background: 		none;
}

#ahg #content #main #project-navi li {
	display: 			inline;
	padding:			0 0 0 8px;
}

#ahg #content #main #project-navi #forth {
	border-left:		1px solid #7b93b9;
	padding: 			0 0 0 5px;
	margin: 			0 0 0 3px;
}

#ahg #content #main #project-navi a.overviewlink	{
	position: 			static;
}

#ahg #content #main #project-navi a:link, #ahg #content #main #project-navi a:visited, #ahg #content #main #project-navi a,
#ahg #content #main a.overviewlink:link, #ahg #content #main a.overviewlink:visited, #ahg #content #main a.overviewlink	{
	color: 			#7b93b9;
	font-size: 			0.9em;
}

#ahg #content #main .imagebox {
      padding:                0;
	margin:			0 0 1.4em 0;
	clear: 			both;
}

#ahg #content #main .imagebox img {
	display: 			block;
	padding: 			0;
	margin: 			0;
}

#ahg #content #main .col .teaser img {
	display: 			block;
	padding: 			0;
	margin: 			0 0 1.33em 0;
}

#ahg.page #content #main .column .imagebox strong {
	font-size:  		0.9em;
	padding: 			0.8em 0;
	margin: 			0;
}

#ahg.page #content #main .column .imagebox strong span {
      display:                block;
      font-weight:            normal;
}

#ahg.page #content #main.supertopic .column .linklist-first-child h5,
#ahg #content #main .column .linklist h5	{
	color:			#666;
}

#ahg #content #main .col .mediathek,
#ahg #content #main .column .mediathek	{
	background: 		#ebeff6;
	color: 			#039;
	font-size:			0.9em;
	margin:			0 0 1.33em 0;
	float: 			left;
	width:			100%;
	padding:			0;
}

#ahg #content #main .col .mediathek p,
#ahg #content #main .column .mediathek p {
	padding: 			0.75em 5px 0.38em 5px;
} 

#ahg #content #main .col .mediathek ul,
#ahg #content #main .column .mediathek ul {
	margin: 			0;
	float: 			left;
	width:			269px;
	padding:			0 5px 0.33em 5px;
}

#ahg #content #main .col .mediathek ul {
	width:			174px;
}

#ahg #content #main .col .mediathek ul li,
#ahg #content #main .column .mediathek ul li {
	float:			left;
	display:			block;
	width: 			80%;
	margin:			0 9px 4px 12px;
}

#ahg #content #main .col .mediathek ul li a,
#ahg #content #main .column .mediathek ul li a {
	white-space: 		normal;
	float:			left;
}

#ahg #content #main .column a.quicktime {
	background: 		transparent url(mov_icon_blue.gif) left center no-repeat;
	padding:			0 0 0 24px;
	display: 			block;
}

#ahg #content #main .column a.realaudio {
	background: 		transparent url(reala_icon_blue.gif) left center no-repeat;
	padding:			0 0 0 38px;
	display: 			block;
}

#ahg.page #content #main .column blockquote p {
	background-color: 	#EBEBEB;
	padding: 			0;
	width: 			279px;
	margin: 			0 0 24px 0;
	float: 			left;	
}

#ahg #content #main .column blockquote p cite {
	float:			left;
	padding: 			0 12px;
	width:			120px;
	font-size: 			0.9em;
}

#ahg #content #main .column blockquote p span {
	float:			left;
	padding: 			16px 12px;
	width:			120px;
	font-weight: 		bold;
}

#ahg #content #main .column blockquote p img {
	display: 			block;
	float: 			right;
}

#ahg.page #content #main .publication + h5,
#ahg.page #content #main .publication + div {
	clear:			left;
	width:			100%;
}

#ahg.page #content #main .publication {
	float:			left;
	width:			184px !important;
	margin:			0;
	margin:			0 8px 44px 0;
}

#ahg.page #content #main .publication img {
	display: 			block;
	margin:			0 0 1.33em 0;
}

#ahg.page #content #main .publication h5 {
	color: 			#039;
	margin: 			0 16px 0 0;
}

#ahg.page #content #main .publication p {
	margin: 			0 16px 0 0;
}

#ahg.page #content #main .publication a {
	white-space:		normal;
}

#ahg.page #content #main .publication + .publication {
	clear:			none;      
}

#ahg.page #content #main dl.partner dt	{
	width:			279px;
	padding: 			1.33em 0 0 297px;
	font-weight: 		bold;
	border-top: 		1px solid #ccc;
}

#ahg.page #content #main dl.partner dd	{
	position: 			relative;
	width:			279px;
	padding: 			0 0 1.33em 297px;
}

#ahg.page #content #main dl.partner dd img {
	position: 			absolute;
	left:				0;
	top:				-1.33em;
}

#ahg.page #content #main.dates .col .teaser {
	height: 			21.2em;
	background: 		#eaeaea;
	overflow: 			hidden;
	padding:                0 0 1.4em
}

#ahg.page #content #main.dates .col .teaser img {
      display:                block;
      margin:                 0 0 0.66em 0;
}

#ahg.page #content #main.dates .col .teaser p.text {
      min-height:             4em;
      margin:                 0 0 0.66em 0;
}

#ahg.page #content #main.dates .col .teaser p.copyright {
      font-size:              0.75em;
}

#ahg.page #content #main.dates .col {
	margin:			0 12px 34px 0;
}

#ahg.page #content #main.dates .col + .col + .col {
	margin:			0 0 34px 0;
}

#ahg.page #content #main.dates .col .teaser h5,
#ahg.page #content #main.dates .col .teaser p {
	padding: 			0 10px;
	color:			#666;
}

#ahg.page #content #main.dates table th em,
#ahg.page #content #main.dates .col .teaser p em {
	display: 			block;
}

#ahg.page #content #main.page ul#contactnavigation,
#ahg.page #content #main.dates ul#datenavigation {
	width:			576px;
      clear:                  both;
	margin:			0 0 8px 0;
}

#ahg.page #content #main.page ul#contactnavigation li,
#ahg.page #content #main.dates ul#datenavigation li {
	display: 			inline;
	padding:			0 7px 0 0;
	border-right: 		1px solid #039;
	margin:			0 7px 0 0;
	background:             none;
}

#ahg.page #content #main.page ul#contactnavigation li.active,
#ahg.page #content #main.dates ul#datenavigation li.active {
	font-weight: 		bold;
}

#ahg.page #content #main.page ul#contactnavigation li:last-child,
#ahg.page #content #main.dates ul#datenavigation li:last-child {
	padding: 			0;
	margin: 			0;
	border:			0;
}

#ahg.page #content #main.page .contactdetail dt {
	font-weight: 		bold;
	color:			#039;
	width: 			184px;
	border-top:			1px solid #ccc;
	padding: 			3px 392px 0 0;
}

#ahg.page #content #main.page .contactdetail dd {
	position: 			relative;
	margin:			-1.33em 0 47px 0;
	min-height: 		185px;	
}

#ahg.page #content #main.page .contactdetail dd img {
	position: 			absolute;
	top:				0.25em;
	right: 			49px;
}

#ahg.page #content #main.page .contactdetail dd.high img {
  top:        -1.08em;
}

#ahg.page #content #main.page .contactdetail dd.realhigh img {
  top:        -2.41em;
}

#ahg.page #content #main.page .contactdetail dd p.general {
	position: 			absolute;
	top:				2.66em;
	left:				0;
	width:			184px;
}

#ahg.page #content #main.page .contactdetail dd p.general em {
	display: 			block;
	padding: 			0 0 2.66em;
}

#ahg.page #content #main.page .contactdetail dd p.general strong {
	display: 			block;
	padding:      0;
}

#ahg.page #content #main.page .contactdetail dd p.desc {
  position:   absolute;
  top:        0;
  left:       196px;
  width:      184px;
	margin:			0 196px 0 0;
}

#ahg.page #content #main.page .contactdetail dd.high p.desc {
  top:        -1.33em;
}

#ahg.page #content #main.page .contactdetail dd.realhigh p.desc {
  top:        -2.66em;
}


#ahg.page #content #main.singleimage .imagebox,
#ahg.page #content #main #imagegalery {
	float: 			left;
	width:			576px;
	margin:			1px 0 40px 0;
	padding: 			1.33em 0 0 0;
	border:	 		solid #ccc;
	border-width: 		1px 0;
}

#ahg.page #content #main.singleimage .imagebox {
	border-width: 		1px 0 0 0;
}

#ahg.page #content #main #imagegalery li {
	display: 			block;
	float: 			left;
	width:			184px;
	padding:			0 12px 32px 0;
	font-size:              0.9em;
}

#ahg.page #content #main #imagegalery li.line {
  height: 1px;
  line-height: 1px;
  width: 576px;
  clear: both;
  float: none;
  padding: 0;
  margin: 0;
  border: 0;
}

#ahg.page #content #main #imagegalery li img {
	margin:			0 0 1.33em 0;
}

#ahg.page #content #main #imagegalery li a,
#ahg.page #content #main #imagegalery li strong {
	display: 			block;
}

#ahg.page #content #main #imagegalery li img.landscape {
	display: 			block;
	height:			137px;
	width: 			184px;
}

#ahg.page #content #main #imagegalery li img.portrait {
	display: 			block;
	height:			185px;
	width: 			135px;
}

#ahg.page #content #main.singleimage .imagebox {
	font-size:			0.9em;
}

#ahg.page #content #main.singleimage .imagebox strong {
	display: 			block;
}

#ahg.page #content #main.singleimage .imagebox img {
	margin:			0 0 1.33em 0;
}

#ahg.page #content #main.singleimage .landscape p {
	width:			380px;
}

#ahg.page #content #main.singleimage .portrait p {
	width:			284px;
}

/* supertopic with claims and teaser - flashless solution  */

#ahg.page #supertopic		{	
	background: 		#ebeff6;
	position: 			relative;
	width: 			184px;
	height:			330px;
	margin:			25px 0 0;
	padding: 			0 0 0 588px;
	overflow: 			hidden;
}

#ahg.page #supertopic + #main	{	
	margin:			30px 12px 0 0;	
}

#ahg.page #supertopic dt	{
	background-color:		#cfdaeb;
	color:			#003399;
	font-weight: 		bold;
	font-size:			11px;
	line-height: 		11px;
	margin:			1px 0 0 0;
	padding:			5px 0 4px 7px;
	cursor: 			pointer;
}

#ahg.page #supertopic dt:first-child	{
      margin:                 0;
}

#ahg.page #supertopic dd .teaser	{
	padding:			8px 7px 0;
	height:			260px;
	display: 			none;
	overflow: 			hidden;
}

#ahg.page #supertopic dd div.movie,
#ahg.page #supertopic dd .claim {
	display: 			none;
	position: 			absolute;
	top:				0;
	left:				0;
}

#ahg.page #supertopic dd div.movie {
	width:			588px;
	height:			331px;
}

#ahg.page #supertopic dd.active div.movie,
#ahg.page #supertopic dd.active .claim	{
	display: 			block;
}

#ahg.page #supertopic dd.active .teaser	{
	display: 			block;
}

#ahg.page #supertopic dd .teaser img {
	margin:			0 0 0 -7px;
}

/* special supertopcis for projects with maps */

#ahg.page .map {
      position:               relative;
	width:			576px;
	height: 			330px;
	margin:			25px 0 32px 0;
}


#ahg.page #main.overview .map dt,
#ahg.page #main.projects .map dt {
      position:               absolute;
      width:                  24px;
      height:                 24px;
      text-indent:            -9999px;
      cursor:                 pointer;
      font-weight: 		bold;
}

#ahg.page #main.projects .map dt {
      background:             transparent url(house_icon.png) top left no-repeat;
}

#ahg.page #main.projects .map dt span {
      display:                none;
}

#ahg.page #main.projects .map dt.active,
#ahg.page #main.projects .map dt.hover {
      background-image:       url(house_icon_active.png);
}

#ahg.page #main.overview .map dt.hover {
      text-indent:            12px;
      width:                  250px;      
}

#ahg.page #main.overview .map dd,
#ahg.page #main.projects .map dd {
      position:               absolute;
      top:                    108px;
      left:                   12px;
      width:                  160px;
      display:                none;
}

#ahg.page #main.overview .map dd {
      top:                    28px;
}

#ahg.page #main.projects .map dd strong,
#ahg.page #main.overview .map dd strong {
	display: 			block;
}

/* headings level 3 on supertopics page */

#ahg.page #content #main.projects h3.overview,
#ahg.page #content #main.supertopic h3.overview,
#ahg.page #content #main.supertopic h3 {
	float:			left;
	width:			576px;
	text-transform: 		uppercase;
	border-bottom: 		1px solid #ccc;
	font-size: 			1em;
	line-height: 		1em;
	letter-spacing: 		0.3em;
	padding: 			0 0 2px 0;
	margin: 			0 0 12px 0;
	font-weight:		normal;
}

#ahg.page #content #main.projects h3 {
	text-transform: 		none;
	letter-spacing: 		0;
	font-weight: 		bold;
}

#ahg.page #content #main.supertopic .col p	{
	padding:			0 0 1.4em 0;
}

#ahg.page #content #main.supertopic .col .teaser h5,
#ahg.page #content #main.supertopic .col p strong	{
	color: 			#039;
}

#ahg.page #content #main.supertopic .col .teaser img {
	margin:			0 0 1.4em 0;
}

/* little columns within content */

#ahg.page #content #main .col {
	float:			left;
	width:			184px;
	margin:			0 12px 50px 0;
}

#ahg.page #content #main .col + .col + .col {
	margin:			0;
}

/* now we style the boxes on the right - the boxes formerly know as snippets */

#ahg #content #marginal .box	{
	float:			left;
	background: 		#eff3f8;
	width: 			184px;
	font-size:			0.9em;
	line-height: 		1.33em;
	padding: 			0 0 1.4em 0;
	margin:			0 0 3px;
} 

#ahg #content #main .col .mediathek h5,
#ahg #content #main .column .mediathek h5,
#ahg #content #marginal .box h5	{
	background-color:		#cfdaeb;
	color:			#003399;
	line-height: 		1.0em;
	margin:			0 0 1.33em 0;
	padding:			5px 0 4px 5px;
}

#ahg #content #main .col .mediathek h5 {
	float:			left;
	width:			179px;
}

#ahg #content #main .column .mediathek h5 {
	float:			left;
	width:			274px;
}

#ahg #content #marginal .box p	{
	padding: 			0 5px 1.33em 5px;
}

#ahg #content #marginal .box p strong	{
	display:			block;
}

#ahg #content #marginal .box p:last-child {
	padding: 			0 5px 0 5px;
}

/* press release and dates overview table */

#ahg #content #main.dates table,
#ahg #content #main.pressoverview table {
	margin:			0 0 50px 0;
}

#ahg.safari #content #main.dates table,
#ahg.safari #content #main.pressoverview table {
	clear:			both;
}

#ahg #content #main.dates table th em.date,
#ahg #content #main.pressoverview table th {
	font-weight: 		bold;
}

#ahg #content #main.dates table th, #ahg #content #main.pressoverview table th,
#ahg #content #main.dates table td, #ahg #content #main.pressoverview table td {
	border:			1px solid #ccc;
	border-width: 		0 0 1px 0;
}

#ahg #content #main.dates table tfoot td {
	border: 			none;
}

#ahg #content #main.dates table th,
#ahg #content #main.dates table td,
#ahg #content #main.pressoverview table th,
#ahg #content #main.pressoverview table td {
	padding:			11px 12px 8px 0;
	vertical-align: 		top;
}

#ahg #content #main.dates table thead th,
#ahg #content #main.pressoverview table thead th {
	font-size: 			0.95em;
	font-weight: 		normal;
	line-height: 		0.95em;
	padding:			11px 0 11px 0;
	color:			#7b93b9;
	border:			1px solid #ccc;
	border-width: 		1px 0;
}

#ahg #content #main.pressoverview table thead th#pressrelease, #ahg #content #main.pressoverview table thead th#date, #ahg #content #main.dates table thead th#date {
	width: 			196px;
}

#ahg #content #main.pressoverview table thead th#clippings {
	width: 			104px;
}

#ahg #content #main.pressoverview table thead th#galery {
	width: 			80px;
}

#ahg #content #main.dates table thead th#programtitle {
	width: 			380px;
}

#ahg #content #main.pressoverview table tr td a.galerylink {
	text-indent: 		-9999px;
	text-decoration: 		none;
	display: 			block;
	width: 			13px;
	height: 			14px;
	background: 		transparent url(galery_icon.png) top left no-repeat;
}

/* single column press release */

#ahg #content #main.pressrelease div, #ahg #content #main.pressrelease p, #ahg #content #main.pressrelease ul, #ahg #content #main.pressrelease h5 {
	width: 			514px;
}

#ahg #content #main.pressrelease h5, #ahg #content #main.pressoverview h5, #ahg #content #main.pressrelease p	{
	padding:			0 0 1.4em 0;
}

#ahg #content #main.page .col .imagebox,
#ahg #content #main.supertopic .column .imagebox,
#ahg #content #main.page .column .imagebox {
	padding:			0;
}

#ahg #content #main.pressoverview h5, #ahg #content #main.pressrelease h5 {
	color: 			#039;
}

#ahg #content #main.pressrelease ul li,
#ahg.page #content #main .columnwide ul li,
#ahg.page #content #main .column ul li { 	
	background: 		transparent url(spiegelstrich.png) no-repeat top left;
	padding:			0 0 8px 12px;
}

#ahg #content #main .col .mediathek ul li,
#ahg #content #main .column .mediathek ul li {
	background-image: 	none;
	margin:			0 0 5px 0;
	padding: 			0 9px 0 22px;	
	background: 		transparent url(icon_movie.gif) no-repeat top left;	
}

#ahg.page #content #main.supertopic .column .linklist-first-child ul li,
#ahg #content #main.pressrelease .linklist ul li,
#ahg.page #content #main.supertopic .column .linklist ul li,
#ahg #content #main.page .column .linklist ul li {
	background: 		none;
	padding:			0;
}

#ahg #content #main .col .linklist ul li {
	background: 		none;
	padding:			0 0 1.33em;
}

#ahg #content #main.pressrelease .linklist, 
#ahg.page #content #main.supertopic .column .linklist,
#ahg #content #main.page .column .linklist     {
	padding: 			7px 0 1.4em 0;
	margin:			8px 0 0 0;
	border-top:			1px solid #ccc;
}

#ahg.page #content #main.supertopic .column .imagebox:first-child + .linklist,
#ahg.page #content #main.supertopic .column .linklist-first-child,
#ahg.page #content #main.supertopic .column .linklist:first-child,
#ahg.page #content #main.supertopic .column .noborder {
	padding: 			0 0 1.4em 0;
	margin:			0;
	border-top:			none;
}

#ahg.page #content #main.supertopic .column .linklist-first-child,
#ahg.page #content #main.supertopic .column .imagebox + .noborder,
#ahg.page #content #main.supertopic .column .imagebox:first-child + .linklist {
	margin:			-1.4em 0 0 0;
}

/* Main Search Form */

#ahg.page #main.search hr {
	width:			100%;
	padding:			0.8em 0 0 0;
	margin:			0 0 0.7em 0;
	border:			0;
	height:                 1px;
	color:                  #fff;
	background-color:       #fff;
	border-bottom: 		1px solid #ccc;
}

#ahg.page #main.search div {
	border:			solid #ccc;
	border-width: 		1px 0;
	padding:			0.8em 0;
}

#ahg.page #main.search div#search-results {
	border:			0;
}

#ahg.page #main.search div#search-results iframe {
	width:			100%;
	border:			0;
	overflow: 			hidden;
	height:			1150px;
	margin:			0 0 30px 0;
}

#ahg.page #main.search div  input#querytext {
	width:			372px;
}

/* Disclaimer Styles */

#ahg #disclaimer {
      position:               absolute;
      background:             #fff;
      width:                  574px;
      height:                 130px;
      padding:                6px;
      border:                 1px solid #039;
      z-index:                1000;
      font-size:              1.1em;
      line-height:            1.4em;
}

#ahg #disclaimer p {
      padding:                0 0 1.4em 0;
}

#ahg #disclaimer p a {
      padding:                0 1.4em 0 0;
}

/* Print Button Styles */

#print-control {
      position:               absolute;
      right:                  0;
      top:                    80px;
	font-size: 			1.2em;
	z-index:                1000;
}

*html #print-control {
      position:               static;
      float:                  right;
}

#print-control li {
	display: 			block;
	float:			left;
	padding:			0 22px;
	background: 		transparent no-repeat left top;
}

#print-control li#close {
	background-image: 	url(icon_close.gif);
}

#print-control li#print {
	background-image: 	url(icon_print.gif);
}

#ahg #content #main.supertopic #showall {
	position: 			absolute;
	top:				331px;
	left:				12px;
}