/*
	Lohmann Laborservice GmbH
	Stylesheet 2014 (styles.css)
	
	Frank Puschmann Grafikdesign
	web: http://www.pu-design.net
	------------------------------
	Reset default browser CSS.
	Based on work by Eric Meyer.

*/

@import url("reset.css");


body {
	background: #fbfbfb url(../images/lolab_bg.jpg) repeat-x;
	font: normal 15px/1.25 Arial, Helvetica, "Sans serif";
	color: #242527;
}

.page {
	width: 980px;
	margin: 0 auto;
	background: #ffffff;
	border-bottom: 1px solid #0064a2;
}

.header {
	height: 135px;
	margin-left: 20px;
}


/* Header */

#home .header h1, #shop .header h1, #produkte H1 {
	text-indent: -9999px;
	display: none;
}

.header a.logo {
	width: 300px;
	height: 70px;
	background: url(../images/lolab_logo_o.jpg) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
	margin-top: 30px;
}

.header a.logo:hover{
	border: none !Important;
	background-image: url(../images/lolab_logo.jpg);
}

.header span {
	width: 415px;
	height: 115px;
	text-indent: -9999px;
	position: relative;
	display: block;
	background: url(../images/lolab_header.jpg) no-repeat 0 0;
	float: right;
}


/* Navigation */

.navi {
	clear: both;
	margin: 0 20px;
}

.navi ul {
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #0064a2;
}

.navi ul li {
	display: inline;
	float: left;
	margin-right: 20px;
}

.navi ul li.last {
	margin-right: 0px;
}

.navi ul li a {
	color: #898a89;
	text-decoration: none;
	font-size: 16px;
	width: 107px;
	display: block;
	line-height: 20px;
	padding: 7px 0 5px 10px;

}

.navi ul li.nav07 a {
	color: #efefef;
	background: url(../images/lolab_modul_bg_red.jpg) repeat-x 0 -15px;
}

.navi ul li a:hover {
	color: #fbfbfb;
	background: url(../images/lolab_modul_bg_grey.jpg) repeat-x 0 -15px;
}

#home .nav01 a, #ueberuns .nav02 a, #aktuell .nav03 a, #sortiment .nav04 a, #warengruppen .nav04 a, #katalog .nav04 a, #kontrakt .nav04 a, #service .nav04 a, #justintime .nav04 a, #openshop .nav04 a, #openshopplus .nav04 a, #kontakt .nav05 a, #anfrage .nav05 a, #bestell .nav05 a, #anfahrt .nav05 a, #download .nav06 a  {
	color: #fbfbfb;
	background: url(../images/lolab_modul_bg_blue.jpg) repeat-x 0 -15px;
}

#shop .nav07 a {
	color: #efefef;
	background: url(../images/lolab_modul_bg_red.jpg) repeat-x 0 -15px;
}

.aside ul.subnavi {
	margin-bottom: 20px;
}

.aside ul.subnavi li a {
	display: block;
	color: #898a89;
	text-decoration: none;
	border-bottom: 1px solid #0064a2;
	margin-bottom: 15px;
	font-size: 15px;
}

.aside ul.subnavi li a:hover {
	color: #cf1730;
}

#aktuell .nav11 a, #hersteller .nav11 a, #kontrakt .nav11 a, #service .nav12 a, #warengruppen .nav13 a, #katalog .nav14 a, #justintime .nav12 a, #openshop .nav13 a, #openshopplus .nav14 a, #anfrage .nav11 a, #bestell .nav12 a {
	color: #0064a2;
}

.main, .main_half, .modul, .form, .aside, .bside, .footer .modul {
	float: left;
	margin: 0 10px;
	overflow: hidden;
	display: inline;
}

.aside {
	width: 140px;
}

.main {
	width: 540px;
}

.form {
	width: 780px;
}

.bside {
	width: 220px;
}

.picture {
	margin-bottom: 25px;
}

.picture.border {
	border: 1px solid #d0d0d0;
}

.picture p.caption {
	text-align: center;
	font-size: 13px;
	color: #898a89;
	margin-top: 3px;
	padding-bottom: 0;
	font-style: italic;
}

.aside .iso li {
	margin-bottom: 10px;
}


/* Main (Content) */

.content {
	min-height: 360px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: 10px;
	margin-left: 10px;
}

.article {
	margin-bottom: 23px;
}


/* Startseite Module */

.content .modul {
	width: 220px;
	height: 170px;
	margin-bottom: 20px;
	background: url(../images/lolab_modul_bg.jpg) repeat-x 0 0;
	border-bottom: 1px solid #0064a2;
}

.modul h2, .modul h3 {
	font-size: 16px;
	color: #fbfbfb;
	padding: 7px 0 5px 10px;
	margin-bottom: 12px;
	background: url(../images/lolab_modul_bg_blue.jpg) repeat-x 0 -15px;
}

.modul h4 {
	font-size: 18px;
	padding-left: 10px;
	font-weight: normal;
	font-style: normal;
}

.modul p {
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 5px;
}

.modul a { text-decoration: none !Important; border-bottom: none !Important; }


/* Modul Aktion */

.modul.aktuell {
	background-image: url(../images/lolab_aktuell_bg.jpg);
}

.modul.aktuell p.sale {
	color: rgba(207,23,48,0.8);
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 35px;
}

.modul.aktuell h2 { background: url(../images/lolab_modul_bg_red.jpg) repeat-x 0 -15px; }


.modul p a.pdf {
	background:  url(../images/adobe_pdf_icon_16.png) no-repeat 0;
	white-space: nowrap;
	padding-left: 20px;
}

/* Modul News */

.modul.suche {
	width: 460px;
}

.modul.suche h4 {
	font-size: 18px;
	color: #0064a2;
	padding-left: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.modul.suche h4 span {
	font-size: 22px;
	font-weight: bold;
}

.modul.suche div.suche-frame {
	width: 420px;
	margin: 17px auto 0;
}

.modul.suche #suche-stichwort {
	width: 310px;
	height: 25px;
	padding: 4px;
	margin: 0px;
	font-size: 18px;
}

.modul.suche #suche-submit {
	width: 85px;
	height: 32px;
	padding: 4px;
	margin: 0px;
	margin-left: 10px;
	font-size: 15px;
	font-weight: bold;
}


/* Modul Logistik */

.modul.katalog {
	height: 360px;
	float: right;
}

.modul.katalog a.button {
	width: 130px;
	padding: 7px;
	background: #2d7bbb url(../images/lolab_modul_bg_blue.jpg) repeat-x 0 0;
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 1;
	font-weight: bold;
	color: #f9f9f9;
	border: 1px solid #54708d;
}

.modul.katalog a.button:hover {
		color: #404040;
	background: #3c94dc url(../images/lolab_modul_bg_grey.jpg) repeat-x 0 0;

}

/* Modul Bild */

img { max-width: 100%; height: auto; }

/* Modul Partner */

.modul.partner {
	width: 460px;
	background: url(../images/lolab_modul_bg.jpg) repeat-x 0 -190px;
}

.modul.partner h3 {
	margin-bottom: 23px;
}

.modul.partner a.vendor {
	display: block;
	position: relative;
	text-indent: -9999px;
	float: left;
}

.modul.partner a.vendor.honeywell {
	background: url(../images/honeywell_logo.jpg) no-repeat 0 0;
	width: 180px;
	height: 90px;
}

.modul.partner a.vendor.merck {
	background: url(../images/merck_logo.jpg) no-repeat 0 0;
	width: 100px;
	height: 90px;
}

.modul.partner a.vendor.sigma {
	background: url(../images/sigmaaldrich_logo.jpg) no-repeat 0 0;
	width: 180px;
	height: 90px;
}


/* Content Listen */

ul.element {
	font-size: 16px;
}

ul.element li {
	list-style: none;
	color: #404040;
}

ul.element li:before {
  color:#568bc2;
  content:"•"; 
  font-weight:bold;
  margin-left:-16px;
  padding-right:7px;
}

ul.element li span {
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	color: #808080;
}

ul.element li span:before {
  color:#3b6289;
  content:"["; 
}

ul.element li span:after {
  color:#3b6289;
  content:"]"; 
}


/* Logo IT_zert */

a.iso {
	display: block;
	text-indent: -9999px;
	height: 30px;
	border: none !Important;
	width: 118px;
}

a.iso.fourteen {
	background: url(../images/lolab_itzert_14001_small_o.png) no-repeat;
}

a.iso.fourteen:hover {
	background: url(../images/lolab_itzert_14001_small.png) no-repeat}
	
a.iso.nine {
	background: url(../images/lolab_itzert_9001_small_o.png) no-repeat;
}

a.iso.nine:hover {
	background: url(../images/lolab_itzert_9001_small.png) no-repeat;
}

/* Logo VCH */

a.vch {
	display: block;
	text-indent: -9999px;
	height: 30px;
	border: none !Important;
	width: 70px;
}

a.vch {
	background: url(../images/lolab_vch_footer.png) no-repeat;
}

a.vch:hover {
	background: url(../images/lolab_vch_footer_over.png) no-repeat}


/* Footer */

.footer {
	height: 45px;
	clear: both;
	font-size: 14px;
	border-top: 1px solid #f4f4f4;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}

.footer .modul {
	/*  height: 30px;  */
	width: 123px;
}

.footer .modul.first {
	width: 225px;
	padding-left: 40px;
	background: url(../images/lolab_logo_small_l.png) no-repeat 0 0;
}

.footer .modul.last {
	width: 225px;
	text-align: right;
	padding-top: 7px;
	height: 23px;
}

.footer span {
	font-weight: bold;
	color: #0064a2;
}

.footer .right {
	text-align: right;
}

.footer a {
	color: #898a89;
	text-decoration: none;
}

.footer a:hover {
	color: #cf1730;
}

.footer a.active {
	color: #0064a2;
}


/* Textformatierung */

h1 h2, h3, h4 {
	font-weight: bold;
	line-height: 1;
}

h1 {
	font-size: 20px;
	color: #0064a2;
	padding-bottom: 10px;
}

h2 {
	font-size: 18px;
	color: #4c7eaf;
	padding-bottom: 5px;
}

h3 {
	font-size: 16px;
	color: #87a7d3;
	padding-bottom: 5px;
}

h4 {
	font-size: 15px;
	color: #3f6993;
	padding-bottom: 2px;
}

p {
	padding-bottom: 13px;
}

.bside p.small {
	font-size: 13px;
}

.bside ul.small {
	margin-bottom: 15px;
}

.bside ul.small li {
	list-style: none;
	color: #404040;
	font-size: 13px;
	margin-left: 10px;
}

.bside ul.small li:before {
  color:#568bc2;
  content:"•"; 
  font-weight:bold;
  margin-left:-10px;
  padding-right:5px;
}


.red {color: #cf1730}

.blue {
	font-weight: bold;
	color: #1f5da6;
}

sup {vertical-align:top; font-size:0.6em; line-height:100%;}
sub {vertical-align:bottom; font-size:0.6em; line-height:100%;}
    
img.Lplus {
	top: 5px;
	position: relative;
}

.main ul, .bside ul {
	margin-top: 3px;
	margin-bottom: 15px;
}

.main ul li, .bside ul li {
	list-style-type: disc;
	margin-left: 18px;
	list-style-position: outside;
}

ul.pdf {
	padding-left: 0px;
}

.aside ul.pdf {
	margin-bottom: 20px;
}

ul.pdf li {
	list-style-image: url(../images/adobe_pdf_icon_16.png);
	margin-left: 23px;
}

ul.pdf li a {
	position: relative;
	top: -3px;
}

ul.pdf li a span.space {
	margin-left: 25px;
}


a {
	color: #3c94dc;
	text-decoration: none;
}

a:active {
	color: #002664;
}

a:hover {
	color: #cf1730;
}

.content a:hover {
	border-bottom: 1px solid #0064a2;
}


.pu-design, a.pu-design:hover {
	color: #af9bc7;
	text-decoration: none;
}

a.pu-design {
	color: #c3c3c3;
}

/* Formular */

form h3 {
	margin-bottom: 2px;
}

form .formwidth80 {
	width: 80%;
}

form .formwidth99 {
	width: 99%;
}

form .formwidth100 {
	width: 100%;
}

input {
	background-color: #f9f9f9;
	border: 1px solid #d0d0d0;
	color: #54708d;
	padding: 3px 3px;
	margin: 0 0 7px;
	font-size: 13px;
}

.tabelle input {
	margin-bottom: 0;
}

input[type=submit], input[type=button] {
	color: #f9f9f9;
	background: #2d7bbb url(../images/lolab_modul_bg_blue.jpg) repeat-x 0 0;
	width: 120px;
	margin-right: 18px;
	height: 24px;
}

input[type=submit]:hover, input[type=button]:hover {
	color: #404040;
	background: #3c94dc url(../images/lolab_modul_bg_grey.jpg) repeat-x 0 0;
}

input[type=reset] {
	color: #f9f9f9;
	background: #cd2b36 url(../images/lolab_modul_bg_red.jpg) repeat-x 0 0;
	width: 120px;
	height: 24px;
}

input[type=reset]:hover {
	color: #404040;
	background: #eb3d48 url(../images/lolab_modul_bg_grey.jpg) repeat-x 0 0;
}

input[type=checkbox] {
	border: none;
}

input[type=text] {
	height: 16px;
	line-height: 16px;
}

textarea {
	margin: 0 0 7px 0;
	background-color: #f9f9f9;
	border: 1px solid #d0d0d0;
	color: #54708d;
	padding: 3px 3px;
	line-height: 16px;
	font-size: 13px;
}

/* Tabelle formatieren */

form {
	margin-bottom: 15px;
}

form .tabelle input {
	border-style: none;
}

form .tabelle {
	border-collapse: collapse;
	width:99%;
	border: 1px solid #d0d0d0;
}

form .tabelle tr  {
	text-align:left;
}

form .tabelle tr th, form .tabelle tr td {
	line-height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}

form .tabelle tr {
	border-bottom: 1px solid #d0d0d0;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

form .tabelle tr td, form .tabelle tr th {
	border-right: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
}


form .tabelle tr th {
	color: #fbfbfb;
	font-size: 13px;
	font-weight:normal;
	background: #2d7bbb url(../images/lolab_modul_bg_blue.jpg) repeat-x;
	text-align: center;
}

form .tabelle tr td {
	vertical-align: top;
	padding: 0;
}

form h4 span {
	margin-left: 25px;
	font-size: 15px;
}

form label.oben {
	background-position: 0;
	vertical-align: top;
}

#hide {display:none;} /* Hidden DIV */