/**
 * design engineering
 * main stylesheet
 * (c) 2008 EZdesign.de
 */


/**
 * general rules
 */

html {
	height: 100%;
} 

body {
	height: 100%;
	font-family: Tahoma, Verdana, Arial, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #000000
}

a:hover {
	color: #DA251D;
}

a.red {
	color: #DA251D;
}

a img {
	border: 0;
}

div#container {
	width: 814px;
	min-height: 100%;
	background: url(../images/container_bg2.png) repeat-y;
	margin: 0 auto;
}
* html div#container {
	height: 100%;
}


/**
 * header
 */

div#header {
	height: 110px;
	background: url(../images/header_bg.gif) no-repeat;
}

img#logo {
	position: absolute;
	margin-top: 14px;
	margin-left: 10px;
}

div#keywords {
	text-align: right;
	font-weight: bold;
	padding: 87px 6px 0 0;
	font-size: x-small;
}

div#keywords p {
	margin: 0;
	padding: 0;
}


/**
 * main navigation
 */

ul#mainnav, ul#mainnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#mainnav {
	margin: 15px 0 0 12px;
	width: 155px;
	float: left;
}

ul#mainnav ul {
	margin-left: 12px;
}

ul#mainnav li {
	margin: 0;
	padding: 0;
}

ul#mainnav li.active a,
ul#mainnav li.open a {
	background: url(../images/nav_on.gif) no-repeat;
	background-position: 1px 0;
	color: #DA251D;
}

ul#mainnav li a,
ul#mainnav li.off a {
	display: block;
	background: url(../images/nav_off.gif) no-repeat;
	background-position: 0 1px;
	height: 11px;
	padding-left: 15px;
	margin-bottom: 10px;
	color: black;
}

ul#mainnav li a:hover {
	color: #DA251D;
	text-decoration: underline;
}

ul#mainnav li.off a:hover {
	color: black;
}


/**
 * content
 */

div#content {
	margin: 20px 20px 0 190px;
	padding-bottom: 120px;
}

h1 {
	font-size: 16px;

	margin: 0 0 13px 0;
	padding: 0;
}

td#content_left {
	width: 310px;
	padding-right: 10px;
}

td#content_right {
	width: 360px;
}

input,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/**
 * product list
 */

div.productlist {
	padding: 7px 0 20px 0;
}

h3 {
	color: #DA251D;
	font-size: 13px;

	margin: 0 0 10px 0;
	padding: 0 0 0 16px;
	background: url(../upload/logos/arrow2.gif) no-repeat;
	background-position: 0 2px;
}

div.productimage {
	width: 100px;
	text-align: center;
	float: left;
}

div.producttext {
	margin-left: 120px;
	min-height: 100px;
	cursor: pointer;
}

* html div.producttext {
	height: 100px;
}


/**
 * product
 */

div#product_video_container {
	width: 280px;
}


/**
 * footer
 */

div#footer {
	width: 814px;
	height: 95px;
	margin: -95px auto 0 auto;
	background: url(../images/footer_bg.gif) no-repeat;
}

div#addlinks {
	float: right;
	margin: 8px 6px 0 0;
}

div#homelinks a,
div#addlinks a {
	display: block;
	float: left;
	height: 11px;
	margin-left: 10px;
	background: url(../images/arrow.gif) no-repeat;
	padding-left: 12px;
	background-position: 0 2px;
}

div#addlinks a:hover,
div#homelinks a:hover {
	color: black;
	text-decoration: underline;
}

div#homelinks {
	padding-top: 8px;
}

div#homelinks a.back {
	background-image: url(../images/arrow_back.gif);
}

div#langselector {
	text-align: right;
	clear: both;
	padding-top: 40px;
}

div#langselector img {
	margin-right: 6px;
}

/**
 * patent ribbon for products
 */

#patent_ribbon {
  position: absolute;
  margin: 0 0 0 742px;
  width: 72px;
  height: 67px;
  background: url(../images/patent.png);
}