@charset "utf-8";

body {
	background: url(../gfx/bgr.base.jpg) no-repeat top center #000000;
}

.Base {
	width: 960px;
	min-height: 700px;
	margin: 0 auto;
}

.Base.Article1016 {
	background: url(../../../../Files/intro_background.png) no-repeat top center;
}

.Base .Button {
	background: url(../gfx/bgr.button.png) no-repeat 0px -24px;
	margin: 0 auto;
	padding: 0 0 0 10px;
	height: 24px;
	text-decoration: none;
}

.Base .Button.Left {
	float: left;
	margin: 0 10px 0 0;
}

.Base .Button.Right {
	float: right;
	margin: 0 0 0 10px;
}

.Base .Button span {
	background: url(../gfx/bgr.button.png) no-repeat 100% 0px;
	display: block;
	line-height: 24px;
	padding: 0 10px 0 0;
	text-align: center;
}

.Base .Buttons {
	line-height: 24px;
}

.Base .Head {
	position: relative;
	padding: 100px 0 20px 0;
}

.Base .Head .Logo {
	position: absolute;
	top: 50px;
	left: 0px;
	text-decoration: none;
}

.Base .Head .Logo span {
	display: none;
	text-align: right;
	padding: 0 20px 0 0;
	font-size: 11px;
	color: #cccccc;
}

.Base .Head .Logo:hover span {
	display: block;
}

.Base .Head .Menu {
	position: absolute;
	top: 50px;
	right: 0px;
}

.Base .Head .Menu a {
	font-size: 15px;
	margin: 0 0 0 30px;
	text-decoration: none;
	color: #dddddd;
}

.Base .Head .Menu a:hover {
	color: #ffffff;
}

.Base .Head .Menu a.Selected {
	color: #aaaaaa;
}

.Base .Head .Localizations {
	position: absolute;
	top: 318px;
	right: 50px;
}

.Base .Head .Localizations a {
	margin: 0 0 0 15px;
}

.Base .Head .XMLMenu {
	position: absolute;
	top: 70px;
	left: 0;
}

.Base .Head .XMLMenu .Trigger {
	height: 30px;
	width: 50px;
	background: url(../gfx/bgr.xml-menu_trigger.png) no-repeat top left;
	margin: 0 0 0 490px;
	cursor: pointer;
}

.Base .Head .XMLMenu .Items {
	background: #333333;
	padding: 15px 0 0 15px;
	border: 1px solid #666666;
	display: none;
	height: 335px;
}

.Base .Head .XMLMenu .Items a {
	float: left;
	line-height: 18px;
	width: 220px;
	overflow: hidden;
	white-space: nowrap;
	font-size: 11px;
	margin: 0 15px 5px 0;
}

.Base .BodyLeft {
	float: left;
	width: 630px;
}

.Base .BodyLeft .Video {
	border: 1px solid #333333;
}

.Base .BodyLeft .ProductList {
}

.Base .BodyLeft .ProductList .Product {
	float: left;
	width: 180px;
	height: 270px;
	position: relative;
	margin: 0 0 15px 15px;
	padding: 10px;
	background: #ffffff;
	text-align: center;
}

.Base .BodyLeft .ProductList .Product.No1,
.Base .BodyLeft .ProductList .Product.No4,
.Base .BodyLeft .ProductList .Product.No7,
.Base .BodyLeft .ProductList .Product.No10,
.Base .BodyLeft .ProductList .Product.No13,
.Base .BodyLeft .ProductList .Product.No16,
.Base .BodyLeft .ProductList .Product.No19,
.Base .BodyLeft .ProductList .Product.No22,
.Base .BodyLeft .ProductList .Product.No25,
.Base .BodyLeft .ProductList .Product.No28,
.Base .BodyLeft .ProductList .Product.No31,
.Base .BodyLeft .ProductList .Product.No34,
.Base .BodyLeft .ProductList .Product.No37,
.Base .BodyLeft .ProductList .Product.No40,
.Base .BodyLeft .ProductList .Product.No43,
.Base .BodyLeft .ProductList .Product.No46,
.Base .BodyLeft .ProductList .Product.No49,
.Base .BodyLeft .ProductList .Product.No52,
.Base .BodyLeft .ProductList .Product.No55 {
	margin-left: 0;
}

.Base .BodyLeft .ProductList a:hover {
	text-decoration: none;
}

.Base .BodyLeft .ProductList a img {
	display: block;
	margin: 0 auto 15px auto;
}

.Base .BodyLeft .ProductList a .Title {
	font-weight: bold;
	color: #333333;
	margin: 0 0 10px 0;
	display: block;
}

.Base .BodyLeft .ProductList a .SubTitle {
	font-size: 11px;
	color: #999999;
	margin: 0 0 10px 0;
	display: block;
}

.Base .BodyLeft .ProductList a .Price {
	font-size: 11px;
	color: #999999;
	display: block;
}

.Base .BodyLeft .ProductView {
}

.Base .BodyLeft .ProductView .Back {
	float: right;
}

.Base .BodyLeft .ProductView .Left {
	width: 230px;
	float: left;
}

.Base .BodyLeft .ProductView .Left .Images {
	background: #ffffff;
	padding: 15px 5px 5px 15px;
}

.Base .BodyLeft .ProductView .Left .Images a.Thumbnail {
	float: left;
	margin: 0 10px 10px 0;
}

.Base .BodyLeft .ProductView .Left .Images .MoreViews {
	margin: 10px 0;
	font-size: 10px;
}

.Base .BodyLeft .ProductView .Left .Downloads {
	margin: 30px 0 0 0;
	background: #333333;
	padding: 10px 10px 0 10px;
}

.Base .BodyLeft .ProductView .Left .Downloads h3 {
	color: #999999;
}

.Base .BodyLeft .ProductView .Left .Downloads .Download {
	border-top: 1px solid #444444;
	padding: 10px 0 10px 25px;
	display: block;
}

.Base .BodyLeft .ProductView .Left .Downloads .Download.pdf {
	background: url(../gfx/ico.pdf.png) no-repeat 0 12px;
	
}

.Base .BodyLeft .ProductView .Left .Downloads .Download:first-child {
	border: 0;
	padding-top: 0;
	background-position: 0 2px;
}

.Base .BodyLeft .ProductView .Center {
	margin: 0 0 0 260px;
}

.Base .BodyLeft .ProductView .Center .Description {
}

.Base .BodyLeft .ProductView .Center .Specifications {
	margin: 50px 0 0 0;
	font-size: 11px;
}

.Base .BodyLeft .ProductView .Center .Specifications table {
	margin: 0 0 30px 0;
	width: 100%;
}

.Base .BodyLeft .ProductView .Center .Specifications table td {
	border-top: 1px solid #222222;
	line-height: 30px;
}

.Base .BodyLeft .Listing {
}

.Base .BodyLeft .Listing .Article {
	margin: 0 0 30px 0;
	position: relative;
	padding: 30px 0 0 130px;
	border-top: 1px solid #333333;
}

.Base .BodyLeft .Listing .Article:first-child {
	padding-top: 0;
	border: 0;
}

.Base .BodyLeft .Listing .Article img {
	position: absolute;
	left: 0;
	top: 30px;
}

.Base .BodyLeft .Listing .Article:first-child img {
	top: 0;
}

.Base .BodyLeft .Image {
	float: right;
	margin: 0 0 15px 15px;
}

.Base .BodyLeft .Buttons {
	line-height: 24px;
	height: 24px;
}

.Base .BodyRight {
	width: 300px;
	margin: 0 0 0 660px;
}

.Base .BodyRight .Search {
	height: 85px;
	margin: 0 0 15px 0;
}

.Base .BodyRight .Search h3 {
	margin: 0 0 12px 0;
}

.Base .BodyRight .Search input {
	width: 220px;
}

.Base .BodyRight #TabList {
	height: 30px;
	border-bottom: 1px solid #666666;
}

.Base .BodyRight #TabList .TeaserTab {
	float: left;
	line-height: 29px;
	padding: 0 15px;
	text-decoration: none;
	color: #cccccc;
	background: #000000;
	border: 1px solid #333333;
	border-bottom: 0;
	margin: 0 0 0 1px;
}

.Base .BodyRight #TabList .TeaserTab:first-child {
	margin-left: 0;
}

.Base .BodyRight #TabList .TeaserTab:hover {
	border-color: #666666;
	color: #ffffff;
}

.Base .BodyRight #TabList .TeaserTab.Active {
	color: #ffffff;
	background: #333333;
	line-height: 30px;
	border-color: #666666;
}

.Base .BodyRight .TeaserList {
	position: relative;
	padding: 15px 15px 70px 15px;
	height: 400px;
	border: 1px solid #666666;
	border-top: 0;
	background: #333333;
	display: none;
}

.Base .BodyRight .TeaserList.Active {
	display: block;
}

.Base .BodyRight .TeaserList .Teaser {
	display: none;
}

.Base .BodyRight .TeaserList .Teaser:first-child {
	display: block;
}

.Base .BodyRight .TeaserList .Teaser img {
	margin: 0 0 20px 0;
}

.Base .BodyRight .TeaserList .BottomBar {	
	border-top: 1px solid #444444;
	padding: 15px 0 0 0;
	line-height: 24px;
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 268px;
}

.Base .BodyRight .TeaserList .BottomBar .Marker {
	margin: 0 10px 0 0;
	font-size: 12px;
	line-height: 24px;
	color: #666666;
}

.Base .BodyRight .TeaserList .BottomBar .Marker.Active {
	color: #ffffff;
}

.Base .Foot {
	clear: left;
	line-height: 50px;
	font-size: 11px;
	color: #666666;
}

.Base .Foot .Menu {
	float: right;
}

/********** IMAGE VIEWER **********/

.Base #ImageViewer {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
}

.Base #ImageViewer .Canvas {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.Base #ImageViewer .Frame {
	position: fixed;
	z-index: 10010;
	left: 50%;
	top: 50px;
	margin: 0 0 0 -415px;
	background: white;
	border: 1px solid #cccccc;
	position: relative;
	width: 800px;
}

.Base #ImageViewer .Frame .Image {
	display: block;
	margin: 0 auto;
	padding: 30px;
}

.Base #ImageViewer .Frame .Description {
	text-align: center;
	background: #eeeeee;
	padding: 10px 40px;
	border-top: 1px solid #cccccc;
	line-height: 26px;
}

.Base #ImageViewer .Frame .CloseButton {
	position: absolute;
	z-index: 10100;
	top: 10px;
	right: 10px;
	cursor: pointer;
	border: 1px solid #cc0000;
}

.Base #ImageViewer .Frame .LeftButton {
	position: absolute;
	bottom: 10px;
	left: 10px;
	cursor: pointer;
	border: 1px solid #cc0000;
}

.Base #ImageViewer .Frame .RightButton {
	position: absolute;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	border: 1px solid #cc0000;
}