﻿@charset "UTF-8";
/* Schriften */
@font-face {
    font-family: 'TwCenMTRegular';
    src: url('tcm_____-webfont.eot');
    src: url('tcm_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('tcm_____-webfont.woff') format('woff'),
         url('tcm_____-webfont.ttf') format('truetype'),
         url('tcm_____-webfont.svg#TwCenMTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Allgemeine Formatierungen */
* {margin:0; padding:0}
body {
	font-family:TwCenMTRegular, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#2a5182;
}
a:link {text-decoration:none; color:#FFF}
a:visited {text-decoration:none; color:#FFF}
a:hover {text-decoration:none; color:#2a5182}
a:active {text-decoration:none; color:#2a5182}

a img {
	border:none;
}
/* Elementformatierungen */
.wrapper {
	position:relative;
	overflow:hidden;
}
.body_bg {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-540px;
	width:966px;
	z-index:0;
}
.body_bg img {
	display:none;
}
.loading {
	background:url(../img/progress.gif) center center no-repeat;
}
.bodyFrame {
	position:relative;
	margin:0 auto;
	width:980px;
	height:721px;
}
.language {
	position:absolute;
	right:52px;
	top:10px;
	text-align:right;
	color:#FFF;
	z-index:2;
	display:none;
}
.language a img {
	padding-right:5px;
}
.logo {
	position:absolute;
	top:11px;
	left:262px;
	display:none;
	width: 404px;
}
.content_bg {
	position:absolute;
	top:142px;
	left:62px;
	z-index:1;
	display:none;
}
.content {
	position:absolute;
	top:145px;
	margin:0 65px;
	z-index:1;
	display:none;
}
.content .canvascloth, .content .filtercloth, .content .carrugatorbelt {
	position:absolute;
	top:0;
	left:0;
	width:257px;
	height:363px;
}
.content .canvascloth img, .content .filtercloth img, .content .carrugatorbelt img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.content .canvascloth {
	background:url(../img/canvascloth.png) no-repeat;
}
.content .filtercloth {
	left:299px;
	background:url(../img/filtercloth.png) no-repeat;
}
.content .carrugatorbelt {
	left:597px;
	background:url(../img/carrugatorbelt.png) no-repeat;
}
.content .canvascloth .button, .content .filtercloth .button, .content .carrugatorbelt .button {
	position:absolute;
	bottom:29px;
	left:58px;
	z-index:2;
}

.button img{
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:#CCCCCC solid 2px ;
}
.content .canvascloth .overlay_top, .content .filtercloth .overlay_top, .content .carrugatorbelt .overlay_top {
	position:absolute;
	left:0;
	bottom:14px;
	width:257px;
	height:220px;
	background:#FFF; /*url(../img/overlay_top.png) repeat-y;*/
	z-index:2;
	display:none;
}
.content .canvascloth .overlay_bottom, .content .filtercloth .overlay_bottom, .content .carrugatorbelt .overlay_bottom {
	position:absolute;
	bottom:13px;
	width:257px;
	height:5px;
	background:url(../img/overlay_bottom.png) -1px top no-repeat;
	z-index:2;
	display:none;
}
.content .canvascloth .overlay_top h1, .content .filtercloth .overlay_top h1, .content .carrugatorbelt .overlay_top h1 {
	padding:5px 10px;
	font-size:16px;
	font-weight:normal;
}
.content .canvascloth .overlay_top p, .content .filtercloth .overlay_top p, .content .carrugatorbelt .overlay_top p {
	padding:0 10px 10px 10px;
	line-height:13px;
}

/* Newsticker */
.stage {
	position:absolute;
	left:33px;
	width:796px;
	height:112px;
	overflow:hidden;
	background:#FFF;
	z-index:1;
}
.caption {
	float:left;
	width:225px;
	display:none;
}
.caption h2 {
	font-size:12px;
	/*font-weight:normal;*/
	line-height:12px;
}
.caption p {
	padding-top:5px;
	font-size:12px;
	line-height:12px;
}
/* nur IE 7
*:first-child+html .caption h2, *:first-child+html .caption p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
*/
noscript {
	position:absolute;
	top:0;
	left:0;
	height:721px;
	z-index:100;
	background:#FFF;
}
noscript div {
	margin:15px;
}
noscript .alert {
	margin:25px 0 25px 0;
	font-size:18px;
	color:#F00;
	font-style:italic;
}
noscript h1 {
	font-size:20px;
	font-weight:normal;
}
noscript h2 {
	font-size:18px;
	font-weight:normal;
}
noscript p {
	font-size:16px;
	color:#999;
}
noscript a:link {text-decoration:none; color:#2a5182}
noscript a:visited {text-decoration:none; color:#2a5182}
noscript a:hover {text-decoration:none; color:#999}
noscript a:active {text-decoration:none; color:#999}
