/* Cascading Style Sheet
/*
/* Site:	baytubes.com
/* Client:  Bayer MaterialScience AG
/*
/* Version: 1.3.0
/* as of:	2008-07-02
/*
/* Code by:	Raytion GmbH, sk
/* Copyright 2007 - 2008, all rights reserved
/*
/*********************************************************/

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}

form {
	display: inline;
}

.clearer {
	clear: both;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
}

p {
	margin-bottom: 0.5em;
}

a:link, a:active {
	color: #f60;
	text-decoration: none;
}

a:visited {
	color: #bf4c00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.small {
	font-size: 0.8em;
}

.important {
	color: #f60;
}

/* =Head Styles
**********************************************************/

#head {
	position: absolute;
	top: 0;
	left: 0;
	width: 996px;
}

#head #logoBaytubes {
	float: left;
	margin: 10px 0 0 17px;
	display: inline;
}

#head #logoBayer {
	float: right;
	margin: 11px 20px 0 0;
	text-align: right;
	display: inline;
}

#head #metaNav {
	float: right;
	width: 258px;
	font-size: 11px;
	line-height: 15px;
}

#head #metaNav a:link, #head #metaNav a:visited, #head #metaNav a:active {
	color: #666;
	text-decoration: none;
}

#head #metaNav a:hover {
	color: #000;
	text-decoration: none;
}


/* =Primary Navigation Styles
**********************************************************/

#primeNav {
	position: absolute;
	top: 70px;
	left: 0;
	font-weight: bold;
	color: #fff;
	width: 996px;
	background: #099;
}

#primeNav ul {
	list-style-type: none;
	float: left;
	width: 995px;
}

#primeNav ul li {
	float: left;
}

#primeNav ul a {
	display: block;
	float: left;
	padding: 3px 10px 3px 10px;
	background-color: #099;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	font-size: 12px;
	line-height: 12px;
}

#primeNav ul a:hover {
	display: block;
	padding: 3px 10px 3px 10px;
	background-color: #c3ebeb;
	color: #099;
	text-decoration: none;
	border-right: 1px solid #fff;
	font-size: 12px;
	line-height: 12px;
}

#primeNav ul a.active, #primeNav ul a:hover.active {
	color: #fff;
	background-color: #f60;
}

#primeNav .home {
	width: 150px;
}


/* =Lefthand Navigation Styles
**********************************************************/

#leftNav {
	position: absolute;
	top: 89px;
	left: 0;
	width: 170px;
}

#leftNav ul {
	list-style-type: none;
	font-size: 12px;
	line-height: 15px;
}

#leftNav ul a {
	display: block;
	width: 152px;
	padding: 1px 0 2px 18px;
	background: #c3ebeb url(../images/bg_nav_i.gif) no-repeat left top;
	border-bottom: 1px solid #fff;
	color: #666;
	text-decoration: none;
}

#leftNav ul a:hover {
	display: block;
	width: 152px;
	padding: 1px 0 2px 18px;
	background: #c3ebeb url(../images/bg_nav_o.gif) no-repeat left top;
	border-bottom: 1px solid #fff;
	color: #000;
	text-decoration: none;
}

#leftNav ul a.active, #leftNav ul a:hover.active {
	background: #f60 url(../images/bg_nav_a.gif) no-repeat left top;
	color: #fff;
	text-decoration: none;
}

#leftNav ul a.l2{
	width: 139px;
	padding: 1px 0 2px 31px;
	background: #d1f3f3 url(../images/bg_nav_2nd_i.gif) no-repeat left top;
}

#leftNav ul a:hover.l2 {
	width: 139px;
	padding: 1px 0 2px 31px;
	background: #d1f3f3 url(../images/bg_nav_2nd_o.gif) no-repeat left top;
}

#leftNav ul a.l2active, #leftNav ul a:hover.l2active {
	width: 139px;
	padding: 1px 0 2px 31px;
	background: #f60 url(../images/bg_nav_2nd_a.gif) no-repeat left top;
	color: #fff;
	text-decoration: none;
}

#leftNav ul a.l3 {
	width: 126px;
	padding: 1px 0 2px 44px;
	background: #dffafa url(../images/bg_nav_3rd_i.gif) no-repeat left top;
}

#leftNav ul a:hover.l3 {
	width: 126px;
	padding: 1px 0 2px 44px;
	background: #dffafa url(../images/bg_nav_3rd_o.gif) no-repeat left top;
}

#leftNav ul a.l3active, #leftNav ul a:hover.l3active {
	width: 126px;
	padding: 1px 0 2px 44px;
	background: #f60 url(../images/bg_nav_3rd_a.gif) no-repeat left top;
	color: #fff;
	text-decoration: none;
}
	
	

#leftNav #bayerHl {
	display: block;
	width: 152px;
	padding: 1px 0 2px 18px;
	background: #999;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-weight: bold;
}

#leftNav .bayerLinks a:link, #leftNav .bayerLinks a:visited, #leftNav .bayerLinks a:active {
	display: block;
	width: 152px;
	padding: 0 0 0 18px;
	background: #fff;
	color: #666;
	text-decoration: none;
}

#leftNav .bayerLinks a:hover {
	display: block;
	width: 152px;
	padding: 0 0 0 18px;
	background: #fff;
	color: #000;
	text-decoration: none;
}

#leftNav #legal {
	width: 152px;
	margin: 4px 0 10px 0;
	padding: 4px 0 0 18px;
	font-size: 10px;
	line-height: 13px;
	border-top: 1px solid #666;
}

#leftNav #legal a:link, #leftNav #legal a:visited, #leftNav #legal a:active {
	color: #666;
	text-decoration: none;
}

#leftNav #legal a:hover {
	color: #000;
	text-decoration: none;
}


/* =Main Content Styles
**********************************************************/

#main {
	position: absolute;
	top: 89px;
	left: 171px;
	width: 510px;
	background: url(../images/bg_content.gif) no-repeat top left;
	padding: 25px 57px 10px 57px;
	font-size: 12px;
	line-height: 15px;
}

#main h1 {
	font-size: 21px;
	line-height: 24px;
	color: #f60;
	clear: both;
}

#main h2 {
	font-size: 18px;
	line-height: 21px;
	color: #666;
	margin-bottom: 5px;
	clear: both;
}

#main h3 {
	font-size: 16px;
	line-height: 18px;
	color: #666;
	margin-bottom: 5px;
	clear: both;
}

#main h4 {
	font-size: 14px;
	line-height: 18px;
	color: #666;
	margin-bottom: 5px;
	clear: both;
}

#main h5 {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 5px;
	color: #f60;
	clear: both;
}

#main ol {
	margin: 0 0 0.5em 0;
	padding: 0;
}

#main ol li {
	margin: 0 0 0 2.2em;
	padding: 0;
}

#main ul {
	margin: 0 0 0.5em 0;
	padding: 0;	
	list-style-type: none;
}

#main ul li {
	margin: 0;
	padding: 0 0 0 1em;
	background: url(../images/bg_ul.gif) no-repeat top left;
}

#main .imageLeft {
	float: left; 
	margin: 2px 15px 5px 0; 
	font-size: 11px; 
	color: #333;
	display: inline;
}

#main .imageRight {
	float: right; 
	margin: 2px 0 5px 15px; 
	font-size: 11px; 
	color: #333;
	display: inline;
}

#main .subline {
	font-size: 11px;
	color: #333;
}

#main .subhead {
	color: #f60;
}

#main .tabelle td {
	padding: 2px 0 2px 2px;
	border-bottom: 1px solid #ccc;
}

#main .tabelle thead {
	color: #fff;
}

#main .formular td {
	padding: 2px 0 5px 0;
}

#main a.h1intro, #main a:hover.h1intro {
	font-size: 21px;
	line-height: 24px;
	color: #fff;
	font-weight: bold;
	padding-top: 25px;
	display: block;
	text-decoration: none;
}

#main a.h2intro, #main a:hover.h2intro {
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	margin-top: 2px;
}

#main a.h3intro, #main a:hover.h3intro {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	margin-top: 2px;
}

#footer {
	border-top: 1px dotted #f60; 
	margin: 20px 0 10px 0; 
	padding-top: 5px; 
	font-size: 10px; 
	line-height: 12px;
	clear: both;
}

#footer .left {
	float: left;
}

#footer .right {
	float: right;
}

#main .faq {
	font-size: 14px;
	line-height: 16px;
	color: #666;
	font-weight: bold;
}

#main .team {
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #f60;
}

#main .team td {
	margin: 0;
	padding: 0 0 10px 0;
}

#main .teamTitle {
	font-size: 10px;
	line-height: 11px;
	font-weight: normal;
	color: #000;
}


/* =Right Margin Styles
**********************************************************/

#margin {
	position: absolute;
	top: 89px;
	left: 806px;
	width: 190px;
}

#margin .box {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 10px 0;
}

#margin .box .boxHead {
	width: 160px;
	padding: 14px 16px 4px 15px;
	background: url(../images/bg_infobox_head.gif) repeat-y top left;
	font-weight: bold;
}

#margin .box .boxMain {
	width: 160px;
	padding: 8px 15px 5px 15px;
	background: url(../images/bg_infobox_content.gif) repeat-y bottom left;
}

#margin .box .boxFoot {
	width: 190px;
	height: 17px;
	background: url(../images/bg_infobox_foot.gif) no-repeat top left;
}

/* =Form Styles
**********************************************************/

.contactForm .radio {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.contactForm .textarea {
	border: 1px solid #099;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	padding: 2px;
	width: 475px;
}

.contactForm .textinput {
	margin: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	padding: 6px 2px 2px 4px;
	width: 349px;
	height: 16px;
	background: url(../images/bg_textfiel.gif) top left no-repeat;
	border: none;
	vertical-align: text-bottom;
}

.contactForm table td {
	padding: 3px 5px 3px 5px;
}

/* =Newsletter Styles
**********************************************************/

#btSubscribe  .textarea {
	border: 1px solid #099;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	padding: 2px;
	width: 475px;
}

#btSubscribe  .textinput {
	margin: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	padding: 6px 2px 2px 4px;
	width: 349px;
	height: 16px;
	background: url(../images/bg_textfiel.gif) top left no-repeat;
	border: none;
	vertical-align: text-bottom;
}

#btSubscribe table td {
	padding: 3px 5px 3px 5px;
}