/* Styles for screen media */

/*
--------------------------------------------------------------------------------

morphay.de Style Sheet

Author:   morphay / www.morphay.de

Version:  2010.02



www.biobedded.de



-------------------------------------------------------------------------------- */


html, body, div, p, h3, h6, td {
	font: 100.01% Arial, Helvetica, sans-serif; 
	color: #000; 
	cursor: default; 
}

body {
	margin: 0; 
	padding: 0; 
	background: #fff;
}



/* 
LINKS -------------------------------------------------------------------------- */


a:link, a:active, a:visited {
	color: #000; 
	text-decoration: none; 
	font-weight: bold; 
  outline: none;
}

a:link span, a:active span, a:visited span {
	color: #000; 
	text-decoration: none; 
	font-weight: normal; 
  outline: none;
}

a:hover {
	color: #c00; 
	text-decoration: none; 
  outline: none;
}

a:link.txt, a:active.txt, a:visited.txt {
	color: #c00; 
	text-decoration: none; 
	font-weight: bold; 
}

a:hover.txt {
	color: #000; 
	text-decoration: none; 
	border-bottom: 2px solid #c00; 
}



/* 
COMMON ------------------------------------------------------------------------- */


h1 {
  font-size: 1.6em; 
  font-weight: bold; 
  line-height: 1.6em; 
  margin: 0; 
  padding: 0; 
}

h2 {
  font-size: .9em; 
  font-weight: bold; 
  line-height: 1.2em; 
  margin: 0 0 1.5em 0; 
  padding: 0; 
}

h3 {
  font-size: 1em; 
  font-weight: bold; 
  line-height: 1.6em; 
  margin: 0; 
  padding: 1.5em 0 0 0; 
}

h4 {
  font-size: .9em; 
  font-weight: bold; 
  line-height: 1.6em; 
  margin: 0; 
  padding: 0; 
}

p, td {
  font-size: .8em; 
  line-height: 1.6em; 
  font-style: normal; 
  margin: 0 0 .9em 0; 
  padding:0; 
}

p.right { 
  text-align: right;
  font-size: 11px; 
}

p.small, .small { 
  font-size: 11px; 
}

.important {
	background: #ffc;
}

hr {
	display: none;
}

form {
	margin: 0;
}

table {
  width: 100%; 
  border-collapse: collapse; 
  border: none; 
  margin: .5em 0 2em 0; 
}

td {
  vertical-align: top; 
  padding: 5px 0;
  border: none; 
  border-bottom: 1px solid #e0e0e0;
}

.upper {
	text-transform: uppercase;
}
	
.noscreen {
	display: none;
	}

img {
	border: none;
}

.leftimg { 
  float: left; 
}

.leftimg2 { 
  float: left; 
  margin: 0 15px 0 0; 
}

.leftimg3 { 
  float: left; 
  margin: 5px 15px 0 0; 
}

.leftimg4 { 
	float: left; 
	padding: 6px; 
	border: 1px solid #99989e; 
  margin: 4px 15px 0 0; 
}

.rightimg { 
  float: right; 
}

.rightimg2 { 
  float: right; 
  margin: 0 0 0 15px; 
}

acronym {
	border-bottom: 1px dotted #8a9696; 
	cursor: help;
}

cite { 
  font-size: .85em; 
  color: #9da9a9; 
}

.divider { 
  margin: 5px 0; 
  background: transparent; 
  border-top: 1px solid #000;
  width: 100%; 
  height: 1px; 
  clear: both;
  overflow: hidden;
}

.divider2 { 
  margin: 5px 0 15px 0; 
  background: transparent; 
  border-top: 1px solid #000;
  width: 100%; 
  height: 1px; 
  clear: both;
  overflow: hidden;
}

label { 
  cursor: pointer; 
}



/*
HEAD AND NAVIGATION ------------------------------------------------------------ */


#head{
  background: transparent;
	width: 100%; 
	padding: 0; 
	margin: 0; 
}

#head .logo { 
	position: relative; 
	width: 220px;	
	height: 97px; 
	overflow: hidden; 
	display: block; 
	float: left; 
	padding: 0; 
	margin: 0; 
}

#head .logo h1 { 
	position: relative; 
	font-weight: bold;  
	line-height: 1em; 
	padding: 0; 
	margin: 0; 
}

#head .logo span { 
	background: transparent url(../images/logo.gif) no-repeat left top; 
	width: 220px;	
	height: 97px; 
	display: block; 
}

#head .langnav { 
	display: block; 
	width: 180px; 
	float: right; 
  font-size: 10px; 
	padding: 0; 
	margin: 62px 0 0 0; 
}

#head .langnav ul { 
	margin: 0; 
	padding: 0; 
}

#head .langnav ul, #head .langnav ul li { 
	display: inline; 
	margin: 0; 
	padding: 0; 
}

#head .langnav ul li { 
	font-size: 10px; 
	color: #999; 
	margin: 0; 
	text-transform: uppercase; 
}

#head #slogan { 
	background: transparent url(../images/slobg.gif) no-repeat left top; 
	position: relative; 
	left: 0; 
	top: 0; 
	width: 742px;	
	height: 248px; 
	display: block; 
	float: left; 
}

#menu { 
	width: 180px; 
  height: auto; 
	margin: 0; 
	padding: 0; 
	position: relative; 
	float: left; 
}

#menu li { 
	display: block; 
	width: 180px; 
	height: 38px; 
	line-height: 38px; 
}

#menu li span { 
	display: none; 
}

#menu .m6 a, #menu .m5 a, #menu .m4 a, #menu .m3 a, #menu .m2 a, #menu .m1 a, 
#menu .m6on a, #menu .m5on a, #menu .m4on a, #menu .m3on a, #menu .m2on a, #menu .m1on a { 
	width: 180px; 
	height: 38px; 
	line-height: 38px; 
	font-size: .9em; 
	text-transform: uppercase; 
	display: block; 
	text-decoration: none; 
	overflow: hidden; 
}

#menu .m1 a { 
	background: url(../images/nav_home.gif) no-repeat left top;
	width: 180px; 
}

#menu .m1 a:hover { 
	background: url(../images/nav_home.gif) no-repeat left -38px;
}

#menu .m1on a { 
	background: url(../images/nav_home.gif) no-repeat left -38px; 
	color: #c00; 
	width: 180px; 
	cursor: default;
}

#menu .m2 a { 
	background: url(../images/nav_biobedded.gif) no-repeat left top;
	width: 180px; 
}

#menu .m2 a:hover { 
	background: url(../images/nav_biobedded.gif) no-repeat left -38px;
}

#menu .m2on a { 
	background: url(../images/nav_biobedded.gif) no-repeat left -38px; 
	color: #c00; 
	width: 180px; 
	cursor: default;
}

#menu .m3 a { 
	background: url(../images/nav_software.gif) no-repeat left top;
	width: 180px; 
}

#menu .m3 a:hover { 
	background: url(../images/nav_software.gif) no-repeat left -38px;
}

#menu .m3on a { 
	background: url(../images/nav_software.gif) no-repeat left -38px; 
	color: #c00; 
	width: 180px; 
	cursor: default;
}

#menu .m4 a { 
	background: url(../images/nav_produkte.gif) no-repeat left top;
	width: 180px; 
}

#menu .m4 a:hover { 
	background: url(../images/nav_produkte.gif) no-repeat left -38px;
}

#menu .m4on a { 
	background: url(../images/nav_produkte.gif) no-repeat left -38px; 
	color: #c00; 
	width: 180px; 
	cursor: default;
}

#menu .m5 a { 
	background: url(../images/nav_service.gif) no-repeat left top;
	width: 180px; 
}

#menu .m5 a:hover { 
	background: url(../images/nav_service.gif) no-repeat left -38px;
}

#menu .m5on a { 
	background: url(../images/nav_service.gif) no-repeat left -38px;
	color: #c00; 
	width: 180px; 
	cursor: default;
}

#menu .m6 a { 
	background: url(../images/nav_kontakt.gif) no-repeat left top;
	width: 180px; 
}

#menu .m6 a:hover { 
	background: url(../images/nav_kontakt.gif) no-repeat left -38px;
}

#menu .m6on a { 
	background: url(../images/nav_kontakt.gif) no-repeat left -38px;
	color: #c00; 
	width: 180px; 
	cursor: default;
}



/*
MAINCONTENT -------------------------------------------------------------------- */

#content { 
	width: 100%; 
	padding: 0; 
	margin: 0; 
	position: relative; 
	clear: both; 
  background: transparent; 
}

#main {
  float: left; 
  width: 682px; 
  padding: 0; 
  margin: 0 41px 0 19px; 
}

* html #main {
  margin: 0 41px 0 9px; 
}

#main h5 { 
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px;
	padding: 3px 0 10px 0;
}

#main h6 { 
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0px;
	padding: 9px 0 0 0;
}

#main .pdf { 
  background: transparent url(../images/icon_pdf.gif) no-repeat left center; 
  padding: 9px 0 9px 35px; 
  font-weight: bold; 
}

#main .zip { 
  background: transparent url(../images/icon_zip.gif) no-repeat left center; 
  padding: 9px 0 9px 35px; 
  font-weight: bold; 
}

#main ul {
  font-size: .8em; 
  line-height: 1.6em; 
  margin: 0 0 1.2em 0; 
  padding: 0; 
}

#main ul li {
  margin: 0 0 0 1.5em; 
  padding: 0;  
  list-style-image: url(../images/point.gif); 
}



/*
SUBCONTENT --------------------------------------------------------------------- */

#sidebar { 
  float: right; 
  width: 180px; 
  padding: 0; 
  margin: 0; 
}

.submenu { 
  margin: 0; 
  padding: 0 0 42px 0; 
  width: 180px; 
}

.submenu li { 
	display: block; 
	line-height: 32px; 
	border-bottom: 1px solid #ededed;
	text-align: left; 
	font-size: .9em; 
	background: transparent; 
}

.submenu li a { 
	display: block; 
	padding-left: 2px; 
}

.submenu li a:hover { 
	background: #fafafa;
}

.submenu li.active a { 
	color: #c00; 
	cursor: default; 
}

.sub2menu { 
  font-size: .8em; 
  line-height: 1.6em; 
  margin: 0 0 1.2em 2px; 
  padding: 0; 
	list-style-type: none; 
}

.sub2menu ol {
  font-size: .8em; 
  line-height: 1.6em; 
  margin: 0 0 1.2em 0; 
  padding: 0; 
	list-style-type: none; 
}

.sub2menu ol li a { 
  margin: 0; 
  padding: 0;  
	list-style-type: none; 
}

.sub2menu li a:hover { 
	color: #c00; 
}

.sub2menu li.active a { 
	color: #c00; 
	cursor: default; 
}



/*
FORM ELEMENTS ------------------------------------------------------------------ */

form, #emailform { 
	padding: 0; 
	margin: 0; 
}

#conform { 
	margin: 10px 0 0 0; 
}

#name, #email, #captcha { 
	padding: 6px; 
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #333; 
	width: 250px; 
	margin: 0; 
	border: 1px solid #666; 
	background: #fff; 
}

#submitbtn { 
	font: 12px Arial, Helvetica, sans-serif; 
	color: #000; 
}

#resetbtn, #printbtn { 
	font: 12px Arial, Helvetica, sans-serif; 
	color: #000; 
}



/*
FOOTER ------------------------------------------------------------------------- */

#footer { 
	width: 100%; 
	position: relative; 
	padding: 35px 0; 
	margin: 0; 
  border-top: 1px solid #000;
	background: #fff;
}

#footer p { 
	font-size: .7em; 
	text-align: center;
	padding: 0 0 .5em 19px; 
	margin: 0; 
}



/*
MISC --------------------------------------------------------------------------- */

#container { 
	width: 922px; 
	position: relative; 
	margin: 25px 0 0 38px; 
	padding: 0; 
	clear: both; 
}

#footcontainer { 
	width: 922px; 
	position: relative; 
	margin: 0; 
	padding: 30px 0 0 38px; 
}