@charset "utf-8";

.right { float: right; }
.left { float: left; }
.absolute { position: absolute; }
.relative { position: relative; }
.clear { clear: both; }

.bold { font-weight: bold; }
.darkbordertop { border-top: 1px solid #666666; }

.marginbottom7 { margin-bottom: 7px; }
.marginbottom12 { margin-bottom: 12px; }
.marginbottom15 { margin-bottom: 15px; }

html { height: 100%; }
body {
	background-color: #fafafa;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	height: inherit;
}

img { border: none; }

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

a:hover { text-decoration: underline; }

a.active { text-decoration: underline; color: #333333 !important; }

p {
	margin: 0;
	padding: 0;
}

h2, .h2 {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#siteouter {
	background: transparent url(../images/background-site.png) repeat-y center 0;
	width: 1024px;
	margin: 0 auto;
	min-height: 100%;

}


#site {
	width: 950px; /* = effektive Contentbreite (25px Abstand links und rechts) */
	margin-left: 37px;
}


.leftcol {
	float: left;
	width: 150px;
	border-top: 1px solid #666666;
	padding-top: 5px;
}

.leftcol a {
	color: #666666;
}

.leftcol a:hover {
	color: #333333;
}

.rightcol {
	margin-left: 240px;
	border-top: 1px solid #666666;
	padding-top: 6px;
}

/************************/
/*      HEADER          */
/************************/
#header {
	position: relative;
	height: 150px;
	margin-bottom: 33px;
}

#logo {
	position: absolute;
	top: 25px;
	left: 318px;
}

#metanavi {
	position: absolute;
	top: 25px;
	right: 0;
	color: #999999;
}

#metanavi a {
	color: #999999;
}



#metanavi a:hover {
	text-decoration: underline;
	color: #999999;
}

/* Hauptmenü */
#mainnavi {
	display: block;
	position: absolute;
	top: 115px;
	height: 35px;
	width: 950px;
	background: transparent url('/images/background-header.png') no-repeat top left;
}

#mainnavi a:hover {
	text-decoration: none;
}

#mainnavi li {
	height: 31px;
	display: inline-block;
	margin: 1px 0 0 0;
	padding: 0;
	background: transparent url('/images/mainnavi-seperator.png') no-repeat top right;
	float: left;
}

#mainnavi ul.right li {
	background-position: top left;
}

#mainnavi li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	padding: 0 13px;
}

#mainnavi li a:hover {
	color: #333333;
}

#mainnavi li a.active {
	color: #333333;
	text-decoration: none;
}


/*************************/
/*     CONTENT           */
/*************************/
#content {
	min-height: 634px;
	background: transparent url('/images/background-content.png') repeat-x top left;
}

#contentheadline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #333333;
	text-decoration: underline;
	text-align: center;
	padding-top: 25px;
	margin-bottom: 50px;
	height: 21px;
}


#contentheadlinewithsubheadline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	padding-top: 25px;
	margin-bottom: 5px;
	height: 21px;
}


#contentsubheadline {
	font-family: Helvetica, Arial;
	font-size: 12px;
	color: black;
	text-align: center;
	padding-top: 2px;
	margin-bottom: 22px;
	height: 21px;
}




/**********************/
/*      FOOTER        */
/**********************/
#footer {
	margin-top: 90px;
	padding-bottom: 50px;
	padding-top: 3px;
	border-top: 1px solid #666666;
}

#footer a {
	color: #666666;
}

#footer a:hover {
	text-decoration: underline;
}



/********************/
/*      NEWS        */
/********************/
.newsentry {
	border-bottom: 1px solid #666666;
	padding: 25px 0;
	min-height: 147px;
}

.newsimage {
	float: left;
	width: 180px;
	margin-top: 5px;
}

.newstext {
	margin-left: 250px;
	font-weight: normal;
	line-height: 18px;
}

.newsheadline {
	width:313px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 5px;
}


.newsletter {
	border-top: 2px solid #666;
}

.newsletter h2 {
	margin: 4px 0 11px 0;
}

.newsletter div {
	height: 45px;
	color: #333;
}

.newsletter input {
	margin-top: 3px;
}


.newsletter a {
	background: transparent url('/images/arrow-left-small.gif') no-repeat 90px 5px;
	width: 100px;
	display: block;
}


.newsletter a:hover {
	text-decoration: underline !important;
	font-weight: normal !important;
	color: #333 !important;
	background: transparent url('/images/arrow-left-small-hover.gif') no-repeat 90px 5px;
}


/***************************/
/*      UNTERNEHMEN        */
/***************************/
.unternehmensentry {
	margin-bottom: 55px;
}

.unternehmenstext {
	line-height: 18px;
	padding-top: 3px;
}



/***************************/
/*       PRODUKTE          */
/***************************/
/* Hauptseite */
.products-main-wrapper {
	display: inline-block;
	overflow: hidden;
}

.products-main-category {
	border-top: 1px solid #333333;
}

.products-main-category h2 a {
	font-size: 14px;
	color: #333333;

}


.products-main-category h2 a:hover {
	color: black;
	text-decoration: none;
}









.products-main-category,
.products-main-sortimentlinks .leftcol,
.products-sub-product {
	width: 230px;
	margin-right: 10px;
}

* html .products-sub-product {
	margin-right: 8px;
}

.products-main-categorylist {
	border-top: 1px solid #666666;
	padding-top: 5px;
}

.products-main-categorylist ul,
.products-sub-categorylist ul {
	line-height: 20px;
}

.products-main-sortimentlinks {
	margin-top: 41px;
}

.products-main-sortimentlinks a {
	display: block;
	width: 92px;
	background: transparent url('/images/arrow-right.png') no-repeat right 5px;
}

.products-main-sortimentlinks a:hover {
	background-image: url('/images/arrow-right-dark.png');
}


/* Subseite */
.products-sub-categorylist {
	padding-top: 0;
}

.products-sub-categorylist h2 {
	padding: 5px 0;
	border-bottom: 1px solid #666666;
}

.products-sub-categorylist ul {
	border-bottom: 1px solid #666666;
	padding: 5px 0;
}

.products-sub-productlist {
	display: inline-block;
	overflow: auto;
}

.products-sub-product {
	border-top: 1px solid #666666;
	height: 282px;
	float: left;
}

.products-sub-product p {
	margin-top: 7px;
}



/* Detailseite */
.product-wrapper {
	display: inline-block;
	overflow: hidden;
	margin-bottom: 30px;
}

.productimage,
.productinfo,
.product-backlink,
.linkedproducts-wrapper {
	border-top: 1px solid #666666;
	padding-top: 5px;
}

.productimage { width: 470px; margin-right: 10px; }
* html .productimage { margin-right: 7px; }
.productinfo { width: 230px; }

.productinfo p {
	border-top: 1px solid #cccccc;
	padding: 5px 0;
}


.linkedproducts-wrapper {
	margin-bottom: 50px;
	overflow: auto;
	display: inline-block;
	width: 100%;
}


.linkedproducts-scroller-left a,
.linkedproducts-scroller-right a {
	float: left;
	display: block;
	height: 100px;
	width: 20px;
}

#screenshot {
	margin: 0;
	padding: 0;
	position: absolute;
	border: 1px solid #ccc;
	background: #ccc;
	display: none;
	z-index: 200;
}


.linkedproducts-scroller-left a { background: #999 url('/images/scroller-left.png') no-repeat left top; }
.linkedproducts-scroller-left a:hover { background: #999 url('/images/scroller-left-hover.png') no-repeat left top; }
.linkedproducts-scroller-right a { background: #999 url('/images/scroller-right.png') no-repeat left top; }
.linkedproducts-scroller-right a:hover { background: #999 url('/images/scroller-right-hover.png') no-repeat left top; }

.linkedproducts-products-wrapper {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 650px;
	float: left;
	margin: 0 10px;
}


.linkedproduct {
	float: left;
	display: inline-block;
	width: 98px;
	height: 98px;
	border: 1px solid #ccc;
	margin: 0 5px;
}


.product-backlink a {
	display: block;
	padding-left: 10px;
	background: transparent url('/images/arrow-left.png') no-repeat left 5px;
}

.product-backlink a:hover {
	color: #333333;
	background-image: url('/images/arrow-left-dark.png');
}





.productdot {

	-moz-opacity: .70;
	filter:alpha(opacity=70);
	opacity: .70;


}



a.producttitle:hover {
	text-decoration: none;
	color: green;
}