@charset "utf-8";
 
 /***************************************************************
 * Reset All (* = wildcard)
 *
 * As for devices, you never can be sure what kind of set up and 
 * preferences are in use, so we first want to reset it. 
 **************************************************************/
 
* {
	border: 0;
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, verdana, sans-serif; /* you may want to change this */
	outline: 0;
	vertical-align: baseline;
	color: #515151;
}
sup {
	vertical-align: super;
}
*html sup a {
	vertical-align: top;
}
*+html sup a {
	vertical-align: top;
}

/*****************************************************************
 * configure: Elements::Links (standard def - you may override it 
 * later for individual elements)
 ****************************************************************/
 
	 /* matches all links */
	:link, :visited { color: inherit; text-decoration: none } 
	/* matches hover links */
	:link:hover, :visited:hover { color: inherit; text-decoration: underline }
	/* matches focused links */
	:link:focus, :visited:focus { color: inherit }
	/* matches active links */
	:link:active, :visited:active { color: inherit }

/***************************************************************
 * Floats + clearing
 **************************************************************/
 
	.floatLeft { float: left }
	.floatRight { float: right }
	.centered {	margin: 0 auto 0 auto }
	/* old clearing method for br's and div's - but try to avoid this whenever you can!  */
	.clear { clear: both; font-size: 0.1% }
	/* new style: instead of a br or div after the floats, we also can wrap the floats - Use this! */
	.clearfix:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden
	}
	.clearfix {display: inline-block }
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1% }
	.clearfix {display: block }
	/* End hide from IE-mac */
	
/***************************************************************
 * Native Defs + Extras 
 **************************************************************/

/* preset line height */
* { }

/* paragraph's */
 p { padding: 0 0 20px 0 }
 p.last { padding: 0 0 0 0 }
 p.paragraph { padding-bottom: 20px }
 
h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
 
/***************************************************************
 * MainGrid
 * 
 * All MainGid Stuff works fine in all Browsers - so do NOT change 
 * anthing in here until "MainGrid End". Fonts and stylings will be 
 * defined a little more below at the "StyleGrid" section.
 **************************************************************/
html { background: #f9f9f9 }

.pad-T { padding-top: 8px }
.pad-B { padding-bottom: 10px }
.pad-2-B { padding-bottom: 2px }
.pad-T-B { padding: 10px 0 10px 0 }
.pad-L-R { padding: 0 10px 0 10px }
.pad-TLBR { padding: 10px }

/* center is just the wrapper for the main elements */
.center { background: #fff; width: 914px; margin: 0 auto 0 auto; }

/* grid header: */ 
#header {
 	background: #00ccff url(/img/gsk/avamys/bogen_header_tuerkis.gif) right bottom no-repeat;
 	margin: 0 auto 0 auto;
	width: 898px;
}
#header img.logoText { margin:52px 0px 3px 10px }

#mainWrapper { 
	background-image: url(/img/gsk/avamys/mainWrapperBG.gif); 
	background-repeat: repeat-y;
	background-position: -2px;
	width: 906px; 
	border-bottom: 8px solid #fff;
	position: relative;
	z-index: 1000
}
/*#navigation { width: 160px; margin-left: 10px; padding-bottom: 162px; }*/
/* grid content: */
#contentWrapper { }
* html #contentWrapper { }  
#contentWrapperFix { width: 718px; }
* html #contentWrapperFix { width: 728px }
#contentHeader { margin-left: -10px; }
* html #contentHeader { margin-left: 0 }
#contentHeader { border-bottom: 10px solid #fff; border-top: 8px solid #fff; height: 135px }
#contentHeader img { display: block; }

* html #contentWrapperInside { /*margin-top: -3px; */}
/* grid actual content: */
#content { width: 490px; margin-left: -10px; font-size: 11px; padding: 39px }
*html #content { margin-left: 0px; }
html>body #content { margin-top:-3px }

#contentHome { width: 568px; margin-left: -10px; font-size: 11px; background: #fff }
* html #contentHome { margin-left: 0px;   }
/**+html #contentHome { margin-top:-3px }
*/
#teaserBox { width: 150px; }
*html #teaserBox { margin-right: 0; }
/*html>body #teaserBox { margin-right: 0; margin-top: -3px }*/

/* grid footer */
#footerWrapper { background: #f9f9f9; position: relative; padding-top: 20px; }

#footerWrapper * { color: #828282 }
#footerExtra { width: 158px; padding-left: 20px; }
#footerWrapper .extraSpace { padding-top: 46px }
#footerLinks { width: 736px;  }
#footerSpace { clear: both; height: 5px; overflow:hidden }
*html #footerSpace { height: 15px; }
*+html #footerSpace { height: 15px; }
#bookmarks{
	margin:15px 0 0 0;
}

#gskBg {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 110px;
	height: 37px;
	border-top:8px solid #fff;
	padding:16px 25px;
	margin:0px 10px 0 8px;
}
#gskLogo {
	z-index: 103;
	width: 160px;
	height: 60px;
}
#troepfchen {
	position:absolute;
	left:8px;
	bottom: 78px;
	z-index:9;
	width: 160px;
	height: 217px;
	background:  url(/img/gsk/avamys/Zuschnitt_Tropfenimage.jpg) scroll no-repeat left bottom;
}
/*
 * SideBar Elements
 */
#sideBarSearch { 
	background: #00ccff url(/img/gsk/avamys/teaserbox_ph_bg.gif) right top no-repeat;
	height: 70px;
}
#sideBarECards {
	
}
.teaserbox p {
	padding: 10px
}
/*
 * navigation list 
 */
#navigation { font-size: 11px; margin-top: 15px; margin-left: 15px; overflow: hidden; padding-bottom: 195px; position:relative; z-index:10; }
* HTML #navigation { width: 140px; margin-left: 10px }
html>body #navigation { width: 140px; margin-left: 15px }

#navigation div a:hover { background: url(/img/gsk/avamys/bullet_nav_hover.gif) left top no-repeat }
#navigation a, #navigation span {
	display: block;
	padding-left: 15px;
}
.navigation-1 	{ margin-bottom: 11px }
.navigation-1 a { margin-left: 0;font-size: 12px; font-weight: bold;}
.navigation-1 span { margin-left: 0;font-size: 12px; font-weight: bold;}
.navigation-2 	{ margin-bottom: 11px }
.navigation-2 a { margin-left: 15px;}
.navigation-2 span { margin-left: 15px;}
.navigation-3 	{ margin-bottom: 11px }
.navigation-3 a { margin-left: 30px;}
.navigation-3 span { margin-left: 30px;}
#navigation-active a { color: #00CCFF !important; background: url(/img/gsk/avamys/bullet_nav_active.gif) left top no-repeat; font-weight: 600 }
#navigation-active a:hover { background: url(/img/gsk/avamys/bullet_nav_active.gif) left top no-repeat !important; }

#wabBanner {
	margin-top: 17px;
	margin-left: 14px;
	display: block;
}
/*
 * Font Stuff
 */
.linked {}
.fillText, .fillText a, .fillText a:visited, .fillText a:hover, .fillText a:active, .fillText a:focus { color: #00ccff }

.font-smaller	{ font-size: 9px }
.font-small		{ font-size: 10px }
.font-medium	{ font-size: 11px }
.font-large		{ font-size: 12px }
/*
 * Content Related Stylez
 */
#content h1 { color: #00CCFF; font-size: 14px; font-weight: 800 !important; padding-bottom: 30px; text-transform: uppercase; text-align: left !important; }
#content h2 { color: #00CCFF; font-size: 12px; font-weight: 800 !important; padding-bottom: 20px; text-align: left !important; }
#content p, .teaser_pollen {  text-align: justify; }

/* Center Teaser */

.teaserInt { background: #fff url(/img/gsk/avamys/ecke_rund_weiss.jpg) right top no-repeat; }
.teaserInt img {
	float: left;
	text-align:justify;
	margin-right: 20px
}
.teaserInt h2, .teaserIntNoImg h2 { padding-top: 20px; padding-bottom: 20px; }
.teaserInt a, .teaserIntNoImg a {
	color: #515151;
	font-weight: bold;
	display: block;
}
.teaserInt a img.teaserInt, .teaserIntNoImg a img.teaserIntNoImg  {
	float: none;
	margin: 0px;
	display: inline;
}
.teaserInt h2 a, .teaserIntNoImg h2 a { color: #00CCFF; }

#centerpage div.teaserInt {
	background: #fff;
	padding-right: 20px;
	position: relative;
	margin-bottom: 10px;
	text-align:justify;
	background-image: url(/img/gsk/avamys/ecke_rund_weiss.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#centerpage div.teaserInt div {
	text-align:justify;
	padding-bottom: 10px;
}
#centerpage div.teaserInt img {
	float: left;
	margin-right: 20px;
}
#centerpage div.teaserInt p.floatright {
	margin: 0px;
	padding: 0px;
}
#centerpage div.teaserInt h2 {
	font-size: 12px;
	color: #00ccff;
	padding-top: 15px;
	padding-bottom: 10px;
	text-align:left;
}
#centerpage div.teaserInt a {
	color: #515151;
	font-weight: bold;
	display: block;
}
#centerpage div.teaserInt a img.teaserInt {
	float: none;
	margin: 0px;
	display: inline;
}
#centerpage div.teaserInt h2 a, #centerpage div.teaserIntNoImg h2 a { color: #00CCFF; }

/* sitemap */
.sitemapLevel-1 { font-weight: 800; padding-top: 17px }
.sitemapLevel-2 { background: #F9F9F9 url(/img/gsk/avamys/pfeil_link_grau.gif) left top no-repeat; padding-left: 10px; margin-top: 3px; margin-left: 10px }
.sitemapLevel-3 { background: #F9F9F9 url(/img/gsk/avamys/pfeil_link_grau_1.gif) left top no-repeat; padding-left: 10px; margin-top: 3px; margin-left: 25px }
.sitemapLevel-4 { background: #F9F9F9 url(/img/gsk/avamys/pfeil_link_grau_1.gif) left top no-repeat; padding-left: 10px; margin-top: 3px; margin-left: 40px }

/* Lexikon */
#glossary h1 { margin-bottom: 25px }
#glossary h2 {
	font-size: 12px;
	margin-bottom: 17px;
}
#glossary img {
	display: block;
	margin-bottom: 20px;
}
#glossary p.faqerat {
	padding: 0px;
	margin-top: 21px;
	margin-bottom: 0px;
	color: #00CCFF;
	font-weight: bold;
	font-size: 12px;
}
#glossary a.faqerat {
	width: 12px;
	height: 15px;
	padding-top: 1px;
	padding-left: 4px;
	margin-right: 2px;
	background-image: url(/img/gsk/avamys/quadrat_alphabet_grau.jpg);
	background-repeat: no-repeat;
	color: #00CCFF;
	font-weight: bold;
	display: block;
	float: left;
}
#glossary a.hilite {
	background-image: url(/img/gsk/avamys/quadrat_alphabet_tuerkis.jpg);
	color: #FFFFFF;
}
#glossary #glossaryMenue { margin-bottom: 27px; }

/*Home Teaser*/

.startTeaserBig {
	height: 240px;
	width: 239px;
	background: #f9f9f9;
	margin-bottom:10px;
	overflow:hidden;
	padding: 20px;
	text-align: left;
	float: right;
}
.startTeaserSwf{
	height: 280px;
	width: 279px;
	background: #f9f9f9;
	margin-bottom:10px;
	overflow:hidden;
}
	
.startTeaserBig h1 { color: #00CCFF; font-size: 14px; text-transform: uppercase; margin-bottom: 20px; }
.startTeaserBig p{ }
	
.startTeaserSmall{
	height: 43px;
	width: 262px;
	padding:92px 5px 0px 12px;
	display: block;
}
/*.startTeaserSmall{
	height: 135px;
	width: 279px;
}
.startTeaserSmall div{padding:92px 5px 0px 12px;}*/

/*Content, Article*/
#content ul {
	list-style-image: url(/img/gsk/avamys/bullet_bogen_orange.gif);
	margin-right: 10px;
	margin-left: 40px;
	vertical-align: middle;
	margin-bottom: 20px;
}
* html #content ul {
	margin-bottom: -10px;
}
*+html #content ul {
	margin-bottom: -10px;
}
#content ul li {
	margin-bottom: 10px;
}
#referenzen ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
}
#referenzen ul li {
	margin-bottom: 14px;
}
#article div.linkIntExt  {
	padding-top: 22px;
}
#article div.linkIntExt a {
	background-image: url(/img/gsk/avamys/pfeil_link_grau.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
	color: #515151;
}
#article div.articleFooter  p {
	padding: 0px;
}
#article div.articleFooter  p.artSrc {
	padding-top: 16px;
}
#article div.articleFooter  p.artImgSrc {
	padding-top: 22px;
}
div.articleBox {
	background: #fff;
	color: #00ccff;
	font-size: 12px;
	font-weight: bold;
	width: 208px;
	padding: 20px;
	margin-right: 18px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
}
div.articleTeaser {
	margin-top: 10px;
	margin-bottom: 10px;
}
div.articleTeaser div {
	width: 240px;
	height: 85px;
}
div.articleTeaser img {
	float: left;
	border: 0px none;
}
div.articleTeaser p {
	background: #fff;
	padding-top: 15px;
	padding-left: 18px;
	padding-right: 8px;
	padding-bottom: 0px;
	margin: 0px;
	height: 70px;
	width: 154px;
	display: block;
	float: right;
}
div.articleTeaser a {
	color: #515151;
	font-weight: bold;
	display: block;
}
div.articleTeaser p a img {
	float: none;
}
/* Teaserbox */
div.stdTbox { padding-top: 18px; padding-left: 10px; padding-right: 4px }
div.stdTbox div.TboxHdg, div.stdTbox h2 { 
	font-size: 11px;
	font-weight: bold;
	color: #00ccff;
	padding-bottom: 18px;
	text-transform: uppercase;
}
div.stdTbox div.TboxHdg a, div.stdTbox h2 a { 
	color: #00ccff;
}
div.stdTbox  img.stdTbox { float: left; margin-right: 5px; margin-bottom: 5px; }
div.stdTbox  a.stdTbox { font-weight: bold; }
div.stdTbox  p { margin: 0px; padding: 0px; }
div.stdTbox  p.stdTbox { padding-top: 3px; }
div.stdTbox  span { font-weight: bold; }

a.tBoxNav { 
	width: 136px;
	height: 27px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
}
a.tBoxNav:hover { 
	width: 136px;
	height: 27px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px -27px;
	overflow: hidden;
}
a.navLu {
	background-image: url(/img/gsk/avamys/luft.gif);
}
a.navEr {
	background-image: url(/img/gsk/avamys/erat.gif);
}
a.navFo {
	background-image: url(/img/gsk/avamys/forum.gif);
}
a.navPk {
	background-image: url(/img/gsk/avamys/pollenflug.gif);
}
.boBo { border-bottom: 10px solid #fff; padding-bottom: 20px; }
.colorTk { color: #00ccff }
p.colorTk a { color: #00ccff; font-weight:bold }
p.colorTk a:hover { color: #00ccff; font-weight:bold }
.colorLg { color: #828282 }

/* Print */
#contentPrint #content {
	margin-left: 0px;
}
#contentPrint #content h1 {
	color: #515151;
}
#contentPrint #content h2 {
	color: #515151;
}
#contentPrint .startTeaserSwf { display: none } 
#contentPrint .startTeaserSmall { display: none }
#contentPrint .startTeaserBig a { display: none }
#contentPrint .startTeaserBig { float: none; height: auto; width: auto; background: #fff;}

/*Content-Seiten Pollen */
.navigation_pollen A:link    { color: #00ccff }	
.navigation_pollen A:hover   { color: #00ccff }	
.navigation_pollen A:visited   { color: #00ccff }	
.navigation_pollen A:hover  { color: #00ccff }
.teaser_pollen A:hover  { color: #515151 }
.teaser_pollen { padding: 20px 20px 20px 20px;}
.teaser_pollen b.ie7Fix { display:block; min-width: 0 }
.teaser_abstand { margin-top: 10px; clear: both; }
.teaserbild_pollen { float: left; margin-right: 20px; }

/*Content-Seiten Richtig Anwenden */
div.navigation_anwenden { margin-top: 22px; margin-bottom: 22px }
div.navigation_anwenden a { margin-right: 25px }
div.navigation_anwenden img { margin-left: 3px }
.navigation_anwenden A:link    { color: #00ccff; font-weight: bold }	
.navigation_anwenden A:hover   { color: #00ccff; font-weight: bold }	
.navigation_anwenden A:visited   { color: #00ccff; font-weight: bold }	
.navigation_anwenden A:hover  { color: #00ccff; font-weight: bold }


/* DocCheck Login */
h1.doccheck {
	padding-bottom:0px !important;
	line-height:1.3;
}

#logincontainer {
	background: transparent url(/img/gsk/avamys/doccheck_login_bg.gif) no-repeat;
	padding:25px 40px 0px 120px;
	margin:15px auto;
	height: 123px;
	position: relative;
}
#logincontainer #dcLogo {
	display: block;
	width: 109px;
	height: 127px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-decoration: none;
}
#logincontainer h2, #logincontainer h2 a {
	font-size: 11px;
	color: #00ccff;
	padding-bottom: 5px;
	text-decoration: none;
}
#logincontainer h2 sup {
	color:#00CCFF;
}
#logincontainer p {
	font-size:11px;
	margin:0px 0px 15px;padding:0;
}
#logincontainer form {
	margin:0;padding:0;
}
#logincontainer .formcontainer {
	clear:both;
	padding:3px 0px;
	width:330px;
	overflow:hidden;
}	
*+html #logincontainer .formcontainer {
	padding:2px 0px;
}
* html #logincontainer .formcontainer {
	padding:2px 0px;
}
#logincontainer .formlabel,
#logincontainer .formfield {
	float:left;
}
#logincontainer .formlabel {
	width:80px;
	padding:1px 0px;
}
#logincontainer .formlink {
	float:right;
	width:70px;
	line-height:11px;
}
#logincontainer .formlink img {
	background:transparent;
}
#logincontainer .formlinkhigher {
	margin-top:-4px;
}
*+html #logincontainer .formlinkhigher {
	margin-top:-3px;
}
* html #logincontainer .formlinkhigher {
	margin-top:-2px;
}
#logincontainer input {
	height:16px;
	border:none;
	width:108px;
	padding-right:4px;
	background: #fff url(/img/gsk/avamys/doccheck_input_bg.gif) no-repeat right;
}
#logincontainer .submitimage {
	height:15px;width:15px;
	background:transparent;
	margin: 1px 6px;
	padding:0px;
}
* html #logincontainer .submitimage {
	margin:2px 6px;
}
*+html #logincontainer .submitimage {
	margin:2px 6px;
}
#logincontainer a {
	color:#515151;
}

#bodyWrapper {
	margin:0 auto;
	position:relative;
	width:914px;
}

#skyscraperRight {
	position:absolute;
	left:929px;
	width:120px;
	top:87px;
	*top:90px;
}

/***************************************************************
 * Reference Bubble
 **************************************************************/
 
 .refBubbleBg {
	font-size: 11px;
	padding-top: 19px;
}
.refBubble p {
	margin: 0;
	padding: 3px 15px 3px 15px;
}
.refBubble img { display: block; }