/***********************************************************************
*
* Globale Definitionen
*
***********************************************************************/

body {
  background: #FFF;
  margin: 0;
  height: 100%;
  font: 100% Arial, Helvetica, sans-serif;
}
#OuterShell{
  margin: 0 0 0 0;
  width:890px;
  overflow:hidden;
}

.WAILabel {
  text-transform: uppercase;
  display: none;
}

.justprint{
display:none;
}

#maincontentdiv .ContentTeaser {
  margin:0 0 1em 0;
}

#maincontentdiv .ContentTeaser th, #maincontentdiv .ContentTeaser td {
  font-size:75%;
  line-height:130%;
  background:none;
  padding:0 1em 0 0;
}

.ContentTeaser_title {
  color:#0066CC;
}

/***********************************************************************
*
* Farbschema;
*
***********************************************************************/
.Abbott-Blue01 {
  background: #99CCFF;
}
.Abbott-Blue02 {
  background: #6699CC;
}
.Abbott-Blue03 {
  background: #0066CC;
}
.Abbott-Green01 {
  background: #99CC00;
}
.Abbott-Green02 {
  background: #339900;
}
.Abbott-Green03 {
  background: #006600;
}
.Abbott-Red01 {
  background: #FF0000;
}
.Abbott-Red02 {
  background: #CC0000;
}
.Abbott-Orange01 {
  background: #FF9900;
}
.Abbott-Orange02 {
  background: #FF6600;
}
.Abbott-Purple01 {
  background: #CC99CC;
}
.Abbott-Purple02 {
  background: #990099;
}
.Abbott-Purple03 {
  background: #660066;
}
.Abbott-Yellow02 {
  background: #FFCC00;
}
.Abbott-Pantone-221 {
  background: #0066CB;
}

.Abbott-Homepage {
  background: #0066CB;
}

/***********************************************************************
*
* Masthead
*
***********************************************************************/

div#masthead {
  height:114px;
  width: 890px;
  margin: 0;
  margin: 19px 0 0 0;
  overflow:hidden;
}

#humirahome div#masthead {
  width: 890px;
  background:#FFF;
  margin: 0;
  padding: 1.9em 0 0 0;
  overflow:hidden;
}

div#masthead #masthead_symbol {
  width: 176px;
  float:left;
  overflow: hidden;
}

div#masthead #masthead_rightpane {
	width: 714px; 
  	float:right;
}

/* Site-Titel */

div#masthead h1.siteTitle {
  	font: 52px Arial, Helvetica, sans-serif;
	line-height:52px;
  	margin: 0;
  	padding: 0;
  	color:#0066CB;
	/*height:87px;*/
	width:500px;
	position:absolute;
	top:-10px;
}

.siteTitle {
	position:relative;

}

.siteTitle.sIFR-replaced {
	position:relative;

}

#masthead a img,
#masthead img{
  border: none;
  margin-right:11px;
}

.titleimage {
	height:68px;
}

/***********************************************************************
*
* Support Navigation
*
***********************************************************************/

div#supnav {
  clear: both;
  text-align: right;
  padding: 0.5em 20px 0.5em 10px;
  margin: 0;
  font-size: 0.7em;
  line-height: 0.7em;
  color: #999;
}

#supnav a {
  color: #999;
  text-decoration: none;
  font-weight:bold;
}
#supnav a.current {
  font-weight:bold;
}

#supnav  a:link, .supnav a:visited {
  color: #999;
}

#supnav a:hover, .supnav  a:active {
  text-decoration:underline;
}

/***********************************************************************
*
* Horizontale Navigation
*
***********************************************************************/

div#mainnav {
	position:relative;
  	height: 1.7em;
  	margin: 0;
  	padding: 0;
  	overflow: hidden;
  	background:#0066CB;
}

div#mainnav a.current{
	text-decoration:underline;
}

span.mainnav_outer {
	display:block;
	border-right:1px solid #FFFFFF;
	float:left;
	padding:0.3em 30px 0.6em 5px;
	background-color:transparent;
}

span.mainnav_item {
	color:#FFFFFF;
	font-size:14pt;
	line-height:14pt;
	text-decoration:none;
}

span.mainnav_item a {
	border:none !important;
	float:none !important;
	margin:0 !important;/*0pt 0pt 0pt 0.75em;*/
	padding:0 !important;/*0.4em 2.5em 0.6em 0em;*/
}

div#mainnav a,
div#mainnav form {
	border-right:1px solid #FFFFFF;
	color:#FFFFFF;
	float:left;
	font-size:11pt;
	margin:0pt 0pt 0pt 0.75em;
	padding:0.4em 2.5em 0.6em 0em;
	text-decoration:none;
}


div#Fontsizer{
	position:relative;
	float:right;
  	color: #FFF;
  	font-size:12px;
  	font-weight:bold;
  	margin:7px 26px 0 0;
}
div#Fontsizer * {
	float:left;
}
div#Fontsizer span.ff{
	display:block;
  	border: 1px solid #FFF;
	height:13px;
	width:13px;
	text-align:center;
	margin:0 0 0 5px;
}

div#Fontsizer a {
	position:relative;
  	font-weight:bold;
  	font-size:12px;
  	line-height:13px;
  	float:none;
  	margin:0;
  	padding:0;
  	border:none;
}


/***********************************************************************
*
* Dropdown-Men&#65533;s
*
***********************************************************************/

.child { 
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
}

.menu {
  width: 120px;
}

.menu a {
  font-size: 0.7em;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFF;
  text-decoration: none;
  display: block;
  padding: 0.25em 0.75em;
}

/***********************************************************************
*
* Positionierung des Content-Bereichs
*
***********************************************************************/

div#content {
  position: relative;
  clear: both;
  padding: 1.1em 0 0 0;
  width:890px;
}

#humirahome div#content {
  padding: 0 0 0 0;
}

div#maincontentdiv {
  float: left;
  width: 80%;
  background: #FFF;
  overflow: hidden;
  font-size:16px;
}

div#maincontentdiv.Abbott-Homepage h2{
	display:none;
}

div#maincontentdiv.Abbott-Homepage .ZMSGraphic,
div#maincontentdiv.Abbott-Homepage .graphic,
div#maincontentdiv.Abbott-Homepage img{
	margin:0;
	padding:0;
	border:0;
}
/***********************************************************************
*
* Linker Seitenbereich
*
***********************************************************************/

#leftpane {
  width: 176px;
  float: left;
  overflow: hidden;
}

#leftpane h2{
	font-size:100%;
	font-weight:bold;
  	padding: 0.2em 0 0em 0.8em;
  	margin:0;
}

/***********************************************************************
*
* Suchformular
*
***********************************************************************/

#search {
  height: 19px;
  border:0px solid  #000;
  margin:0 0 20px 0;
  width:144px;
}

.searchField {
  float: left;
  width: 89px;
  font-size: 10px;
  /*font-family: Verdana;*/
  color: #999;	
  margin-left:20px;
  padding:2px;
  border:1px solid #585858;
}

.submitButton {
  width:24px;
  height:19px;
  font-size: 11px;
  float:right;
  padding: 0;
  margin: 0;
  background: #9EA4AB;
  color: #FFF;
  border: 1px solid #9EA4AB;
  border-top: 1px solid #E1E2E5;
  border-left: 1px solid #E1E2E5;
}

.advSearch {
  font-size: 10px;
  color: #999;
  text-decoration:underline;
  height: 22px;
  padding-left: 20px;
  padding-bottom: 20px;
  border-bottom: 0px solid #999;
  float:left;
}

.advSearch a {
  color: #999;
  text-decoration:underline;
}

.advSearch  a:link, .advSearch a:visited {
  color: #999;
}

.advSearch a:hover, .advSearch  a:active {
  color: #999;
}

/***********************************************************************
*
* Left Navigation
*
***********************************************************************/

#leftnav {
  margin-top: 0.75em;
  font-size:0.7em;
}

#leftnav ul { 
  list-style-type: none;
  margin:  0;
  padding: 0px;
}

#leftnav li {
  padding: 3px 0px 2px 22px;
  margin: 0px;
}
#leftnav li.current ul {
  padding: 2px 0 0 0 ;
}
#leftnav li.current li {
  padding: 2px 0px 3px 23px;
  margin: 0px;
}

#leftnav li.outer a, #leftnav a {
  color: #676767;
  text-decoration: none; 
  font-weight: bold
}

#leftnav a:hover {  
  text-decoration:underline;
}

/****** Left Pane nav Selected state  *******/
#leftnav li.thiscurrent,
#leftnav li.thiscurrent {
  background-image: url(./leftnav_arrow_magenta.gif);
  background-repeat: no-repeat;
  background-position: 10pt 4px;
}

#leftnav li.thiscurrent a.current {
	font-weight:bold;
}
#leftnav a,
#leftnav a.current {
	font-weight:normal;
	color: #0066CB;
}

#leftnav a.current,
#leftnav a.current:link,
#leftnav a.current:hover,
#leftnav a.current:active,
#leftnav a.current:visited {
	color: #0066CB;
}

#leftcontent {
  width: 9em;
  margin-top: 20px;
  margin-bottom:20px;
  padding-left: 19px;
}

/***********************************************************************
*
* Breadcrumb-Navigation
*
***********************************************************************/

div#breadcrumbs {
  color: #999;
  text-decoration: none;
  margin-bottom:1em;
}

#breadcrumbs a {
  font-size: 0.7em;
  font-weight:bold;
  color: #999;
  text-decoration: none;
}

#breadcrumbs  a:link, #breadcrumbs a:visited {
  color: #999;
}

#breadcrumbs a:hover, #breadcrumbs a:active {
   text-decoration:underline;
}

/***********************************************************************
*
* Content-Elemente (siehe unter Konfiguration > Design)
*
***********************************************************************/

table { 
  empty-cells: show;
}

.ZMSTable {
  border-collapse: collapse;
  width: 100%;
  border-bottom: 1px solid #999;
}

.ZMSTable p {
        margin: 0;
        padding: 0.3em;
}

.ZMSTable tr.even,
.ZMSTable tr.odd{
 border-bottom:1px solid #FFF;
}
.ZMSTable td, td {
  padding: 0em 0.5em 0em 0.5em;
  background: transparent;
  border-bottom:1px solid #FFF;
  vertical-align: top;

}
.ZMSTable th, th {
  padding: 0em 0.5em 0em 0.5em;
  background: #DDD;
  border-bottom:1px solid #FFF;
  text-align: left;
  vertical-align: top;
}

.ZMSTextarea td {
	font-size:0.77em;
}

/***********************************************************************
*
* BodyContent Index-Listen
*
***********************************************************************/

div.bodyContentIndexEntry {
  width: 45%;
  display: inline;
  float: left;
  margin: 0 5% 1em 0;
}

.bodyContentIndexEntry h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em !important;
  margin: 0.5em 0 0 0;
}

.bodyContentIndexEntry p {
  font-size: 0.7em !important;
}

.bodyContentIndexEntry h2 a {
  display: block;
  text-decoration: none;
}

div.bodyContentIndexEntry h2 a:hover {
  text-decoration: underline;
}

/***********************************************************************
*
* News-Items (Startseite)
*
***********************************************************************/

div.newsItem {
  padding: 0.5em;
  width: 45%;
  height: 135px;
  display: inline;
  float: left;
  margin: 0 5% 1em 0;
}

.newsItem p, .newsItem h3 {
  font-size: 75%;
  margin: 0;
}

.newsItem h3.newsTitle {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
}

/***********************************************************************
*
* Teaser-Elemente
*
***********************************************************************/

#leftcontent {
  margin-top: 1.5em;
  font-size: 0.7em;
  color: #999;
}

#HomepageTeaser {
  width: 9em;
  margin: 1.5em 0 0.5em 0.5em;
}

div.ZMSTeaserElement *{
	font-size:100%;
}

div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited,
div.ZMSTeaserElement div.title {

}
div.ZMSTeaserElement .ZMSTextarea,
div.ZMSTeaserElement .ZMSTextarea p,
div.ZMSTeaserElement .download{
	margin:0;
	padding:0;
}

.teaserContainer {  float: right; width: 176px; padding: 0; margin: 0 0 0 1em; }
.ZMSTeaserElement { 	background:transparent !important;	margin:0 0 22px 0;	text-align:left; clear:both; border:1px solid #99CDFF;}
.ZMSTeaserElement .title { color: #0066CB; font-size: 80%; font-weight: bold; line-height: 110%; padding: 0.5em; zoom:1;}
.ZMSTeaserElement .text { background:transparent !important; font-size: 70%; line-height: 130%; padding: 0.2em 0.5em 0.5em 0.5em ; zoom:1;}
.ZMSTeaserElement .graphic{margin:0em; padding:0;}
.ZMSTeaserElement .graphic img{ margin:6px;padding:0;}
.ZMSTeaserElement .text ul,
.ZMSTeaserElement .text ol { font-size: 133%; margin: 0; padding: 0; }
.ZMSTeaserElement .text li { font-size: 133%;padding: 0 0 0.5em 0; margin: 0 0.25em; }

/***********************************************************************
*
* Footer
*
***********************************************************************/

#footerdiv {
	clear:both;
	color:#999999;
	margin-left:176px;
	padding:1em 0pt;
	text-align:center;
	width:714px;
	
	color:#999999;
	font-size:0.7em;
	font-weight:bold;
}

#footerdiv .dontprint {
  display:block;
  margin-bottom:10px;
}

#footerdiv a {
  font-weight: bold;
  color: #999;
  text-decoration:none;
}

#footerdiv a:link,
#footerdiv a:visited,
#humirahome  #footerdiv a:link,
#humirahome #footerdiv a:visited,,
#humirahome #footerdiv a:hover,
#humirahome #footerdiv a:active {
  color: #999;
  
}

#footerdiv a:hover,
#footerdiv a:active
 {
  text-decoration:underline;
}

a.download img.download
	{
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/download.gif);
	}

a.superzoom img.superzoom
	{
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/superzoom.gif);
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

 * +- [WAI] ZMSGraphic

 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-

 */

div.ZMSGraphic 
	{ 
	padding:0 0 0.5em;
	}


div.ZMSGraphic p
	{ 
	margin-top: 0;
	}

div.ZMSGraphic.left 
	{
	text-align:left;
	}

div.ZMSGraphic.right 
	{
	text-align:right;
	}

div.ZMSGraphic.center 
	{
	text-align:center;
	}

div.ZMSGraphic.floatleft
	{ 
	float:left;
	}

div.ZMSGraphic.floatright
	{ 
	float:right;
	}
	
div.ZMSGraphic.floatleft div.graphic
	{ 
	margin:0 0.5em 0.5em 0;
	}

div.ZMSGraphic.floatright div.graphic
	{ 
	margin:0 0 0.5em 0.5em;
	}

div.ZMSGraphic.center
	{ 
	text-align:center;
	}

div.graphic.alignleft
	{
	float:left;
	text-align:right;
	margin:0 0.5em 0.5em 0;
	}

div.graphic.alignright
	{
	float:right;
	text-align:right;
	margin:0 0 0.5em 0.5em;
	}

div.ZMSGraphic div.text
	{
        position:relative;
	} 

/***********************************************************************
*
* misc
*
***********************************************************************/

.content_wBG {
	margin-bottom:1.5em;
	width:490px;

}

.content_wBG_inner {
	padding:10px;		
}

p.emphasis, div.emphasis {
border:1px solid #99CDFF;
padding:5px;
margin-bottom:1em;
}

/* ContentTeaser (gro�) */

.content_teaser_big {
	background-repeat:none;
	position:relative;
        margin-bottom: 1em;
}

.content_teaser_big_content {
	position:absolute;
	width:100%;
	bottom:0;
	color:#fff;
}

.content_teaser_big_title {
	padding:8px 20px;
	font-size:22px;
	background:transparent url(ContentTeaser_titleBG.png);
}

.content_teaser_big_text {
	background-image:url(ContentTeaser_textBG.png);
	font-size:75%;
	font-weight:bold;
	padding:8px 20px 12px 20px;
}

.content_teaser_big a:link, .content_teaser_big a:visited, .content_teaser_big a:hover {
	color:#fff;
} 

/* Teaser */

.Custom_teaser_el {
	position:relative;
	border:none !important;
}

.overlay {
	position:absolute;
	top:5px;
	left:5px;
}

.overlay .title {
	color:#fff !important;
}

.overlay a {
	color:#000 !important;
}

/* ContentTeaser */

.ContentTeaserV2 {
	margin:0 0 1em 0;
	background: #CAE2EE;
	border-top: 10px solid #0066CB;
	clear: both;
}

.ctInner {
	padding:0.5em 1em 1em;
	overflow: hidden;
}

.ctTeaser {
	width: 505px;
	clear: none;
}

.ctHalf {
	float: left;
	width: 48%;
	margin-right: 3%;
	clear: none;
}

.ctOdd {
	float: right;
	margin-right: 0%;
}

.ContentTeaser_title {
  color:#0066CC;
  
}

.ContentTeaser_subtitle {
  color:#0066CC;
  margin: 0.5em 0 0 0;
  font-size: 75%;
}

.ContentTeaser_img {
	float: left;
}

.ctHalf .ContentTeaser_body {height: 1%;}

#containercontent_movie {
	float: left;
}
