@charset "utf-8";
@import url('typo.css');
@import url('formulare.css');
/* CSS Document */
* {margin:0; padding:0}
html  {min-height:100%;}
body {
	background:#000000 url(../img/bg_body2.jpg) repeat-x fixed left top;
	height:100%;
}
#alles {
	position:relative;
	width:72%;
	margin:0 auto;
	top:60px;
}
div#bgi {
	position:absolute;
	height:100%;
	width:560px;
	top:0;
	right:0;
	z-index:-1;
	background-repeat: no-repeat;
	background-position:right center;
}
#company {
	margin-top:80px;
	margin-left:5px;
	visibility:hidden;
}
#company img { vertical-align:middle; }
object, embed { margin:0 auto; }
object.fullscreen, embed.fullscreen {
	width:100%;height:100%;position:absolute;
	cursor:pointer;
}

.flinks {float:left}
.frechts {float:right}
.ityp {}
.backend {
	background:#333333;
}
.notice::before {
  content:'!';
  float:left;
  font-size:4em;
  margin-right:10px;
  line-height:0.8;
}


/* ------------- Start Inhaltsseiten ------------- */
div#produkt {padding-bottom:0}
.detail, .download {
	/*width:57%;*/
	margin:5% auto 40px 18.6%;
	position:relative;
	float:left;
	z-index:1;
	padding:25px;
	/*-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;*/
	border:1px solid #ccc;
}
.detail {
	/*background:#000000 url(../img/bg_details.png) repeat-x;
	background:#000000;*/
	overflow:auto;
	width:750px;
}
.oben {
	left:24px;
	margin:0 -25px;
	position:absolute;
	top:-20px;
	width:802px;
}
.unten {
	left:24px;
	margin:0 -25px;
	margin-bottom:0 !important;
	position:absolute;
	bottom:-20px;
	width:802px;
}
#produkt img {margin-right:3%;}
#produkt img.produktbild {
	cursor:url(../img/zoom_icon.png),url(../img/zoom_icon.ico), pointer;
	margin-bottom:40px;
}
#produkt table {
	text-align:center;
	margin-top:1em;
	border-collapse:collapse;
	border-color:#666666;
}
.detail table {margin:0 0 1em}
.detail td {vertical-align:top;padding-right:1ex}
.xhrwin td { vertical-align:top; }
.xsell { padding-top:13px;}
.xsell div{ overflow:hidden; padding:0 10px;}
.xsell img { margin:13px 23px 0; display:inline;}
#nav_btns {
	font-size:130%;
	position:absolute;
	right:0;
	top:0;
	padding:1ex 15px;
}

.art_emp {
	position:absolute;
	top:340px;
	font-weight:normal !important;
	left:25px;}
ul li {margin-left:2em;}
/* ------------- Ende Inhaltsseiten ------------- */

/* ------------- Start Suchausgabe ------------- */
.soutput caption, .soutput, .soutput th { text-align:left;}
div#soutput { text-align:center;margin-bottom:1.5em;}
.soutput { overflow:auto; clear:both;margin:0 -1%;}
.soutput table { padding-left:1ex; }
.soutput caption {
	padding:0 1ex;
	white-space:nowrap;
	background:#ccc;
	width:100%;
	color:#000;
}
.soutput li {
	/*background-color:#292929;*/
	float:left;
	list-style-type:none;
	margin:1.5em 1% 0;
	width:47.7%;
	border:1px solid #ccc;
	position:relative;
}
.manuell li div.descr {
	position:absolute;
	margin-right:20px;
	left:130px;
}	
.manuell .preis {
	margin-right:1ex;
}
.manuell img {
	margin-left:1em;
}
#soutput ol li { padding:1ex; }
.pagination {}

div#omnisearch {
	position:fixed;
	right:0; top:0;
	padding:1ex 2em 1em;
	/*background:#333;*/
	background:url(../img/bg_omnisearch.png) no-repeat left bottom;
	z-index:500;
}
div#omnisearch form {}
div#omnisearch input#term {
	width:70px;color:#fff; font-size:85%;
	background:#494949; border-color:#333;
	border-width:1px; padding-left:2px;
}
div#omnisearch input#term:focus {width:170px;}
div#omnisearch .xhr_suchergebnis { margin-top:1ex;	}
div#omnisearch .xhr_suchergebnis li {
	list-style-position:outside;
	margin-left:4ex;
}
div#omnisearch input.submit {
	background:#222;
	color:#999;
	border:1px solid #666;
	padding:0 1ex;
	clear:both;
	height:auto !important;
}
/* ------------- Ende Suchausgabe ------------- */
div.slider {
	width: 200px;
	height: 17px;
	background: #ddd;
	position:relative;
	text-align:center;
	margin-bottom:1em;
	color:#000;
}
div.slider div.knob {
	background: #666;
	width: 16px; height: 15px;
	position:absolute;top:-1.28em;
	opacity:0.8;
}
.download { margin-right:20%; }
.material {
	margin-bottom:1em;
	overflow:auto;
}
.material dt {display:none;}
.material dd {float:left;margin:0 0.7ex;;}
#downloads dd {float:right;margin:0 1ex;;}
.material li {
	list-style-type:none;
	float:left;
	padding:1em 1em 1ex;
	margin:1px;
	width:12%;
	min-height:111px;
}
#jump {
	left:50%;
	top:45%;
	position:fixed;
	background:transparent url(../img/bg_dlli.png) no-repeat center center;
	padding:25px 15px;
	margin:-160px;
	z-index:1;
	list-style-type:none;
}
.material li img {
	width:100%;
}
form#downloads {
	float:right;
	margin:0;
}
li.even {background-color:#2c2c2c !important}
li.odd {background-color:#262626 !important}
.soutput li.even {background-color:#191919 !important}

.wkorb table tbody tr:hover {background:#333;}
.wkorb table td {
	vertical-align:middle;
	padding-left:1ex;
}
.wkorb #mdcw { cursor:pointer; margin:0; }
.contact table { border-collapse:collapse; }

/* ------------- Start Navigation ------------- */
#naviwrapper { /* weil padding-top in % nicht funktioniert */
	min-height:100%;
	position:absolute;
	width:180px;
	top:0;
	background-image:url(../img/navi_bg.png);
	background-attachment:fixed;
	z-index:200;
}
#naviwrapper .logo {
	position:absolute;
	margin:25px 32px;
}
.navi {
	list-style-type:none;
	margin:150px 24px 10px;
}
.navi dt {
	position:absolute;
	right:5px;
	top:2%;
	visibility:hidden;
}
.navi dd {
	clear:both;
	padding-left:1ex;
	margin-bottom:1px;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
}
.navi #sprachauswahl {
	margin-left:10px;
	list-style:none;
/*	display:none;*/
}
/*.navi dd:hover #sprachauswahl { display:block; }
.navi #sprachauswahl a { }
.navi #sprachauswahl a:hover { background-position: left bottom; }
*/

/* ------------- Start BGImages ------------- */
body#cat50 #captions,
body#cat140 #captions {
	display:none;
}
body#cat170 #bgi {
	/*background-image:url(../img/bg/cat_impressum-trans.png)*/
}
body#cat140 #company {
	margin:0 auto;
	width:51%;
	font-size:100%;
	text-align:left;
	letter-spacing:normal;
}
body#cat140 table {
	width:100%;
}
body#cat140 #company th {margin-left:1em;}
body#cat140 #company th,
body#cat140 #company td {vertical-align:top;
	white-space:nowrap}