/* 
DFT-Film:    css-definition - screen 
Autor:		 Horst Dommermuth
Updated:	 01.04.2009
*/

/* =basis 
================================================================ */

html { 
	overflow: -moz-scrollbars-vertical; 
} 
	
body {  
	font-family: Arial, Helvetica, sans-serif;	
    font-size: 12px;
	background: #564d4c url(../img/bg_verlauf.jpg) top left repeat-x; 	
    color: #000; 
	text-align: center;			
}

* {
	padding: 0;
	margin: 0;
}

html>body a:focus { 
	-moz-outline-style: none; 
}

img, a img { 
  	border: none;
}

a {
	text-decoration: none;
}

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

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ie7/win */
*:first-child+html .clearfix {
	min-height: 1px;
}

h1 {
	color: #00adc4;
	font: normal 18px Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	text-align: left;
}		

h1.terms {
	color: #00adc4;
	font: normal 18px Arial, Helvetica, sans-serif;
	margin: 15px 0 5px 0;
	text-align: left;
}	

h2 {
	color: #00adc4;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;  
}

h3 {
	color: #00adc4;
	font: normal 18px Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	text-align: left;
	background: #fff url(/img/grey_bullet.gif) no-repeat scroll 0pt 5px; 
	padding-left: 40px;
	display: inline;
}	

h4 {
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 15px 0 10px 0;
	color: #000;
}

h4.head {
	font: bold 16px Arial, Helvetica, sans-serif;
	line-height: 140%;
	margin: 0 0 10px 0;
	text-align: left;
	color: #000;
}

h5 {
	color: #00adc4;
	font: bold 16px Arial, Helvetica, sans-serif;
}	

h6 {
	color: #000;
	font-weight: bold;
	line-height: 150%;
	font-size: 12px;
}	

/* =p */
p {	
	line-height: 150%;
	font-size: 12px;
    margin-bottom: 10px;
}	

ul {
	list-style: none;
}

sup {
	font-size: 9px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

/* ====== Hauptlayer fuer Breite ====== */
	
#mainDivBreite {
	margin: 0 auto 20px auto;
	/*width: 900px;*/
	width: 810px;
	background: transparent; 
	/*background: #fff;*/ 	
	/*border: 1px solid #fff;*/
}

/*#mainDivBreitePad {
	padding: 0 42px 42px 42px;
}*/

#head {
	margin: 22px 0 0 0;
	background: #fff url(../img/bg_head.jpg) top left no-repeat; 
	width: 812px;
	height: 189px;
	position: relative;
}

#logo {
	position: absolute;
	right: 44px;
	top: 25px;
}

/* ====== Sonderfall Homepage ====== */

#contentareaHome {
	text-align: left;
	background: #fff;
	width: 810px;
	border-left: 1px solid #adb1b4;
	border-right: 1px solid #adb1b4;
	position: relative;
	min-height: 610px;
	height: auto !important;   /* for IE6 */
	height: 610px;
}

#headHome {
	margin: 22px 0 0 0;
	background: #fff url(../img/bg_head_home.gif) top left no-repeat; 
	width: 812px;
	height: 14px;
}

#slideshow {
	position: absolute;
	left: 30px;
	top: 100px;
	z-index: 10;
}

#contentText {
	position: absolute;
	left: 70px;
	top: 475px;
	width: 550px;
	z-index: 20;
}

#logoHome {
	position: absolute;
	right: 43px;
	top: 11px;
	z-index: 30;
}

.bigblue {
	color: #00adc4;
	font: normal 18px Arial, Helvetica, sans-serif;
}

#enter {
		position: absolute;
		left: 684px;
		top: 550px;
		z-index: 40;
}

/* ====== Hauptnavigation ====== */		

#nav {
		font-size: 12px;
		text-align: left;
		position: absolute;
		left: 40px;
		top: 24px;
}

#nav li a {
		color: #000;
}

#nav li a:hover {
		color: #00adc4;
}

body#archive #n_archive a, body#careers #n_careers a, body#home #n_home a, body#news #n_news a, body#scanners #n_scanners a, body#software #n_software a, body#support #n_support a, body#contact #n_contact a, body#imprint #n_imprint a {
		color: #00adc4;
}	
	
span.red {
		color: red;
}
	
/* ====== Subnavigation ====== */		

ul.subnav {
		font-size: 12px;
}

ul.subnav li a {
		color: #000;
}

ul.subnav li a:hover {
		color: #00adc4;
}

#head a.blau {
		color: #00adc4;
}

#subnav_news {
		text-align: left;
		position: absolute;
		left: 195px;
		top: 39px;	
}

#subnav_archive {
		text-align: left;
		position: absolute;
		left: 195px;
		top: 54px;	
}

#subnav_scanners {
		text-align: left;
		position: absolute;
		left: 195px;
		top: 69px;	
}

#subnav_software {
		text-align: left;
		position: absolute;
		left: 195px;
		top: 69px;
}

#subnav_support {
		text-align: left;
		position: absolute;
		left: 195px;
		top: 99px;
}
		
/* ====== Content ====== */		

#contentarea {
		text-align: left;	
		background: #fff;
		width: 810px;
		border-left: 1px solid #adb1b4;
		border-right: 1px solid #adb1b4;
		position: relative;
}

#contentareaPad {
		padding: 20px 0 20px 40px;
}

#subnavi {
		float: left;
		width: 275px;
}

#subnavi img {
		margin-bottom: 20px;
}

#content {
		float: left;	
		width: 448px;	 	
		min-height: 350px;
		height: auto !important;   /* for IE6 */
		height: 350px;
}

.justify {
		text-align: justify;
}

#content ul, ol {
		line-height: 150%;
		font-size: 12px;
		margin-bottom: 10px;
}

#content ul {
		list-style: disc;
		margin-left: 15px;
}

#content p.list {
		margin: 0;
}

#contentarea a {
		color: #008aff;
		text-decoration: underline;	
}

#contentarea a:hover {
		color: #000;
}

div.contactbox {
		width: 460px;
		margin-bottom: 20px;
}

div.contactbox p {
		float: left;
		width: 220px;
}

sup.reg {
		line-height: 0px;
	    font-size: 70%;
}

a.pdfsmall {
		display: block;
		width: 180px;
		margin-top: 3px;
		padding: 0 0 5px 20px;
		background: url(/img/pdf.gif) no-repeat scroll 0pt 2px;	
}

#intext a.pdflink {
		display: block;
		width: 250px;
		height: 20px;
		text-decoration: none;
		font-size: 15px;
		color: #00adc4;
		padding: 13px 0 10px 0;
		background: url(/img/pdf_big.jpg) no-repeat top left;	
}

#intext a.pdflink:hover {
		background: url(/img/pdf_big_over.jpg) no-repeat top left;	
		color: #fff;
}

#subnavi a.pdflink {
		display: block;
		width: 250px;
		text-decoration: none;
		font-size: 15px;
		color: #00adc4;
		padding: 13px 0 10px 0;
		background: url(/img/pdf_big.jpg) no-repeat top left;	
}

#subnavi a.pdflink:hover {
		background: url(/img/pdf_big_over.jpg) no-repeat top left;	
		color: #fff;
}

#subnavi a.whitepaperlink {
		display: block;
		width: 250px;
		height: 118px;
		text-decoration: none;
		font-size: 15px;
		color: #00adc4;
		padding: 13px 0 10px 0;
		background: url(/img/white_paper.jpg) no-repeat top left;	
}

#subnavi a.whitepaperlink:hover {
		background: url(/img/white_paper_over.jpg) no-repeat top left;	
		color: #fff;
}

/* ====== News ====== */

#newsmain {
		background: transparent url(/img/news/newsslide_2.png) top left no-repeat;	
		width: 725px;
		height: 304px;
		position: relative;
}

#newsmainPad {
	padding: 170px 28px 25px 28px;	
}

.newsteaser {
	float: left;	
	margin: 35px 0 50px 0;
}

.newsteaser_small {
	float: left;	
	margin: 0px 0px 0px 0px;
}

.newsteasertext {
	float: left;
	padding-left: 10px;
}

#contentarea a.newsteaserlink {
	color: #000;
	text-decoration: none;
}

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

.newshead {
	float: left;
	width: 275px;
}

.newsheadPad {
	padding-right: 30px;
}

.newstext {
	float: left;	
	width: 448px;
	text-align: justify;
	padding-bottom: 20px;
}

.eventwrapper {
  float: left;
  height: 125px;
	margin-bottom: 50px;
}

.eventhead {
	float: left;
	width: 275px;
}

.eventheadPad {
	padding-right: 30px;
	text-align: center;
}

.eventtext {
	float: left;	
	width: 448px;
	text-align: justify;
}

.editorial {
	float: left; 
	width: 220px;
}	

.newslist {
  line-height: 150%;
	font-size: 12px;
	margin-bottom: 10px;
  list-style: disc;
	margin-left: 15px;
}

.newslist li {
  margin-bottom: 10px;
}

#newsnavi {
	position: absolute;
	bottom: 20px;
	left: 30px;
}

p.coverage {
	margin-bottom: 20px;
}

/* ====== Presskit ====== */	

#presskitContent {
	float: left;	
	width: 448px;	
}

.presskitblock {
	width: 720px;
	padding: 20px 0;
	border-top: 1px solid #000;
	float: left;
}

.presskitimage {
	float: left;
	width: 275px;
}

.presskittext {
	float: left;
 	width: 400px;
}

/* ====== Footer ====== */		

#footer {
	background: transparent url(../img/bg_footer.gif) top left no-repeat;	
	width: 812px;
	height: 14px;
}

#dommain {
	visibility: hidden;
	font-size: 10px;
	margin-top: -5px;
}