/**
 * Outline - define structure of pages
 *
 * $Id: outline.css 13904 2013-04-25 15:14:22Z evams $
 */

/* reset margins*/
* {
    margin:0;
    padding:0;
}

img {
    border:0;
}

hr, .hide {
    display:none;
}

/*basics - fix font-size to enable
best pix to em conversion */
html,body {
    font-size:16px;
    height:100%;
	font-family:Arial,Helvetica,sans-serif;
}

/*use the width attribute for a maximum width of
  all contents, use the escaped margin attribut
  to set it centered.*/
#wrapper {
    height:100%;
    min-height:100%;
    /*margin:0 auto*/
    width: 62.25em; /* 996 pixel */
    position: relative;
	background:#fff;
}


/*override the fixed height for modern browsers.*/
body > #wrapper {
    height:auto !important;
}

#logo h1 {
    display:none;
}

/*column styling*/
.column {
    float:left;
}

#right-col {
    float: right;
}

.two-column-layout #right-col {
    display:none;
}

#left-wrap {
    float:left;
    width:49.05em;
}
.two-column-layout #left-wrap {
    width: 62.25em;
}

#main {
    width: 37.8em;
    float: right;
    overflow:hidden;
}

.two-column-layout #main {
    width: 51em;
}

#bayerLogo {
    position:absolute;
}
.button-sponsor.disabled {
    background: #e1e1e1 none repeat scroll 0 0;
    cursor: no-drop !important;
}
.button-sponsor.disabled:hover {
    background: #e1e1e1 none repeat scroll 0 0;
}
/*
    block elements for modern browsers
*/
#contents:after,
#header:after,
#wrapper:after,
#sub-navigation ul:after,
#footer:after,
.float-box:after,
#right-col .teaser-box div:after,
form div.field-box:after,
form fieldset:after,
#main-navigation:after,
#main-navigation ul:after,
.legal-links a:after,
.legal-links li:after,
#main .paragraph-image-box-fl:after,
#main .paragraph-image-box-fr:after {
    content:"";
    display:block;
    visibility:hidden;
/*
    commented out because of floating problem in FF3.x
   clear:both;
*/
    height:0;
    font-size:1px;
}

/*Navigation styling*/
/*Content Navigation, left hand side*/
.content-navigation * {
    display:inline;
    list-style-type:none;
    font-style:normal;
    overflow:hidden;
}

.content-navigation a {
    display:block;
    clear:both;
    margin:0 0 0 0;
    padding:.125em;
    text-decoration:none;
    cursor:pointer;
}

.content-navigation a span {
    font-size:.75em; /*12 pixel*/
    padding:0 0 0 18px;
    display:block;
    cursor:pointer;
}

.content-navigation li li a span {
    padding:0 0 0 36px;
}

.content-navigation li li li a span {
    padding:0 0 0 46px;
}

.content-navigation li a {
    background-color:#fff;
    background-repeat:no-repeat !important;
    color:#339933;
    border-top:1px solid #99cc99;
}

.content-navigation li a:hover,
.content-navigation li a.n-active {
    background-color:#339933;
    color:#fff;
}


.content-navigation li a:hover span,
.content-navigation li a.n-active span {
    background-image:url(/static/css/images/arrow1.gif);
    background-repeat:no-repeat;
    background-position:1px .35em;
}

.content-navigation li li a:hover,
.content-navigation li li a.n-active {
    background-color:#e6f8df;
    color:#339933;
}

.content-navigation li li a:hover span,
.content-navigation li li a.n-active span {
    background-image:url(/static/css/images/arrow2.gif);
    background-repeat:no-repeat;
    background-position:18px .35em;
}

.content-navigation li li li a:hover span,
.content-navigation li li li a.n-active span {
    background-image:none !important;
}



.site-locator {
    border-bottom:1px solid #999;
    margin:0 0 .2em 0;
    padding-bottom:.4em;
}

.site-locator div.heading {
    font-weight:normal;
    font-size:.75em;
    color:#fff;
    padding:.2em .4167em .2em 18px;
    margin:0 0 .5em 0;
    background:#999;

}

.site-locator li {
    color:#727272;
    padding:0 .4167em .2em 0;
    font-size:.75em;
    margin:0 0 0 0;
}

.site-locator ul,
.legal-links ul {
    list-style-type: none;
}

.site-locator a,
.legal-links a {
    text-decoration:none;
    padding:0 0 0 18px;
    color:#727272;
}


.legal-links {
    padding:.2em 0 0 0;
}

.legal-links li {
    font-size:.625em;
    padding:0 .5em .1em 0;
    color:#727272
}

.legal-links a {
    display:block;
}

.legal-links a:hover {
    color:#000;
}

.legal-links a span {
    display:block;
    float:left;
}

.legal-links span span {
    padding:0 0 0 18px;
    display:block;
}


#sub-navigation ul {
    list-style-type:none;
    float:left;
    width:100%;
}

#sub-navigation li {
    display:inline;
}

#sub-navigation a {
    display:block;
    float:left;
}

.centered * {
    text-align:center;
}

.float-box .teaser-box,
.float-box .teaser-img,
.float-box .teaser-content {
    float:left;
    display:block;
    position:relative;
}

.float-box .teaser-content {
    width:100%;
}


#footer {
    clear:both;
    position:relative;
    padding:4.375em 0 1em 1.25em;
}

#footer ul {
    list-style-type:none;
    left:-1px;
    position:relative;
}

#footer li {
    float:left;
    background-repeat:no-repeat;
    background-position:left center;
    color:#3f4555;
    background-image:url(/static/css/images/nav_spacer.png);
}

#footer li a {
    color:#3f4555;
    text-decoration:none;
}

#footer li a:hover,
#footer li a.n-active {
    color:#000;
    text-decoration:underline;
}

#footer .container {
    position:relative;
    overflow:hidden;
    font-size:.6875em;
}
#footer .container li {
    padding:0 1em;
}

#VPop {
    position:absolute;
    left:0;
    top:0;
    display:none;
    border:1px solid #000;
    background-color:#FFF;
}

#VPop span.close-pop {
    display:block;
    position:absolute;
    right:.3em;
    top:.3em;
    width:10px;
    height:10px;
    overflow:hidden;
    cursor:pointer;
}

#VPop span.close-pop span {
    display:none;
}

#meta-nav {
    position:absolute;
    z-Index:100;
    overflow:hidden;
	bottom: 0.25em;
}

#meta-nav ul {
    list-style-type:none;
    position:relative;
    left:-1px;
}

#meta-nav li {
    float:left;
    font-size:.625em;
    padding:0 .5em;
    position:relative;
	background:url(/static/css/images/nav_spacer.png) no-repeat left center;
}
#meta-nav a {
    color:#5a5a5a;
    text-decoration:none;
}

#meta-nav a:hover {
	color:#3c3c3c;
   text-decoration:none;
}


/*needed for ie6 in quirksmode */
#header {
    width: 62.25em; /* 996 pixel */
    position: relative
}

.bayer70 #header ul.bayergroup {
    right: 9.8em;
    z-index: 400;
}
.bayer70 #header ul.bayergroup {
    clear: both;
    display: block;
    height: 16px;
    position: absolute;
    top: 4.4em;
}
.popup #wrapper {
    width: 100%;
}
.popup #header {
    width:26.25em /*420px*/;
    height:4.875em;
}
.popup #main {
    width:26.25em /*420px*/;
    float: none;
    margin: auto;
}

#logo {
	height:4.375em;
	position:relative;
	top:0px;
	width:33.6875em;
}

/*
 * do not clear right because of floating right column
 */
.two-column-layout,
.three-column-layout {
    clear:left;
}


#left-col {
    width:10.625em;
    margin-right:0.625em;
}

#right-col {
    width:13.125em;
}

#right-col .container {
    padding-left: .6875em;
}

#right-col p {
    font-size:.75em;
    line-height:1.2em;
    margin:0 0 1em 0;
}

div.important {
    margin:0 0 .75em 0;
}

.teaser-img {
    width:10.3125em;
}

#right-col .teaser-box img {
    display:block;
    width:100%;
}

#VPop .pop-title {
    font-size:.75em;
    padding:.2em .5em;
}

.teaser-box {
    background:#eaf8ff;
}

.teaser-box img {
    display:block;
    margin:0 auto .5em auto;
}

.teaser-box div {
    padding:.3333em .3333em 0 .3333em;
	font-size:.75em;
    /*margin-bottom:-.3333em;*/
}

.teaser-box div ul {
	list-style-position: inside;
	margin: 0 0 0 1em;
	padding: 0 0 0.7em;
	font-size:0.917em;
}

.float-box .teaser-box {
	width:10.9375em;
}

.float-box .teaser-content {
	width:25.625em;
	_width:26.725em;
	padding:.625em;
}

#right-col #pagetools div ul,
#right-col #AnchorNavigation div ul{
	margin-bottom:0;
	margin-top:.125em;
}

.content-navigation ul {
	display:block;
}

/* FAQ */

#faq dt {
    font-weight: bold;
}

#faq dd {
    margin-bottom: 1em
}

/* SURVEY */

#survey {
	width:500px;
}

#survey form input {
	width:auto;
}

#survey .topLeft,
.topLeft {
	background: url(/static/css/images/forms/topLeftBG.gif) left top no-repeat;
}
.topRight {
	background: url(/static/css/images/forms/topRightBG.gif) right top no-repeat;
	border-left:1px solid #CCCCCC;
}
.leftBG {
	background: url(/static/css/images/forms/leftBG.gif) left center repeat-y;
	border-top:1px solid #CCCCCC;
}
.rightBG {
	background : url(/static/css/images/forms/rightBG.gif) right center repeat-y;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
.bottomLeft {
	background : url(/static/css/images/forms/bottomLeftBG.gif) left bottom no-repeat;
	border-top:1px solid #CCCCCC;
}
.bottomRight {
	background: url(/static/css/images/forms/bottomRightBG.gif) right bottom no-repeat;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
.leftBG-noborder {
	background: url(/static/css/images/forms/leftBG.gif) left center repeat-y;
}
.rightBG-noborder {
	background: url(/static/css/images/forms/rightBG.gif) right center repeat-y;
	border-left:1px solid #CCCCCC;
}
.bottomLeft-noborder {
	background: url(/static/css/images/forms/bottomLeftBG.gif) left bottom no-repeat;
}
.bottomRight-noborder {
	background: url(/static/css/images/forms/bottomRightBG.gif) right bottom no-repeat;
	border-left:1px solid #CCCCCC;
}
.topLeft, .leftBG, .bottomLeft {
	color:#333333;
	font-size:12px;
}
.topRight, .rightBG, .bottomRight {
	color:#666666;
	font-size:10px;
}

strong.error {
	color:#FF0000;
}
.error-field {
	border:1px solid #FF0000;
}

#contents {
    border-left-color:#fff;
}


#right-col li a {
    color:#172063;
    text-decoration:none;
}

#right-col .teaser-box h4 {
   background:#e6f8df;
	font-size:.75em;
	padding:0.1em 0.5em 0.15em 0.7em;
}

#VPop span.close-pop {
    background:transparent url(/static/css/images/close.gif) no-repeat center center;
}

#VPop .pop-title {
    background:#172063;
    color:#FFF;
}

#VPop .pop-box {
    background:#dbebfa;
}

#right-col .teaser-box div {
	background-color:#F4F4F4;
}

#right-col .teaser-box div p{
	font-size:.65em;
	padding:0.1em 0.5em 0.15em 0.7em;
}


#right-col .teaser-box h5 {
   background:#e6f8df;
	font-size:.75em;
	padding:0.1em 0.5em 0.15em 0.7em;
}

#right-col .teaser-box #searchformfield {
	background-color:#FFFFFF;
	padding:0.1em 0.5em 0.15em 0.7em;
}

#right-col .teaser-box #searchformfield a{
	background:transparent url(/static/css/images/nups_tools_link.gif) no-repeat scroll 0 0.5em;
	color:#666666;
	display:block;
	font-size:0.7em;
	padding:0.1em 0pt 0.1em .8em;
	text-decoration:none;
}

#right-col .teaser-box #searchformfield button.submit {
		background:transparent url(/static/css/images/but_simplesearch_submit.gif) no-repeat scroll 0pt center;
		border:medium none;
		cursor:pointer;
		font-size:1.1em;
		height:1.3em;
		margin:0pt 0pt 0pt 0.3125em;
		overflow:hidden;
		padding:0pt;
		vertical-align:text-bottom;
		width:1.5em;
}

html > body #right-col .teaser-box #searchformfield input#q {
	border-width:1px;
}

#right-col .teaser-box #searchformfield input#q {
	border:0.1em solid #7FCCE5;
	font-size:0.917em;
	margin:0.3em 0pt 0pt;
	width:9em;
}

#right-col .teaser-box {
	margin-bottom:.625em;
}

#right-col .teaser-box ul.anchor-navigation li a{
	color:#666666;
}

#right-col #pagetools div,
#right-col #AnchorNavigation div {
	background-color:#FFFFFF;
}

/* styles from former mainnav.css */
/**
 * main navigation styles
 *
 * $Id: outline.css 13904 2013-04-25 15:14:22Z evams $
 */

#main-navigation {
    font-size: .75em;
    font-weight: bold;
    height: 1.5em;
    margin-bottom: .625em;
	/* Fix for IE6 problem */
    position: relative;
    z-index: 1
}

#main-navigation ul.sf-menu {
    height: 1.5em;
    list-style-type: none;
    list-style-position: outside;
}

#main-navigation ul.level2,
#main-navigation ul.level2 ul {
    display: none;
    z-index: 100;
    width: 14em;
}

#main-navigation li:hover ul.level2,
#main-navigation ul.level2 li:hover ul {
    display: block;
}

#main-navigation a {
    padding: 0 0.5em;
    height: 100%;
}

#main-navigation a,
#main-navigation a:link,
#main-navigation a:visited{
    text-decoration: none;
}

#main-navigation .sf-menu a {
    display: inline;
    overflow: hidden;
    padding-bottom: .25em;
}

#main-navigation .sf-menu a span {
    top: .1em;
    position: relative
}

#main-navigation li {
    height: 1.5em;
}

#main-navigation .level2 li {
    height: auto;
}

#main-navigation li.homelink {
    width: 14.125em;
    overflow: hidden;
}

#main-navigation li.homelink a {
    padding-left: 1.4em;
    display: block
}

#main-navigation .level2 a {
    padding: 0.1em 0.5em 0.1em 1.6em;
    display: block;
    font-weight: normal
}

#main-navigation ul.home a {
    width:12.666em;
    padding:.2em 0 0 18px;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style:	none;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
}
.sf-menu ul li {
    width: 100%;
}
.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float: left;
    position: relative;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0;
    top: 1.5em; /* match top ul list item height */
    z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 14em; /* match ul width */
    top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 14em; /* match ul width */
    top: 0;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background:	url('images/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

/* styles from former form.css */
select,
input,
textarea {
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}
fieldset {
    border:0;
}

.formmanager {
    font-size: .75em;
}

.formmanager .error {
    color: red;
}

.formmanager fieldset div.field-box {
    padding:0 0 0 10em;
    margin:0 0 .5em 0;
}

.formmanager legend {
    font-weight:bold;
    padding:1em 0 .5em 0;
}

.formmanager label {
    display: block;
    float: left;
    width: 10em;
}

.formmanager div.field {
    width: 100%;
	clear: left;
}

.formmanager div.input
{
    margin-top: .3em;
    margin-left: 10em;
}

.formmanager div.input label
{
    display: inline;
    float: none;
    padding-right: 1.5em
}
.formmanager div.input label input
{
    vertical-align: bottom;
    margin-right: .5em
}

.formmanager div.errors {
    padding-left: 10em;
    color: red;
}

.formmanager div.validation_failed input,
.formmanager div.validation_failed textarea {
    border: 1px solid red;
    background-color: #fee
}

.formmanager #toolbar input {
    cursor: pointer;
}

.formmanager #toolbar {
    clear: both;
}

.formBtn {
    text-align:right;
    border-top:1px solid #172063;
    padding:.5em .3em 0 0;
}

#Main form button {
    overflow:visible;
    border:1px solid #EDEDED;
    background:#172063;
    color:#fff;
    padding:.2em .6em;
    font-size:.75em;
    cursor:pointer;
    font-weight:bold;
    margin:0 0 0 .3em;
}

dd label input {
	float: left !important;
}

dd label {
	float: left;
}

/* styles from former components fontsizer.css */

.fontsizer div {

}

.fontsizer {
    padding-bottom:1.125em;
    clear:both;
    height:2em;
}

.size-controls,
.size-description {
    float:left;
    margin: 0.5em;
}

.size-controls {
    position:relative;
}

.size-controls .size {
    width:10px;
    height:14px;
    float:left;
    margin:0 0 0 1px;
    position:relative;
    overflow:hidden;
}

.size-controls .size span span {
     display:none;
}

.size-controls .size span {
     display:block;
     background-color:#c9d9e5;
     position:absolute;
     width:10px;
     bottom:0;
     cursor:pointer;
     overflow:hidden;
}

.size-controls .control {
    float:left;
    width:9px;
    height:9px;
    overflow:hidden;
    position:relative;
    top:5px;
    cursor:pointer;
}

.size-controls .control span {
    display: none;
}


.fs-minus {
    background:transparent url(/static/css/images/fs_minus.gif) no-repeat center center;
    margin:0 2px 0 0;
}

.fs-plus {
    background:transparent url(/static/css/images/fs_plus.gif) no-repeat center center;
    margin:0 0 0 3px;
}

.fs-minus.disabled {
    background-image:url(/static/css/images/fs_minus_disabled.gif);
}

.fs-plus.disabled {
    background-image:url(/static/css/images/fs_plus_disabled.gif);
}


.size-controls .fs_size1 span {
    height:6px;
}

.size-controls .fs_size2 span {
    height:10px;
}

.size-controls .fs_size3 span {
    height:14px;
}

.size-controls .active span {
    background-color:#0099cc !important;
}

.size-description {
    height:14px;
    font-size:12px;
    position:relative;
    width:8em;
}

.size-description span {
    position:absolute;
    display:block;
    bottom:-3px;
}

/* styles from former components/pagetools.css */

.pagetools li {
    font-size:.75em;
    line-height:1.3em;
    cursor:pointer;
}

.pagetools ul {
    list-style-type:none;
    margin:.5em;
}

.pagetools * {
    text-decoration:none;
    color:#0099cc !important;
}

.pagetools h4 {
	color:#666666 !important;
}

.pagetools .print a {
    background:#fff url(/static/css/images/print.gif) no-repeat left center;
    padding:0 0 0 18px;
}

.pagetools .add-bookmark a{
    background:#fff url(/static/css/images/favorites.gif) no-repeat left center;
    padding:0 0 0 18px;
}

.pagetools .contact a{
    background:#fff url(/static/css/images/contact.gif) no-repeat left center;
    padding:0 0 0 18px;
}

/* styles from formaer search.css */
.simplesearch fieldset {
    margin: 0.5em;
}
.simplesearch input#q {
    width: 12.6em;
    float:left;
}
.simplesearch button.submit {
    background:url("../images/but_simplesearch_submit.gif") no-repeat 0 0 transparent;
    border: none;
    cursor:pointer;
    font-size:1.1em;
    height:1.4em;
    margin:0 0 0 0.3125em;
    overflow:hidden;
    width:1em;
    float:left;
}
button.submit span {
    display:none;
}

/* search form */
#search_form .field {
   clear: both;
}

.formmanager #search_form label {
    width: 14em;
}

fieldset {
  border: 0 none;
}
fieldset#query, fieldset#occurency {
    clear: both;
    margin: 0 0 1.25em;
    padding: 0;
}
fieldset.advsearch dl {
    background-color: #EAF8FF;
    height: 100%;
    margin: 0;
    padding: 0.4375em;
     width: 100%;
}
fieldset.advsearch dl label {
    float: left;
    line-height: 1.5em;
    width: 49%;
}

DIV#content DIV.body .formmanager div.text,
DIV#content DIV.body .formmanager div.select {
  padding:.5em 0;
    background: none repeat scroll 0 0 transparent;
}
DIV#content DIV.body fieldset.advsearch div.text,
DIV#content DIV.body fieldset.advsearch div.select {
    float: right;
    width: 45%;
    padding: 0;
}

.formmanager div.text input,
.formmanager div.password input,
.formmanager div.textarea textarea,
.formmanager div.select select {
  border: 1px solid #7FCCE5;
    color: #666666;
    font-size: 0.9em;
    font-weight: normal;
    padding: 0.125em 0.0625em 0.0625em;
    width: 88%;
    margin-right:3px;
}
/* search form - ende */
/* search pager */
.pager {
    background: none repeat scroll 0 0 #EBF8FF;
    display: block;
    height: 17px;
    margin: 1em 0;
    padding: 0.2em 0;
    width: 100%;
}
.pager .paging {
  float:left;
  margin: 0 0 0 2px;
}
.pager .rpaging {
  float:right;
  margin: 0 2px 0 0;
}
.pager .paging span.p {
  display:block;
  float:left;
  width:9px;
  height:9px;
  margin: 4px 0 0 4px;
}
.pager .paging a.p {
  display:block;
  float:left;
    margin: 1px 0 0 4px;
    text-decoration: none;
    color: #333333;
}
.pager .paging a.p.active {
  font-weight: bold;
    color: #0099CC;
}
.pager .paging span.p a {
  height:9px!important;
  width:9px!important;
}


span.p span span {display:none;}

.result {
  clear:both;
    border-bottom: 2px solid #A8DCEA;
    clear: both;
    padding: 1em 0;
}
/* search pager - ende */
/* sections */
.homepage .row {
    clear: both;
}

.homepage .col {
    float: left;
}

.homepage .cols1 .col {
    width: 100%;
}

.homepage .cols2 .col {
    width: 50%;
}

.homepage .cols3 .col {
    width: 33%;
}


/* sections end */
.cosycontent {
  color: #fff;
}