@charset "UTF-8";
@import url("superfish.css");
@import url("lightbox.css");

/* CSS Document */

/*GENERAL STYLE DEFINITIONES START*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockqoute, pre, a, abbr, acronym, adress,
big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	border:0;
	padding:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
html, body{width:100%; height:100%;}
html{ background:#fff url(images/htmlbg.png) repeat-x top left;}
body{ 
	/*background:url(images/bodycbg.png) repeat-y top center; */
	line-height:1.5em; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; color:#333; height:inherit;}


h1, h2 {color:#fff; font-weight:normal;}
h1{font-size:24px; line-height:1.5em;}
h2{font-size:18px; line-height:1.0em;}

img{border:0;}

.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both;}

li{margin: 0em 1.5em;}

/*GENERAL STYLE DEFINITIONES END*/

/*PAGE LAYOUT START*/
.superwrapper 
{
	margin: 0 auto;
	background:url(images/bodybg.png) repeat-y top center; 
	
	}
	
.wrapper{
	
	width:900px;
	margin: 0 auto;
	overflow:hidden;

	}
#top{ height:151px; position:relative; width:900px; }
#center{background:#fff url(images/bg_content.gif) top left repeat-x; width:900px; padding-bottom:40px; position:relative; width:900px;}
#bottom{background:url(images/bottom.jpg) left top no-repeat; height:249px; position:relative; width:900px;}

/*SUB MENU*/

#leftNavi {
	padding:20px;
	width:343px;
	height:359px;
}
#leftNavi ul{
	list-style-image:url(images/arrow_content.png);
}
#leftNavi li a { color:#1f3d63; text-decoration:none;}
#leftNavi li a:hover { color:#1f3d63; text-decoration:underline;}

/*INDEX START*/

#indexGallery{
	position:relative;
	z-index:888; 
	top:90px;
	margin-top:-50px;
	background:url(images/bg_image_gal_index2.png);
	width:551px; 
	height:250px;
	left:6px;
}

/* OLD
#indexGallery{
	position:fixed; 
	z-index:888; 
	left:349px; 
	background:url(images/bg_image_gal_index.png) no-repeat; 
	width:551px; 
	height:250px;
	margin-top:199px;
}
*/ 

#indexGalleryTop{width:350px; padding-left:62px;}
#indexGalleryTop h1{ margin-top:10px;}
#indexGalleryWrapper{width:456px; margin-left:62px; overflow:hidden; height:100px; }  
#indexGalleryWrapper a{margin:10px 5px 0 6px; float:left; text-align:center; border:1px solid white;  }
#indexGalleryWrapper a:hover{border:1px solid #800768;}
.indexGalleryWrapperImage img{height:auto; }

#textRight, #textLeft{padding-top:30px;}
#textRightDesc {font-weight:bold;}
#textLeft{position:absolute; width:302px; left:46px;}
#textLeft a, #textRight a {color:#1f3d63;}
#textLeft a:hover, #textRight a:hover {text-decoration:none;}
#textLeft ul{list-style:none;}
#textLeft li{list-style-image:url(images/arrow_bottom.png);}
#textRight{width:456px; color:#1f3d63; left:414px; position:absolute;}
#indexContentInner{
	color:#1f3d63;
	left:402px;
	padding-top:40px;
	padding-left:59px;
	padding-bottom:10px;
	width:452px;
}

.techDetails 
{
	border:1px solid #2f4d73;
	margin:10px 0 10px 0;
	padding:10px;
	display:none;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-size:11px; color:#333;
	line-height:1.2em;
	
}
input, textarea{background:#fff; border:solid 1px #ccc; padding:2px; font-size:12px;}
input:focus, textarea:focus{border-color:#2f4d73; background:#f1f5ff;}
label.clear{ display:block;}
.lform{float:left;width:100px;height:25px;}
.rform{width:400px;height:25px;}
.inp1{width:200px;}
.inp2{width:50px;}
.inp3{width:137px}
.inp4{height:50px; width:300px;}
.inp5{font-weight:bold; border:1px solid #2f4d73; width:150px; padding:6px; margin:5px 0 0 156px; color:#fff; background:url(images/bottom.jpg) no-repeat 0px -200px;}
.inp5:hover{ background-position: -120px -220px;}
/* OLD
#indexContentInner{
	position:absolute;
	color:#990033;
	left:402px;
	padding-top:40px;
	padding-left:0px;
	width:452px;
}
*/

#mainImg{
	margin:35px -20px 0 20px;
}

#topMenu a.intern { text-decoration:underline; }
#topMenu a.intern:hover { color:#e00; text-decoration:underline;}
.borderless {border:none;background:none;font-weight:bold;color:#1f3d63;}

#indexContentInner h1, #indexContentInner a, #indexGalleryTop h1, #textRight h1, #leftNavi h1, #videoContainer h1{color:#1f3d63;}
#indexContentInner h2 {color:#1f3d63; margin:10px 0 5px 0}
#indexContentInner a:hover {text-decoration:none;}
#indexContentInner ul {list-style-image:url(images/arrow_content.png);}
#indexContentInnerDesc {font-weight:bold;}
#indexContentInnerLinks {font-weight:bold;padding:10px 0 10px 0;}
/*INDEX END*/
	
/*FOOTER START*/
.push{height:90px;}
.footer{background:url(images/footer.png) repeat-x; height:120px; padding-top:30px;  margin:0 auto;}
#footerGrey{  padding-top:30px; text-align:center;}
#footerGrey a{color:#333;}
/*FOOTER END*/
/*PAGE LAYOUT END*/

#lang {overflow:hidden;position:absolute; z-index:0; width:70px; top:10px; right:10px;}
#lang li{float:left; margin:0; padding:0; margin-left:5px; }
#lang li a {display:block; width:24px; height:19px; text-indent:-999em;}
#lang li#de a{background:url(images/de.png) no-repeat top left;}
#lang li#en a{background:url(images/en.png) no-repeat top left;}

#articleList {overflow:hidden;}
#articleList li h2 a {text-decoration:none;}
#articleList li {overflow:hidden; margin:0; padding:0; list-style:none; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #2f4d73;}
#articleList .listImage {float:left; width:160px; margin-right:20px;}
#articleList .hasImage {float:left; width:270px;}

.tDetails {margin:20px 0 20px 0;}
.tDetails h3 {margin-bottom:10px;}

ul#paging {margin:0; padding:0; overflow:hidden;}
ul#paging li {margin:0; padding:0; list-style:none; float:left; margin-right:5px;}
ul#paging li a {display:block; padding:2px 5px; background:#fff; color:#2f4d73; border:1px solid #2f4d73; text-decoration:none;}
ul#paging li.currentPage a, ul#paging li:hover a{color:#fff; font-weight:bold; background:#2f4d73; border:1px solid #2f4d73;}


a.productVideo 
{
    display:block !important;
    position:absolute;
    z-index:10;
    text-indent:-9999em;
    width:54px; height:199px;
    margin:100px 0 0 -19px; 
    z-index:1;   
}
a#lang1 {background:url(images/prodvideo.png) no-repeat top left;}
a#lang2 {background:url(images/prodvideo_en.png) no-repeat top left;}

#videoContainer 
{
   margin:0 20px 0 50px;
   padding:10px 0 0 0; 
   width:800px;
   position:relative !important;
}

.player 
{    
    display:block;
    width:800px;
    height:450px; 
    position:relative;
    
}

.player img 
{
    margin-top:70px;
	border:0px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-41px 0 0 -41px;
    }
  
 a#logoLink 
 {
     display:block;
     text-indent:-9999em;
     position:absolute;
     width:161px; height:132px;
     left:102px; top:5px;
     }