@import url(forms.css);

/* Basic Settings ------------------------------------------------ */

* {
margin: 0;
padding: 0;
list-style-type: none;
}

html {
font-size: 75%;
}

html>body {
font-size: 12px;
}

body {
text-align: center;
line-height: 1.5833em;
font-family: arial, sans-serif;
background: white;
padding: 0 15px;
}

.hideme {
position: absolute;
top: -9999em;
left: -9999em;
}

td {
font-size: 1em;
}

div#wrapper {
position: relative;
margin: 0 auto;
text-align: left;
width: 60.8333em;
}

a img {
border: none;
text-decoration: none;
vertical-align: middle;
}

a:link, a:visited {
color: #0c2c81;
text-decoration: underline;
}

a:focus, a:hover, a:active {
color: #af2a42;
}

body#preview {
	padding: 15px;
}

.clear {
clear: both;
}

#logo_wrapper {
  text-decoration: none;
  overflow: hidden;
  position: relative;
  float: left;
  width: 34.66666666667em;
}

/* Head Area ------------------------------------------------ */

img#logo {
position: relative;
margin: 0.8em 0 0 0;
left: -0.8em;
float: left;
}

object#logo {
position: relative;
margin: 0.8em 0 0 0;
left: -0.8em;
float: left;
width: 17.6em;
height: 6.2em;
}

/* Global Navigation ------------------------------------------------ */

ul#global-navi {
float: right;
font-size: 0.83333em;
line-height: 1.1em;
margin: 4.2em 0 0 0;
width: 31.3em;
text-align: right;
}

#global-navi li {
display: inline;
}

#global-navi li.search {
  display: block;
  margin-bottom: 0.6em;
}

#global-navi form {
display: inline;
}


#global-navi li a {
font-size: 1em;
text-align: center;
padding: 0.1em 0.3em;
margin: 0.1em 0.9em 0 0;
}

#global-navi li a:link,
#global-navi li a:visited {
text-decoration: none;
color: #888;
}

#global-navi li a:focus,
#global-navi li a:hover,
#global-navi li a:active,
#global-navi li.active a:link,
#global-navi li.active a:visited {
background: #bbb;
color: white;
}

#global-navi input {
vertical-align: middle;
}

#global-navi input#global_searchfield {
border: 0.1em solid #aaa;
width: 10.7em;
height: 1.3em;
font: normal 1em/1.2 arial, sans-serif;
padding: 0 0.3em;
color: #888;
margin: 0 0.2em 0 0.5em;
}

#global-navi input#global_searchbutton {
width: 1.49em;
height: 1.49em;
border: 0;
background: #0c2c81 url(../img/searchbutton.gif) center center no-repeat;
text-indent: -990em;
cursor: pointer;
color: #0c2c81;
}

#global-navi input#global_searchbutton:hover {
background: #af2a42 url(../img/searchbuttonhover.gif) center center no-repeat;
}

#wrapper #text_size a{ 
	padding: 0.2em;
	margin: 0;
}

#global-navi fieldset {
border: none;
display: inline;
vertical-align: middle;
overflow: visible;
height: 2em;
}

li.sendpage {
padding-left: 10px;
background: url(../img/envelope.gif) 0 50% no-repeat;
}

li.printpage {
padding-left: 10px;
background: url(../img/printer.gif) 0 50% no-repeat;
}


/* Title Image ------------------------------------------------ */

div#titleimage {
clear: both;
border-top: 0.4em solid white;
position: relative;
clear: both;
margin: 0.6em 0;
width: 60.8333em;
height: 4.6666em;
overflow: hidden;
}

#titleimage div,
#titleimage img {
position: absolute;
height: 100%;
width: 100%;
}

/* Live-Search --------------------------------------------------- */


#livesearch_matches {
text-align: left;
z-index: 1000;
position: absolute;
top: 8.2em;
right: 2.1em;
background: white;
border: 1px solid #999;
font-size: 0.95em;
width: 42em;
padding: 1.8em 1.2em 0.5em 1.2em;
}

#livesearch_matches ul,
#livesearch_matches dl {
margin-bottom: 2em;
overflow: hidden;
width: 100%;
}

#livesearch_matches ul li,
#livesearch_matches dl dd, 
#livesearch_matches dl dt {
font-size: 1.1em;
display: block;
line-height: 1.4em;
margin-bottom: 0.4em;
}

#livesearch_matches dl dt {
float: left;
color: #888;
}

#livesearch_matches dl dd {
margin-left: 7em;
}

#livesearch_matches a#closesearch {
display: block;
position: absolute;
top: -0.1em;
right: -0.9em;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
}


#livesearch_matches span {
font-weight: normal;
margin-left: 1em;
}

#livesearch_matches h2 {
position: relative;
margin: 0 0 0.8em 0;
padding: 0 0 0.4em 0;
border-bottom: 1px solid #999;
}

#livesearch_matches dl a,
#livesearch_matches ul a {
padding: 0;
}

#livesearch_matches dl a:link,
#livesearch_matches dl a:visited,
#livesearch_matches ul a:link,
#livesearch_matches ul a:visited {
color: black;
text-decoration: underline;
}

#livesearch_matches dl a:focus,
#livesearch_matches dl a:hover,
#livesearch_matches dl a:active,
#livesearch_matches ul a:focus,
#livesearch_matches ul a:hover,
#livesearch_matches ul a:active {
color: #af2a42;
background: none;
}




/* Main Navigation ------------------------------------------------ */

ul#main-navi {
font-family: arial, sans-serif;
font-size: 0.91666em;
width: 100%;
background: #0c2c81 url(../img/abdeckung.gif) no-repeat 0 1.8em;
height: 2.454545em;
line-height: 1.7em;
margin: 0;
height: 2.5em;

}

#main-navi li {
float: left;
position: relative;
height: 100%;
/*padding-right: 2px;*/
z-index: 200;
}

#main-navi li a {
float: left; /* only for IE/Mac */
display: block;
padding: 0 1.7em 0.12em 1.7em;
padding: 0 1.75em 0.12em 1.75em\9;
}

/* hides rule from IE5-Mac \*/
#main-navi li a { float: none; }
/* end IE5-Mac hack */

#main-navi li a:link,
#main-navi li a:visited {
text-decoration: none;
color: white;
}

#main-navi li a:focus,
#main-navi li a:hover,
#main-navi li a:active,
#main-navi li.active a,
#main-navi li.hovered a,
#main-navi li:hover a {
background: #af2a42;
color: white;
}

#main-navi ul {
display: none;
position: absolute;
top: 2.454545em;
left: 0;
width: 14.5em;
border: 2px solid #af2a42;
background: white;
padding: 0.7em 0 1em 0;
z-index: 200;
}

#main-navi li:hover ul {
display: block;
}

#main-navi li ul li {
height: auto;
line-height: 1.2em;
padding: 0.3em 0.3em 0.3em 1em;
}

#main-navi li li {
display: block;
float: none;
}

#main-navi li ul li a {
display: inline;
padding: 0;
line-height: 1.3em;
background: none;
}

#main-navi li li a:link,
#main-navi li li a:visited {
color: black;
background: none;
text-decoration: none;
}

#main-navi li ul li a:focus,
#main-navi li ul li a:hover,
#main-navi li ul li a:active {
color: #af2a42;
background: none;
text-decoration: underline;
}

#main-navi li ul li.active a:link,
#main-navi li ul li.active a:visited {
color: #af2a42;
font-weight: bold;
text-decoration: none;
}

ul#main-navi li:hover ul li ul {
display: none;
}


/* Catalog search box ------------------------------------------------ */

div#leftcolumn {
float: left;
width: 15.8333em;
margin: 0 1.25em 0 0;
}

div#leftcolumn form {
background: #d9d9d9;
padding: 0.9em 0 0.9em 1em;
margin-bottom: 0.6em;
position: relative;
z-index: 1;
}

div#leftcolumn form fieldset {
border: none;
}

input#cat_searchfield {
width: 13em;
font-size: 0.91666em;
height: 1.35em;
vertical-align: middle;
padding-left: 0.4em;
margin-bottom: 0.3em;
}

input#cat_searchbutton {
vertical-align: middle;
margin-bottom: 0.3em;
}

div#leftcolumn form fieldset li a {
padding-left: 1em;
font-size: 0.91666em;
background: url(../img/bluearrow.gif) 0 0.3em no-repeat;
}

div#leftcolumn form fieldset li.strongbullet a {
background-image: url(../img/redarrow.gif);
font-weight: bold;
}

div#leftcolumn form fieldset li.strongbullet a {
color: #AF2A42;
}

div#leftcolumn form fieldset li.strongbullet a:hover {
color: #000;
}



div#leftcolumn form fieldset li a:link,
div#leftcolumn form fieldset li a:visited {
text-decoration: none;
}

div#leftcolumn form fieldset li a:focus,
div#leftcolumn form fieldset li a:hover,
div#leftcolumn form fieldset li a:active {
text-decoration: underline;
}

div#leftcolumn form a:link,
div#leftcolumn form a:visited {
color: black;
}

div#leftcolumn form a:focus,
div#leftcolumn form a:hover,
div#leftcolumn form a:active {
color: #af2a42;
}

div#leftcolumn form label {
display: block;
font-size: 1em;
font-weight: bold;
color: #0C2C81;
padding-bottom: 0.2em;
}

#quicksearchform {
z-index: -1;
}



/* Subnavigation ------------------------------------------------ */

.global div#leftcolumn {
top: 21em;
left: 0;
}

div.sub-navi {
padding: 0.35em 0 1.2em 0;
margin-bottom: 0.5833em;
background: #d9d9d9;
width: 100%;
}

div.sub-navi h2 {
font-size: 1em;
margin-left: 1em;
margin-bottom: 0;
}

div.sub-navi  li  {
padding: 0.7em 0.5em 0 1.1em;
line-height: 1.2em;
font-size: 0.91666em;
}

div.sub-navi ul ul li  {
line-height: 1.1em;
font-size: 1em;
}

div.sub-navi ul a {
color: #333;
line-height: 1.2em;
clear: both;
}

div.sub-navi ul li a:link,
div.sub-navi ul li a:visited {
color: black;
text-decoration: none;
}

div.sub-navi ul li a:focus,
div.sub-navi ul li a:hover,
div.sub-navi ul li a:active,
div.sub-navi ul li.active a {
color: #906f24;
text-decoration: underline;
}

div.sub-navi ul ul li a:link,
div.sub-navi ul ul li a:visited,
div.sub-navi ul li.active ul li a,
div.sub-navi ul li.active ul li a:link,
div.sub-navi ul li.active ul li a:visited {
color: #8c8c8c;
font-weight: normal;
text-decoration: none;
}

div.sub-navi ul li.active ul li a:focus,
div.sub-navi ul li.active ul li a:hover,
div.sub-navi ul li.active ul li a:active,
div.sub-navi ul li a:focus,
div.sub-navi ul li a:hover,
div.sub-navi ul li a:active,
div.sub-navi ul ul li a:focus,
div.sub-navi ul ul li a:hover,
div.sub-navi ul ul li a:active,
div.sub-navi ul ul li.active a {
color: #af2a42;
text-decoration: underline;
}

div.sub-navi ul li.active a,
div.sub-navi ul ul li.active a,
div.sub-navi ul ul li.active a:link,
div.sub-navi ul ul li.active a:visited,
div.sub-navi ul li.active a:link,
div.sub-navi ul li.active a:visited{
font-weight: bold;
color: #af2a42;
text-decoration: none;
}

div.sub-navi ul li h2 {
margin: -0.5em 0 0.2em 0;
}


/* Startpage ------------------------------------------------ */

div#startboxes {
position: relative;
overflow: hidden;
width: 100%;
border-bottom: 0.7em solid white;
text-align: center;
}

div#startboxes div {
width: 20em;
background: #af2a42;
padding: 0.7em 0.3em 0.7em 1.1em;
text-align: left;
}

div#startbox1 {
top: 0;
position: absolute;
left: 0;
}

div#startbox2 {
margin: 0 auto;
}

div#startbox3 {
position: absolute;
top: 0;
right: 0;
}

div#startboxes h2 {
color: white;
margin: 0.2em 0 0.8em 0;
font-size: 1.1em;
line-height: 1em;
font-weight: bold;
}

div#startboxes li {
color: white;
line-height: 1.2em;
padding: 0 0 0.5em 1.1em;
background: url(../img/bulletwhite.gif) 0.1em 0.5em no-repeat;
}

div#startboxes li a:link,
div#startboxes li a:visited {
color: white;
text-decoration: none;
}

div#startboxes li a:focus,
div#startboxes li a:hover,
div#startboxes li a:active {
text-decoration: underline;
}


/* Content ------------------------------------------------ */

div#content {
width: 30.58333em;
padding: 0.75em 1.5em 2.7em 0;
float: left;

}

.wide div#content,
.global div#content {
width: 43.66666em;
padding-right: 0;
}

.global div#content {
padding-left: 1.3em;
border-left: 15.9em solid #e5f3fe;
}

#startpage div#content {
width: 40.6em;
}

#content p {
font-size: 1em;
line-height: 1.66666em;
}

p, 
small,
#content ul,
#content ol {
font-size: 1em;
margin: 0.9em 0;
}

#content blockquote {
padding: 0.6em 0 0.1em 0;
}

#content blockquote p {
font: bold 1.08333em/1.3 arial, sans-serif;
color: #0c2c82;
margin: 0.4em 0 1em 0;
padding: 0.5em 0;
text-align: center;
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd;
}

hr,
div.hr {
margin: 1.8em 0 1.1em 0;
border: none;
height: 0.16666em;
overflow: hidden;
background: #ddd;
clear: both;
float: none;
width: 100%;
}

h1 {
font: normal 1.9em/1.2 arial, sans-serif;
color: #af2a42;
margin: 0.2em 0 0.5em 0;
}

#wrapper #content .blue {
  color: #0C2C81;
}

#wrapper #content .red {
  color: #AF2A42;
}

#wrapper #content .bold {
  font-weight: bold;
}

#blue {
  color: #0C2C81;
}

#red {
  color: #AF2A42;
}

#grey {
  color: #555;
}

#content p {
margin-top: 0.8em;
}

h2 {
font-family: arial, sans-serif;
font-weight: bold;
font-size: 1.08333em;
color: #0C2C81;
margin: 0 0 -0.7em 0;
padding-top: 0.6em;
}


h3 {
font-weight: bold;
font-size: 1em;
color: #000;
margin: 1.3em 0 0 0;
}

h4 {
font-size: 1em;
font-weight: normal;
margin: 0.5em 0 -0.75em 0;
color: #777;
}

h6 {
float: left;
font-size: 0.75em;
margin-right: 0.6em;
position: relative;
top: -0.3em;
font-weight: normal;
}

h6:after {
content: ")";
}

sup a {
margin-left: 0.3em;
}

sup a:link,
sup a:visited {
color: #af2a42;
}

sup a:focus,
sup a:hover,
sup a:active {
color: black;
}


#content h2 a:link,
#content h2 a:visited {
color: #0C2C81;
}

#content h2 a:focus,
#content h2 a:hover,
#content h2 a:active {
color: #af2a42;
}

#content small {
font-size: 0.9em;
font-weight: normal;
line-height: 1.5em;
color: #666;
padding: 0.6em 0 0 0;
margin: 0 0 1em 0;
display: block;
}



#content ul ul {
margin: 0;
}

#content li,
#sidebar li {
padding: 0.3em 0 0 16px;
background: url(../img/bullet.gif) 0.1em 0.9em no-repeat;
}

#content li ul li {
font-size: 0.9166666em;
margin-left: 16px;
padding: 0.363636em 0 0 0;
background: none;
color: #777;
list-style-type: square;
}

#content ol {
margin-left: 2.2em;
}

#content ol li {
background: none;
list-style: decimal outside;
padding-left: 0.5em;

}

#content dl {
overflow: hidden;
border-bottom: 0.0833em solid #ddd;
margin: 1.6em 0;
}

#content dt {
font-size: 0.91666em;
font-weight: bold;
float: left;
width: 12em;
padding: 0.272727em 2em .5em 0;
clear: both;
line-height: 1.2em;
border-top: 0.1em solid #ddd;
}

#content dd {
font-size: 0.91666em;
color: #444;
padding: 0 0 .5em 0;
border-top: 0.1em solid #ddd;
margin: 0 0 0 14em;
}

#content img {
margin: 0.5em 0;
}

#content p.imageleft {
float: left;
margin-right: 1.8em;
margin-bottom: 0.8em;
}

#content p.imageright {
float: right;
clear: both;
margin: 1.4em 0 0 1.8em;
}

#content p.imageright img {
margin: 0 0 1em 0;
}

#content a.icon_top:link,
#content a.icon_top:visited {
float: right;
padding-left: 0.3em;
border-right: 0.3em solid white;
margin-top: -2em;
color: #999;
font-size: 0.9em;
text-decoration: none;
width: 3.5em;
background: url(../img/icon_top.gif) right no-repeat;
}

#content a.icon_top:focus,
#content a.icon_top:hover,
#content a.icon_top:active {
border-right: 0.3em solid #d6d6d6;
text-decoration: none;
color: white;
background: #d6d6d6 url(../img/icon_top_hover.gif) right no-repeat;
}

#content p.publishtime {
color: #777;
margin-top: -0.7em;
}

#content p.yearnavi {
color: #777;
}

#content p.yearnavi strong {
color: black;
font-weight: normal;
}

#content ul.protocols {
border-bottom: 1px solid #ddd;
}

#content ul.protocols li {
background: none;
margin: 0;
padding: 0.4em 0 0.5em 0;
font-size: 0.916666em;
line-height: 1.4em;
border-top: 1px solid #ddd;
}

#content ul.protocols li a:link,
#content ul.protocols li a:visited {
text-decoration: none;
}

#content p.downloadpdf {
margin-top: 2em;
border-top: 2px solid #ddd;
padding: 0.5em 0 0 23px;
background: url(../img/pdf-icon.gif) 0 0.63em no-repeat;
}


/* External Modules ------------------------------------------ */

iframe.productframe {
position: relative;
top: -0.7em;
border: 1px solid #0c2c81;
overflow: hidden;
width: 710px;
height: 600px;
overflow: auto;
z-index: 1;
}

/* Sitemap --------------------------------------------------- */

.sitemapsection {
border-top: 1px solid #ddd;
width: 100%;
}

.sitemapsection h2 {
margin: 0.2em 0 0 0;
float: left;
width: 13em;
font-size: 1em;
}

#content .sitemapsection ul {
padding: 0 0 0 14em;
margin-top: 0.5em;
}

#content .sitemapsection ul ul {
padding-left: 2em;
margin: 0;
}


/* Search --------------------------------------------------- */

.matchbox {
border-top: 2px solid #ddd;
margin: 2em 0;
}

.matchbox h2 {
margin: 0 0 1em 0;
}

#content .matchbox dl,
#content .matchbox dd,
#content .matchbox dt {
float: none;
margin: 0;
width: 100%;
border: none;
}

#content .matchbox dt {
font-size: 1em;
font-weight: normal;
padding: 0;
}

#content .matchbox dd {
border-bottom: 1px solid #ddd;
margin-bottom: 0.5em;
color: #777;
}

.matchbox p {
padding: 0 0 0 1.2em;
background: url(../img/bullet.gif) 0 0.7em no-repeat;
}

/* Picture Captions ------------------------------------------ */

#content dl.image {
border: none;
overflow: hidden;
width: 100%; /* IE/Win demands a width to make it work as floatbox */
margin-bottom: 1em;
}

#content dl.image dt {
width: auto;
border: none;
font-weight: bold;
padding: 0;
float: left;
border-right: 1.5em solid white;
}

#content dl.image dd {
border: none;
line-height: 1.5em;
font-size: 0.9em;
color: #777;
display: block;
padding: 0 0 1em 0;
width: auto;
margin: 0.3em 0 1.7em 0;
}

#content p.caption {
color: #777;
margin-top: -0.6em;
padding-bottom: 1.5em;
line-height: 1.3em;
}


/* Downloads/Requests ------------------------------------------------ */

form#downloads {
width: 51em;
margin-top: 1.5em;
}

form#downloads fieldset {
border: none;
border-top: 2px solid #0c2c81;
width: 23.15em;
margin: 0 2em 1em 0;
float: left;
overflow: hidden;
}

form#downloads fieldset.odd {
clear: both;
}

form#downloads h2 {
margin-top: 0.5em;
padding-bottom: 0.4em;
line-height: 1.3em;
}

form#downloads fieldset ul {
background: #e5f3fe;
padding: 0.3em 0 0.6em 0;
clear: both;
}

form#downloads fieldset ul li {
display: inline;
background: none;
padding: 0;
margin: 0.3em 0 0 0.8em;
}

form#downloads fieldset img {
clear: both;
float: left;
margin: 0.4em 1em 1em 0;
}

form#downloads fieldset.userdata {
	border-top: none;
}

form#downloads fieldset.userdata h2 {
	padding: 2em 0 0.3em 0;
}

form#downloads fieldset p.downloadicon,
#content ul.pdflist li {
height: 1.6em;
padding: 0.4em 0 0 20px;
margin: 0 0 0.2em -3px;
background: url(../img/pdf-icon.gif) 0 0.3em no-repeat;
}

#content ul.pdflist li {
background-position: 0 0.5em;
}

form#downloads div.downloadbox {
border: 1px solid #ddd;
background: url(../img/formshadow.gif) 0 -10px repeat-x;
clear: both;
padding: 0.3em 0.7em 0.4em 0.7em;
}




/* Quicklinks ------------------------------------------------ */

ul#quicklinks {
float: right;
background: #60B3EC;
background: #af2a42;
width: 15.9em;
margin: 0 0 0.6em 0;
padding: 0.4em 0 0.5em 0;
}

ul#quicklinks li {
background: url(../img/arrow_white_right.gif) 0.8em 0.5em no-repeat;
padding: 0 0.5em 0 1.5em;
}


#quicklinks li a:link,
#quicklinks li a:visited {
color: white;
text-decoration: none;
}

#quicklinks li a:focus,
#quicklinks li a:hover,
#quicklinks li a:active,
#quicklinks li.active a {
text-decoration: underline;
}

/* Sidebar ------------------------------------------------ */

div#sidebar {
float: right;
width: 11.66666em;
padding: 0 0 2.7em 0;
min-height: 26.8em;
overflow: hidden;
}

body#preview div#sidebar {
float: none;
}

body#preview form {
text-align: left;
clear: both;
margin: 0 0 15px 0;
padding: 0;
}

body#preview form input,
body#preview form label {
vertical-align: middle;
}

div.sidebox {
padding: 0.3em 1em;
margin-bottom: 0.583333em;
overflow: hidden;
}

div.blue {
background: #e5f3fe;
}

div.darkblue {
background: #0c2c81;
color: white;
}

div.red {
background: #a92c41;
color: white;
}

#sidebar .sidebox img {
margin-left: -1.1em;
}

#sidebar div.image {
padding: 0;
}        

#sidebar div.image a {
margin: 0;
padding: 0;
}

#wrapper #sidebar div.image p {
margin: 0;
padding: 0;
display: inline;
}

#sidebar div.image img {
margin: 0;
padding: 0;
position: static;
}

#sidebar .sidebox a:link,
#sidebar .sidebox a:visited {
text-decoration: underline;
display: block;
}

#sidebar .red a:link,
#sidebar .red a:visited,
#sidebar .darkblue a:link,
#sidebar .darkblue a:visited {
color: white;
text-decoration: underline;
display: block;
}

#sidebar .red a:focus,
#sidebar .red a:hover,
#sidebar .red a:active,
#sidebar .darkblue a:focus,
#sidebar .darkblue a:hover,
#sidebar .darkblue a:active {
text-decoration: none;
}

#sidebar h2,
.inlinesidebar h2 {
font-weight: bold;
font-size: 1em;
line-height: 1.2em;
margin: 0 0 -0.25em 0;
}

#sidebar .sidebox h2 a {
display: inline;
}

#sidebar .sidebox h2 a:link,
#sidebar .sidebox h2 a:visited {
color: #0c2c81;
text-decoration: none;
}

#sidebar .sidebox h2 a:focus,
#sidebar .sidebox h2 a:hover,
#sidebar .sidebox h2 a:active {
color: #af2a42;
text-decoration: none;
}

#sidebar .red h2,
#sidebar .red h3,
#sidebar .darkblue h2,
#sidebar .darkblue h3 {
color: white;
}

#sidebar h3 {
font-weight: normal;
font-size: 0.91666em;
line-height: 1.2em;
margin: 1em 0 0 0;
padding: 0;
color: #666;
}

#sidebar.startpage h3 {
margin: 1em 0 -1em 0;
}

#sidebar p {
font-weight: normal;
font-size: 0.91666em;
line-height: 1.6em;
}

#sidebar li a {
display: block;
}

#sidebar img {
margin: 0;
padding: 0;
border: none;
}

#sidebar dl p {
font-weight: bold;
margin: 0;
line-height: 1.3em;
}

#sidebar dl small {
font-size: 0.9em;
}

#sidebar dd {
padding: 0 0 1.1em 0;
}

#sidebar p.share {
color: #555;
background: white;
padding: 0.3em 0.5em;
text-align: center;
margin: 0;
font: bold 1.2em/1em "courier new", courier, fixed;
}

.plus {
color: #816421;
}

/*  Pagination  */

#pagination {
/*	float: right;*/
padding-top: 0.6em;
}

#pagination li {
 background: none;
 padding: 0;
 margin: 0;
 display: inline;
}


#pagination #older a {
 padding-right: 0.9em;
 background: url("../img/arrow_darkblue_right.gif") right 0.4em no-repeat;
}

#pagination #newer {
	margin-right: 1.7em;
}

#pagination #newer a {
 padding-left: 0.9em;
 background: url("../img/arrow_darkblue_left.gif")  left 0.4em no-repeat;
}


/* Footer ------------------------------------------------ */

p#footer {
border-top: 0.1666em solid #ddd;
color: #777;
clear: both;
font-size: 0.9em;
margin: 0 0 0 19.05em;
padding: 0.4em 0 1.8em 0;
position: relative;
z-index: 1;
/*top: -16em;
margin-bottom: -20em;*/
}

p#footer.startpage {
margin-left: 0;
}

p#footer ul {
margin-left: 2em;
}

#footer a.icon_top:link,
#footer a.icon_top:visited {
border-right: 0.3em solid white;
padding-left: 0.3em;
float: right;
color: #777;
font-size: 1em;
text-decoration: none;
width: 3.5em;
background: url(../img/icon_top.gif) right no-repeat;
margin-top: -0.2em;
}

#footer a.icon_top:focus,
#footer a.icon_top:hover,
#footer a.icon_top:active {
border-right: 0.3em solid #ccc;
color: #ffffff;
background: #ccc url(../img/icon_top_hover.gif) right no-repeat;
}

#footer img {
margin-left: -1px;
}

#footer a:link,
#footer a:visited {
color: #777;
text-decoration: none;
padding: 0.2em 0.4em;
}

#footer a:focus,
#footer a:hover,
#footer a:active,
#footer a.active {
color: white;
background: #bbb;
}

#footer span.footersecondary {
float: right;
text-align: right;
}

#footer span.footersecondary a {
margin: 0 0 0 0.5em;
padding: 0 0 2px 0;
}

#footer span.footersecondary a:focus,
#footer span.footersecondary a:hover,
#footer span.footersecondary a:active {
background: none;
border-bottom: 1px solid #ccc;
}



/* Tables ------------------------------------------------ */

div#content table {
border-collapse: collapse;
margin: 1.2em 0 1.8em 0;
border-bottom: 0.2em solid #ddd;
}

div#content table.fullwidth {
width: 100%;
}

div#content .wide table {
width: 43.75em;
}

div#content td,
div#content th {
font-size: 0.91666em;
padding: 0.5em 1em 0.7em 0;
vertical-align: top;
border-top: 0.2em solid #ddd;
line-height: 1.2em;
text-align: left;
}

td p, th p {
margin: 0;
padding: 0;
}

div#content th {
font-weight: bold;
padding-bottom: .5em;
vertical-align: bottom;
border-top: 0;
}

div#content table tr p {
line-height: 1.3em;
margin: 0;
}

div#content tr td img {
float: none;
margin: 0.3em 0 0 0;
}

div.reports td.first-child {
width: 75%;
}

div.reports h2 {
margin: 0 0 -0.5em 0;
}

div.events td.first-child {
width: 18%;
}

div#content .table_left {
  overflow: hidden;
  width: 100%;
}

div#content .table_left table {
  width: auto;
  float: left;
  margin-top: 0;
}

div#content .table_left img {
  float: right;
}


/* Product Basket -------------------------------------------*/

div#content table.product_basket {
	border-bottom: none;
}
div#content table.product_basket th{
	border-top: none;
}

div#content table.product_basket .right{
	text-align: right;
}

table.product_basket td.edit {
	padding-left: 0;
}

table.product_basket td.edit button {
	font-size: 1em;
	display: inline;
	background: none;
	padding: 2px 0;
	border: none;
	color: #af2a42;
	text-decoration: underline;
	cursor: pointer;
}

table.product_basket td.edit button:hover {
	background: #af2a42;
	color: #fff;
}

table.product_basket td.quantity input{
	width: 100%;
	text-align: center;
	padding-top: 0.3em;
}

table.product_basket tfoot{
	font-size: 1em;
}

#content table.product_basket tfoot ul li {
	background-position: 0.1em 0.8em;
}

/*License your antibody -----------------------------------------*/

form.license_your_antibody h2 {
	padding-top: 1em;
}

form.license_your_antibody p{
	line-height: 1.3em;
}

form.license_your_antibody div {
	float: left;
	width: 23em;
	margin-right: 2em;
}
form.license_your_antibody div div {
	float: none;
	margin: 0;
	width: auto;
}

form.license_your_antibody hr {
	clear: both;
	padding: 0.5em 0;
	margin-bottom: 2em;
	background: none;
	border-bottom: 1px solid #ddd;
}



/* div.portrait ------------------ */

#content div.portrait {
margin: 2em 0 0 0;
border-top: 0.18em solid #ddd;
overflow: hidden;
padding-top: 0.4em;
width: 100%; /* for IE/Win */
}

#content div.portrait div {
padding-top: 0.3em;
float: right;
}

#content div.portrait p {
margin-right: 18em;
}

#content div.portrait h2 {
padding: 0;
margin: 0;
}

#content div.portrait p.position {
color: #777;
}

#content div.address div {
float: left;
width: 49%;
}


/* Mail Popup -------------------------- */

#mailpopup {
padding: 0;
}

#mailpopup #wrapper {
width: 165px;
padding-left: 12px;
margin: 0;
}

#mailpopup img {
position: relative;
left: -10px;
top: 10px;
}

#mailpopup input,
#mailpopup textarea {
width: 100%;
padding: 0.1em 0.3em;
border: 1px solid #aaa;
border-left: 1px solid #666;
border-top: 1px solid #666;
font: normal 1em/1.4 arial, sans-serif;
}

#mailpopup input#submit {
margin-top: 10px;
width: 50%;
border: 1px solid #666;
border-left: 1px solid #aaa;
border-top: 1px solid #aaa;
padding: 0.1em 0;
}

textarea {
height: 60px;
margin-bottom: 5px;
border-top: 0.1em solid #9f9f9f;
border-left: 0.1em solid #aaa;
border-right: 0.1em solid #ccc;
border-bottom: 0.1em solid #ccc;
}


/*Distributor -----------*/

#distributors_select {
	width: 100%;
	overflow: hidden;
	margin-bottom: -1em;
}

#distributors_select label {
	width: 22em;
	float: left;
}
#distributors_select select {
	float: right;
	width: 10.1em;
}

.distributor {
/*	position: relative;*/
	clear: both;
	width: 43.75em;
	float: none;
	overflow: hidden;
/*	height: 17em;*/
}

#content .distributor div {
	overflow: hidden;
	display: block;
	clear: both;
	float: none;
	border-bottom: 1px solid #bbb;
	margin-bottom: 1.35em;
	padding-bottom: 1em;
}

#content .distributor p {
	float: left;
	width: 190px;
	margin: 0 0 0 0;
}

#content .distributor h2 {
	float: left;
	width: 125px;
	margin-top: -0.6em;
}

#content .distributor p.logo {
	float: right;
	width: 189px;
	margin: 0;
	padding: 0;
/*	text-align: right;
	position: static;
*/
}

#content .distributor p img {
	margin: 0;
	border: 1px solid #aaa;
}

/* Downloads/Requests ------------------------------------------------ */

form#downloads {
width: 43.75em;
overflow: hidden;
margin-top: 1.5em;
}


form#downloads fieldset {
border: none;
border-top: 1px solid #aaa;
width: 20.8333em;
margin: 0 0 0.5em 0;
float: left;
overflow: hidden;
padding-bottom: 0.8em;
}

form#downloads #form_me {
	padding-top: 2em;
}
form#downloads #form_me fieldset{
	border: none;
	width: 21.25em;
}

#wrapper #downloads #form_me fieldset.submit {
	border: none;
	width: 100%;
}

#wrapper #downloads #form_me fieldset.submit  label{
	border: none;
}

form#downloads fieldset.odd {
clear: both;
margin-right: 2.08333em;
}

form#downloads h2 {
margin-top: 0.5em;
line-height: 1.3em;
font-size: 1em;
}


form#downloads p {
margin-bottom: 0.4em;
font-size: 0.91666em;
line-height: 1.4em;
}


form#downloads fieldset img {
clear: both;
float: right;
margin: 0.4em 0 0.3em 1em;
border: 1px solid #aaa;
padding: 2px;
margin-top: 0.9em;
}

form#downloads fieldset a:hover img{
	border: 1px solid #0C2C81;
}

form#downloads fieldset.userdata {
	border-top: none;
}

form#downloads fieldset.userdata h2 {
	padding: 2em 0 0.3em 0;
}

/* Supplements ----------------------------------------------------- */

#list_supple {
padding-top: 1em;
width: 100%;
overflow: hidden;
}

#list_supple #downloads fieldset {
overflow: hidden;
border: none;
width: auto;
clear: none;
border-bottom: 1px solid #aaa;
margin: 0 0 1.5em 0;
padding: 0 0 1em 0;
float: left;
width: 19.6%;
}

#list_supple fieldset h2 {
margin: -0.3em 0 0 0;
float: left;
}

#list_supple fieldset p,
#list_supple fieldset ul {
display: none;
}

#list_supple #downloads fieldset a img {
float: left;
margin: 0;
}

#list_supple #downloads fieldset img:hover {
border: 1px solid #0c2c81;
}

/* Factsheets ----------------------------------------------------- */

#list_factsheets {
padding-top: 0.5em;
}

#list_factsheets #downloads fieldset {
float: left;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
}

#list_factsheets fieldset a img {
border: 1px solid #aaa;
padding: 2px;
}

#list_factsheets fieldset img:hover {
border: 1px solid #0c2c81;
}

#list_factsheets fieldset p {
line-height: 1.4em;
}

#list_factsheets fieldset h2 {
margin-bottom: -0.4em;
}

#content #list_factsheets form,
#content #list_factsheets fieldset {
overflow: visible;
}


/* Catalogue Search -------------------------------------------*/

.catalogue_search {
	width: 100%;
}

div#content .catalogue_search th {
	border-top: none;
	text-decoration: underline;
	background: #f6f6f6;
}

.catalogue_search th span {
	display: inline;
}

.catalogue_search th.last span a{
	margin-right: 2em;
}

div#content .catalogue_search td.last {
	padding-right: 0.7em;
	text-align: right;
}

div#content .catalogue_search .first-child {
	padding-left: 0.7em;
}
#content .catalogue_search th.lines2 span a{
	margin-top: 1.4em;
}
.catalogue_search th span a.asc,
.catalogue_search th span a.desc{
	margin-top: 0.2em;
	display: block;
	width: 1em;
	height: 1em;
	text-indent: -4000px;
	float: right;
}

.catalogue_search th span a.asc {
	background: url("../img/sort_asc.gif") 50% 50% no-repeat;
}
.catalogue_search th span a.desc {
	background: url("../img/sort_desc.gif") 50% 50% no-repeat;
}

.catalogue_search th span a.asc:hover {
	background: url("../img/sort_asc_hover.gif") 50% 50% no-repeat;
}
.catalogue_search th span a.desc:hover {
	background: url("../img/sort_desc_hover.gif") 50% 50% no-repeat;
}

#content .catalogue_search .addition td{
	border-top: none;
	padding: 0;
	color: #aaa;
	padding-left: 0.7em;
	padding-bottom: 0.5em;
}

/* Buttons -----------------------------------------------*/

.button_pdf,
.button_info {
	width: 42px;
	height: 41px;
	float: left;
	text-indent: -9999px;
}

.button_pdf {
	background: url("../img/button_pdf_front.gif") 50% 50% no-repeat;
}
.button_info {
	background: url("../img/button_info.gif") 50% 50% no-repeat;
}

/* PopUp --------------------------------------------------*/

body#popup {
	text-align: center;
}
body#popup #content {
	padding: 0;
	width: 530px;
}
body#popup #content * {
	text-align: left;
	/*margin-left: 0;*/
	/*padding-left: 0;*/
	/*width: auto;*/
}
body#popup #content p {
	width: 540px;
	font-size: 11px;
	line-height: 1.5em;
}
body#popup #content h2 {
	width: 540px;
	margin-bottom: 10px;
}

/* Services and Prices ---------------------------------------*/

.price_list * {
	position: relative;
}

.price_list #form_me .radio{
	width: 1em;
	height: 1em;
}
.price_list #form_me fieldset {
	width: 100%;
	clear: both;
	float: none;
}
.price_list #form_me fieldset label {
	width: 30%;
	float: left;
	background: #e5f3fe;
	border: none;
	padding: 0.6em;
}
.price_list #form_me fieldset label.middle {
	margin: 0 0.5833em;
}

.price_list #form_me fieldset label span {
	width: 88%;
	text-align: left;
}

.price_list h2,
.price_list h3,
#content .price_list li,
#content .price_list p{
	padding-right: 15em;
	overflow: visible;
}

#content .price_list li,
#content .price_list p {
	font-size: 0.91666em;
	line-height: 1.36363636364em;
}
#content .price_list li {
	margin-bottom: 0.5em;
}
.price_list span.price {
	position: absolute;
	right: 0;
	top: 0.35em;
	line-height: 1em;
	width: 13em;
	text-align: left;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #bbb;
}
.price_list li span.price {
	top: 0.45454545455em;
}
.price_list table span.price {
	width: auto;
	float: none;
	position: static;
	line-height: inherit;
	display: inline;
	padding-bottom: 0;
	border: none;
}
#content .price_list table .line th {
	border-bottom: 2px solid #ddd;
}

#content .price_list th.clonesize {
width: 5em;
}

.price_list h3 {
	border-top: 1px solid #bbb;
	padding-top: 1.25em;
}
.price_list h3 .price {
	top: 1.636363em;
	font-size: 0.91666em;
	line-height: 1.18181818182em;
}

.price_list h2 {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 2px solid #0c2c81;
	padding-bottom: 0.5833em;
}

#content .price_list h2 {
width: 25.384615em;
}

#content .price_list li {
	padding-left: 14px;	
	background: url("../img/bullet_11px.gif") 0.1em 0.75em no-repeat;	
}

/* ---- Stuff ----- */

.basket {
margin-bottom: 0.6em;
padding: 0.4em 0 0.5em 3em;
background: #d9d9d9 url(http://localhost/abd/public/img/basket-blue.gif) 12px 6px no-repeat;
}

.basket p {
margin: 0;
color: #AF2A42;
line-height: 1.2em;
}

#fig1, 
#fig2, 
#fig3, 
#fig4, 
#fig5, 
#fig6, 
#fig7, 
#fig8, 
#fig9, 
#fig10, 
#fig11 {
display: none;
}

#termsandconditions p,
#termsandconditions li {
font-size: 0.916666em;
line-height: 1.4em;
}

.offer {
clear: both;
background: #e5f3fe;
padding: 0 1em 0.1em 1em;
position: relative;
border-bottom: solid white 0.7em;
}

.offer h2 {
font-size: 1.2em;
padding-bottom: 0.3em;
}

.badge {
padding-right: 90px;
}

.halfleft {
width: 44.5%;
float: left;
}

.halfright {
clear: none;
width: 44.5%;
float: right;
}

.offer img {
position: absolute;
top: -20px;
right: -27px;
}

#content table.table_offer {
	width: 524px;
}

#content table.table_offer td,
#content table.table_offer {
	border: none;
	padding: 0;
	margin: 0;
	padding: 7px;
}

#content colgroup.grey {
	background:#d9d9d9;
	width: 258px;
}

#content tr.grey td.white_space {
	padding: 0;
}

#content colgroup.white_space {
	background: #fff;
	width: 7px;
	padding: 0;
}

#content tr.white_space td{
	height: 7px;
	background: #fff;
	width: 524px;
	padding: 0;
}

#content table.table_offer img {
	float: left;
	margin: 0 2px 0 0;
	*margin: 0 10px 0 0;
	border: none;
}

#content table.table_offer h2 {
	margin-bottom: 0.5em;
	padding: 0;
	width: 144px;
	float: right;
}

#content table.table_offer p {
	width: 144px;
	float: right;
}

/* Breadcrumb */

#occcontent #breadcrumb,
#content #breadcrumb {
  overflow: hidden;
  width: 100%;
  font-size: 0.91666666667em;
  margin-top: 0;
}

#occcontent #breadcrumb li,
#content #breadcrumb li {
  float: left;
  padding: 0 10px 0 0;
  background: url("../img/redarrow_small.gif") right 50% no-repeat;
  margin-right: 5px;
}

#occcontent #breadcrumb li.last,
#content #breadcrumb li.last {
  margin-right: 0;
  padding-right: 0;
  background: none;
}

#occcontent #breadcrumb a,
#content #breadcrumb a {
  color: #af2a42;
  text-decoration: underline;
}

#occcontent #breadcrumb a:hover,
#content #breadcrumb a:hover {
  text-decoration: none;
}

/* Startpage redesign 26. September 2008 */

.tripple {
  width: 100%;
  overflow: hidden;
}
#wrapper .tripple .trippler {
  float: left;
  width: 13.16666666667em;
  overflow: visible;
  position: relative;
}

#wrapper .tripple .trippler img {
  width: 100%;
}

.tripple .middle {
  margin: 0 2.08333333333em;
}

.tripple h2 {
  font-size: 1.33333333333em;
}

div#content {
  padding-bottom: 0;
  position: relative;
  z-index: 3;
}

#latest_news,
.grey_box {
  background: #e4e4e6;
  border: 1px solid #949494;
  padding: 0 1.16666666667em 1.16666666667em 1.16666666667em ;
}

.grey_box h2 {
  color: #0C2C81;
}

#latest_news span {
  display: block;
  color: #666;
}

#latest_news ul {
  overflow: hidden;
  margin: 0;
  z-index: 100;
  width: 128px;
}

#wrapper #latest_news_wrapper {
  overflow: hidden;
  width: 128px;
  margin: 0.9em 0;
  position: relative;
  z-index: 1000000000;
}

#latest_news li {
  background: none;
  padding: 0;
  font-size: 1em;
  line-height: 1.54545454545em;
  margin-bottom: 1em;
}

#latest_news h2 {
  margin: 0;
}

#latest_news .news_button {
  display: block;
  width: 15px;
  height: 15px;
  overflow: hidden;
  cursor: pointer;
  float: right;
  background: url("../img/news_top_down_arrows.gif") -21px 0 no-repeat;
  margin-bottom: -20px;
  margin-right: -5px;
}

#latest_news .news_button span {
  display: block;
  line-height: 200px;
  background-position: -21px 0px;
}

#latest_news .news_button:hover {
  background-position: top left;
}

#latest_news .next {
  background-position: -21px -31px;
  margin-bottom: 10px;
}

#latest_news .next:hover {
  background-position: 0px -31px;
}

#start hr {
  margin: 0.5em 0;
}

#wrapper #slogan {
  position: relative;
  display: block;
  top: 5.25em;
  color: #0c2c81;
  text-decoration: none;
  font-weight: bold;
}

#feedback_button {
  width: 31px;
  height: 141px;
  background: url("feedback/feedback.png") no-repeat;
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -100px;
  text-indent: -1000em;
  margin-left: -410px;
  outline: none;
}

#content table.boxes {
  border-collapse: separate;
  border-spacing: 5px;
  *border-collapse: expression('separate', cellSpacing = '5px');  
  border: none;
  width: 100%;
  margin: 0;
}

#content table.boxes td {
  border: 1px solid #0C2C81;
  padding: 7px;
  width: 50%;
}

#content table.boxes img {
  float: left;
  margin-right: 7px;
}

#content table.boxes h2 {
  margin-bottom: 0.5em;
  margin-top: 0;
  padding-top: 0;
}

#main-navi #nav7en {}