/* 
	Main CSS-Styles for the Deutsche Bank Foundation
	url: http://www.deutsche-bank.-stiftung.de
	author: Robert Weber for closingtag 2009
	email: info@closingtag.de
*/

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

@import url("reset.css");

/* lets style the body */

#dbs	{
	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 12px;
	padding: 			0;
	z-index: 			10;
}

/* first hide the accessability links */

#dbs #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) */

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

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

#dbs h1 em 		{
	display: 			none;
}

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

#dbs #keyvisual img {
  display:                block;
	position: 			absolute;
	top:				0;
	left:				0;
	z-index: 			15;
}

#dbs.start #keyvisual a	{
	position:			absolute;
	height: 			13px;
	right:				339px;
	z-index: 			30;
	top:				  216px;
}

#dbs.start #keyvisual a:link, #dbs.start #keyvisual a:visited, #dbs.start #keyvisual a {
  color:        #fff;
  font-size:    1.1em;
}

#dbs.page h2#title, #dbs.keyvisual h2#title, #dbs.start #keyvisual h2	{
  position:     absolute;
  top:          37px;
  left:         195px;
  font-size:    1.8em;
  line-height:  1.1em;
  background-color: transparent;
  z-index:      30;
}

#dbs.page h2#title {
  top:          39px;
  font-size:    1.6em;  
  line-height:  1em;
/*  letter-spacing: 0.01em; */
  color:        #039;
}

#dbs.keyvisual h2#title {
  top:          36px;
  font-size:    1.8em;  
  line-height:  1em;
  color:        #fff;
}

#dbs.start #keyvisual h2 {
  color:        #fff;
}

#dbs #keyvisual h2 span.sIFR-alternate {
  display:   none;
}


/* header of the subpage */

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

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

#dbs.page h1 {
	background:			transparent url(dbs_header25.png) no-repeat top right;
}

#dbs.keyvisual h1 {
	background:			transparent url(dbs_header50.png) no-repeat top right;
}

#dbs.page h1.en {
	background:			transparent url(dbs_header25_en.png) no-repeat top right;
}

#dbs.keyvisual h1.en {
	background:			transparent url(dbs_header50_en.png) no-repeat top right;
}

/* horizontal blue main navigation */

#dbs #navigation	{
	position: 			absolute;
	left:				0;
	width: 			968px;
	line-height: 		1.0em;
	font-size: 			1.1em;
	background-color: 	#039;
	height: 			17px;
	padding: 			7px 0 0 0;
	z-index: 			20;
}

#dbs.start #navigation {
	top:				  239px;
	width:        962px;
	padding:      7px 0 0 6px;
}

#dbs.page #navigation {
  top:          88px;
	width:        964px;
	padding:      7px 0 0 4px;
}

#dbs.keyvisual #navigation {
  top:          141px;
}

#dbs #navigation li	{
	display: 			inline;
}

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

#dbs #navigation li a:active, #dbs #navigation li a:hover, #dbs #navigation li a.active	{
	color:			#ffcc00 !important;
	text-decoration: 		none;
}

#dbs #navigation li.last-child a,
#dbs #navigation li:last-child a	{
	border:			none;
}

/* the breadcrumb of hansel */

#dbs #metanavigation #breadcrumb	{	
	position: 			absolute;
	top:				116px;
	left:				-191px;
	width: 			964px;
}

#dbs.keyvisual #metanavigation #breadcrumb	{	
	top:				169px;
}

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

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

/* subnavigation left sidebar within navigation */

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

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

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

#dbs #navigation #subnavigation li ul li	{
  width:        177px;
}

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

#dbs #navigation #subnavigation li a:active, #dbs #navigation #subnavigation li a:hover, #dbs #navigation #subnavigation li a.active	{
	text-decoration: 		underline;
	color:			#039 !important;
}

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

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

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

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

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

/* metanavigation above claim-list and header */

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

#dbs.start #metanavigation	{
	left:				184px;
}

#dbs.page #metanavigation	{
	left:				191px;
}

#dbs #metanavigation li		{
	display:			inline;
}

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

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

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

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

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

#dbs.start #form-db.search-form	{
	left:				600px;
	top:				243px;
}

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

#dbs.keyvisual #form-db.search-form	{
	top:				145px;
	left:				593px;
}

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

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

#dbs .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;
}

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

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

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

#dbs .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 */

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

#dbs.start #content	{
	width:			980px;
	margin:			181px 0 0;
}

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

#dbs.keyvisual #content	{
	padding: 			86px 0 0 196px;
}

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

/* and now the footer obviously clearing element */

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

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

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

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

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

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


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

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

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

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

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

#dbs .tools li,
#dbs #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;
}

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

#dbs.keyvisual .tools li#print	{
  top:          44px;
}

#dbs #bottom li#print	{
  top:          0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* the topic & projects column */

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

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

/* headings level for content on start page */

#dbs.start #content h2	{
	font-weight: 		bold;
	padding: 			0 0 3px 0;
	margin:			0 0 16px;
	border-bottom: 		1px solid #ccc;
	color: 			#039;
	font-size:  1.0833em;
	line-height: 		1.0em;
}

#dbs.start #content #projects h2	{
	margin:			8px 12px 23px 0;
}

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

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

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

/* the teaser below the projects section */

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

#dbs.start #content .teaser img	{
	display: 			block;
	margin:			0 0 1.33em;
	padding: 			0;
	width:        184px;
}

#dbs #content .teaser h3	{
	color: 			#039;
}

#dbs.start #content .teaser h3	{
	display:    none;
}

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

#dbs.start #content .imageteaser a img {
  display:      block;
  margin:       18px 0 1.33em;
	width:        184px;
}

#dbs.start #content .textbox p {
  padding:      0 0 1.4em 0;
}

#dbs.start #content .textbox ul li {
  background: transparent url(arrow.gif) no-repeat 0 3px;
  padding: 0 0 0 18px;
}

#dbs.start #content .col .teaserbox {
	background: 		#eff3f8;
	width: 			184px;
	font-size:			0.9em;
	line-height: 		1.33em;
	padding: 			0 0 1.4em 0;
	margin:			0 0 3px;
} 

#dbs.start #content .col .teaserbox p {
	padding:			0 5px; 
}

#dbs.start #content .col .teaserbox h3 {
	background-color:		#cfdaeb;
	color:			#003399;
	line-height: 		1.0em;
	margin:			0 0 1.33em 0;
	padding:			5px 0 4px 5px;
}

/* main content area and margin area */

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

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

*+html #dbs.keyvisual #content 	{
	padding:			99px 0 0 196px;
}

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

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

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

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

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

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

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


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

#dbs.page #content #main h3		{
	color:			#666;
	margin: 			0 0 3em 0;
	width:        545px;
}

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

#dbs.keyvisual #content #main h4		{
	margin:			3px 0 8px 0;
}

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

#dbs.page #content #main .columnwide .linklist h5, #dbs.page #content #main .col .linklist h5 {
  color:      #666;
  padding:    0;
}

#dbs.page #content #main .columnwide .blue h5, #dbs.page #content #main .col .blue h5 {
  padding:    0 0 1.4em;
  color:      #039;
}

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

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

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

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

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

#dbs.page #content #main .column .textbox p:last-child {
  padding:      0;
}

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

#dbs #content #main .column .textbox p + ul {
  margin:       -1.0em 0 1.8em 0;
}

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

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

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

#dbs.page #content #main .column div.line2,
#dbs.page #content #main .columnwide div.line2 {
	padding:			0.35em 0 0 0;
	margin:			0;
  border-top:          1px solid #ccc;
}

#dbs.page #content #main .columnwide div.line2:first-child {
  margin-top: 0;
}

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

#dbs #content #main #project-navi,
#dbs #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;
}

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

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

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

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

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

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

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

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

#dbs #content #main .imagebox img {
	display: 			block;
	padding: 			0;
	margin: 			0;
	width:        279px;
}

#dbs #content #main .col .teaser img {
	display: 			block;
	padding: 			0;
	margin: 			0 0 1.33em 0;
	width:        184px;
}

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

#dbs.page #content #main .column .imagebox strong span {
  display:        block;
  font-weight:    normal;
  line-height:    1.454em;
  padding:        0 0 1px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#dbs.page #content #main .publication p {
	margin: 			0;
	padding:      0 8px 0 0;
}

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

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

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

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

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

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

#dbs.page #content #main.dates .col .teaser img {
      display:                block;
      margin:                 0 0 0.66em 0;
      width:                  184px;
}

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

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

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

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

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

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

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

#dbs.page #content #main.pressoverview ul#datenavigation li,
#dbs.page #content #main.page ul#contactnavigation li,
#dbs.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;
}

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

#dbs.page #content #main.pressoverview ul#datenavigation li:last-child,
#dbs.page #content #main.page ul#contactnavigation li:last-child,
#dbs.page #content #main.dates ul#datenavigation li:last-child {
	padding: 0;
	margin: 0;
	border: 0;
}
  
#dbs.page #content #main.page .contactdetail dt {
	font-weight: 		bold;
	color:			#039;
	width: 			184px;
	border-top:			1px solid #ccc;
	padding: 			3px 392px 0 0;
}

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

#dbs.page #content #main.page .contactdetail dd .image {
	position: 			absolute;
	top:				0.25em;
	right: 			25px;
	width:      135px;
	overflow:   hidden;
}

#dbs.page #content #main.page .contactdetail dd .image img {
  display: block;
  margin: 0 0 1.4em 0;
}

#dbs.page #content #main.page .contactdetail dd .image span {
  font-size: 0.916em;
  display: block;
}

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

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

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

#dbs.page #content #main.page .contactdetail dd div.general div.position {
	display: 			block;
	padding: 			0 0 2.66em;
}

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

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

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

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


#dbs.page #content #main.singleimage .imagebox,
#dbs.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;
}

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

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

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

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

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

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

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

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

#dbs.page #content #main.singleimage .imagebox img {
	margin:			0 0 1.33em 0;
	width:      279px;
}

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

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

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

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

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

#dbs.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 5px;
	cursor: 			pointer;
}

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

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

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

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

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

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

#dbs.page #supertopic dd .teaser img {
	margin:			0 0 0 -5px;
}

/* special supertopcis for projects with maps */

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


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

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

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

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

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

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

#dbs.page #main.overview .map dd {
      top:                    98px;
}

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

/* headings level 3 on supertopics page */

#dbs.page #content #main.projects h3.overview,
#dbs.page #content #main.supertopic h3.overview,
#dbs.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;
}

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

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

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

#dbs.page #content #main.supertopic .col .teaser img {
	margin:			0 0 1.4em 0;
	width:      184px;
}

/* little columns within content */

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

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

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

#dbs.start #content .box, #dbs #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;
} 

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

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

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

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

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

#dbs #content #marginal .box img {
  display:      block;
	margin:			  0 0 1.33em 0;  
}

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

/* press release and dates overview table */

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

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

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

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

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

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

#dbs #content #main.dates table thead th,
#dbs #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;
}

#dbs #content #main.pressoverview table thead th#pressrelease {
	width: 			276px;  
}

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

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

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

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

#dbs #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 */

#dbs.page #content #main div.pressrelease {
	width: 			514px;
}

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

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

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

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

#dbs #content #main .col .mediathek ul li,
#dbs #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;	
}

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

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

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

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

/* Main Search Form */

#dbs.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;
}

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

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

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

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

/* Disclaimer Styles */

#dbs #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;
}

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

#dbs #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);
}

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

/* 2 - 1 Supertopic*/

#dbs #content #main .col2-3 {
  width:        380px;
  padding:      0 12px 0 0;
  float:        left;
}

#dbs #content #main .col2-3 .col + .col,
#dbs #content #main .col2-3 + .col {
  margin-right:      0;
}


#dbs #content #main .col2-3 strong,
#dbs #content #main .col2-3 img {
  display:      block;
  width:        380px;
  margin:       0 0 1.4em 0;
}

/* Toogle list */

#dbs #content #main .togglelist dt {
  background:           transparent url(spiegelstrich.png) no-repeat scroll left top;
  color:                #003399;
  margin:               0;
  padding:              0 0 0 12px;
  cursor:               pointer;
}

#dbs #content #main .columnwide .togglelist dl {
  width:                576px;
  overflow:             hidden;
}

#dbs #content #main .column .togglelist dl {
  width:                279px;
  overflow:             hidden;
}

#dbs #content #main .togglelist dt:hover {
  text-decoration:      underline;
  color:                #666;
}

#dbs #content #main .togglelist dd {
  background-color:     #EDEEEF;
  padding:              1.4em 16px 0 16px;
}


/* Simple Table*/

#dbs #content #main .columnwide table.simple {
  border-collapse:    collapse;
  border-spacing:     0;
  width:              576px;
  margin-bottom:      24px;
}

#dbs #content #main .columnwide table.simple thead th {
  font-size:          0.9166em;
  background-color:   #EBEFF6;
  padding:            12px 6px 4px;
  border-bottom:      1px solid #ccc;
}

#dbs #content #main .columnwide table.simple tfoot td, #dbs #content #main .columnwide table.simple tbody td {
    border-bottom:      1px solid #ccc;
    font-size:          0.9166em;
    line-height:        1.454em;
    padding:            2px 6px;
}

#dbs #content #main .columnwide table.simple tbody td strong {
    display:            block;
    padding:            16px 0 4px;
}

#dbs #content #main .columnwide table.simple thead th + th, #dbs #content #main .columnwide table.simple thead th + th + th,
#dbs #content #main .columnwide table.simple tbody td + td, #dbs #content #main .columnwide table.simple tbody td + td + td,
#dbs #content #main .columnwide table.simple tfoot td + td, #dbs #content #main .columnwide table.simple tfoot td + td + td {
  text-align:           right;
}

#dbs #content #main .columnwide table.simple tbody tr:last-child td {
  border:               0;
}

#dbs #content #main .columnwide table.simple tfoot td {
    border:             0;
    border-top:         1px solid #ccc;
}

/* Event Table */

#dbs #content #main .columnwide #listmonths {
  padding:              0 0 0 196px;
  position:             relative;
}

#dbs #content #main .columnwide #listmonths ul,
#dbs #content #main .columnwide #listmonths h5 {
  display:              inline;
  font-weight:          normal;
  margin:               0;
  padding:              0;
}

#dbs #content #main .columnwide #listmonths h5 {
  padding:              0 9px 0 0;
}

#dbs #content #main .columnwide #listmonths ul li {
  background:           none;
  display:              inline;
  padding:              0 5px;
  border-right:         1px solid #039;
  line-height:          1em;
}

#dbs #content #main .columnwide #listmonths ul li:last-child {
  border:               0;
}

#dbs #content #main .columnwide table.events {
  border-collapse:      collapse;
  border-spacing:       0;
  margin:               -1.33em 0 0;
  width:                576px;
}

#dbs #content #main .columnwide table.events thead th#dates {
  font-weight:          bold;
  color:                #039;
  width:                196px;
  padding:              0 0 12px 0;
}

#dbs #content #main .columnwide table.events tbody td {
  padding:              8px 12px 12px 0;
  border-top:           1px solid #ccc;
  vertical-align:       top;
}

#dbs #content #main .columnwide table.events tbody td p, #dbs #content #main .columnwide table.events tbody td strong {
  display:              inline;
  padding:              0;
  margin:               0;
}

/* Alumni */

#dbs #content #main.page .alumni    {
    width:             576px;
    position:            relative;
}
#dbs #content #main.page .alumni .alumnilist    {
    width:             576px;
    position:             absolute;
    top:                26px;
    left:             0;
    list-style-type:         none;
    margin:            0;
    padding:            0;
    background-color:     #fff;
}
#dbs #content #main.page .alumni .alumnilist ul    {
    display:            block;
    float:            left;
    width:             186px;
    margin:             0 9px 0 0;
    padding:             0;
    background-color:     #fff;
    border-top:         1px solid #ccc;
}
#dbs #content #main.page .alumni .alumnilist ul li    {
    display:            block;
    font-size:             12px;
    line-height:        16px;
    padding:            10px 0 9px 0;
    width:             186px;
    border-bottom:         1px solid #ccc;
    background:           none;
}
#dbs #content #main.page .alumni h2     {
    display:            inline;
    float:             left;
    font-size:             12px;
    line-height:         12px;
    margin:            0 3px 14px 0;
    padding:             0 3px 0 0;
    border-right:         1px solid #039;
    color:             #039;
    font-weight:         normal;
    cursor:             pointer;
}
#dbs #content #main.page .alumni h2.active     {
    font-weight:         bold;
}
#dbs #content #main.page .alumni ul li p        {
    display:             block;
    margin:            0;
    padding:            0;
    font-weight:       normal;
}
#dbs #content #main.page .alumni ul li p.hide        {
    display:             none;
}
#dbs #content #main.page .alumni ul li p em        {
    font-style:         normal;
    font-weight:       bold;
    display:             block;
    cursor:            pointer;
}