/* Styles for screen media */

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

morphay.de Style Sheet

Author:   morphay / www.morphay.de

Version:  2010.03



www.innocept.de



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



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

body {
	margin: 0; 
	padding: 0; 
	background: #fff url(../images/bodybg.gif) repeat-y center top;
}



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


a:link, a:active, a:visited {
	color: #00477c; 
	text-decoration: none; 
  padding: 0; 
  margin: 0; 
  outline: none;
}

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

a:link.pdf, a:active.pdf, a:visited.pdf {
	color: #c00 !important; 
	text-decoration: none; 
  padding: 0; 
  margin: 0; 
  outline: none;
}

a:hover.pdf {
	color: #000 !important; 
	text-decoration: none; 
  outline: none;
}

a:link.pfad, a:active.pfad, a:visited.pfad {
	color: #000 !important; 
	font-weight: bold;
	text-decoration: none; 
  padding: 0; 
  margin: 0; 
  outline: none;
}

a:hover.pfad {
	color: #000; 
	text-decoration: underline; 
}

a.goon, #gallery a { 
  color: #00477c; 
}

a:hover.goon, #gallery a:hover { 
  color: #000; 
  font-weight: bold;
	text-decoration: none; 
}

a img {
	border-width: 0; 
	border-style: none; 
	background: none;
}

a:link.none, a:active.none, a:visited.none, a:hover.none {
	border: none; 
	text-decoration: none; 
	background: none; 
}



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


h1 {
  color: #333; 
  font-size: 1.6em; 
  font-weight: bold; 
  line-height: 1.6em; 
  margin: 20px 0 0 0; 
  padding: 0; 
}

h1.job {
  color: #00477c; 
  font-size: 1.6em; 
  font-weight: bold; 
  line-height: 1.6em; 
  margin: 0; 
  padding: 0; 
}

h1.title {
  font-size: .8em; 
  font-weight: bold; 
  line-height: 1.6em; 
  margin: 9px 0 0 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.2em; 
  margin: 0; 
  padding: 1.5em 0 0 0; 
}

h3.prod {
  font-size: 1em; 
  font-weight: bold; 
  line-height: 1.2em; 
  margin: 0; 
  padding: .3em 0 0 0; 
}

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

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

p, li {
  font-size: .75em; 
  line-height: 1.4em; 
  font-style: normal; 
  margin: 0 0 .9em 0; 
  padding: 0; 
}

p.pfad {
  font-size: 11px; 
  color: #858585;
  line-height: 1.4em; 
  font-style: normal; 
  margin: 0 0 .25em 0; 
  padding: 0; 
}

hr {
	display: none;
}

form {
	margin: 0;
}

table {
  width: 100%; 
  border-collapse: collapse; 
  border: none; 
  margin: 0; 
}

td {
  vertical-align: top; 
  border: none; 
}

.new {
	color: #09f;
}
	
.noscreen {
	display: none;
	}

img {
	border: none;
}

.leftimg { 
  float: left; 
}

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

.rightimg { 
  float: right; 
}

.divider { 
  width: 100%; 
  height: 1px; 
  background: #fff;
  border-bottom: 1px solid #fff;
  margin: 9px 0 0 0; 
  clear: both; 
}


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

#head {
	display: block; 
	height: 104px; 
	padding: 0 0 0 20px; 
	margin: 0;
	width: 100%; 
}

#navigation { 
	display: block; 
	padding: 0 0 20px 0; 
	margin: 0;
	width: 100%;
	text-align: right;
}

#menu { 
	width: auto; 
	height: 21px; 
	margin: 0; 
	padding: 0; 
	position: relative; 
}

#menu li { 
	display: inline;
	margin: 0 13px 0 0; 
	padding: 0; 
	font-size: 14px;
	text-transform: uppercase;
}

#menu li.fin { 
	margin: 0 47px 0 0; 
}

#menu li a { 
	font-weight: normal; 
	color: #959595; 
	text-decoration: none; 
	font-size: 14px; 
	font-weight: bold; 
}

#menu li.hot a { 
	color: #c00; 
}

#menu li a:hover { 
	color: #00477c; 
	text-decoration: none; 
}

#menu li.active a, #menu li.active a:hover { 
	color: #00477c; 
	text-decoration: none; 
	cursor: default; 
}

#submenu { 
	width: auto; 
	margin: 0; 
	padding: 0; 
	text-align: right; 
	position: relative; 
}

#submenu li { 
	display: inline;
	margin: 0 9px 0 0; 
	padding: 0; 
}

#submenu li.fin { 
	margin: 0 47px 0 0; 
}

#submenu li a { 
	font-weight: normal; 
	color: #333; 
	text-decoration: none; 
	font-size: 12px; 
}

#submenu li a:hover { 
	color: #00477c; 
	text-decoration: none; 
}

#submenu li.active a, #submenu li.active a:hover { 
	color: #00477c; 
	font-weight: bold; 
	text-decoration: none; 
	cursor: default; 
}

#subsubmenu { 
	width: auto; 
	margin: 0; 
	padding: 0; 
	position: relative; 
}

#subsubmenu li { 
	display: inline;
	margin: 0 5px 0 0; 
	padding: 0; 
}

#subsubmenu li.fin { 
	margin: 0 47px 0 0; 
}

#subsubmenu li a { 
	font-weight: normal; 
	color: #858484; 
	text-decoration: none; 
	font-size: 11px; 
}

#subsubmenu li a:hover { 
	color: #00477c; 
	text-decoration: none; 
}

#subsubmenu li.active a, #subsubmenu li.active a:hover { 
	color: #00477c; 
	font-weight: bold; 
	text-decoration: none; 
	cursor: default; 
}

#lang_de a { 
  position: absolute; 
  top: 0; 
  left: 541px; 
  display: block; 
  width: 45px; 
  height: 45px; 
  background: url(../images/de.jpg) no-repeat left top; 
	border: none; 
}

#lang_de a:hover { 
  background: url(../images/de.jpg) no-repeat left -45px; 
}

#lang_de a.on { 
  background: url(../images/de.jpg) no-repeat left -45px; 
	cursor: default;
}

#lang_en a { 
  position: absolute; 
  top: 0; 
  left: 591px; 
  display: block; 
  width: 45px; 
  height: 45px; 
  background: url(../images/en.jpg) no-repeat left top; 
	border: none; 
}

#lang_en a:hover { 
  background: url(../images/en.jpg) no-repeat left -45px; 
}

#lang_en a.on { 
  background: url(../images/en.jpg) no-repeat left -45px; 
	cursor: default;
}



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

#gallery {
	width: 800px; 
	height: 300px; 
	margin: 0 0 0 91px; 
	padding: 0; 
	background: #fff; 
}

#videonews {
	width: 800px; 
	height: 425px; 
	margin: 0 0 0 91px; 
	padding: 25px 0 0 0; 
	text-align: center; 
	background: #e6e6e6 url(../images/vnbg.gif) no-repeat left top; 
}

#space {
	display: none; 
	margin: 0; 
	padding: 0; 
}

#gallery p {
	font-size: 11px; 
}

#maincontent {
	width: 800px; 
	margin: 0 0 0 71px; 
	padding: 0 0 55px 20px;
}

#maincontent ul {
  font-size: 1em; 
  line-height: 1.6em; 
  margin : 0 0 1.2em 0; 
  padding: 0; 
}

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

#maincontent a { 
  color: #00477c;
  font-weight: bold;
}

#maincontent a:hover { 
  color: #000; 
  border-bottom: 0px solid #d0d0d0; 
  background: none; 
}

.newsbox { 
  width: 800px; 
  height: 104px; 
  clear: both; 
  margin: 15px 0 0 0; 
}

.newsbox2 { 
  width: 800px; 
  height: auto; 
  clear: both; 
  margin: 15px 0 0 0; 
}

.newsbox img, .newsbox2 img { 
  float: left; 
}

.newsbox p, .newsbox h1.title, .newsbox2 p, .newsbox2 h1.title { 
  margin-left: 162px; 
}

.newsbox h1.title, .newsbox2 h1.title { 
  padding-top: 10px; 
}

.contactbox, .moreinfobox { 
  width: 50%; 
  float: left; 
}



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

#name, #email, #phone, #fax, #firma, #captcha { 
	background: #fff; 
	padding: 9px 5px; 
	font: 13px Arial, Helvetica, Verdana, Geneva, sans-serif; 
	color: #000; 
	width: 790px; 
	margin: 0 0 1px 0; 
	border: 1px solid #00477c; 
}

#captcha { 
	width: 150px; 
}

#subject { 
	background: #fff; 
	padding: 9px 5px; 
	font: 13px Arial, Helvetica, Verdana, Geneva, sans-serif; 
	color: #000; 
	width: 790px; 
	margin: 0 0 1px 0; 
	border: 1px solid #00477c; 
}

#message { 
	background: #fff; 
	padding: 9px 5px; 
	color: #000; 
	width: 790px; 
	margin: 0 0 1px 0; 
	border: 1px solid #00477c; 
}

#submitbtn { 
	font: 11px Arial, Helvetica, Verdana, Geneva, sans-serif; 
	text-transform: uppercase; 
	color: #000; 
	float: left; 
}

#resetbtn, #printbtn { 
	font: 11px Arial, Helvetica, Verdana, Geneva, sans-serif; 
	text-transform: uppercase; 
	color: #000; 
}

		

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

#footer {
	width: 800px; 
	margin: 0 0 0 91px; 
	padding: 45px 0 25px 0; 
	background: url(../images/innoline.gif) no-repeat right top; 
	text-align: center;
}

#footer img { 
  margin-left: 25px;
}
	
#footer p {
	font-size: .7em; 
	line-height: 1.2em; 
	padding: 0; 
}

#footer a { 
  text-transform: uppercase;
}

#footer a.pfad { 
  text-transform: lowercase;
}



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

#container {
	width: 938px; 
	padding: 0; 
	margin: 0 auto; 
	background: transparent; 
}

#footcontainer {
	width: 938px; 
	padding: 0; 
	margin: 0 auto; 
	background: transparent; 
}

#skip {
	display: none;
}

#top {
	display: none;
}