/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 248px;
	width: 444px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 246px;
	width: 448px;
	margin: 0 auto;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	/*background: #000;*/
	/*background: #025A8A;*/
	background: #133747;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Gill Sans MT,Arial,Helvetica,sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	/*height: 0;*/
	height: 70px;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 70px;
	opacity: .9;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(/fileadmin/templates/css/controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(/fileadmin/templates/css/controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(/fileadmin/templates/css/controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(/fileadmin/templates/css/controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(/fileadmin/templates/css/controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(/fileadmin/templates/css/controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: 5px;
	height: 50px;
	right: 0;
	position: absolute;
	width: 100%;
  z-index:99999;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	/*height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;*/
  float:right;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 0 0 2px 0;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	/*background-color: #0483D1 !important;*/
	border-bottom:2px solid #0483D1!important;;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
  /*
width:45px;
  height:45px;
*/
}
.slideshow-thumbnails-active {
	/*background-color: #0483D1;*/
  border-bottom:2px solid #0483D1;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	/*background-color: #FFF;*/
	opacity: .5;
}

body{ font-family:Verdana,Arial,Helvetica,sans-serif;  font-size:14px;  color:#333;   background:#FFF url('/fileadmin/templates/images/menu-bg.png') no-repeat -1000px -1000px;   behavior:url("/fileadmin/templates/js/csshover3.htc")}
a{color:#333}
div, p, li{}
h2, h3, h4{font-weight:normal}
h3{line-height:50px; margin-bottom:-5px}
h4{margin:0px 0px 10px 0px; font-size:16px}
hr{visibility:hidden}
.clearfixed{clear:both; float:none; margin:0; padding:0px; font-size:0px; line-height:0px; height:0px}
img{border:0 none}
img, input{vertical-align:middle}
.btn{cursor:pointer}
input.btn{border:0 none}
.container{}
.header, .footer, .main-nav, .main{width:100%; min-width:960px}
.header-inner, .mainnav-inner, .content, .footer-inner{width:960px; margin:0 auto}
.header-inner{line-height:63px}
.header-inner h1{height:63px}
.mainnav-inner a{font-family:Gill Sans MT Pro,Arial,Helvetica,sans-serif; font-weight:bold}
.header{background-color:#292929}
.header, .header a, 
.main-nav, .main-nav a, 
.footer, .footer a{color:#FFF}
.header-inner{background:#292929 url(/fileadmin/templates/images/leading_the_world_in_rear_seat_entertainment.jpg) right center no-repeat}
.header h1{visibility:hidden; height:0; width:0}
.content{padding-bottom:10px}
.content ul{list-style-type:square; margin:1em 1.5em}
.content ul li{line-height:1.5em}
.page-title{padding-bottom:0px; overflow:hidden; border-bottom:1px solid #1375a5}
.page-title h2{font-size:48px}
.main-nav{ position:relative;  z-index:999;  height:30px;  border-top:1px solid #0483D1;  border-bottom:1px solid #0483D1;  background-color:#484848}
.main-nav a{ outline:none}
.main-nav ul{list-style:none}
.main-nav li{ width:192px;  height:30px;  line-height:32px;  float:left;  text-align:center;  font-size:12px;  font-weight:bold}
.main-nav ul.europe li { width:160px}
.main-nav ul.europe .level-01 ul.level-01-tabs li { width: auto; }
.main-nav li.last{position:relative}
.main-nav a{text-decoration:none}
.main-nav .level-02{   height:118px;    padding-top:5px;      background:transparent url(/fileadmin/templates/images/menu-bg.png) repeat-x scroll 0 -1px; overflow:hidden}
.main-nav .level-02 ul{width:958px}
.main-nav .level-02 ul li{height:95px; padding-top:14px; padding-right:0px; margin-right:20px; width:150px}
.main-nav .level-02 li.active, 
.main-nav .level-02 li:hover{border-bottom:2px solid #0483D1}
.main-nav .level-02 li a{font-size:10px; font-weight:bold; line-height:11px}
.main-nav .level-02 li a span{padding-top:10px; line-height:32px}
.main-nav ul .level-01 a{color:#666; height:28px}
.main-nav .level-01 li.active a{border-bottom:2px solid #0483D1}
.main-nav ul .level-02 a{color:#333; height:95px}
.main-nav ul .level-02 a .new{color:#0483d1}
.main-nav ul .level-01 li:hover a{border-bottom:2px solid #0483D1}
.main-nav ul .level-01 li:hover li a{border-bottom:0 none}
.main-nav ul .level-01 li:hover .level-02{display:block}
.main-nav ul .level-02 li.separator-next{width:25px; margin-right:0px}
.main-nav ul .level-02 li.separator-prev{width:25px; margin-right:0px}
.main-nav ul .level-02 li.description-text{color:#000; text-align:left; cursor:text; width:270px; height:30px; min-height:35px; margin-right:0px}
.main-nav ul .level-02 li.description-text h5{color:#0483D1; padding:0px 5px 5px 10px; line-height:100%}
.main-nav ul .level-02 li.description-text h5, 
.main-nav ul .level-02 li.description-text p{border-left:1px solid #0483D1}
.main-nav ul .level-02 li.description-text p{text-transform:none; padding:0px 5px 0px 10px; font-weight:normal; line-height:1.3em}
.main-nav ul .level-02 li.description-text:hover{border:none}
#searchButtonTopMenu{width:192px; position:absolute; left:0px; top:30px; height:28px; padding:0px}
.main-nav .level-02 ul.compact li{width:140px; margin-right:0px}
.main-nav ul .level-02 ul.compact li.description-text{width:250px}
.main-nav li a{display:block; letter-spacing:1px; text-transform:uppercase}
.main-nav li div{display:none; position:absolute; left:0; top:30px; width:100%; background-color:#FFF; z-index:999}
#searchButtonTopMenu div.search{border:1px solid #0483d1; width:180px; top:5px !important; left:4px; padding:1px}
#searchButtonTopMenu div.search input{border:none; float:left; width:150px; height:14px}
#searchButtonTopMenu div.search button{height:18px; width:30px; right:0px; top:0px; position:absolute; float:right; border:none; background-color:#0483d1; color:#fff; cursor:pointer; line-height:10px; font-size:10px}
body.pro .main-nav li div.level-01{display:block}
.main-nav li ul{ width:560px;  margin:0 auto}
.main-nav li ul{width:960px}
.main-nav li li{width:auto; padding-right:20px; font-weight:bold; text-transform:uppercase}
.main-nav li.active, 
.main-nav li:hover{background-color:#FFF; cursor:pointer}
.main-nav .level-01 li:hover{background-color:transparent}
.main-nav li.active a, 
.main-nav li:hover a{color:#000}
.main-nav li:hover div{display:block}
.main-nav li a.hover, 
.main-nav li li.first a.hover, 
.main-nav li li.first li a{border-bottom:4px solid #0483d1}
.footer{ font-family:Verdana;  height:50px;  border-top:1px solid #0483D1;  text-transform:uppercase;  font-weight:bold;  background-color:#343434}
.footer .footer-inner{font-size:12px; margin-top:10px}
.footer .sub-menu{letter-spacing:1px}
.footer a{text-decoration:none}
.footer .sub-menu li{padding-right:54px}
.footer .sub-menu li.last{padding-right:0px}
.footer ul{float:left}
.footer li{display:inline; font-weight:bold}
.footer .lang-switch {float: right; text-align:right; width: 250px;}
.footer .lang-switch ul { float: right; }
.footer .lang-switch a{color:#ccc}
.footer .lang-switch a:hover{color:#fff}
.footer .copyright{line-height:20px; clear:both; text-align:right; font-size:11px; color:#c9c9c9}
.footer #social-networks{float:left}
.main{  background:#FFF url(/fileadmin/templates/images/level-01-bg.gif) repeat-x scroll 0 0px;  overflow:hidden;  padding-top:30px}
body.light .main{padding-top:10px}
body.home{background-color:#424242}
.homepage .main{  height:617px;   padding-top:0px;   background:#424242 url(/fileadmin/templates/images/main-bg.jpg) repeat-x scroll 0 0}
.homepage .main .content{height:617px;   background:transparent url(/fileadmin/templates/images/homepage1-bg.jpg) center top no-repeat}
body.pro div.buyNowLink{position:absolute; right:0px; top:13px; z-index:1000; display:block; background:#1a1a1a url(/fileadmin/templates/images/btn-buy.jpg) top center no-repeat; line-height:26px}
body.pro div.buyNowLink a{color:#fff; text-transform:uppercase; text-decoration:none; padding:0px 10px}
.slideshow-captions .title{font-size:40px;margin-top:18px;font-family:Gill Sans MT Pro Light,Arial,Helvetica,sans-serif}
.slideshow-captions .des{font-size:14px;padding-top:2px;font-family:Gill Sans,Arial,Helvetica,sans-serif}
.homepage .slideshow-thumbnails{height:54px}
.player-block{height:346px;padding-top:102px}
.content-block{width:960px;height:151px}
.content-block a.news-item{text-decoration:none;display:block;width:314px;height:150px;margin:0px 3px;float:left;background:#fff url(/fileadmin/templates/images/news-item-demo.jpg) no-repeat scroll 0 0; position:relative}
.content-block a.news-item span{width:308px; bottom:0px; padding:4px 3px; background-color:#046fa8; color:#fff; display:block; position:absolute}
.content-block .link-02{ background-position:-324px 0}
.content-block .link-03{ background-position:-648px 0;width:314px}
.content-item{float:left}
.content-item a{display:block}
.form{padding-bottom:40px}
.form td{text-align:right; padding:4px; font-size:14px; font-family:Verdana,Arial,Helvetica,sans-serif}
.form td.top{vertical-align:top; padding-top:25px}
.form input, .form select, .form textarea{width:365px; padding:3px 4px; border:1px solid #E3E3E3; color:#666; font-size:13px; font-family:Verdana,Arial,Helvetica,sans-serif; text-align:left}
.form select{width:375px}
.form input.btn{ width:375px;  text-align:right;  color:#FFF;  background-color:#046FA3}
.release{float:left; width:630px; margin-top:10px}
.sidebar{float:right; width:320px; margin-top:10px}
.release p{padding-bottom:5px; color:#000; font-size:14px; line-height:160%; font-family:Verdana,Arial,Helvetica,sans-serif}
.release .comment-form p{padding-bottom:20px}
.sidebar .list{padding:15px 0px}
.sidebar .list h3{padding-bottom:0px}
.sidebar .contact ul{margin-bottom:15px}
.ss{padding:10px 0px; overflow:hidden}
.column{width:200px}
.column, 
.column ul{float:left}
.column.last{float:right; width:150px}
.column ul.right{padding-left:25px}
.pro .page-title{margin-top:135px; position:relative}
.page-title.pro h2{float:left}
.one-column .slideshow{width:958px; height:510px; padding-top:5px}
.relative-products{height:70px; padding-top:18px}
.relative-products ul{float:right; margin:0px}
.relative-products h3, .relative-products li, 
.tab-menu{list-style:none}
.relative-proructs #pi2_quotes{width:530px}
.relative-products #pi2_quotes, .relative-products li, .tab-menu li, .profile .col-01, .profile .col-02{float:left}
.relative-products li{margin-left:0px}
.relative-products h3{margin-top:5px}
.profile{min-height:260px}
 .profile .col-01, .profile .col-02{width:470px}
 .profile .col-01{padding-right:15px}
.relative-products h3{width:530px; font-size:28px; font-style:italic; font-family:"Gill Sans",Arial,Helvetica,sans-serif; line-height:45px}
.tab-menu{overflow:hidden; padding:6px 0; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4}
.tab-menu li{padding-right:50px; line-height:23px; font-size:14px; font-weight:bold}
.tab-menu li a{color:#1375a6}
.tab-menu li a:hover, 
.tab-menu li.active a{color:#000}
.profile{padding-top:10px; font-size:17px; font-family:Gill Sans MT Pro Book,Arial,Helvetica,sans-serif}
.one-column .slideshow-thumbnails{padding-bottom:4px; border-bottom:2px solid #034C73}
.one-column .slideshow-thumbnails a{}
.one-column .slideshow-thumbnails ul{margin:0px}
.one-column .slideshow-thumbnails li{width:65px}
.one-column .slideshow-thumbnails-active, .one-column .slideshow-thumbnails a:hover{ border-bottom:4px solid #0483D1 !important}
.one-column .slideshow-captions .title{margin-top:28px; padding-right:250px; float:right; font-size:20px; font-family:Gill Sans,Arial,Helvetica,sans-serif}
html, body, .container{height:100%}
body >.container{height:auto; min-height:100%}
.main{padding-bottom:50px}
.footer{clear:both; margin-top:-51px}
/* FCE */
div.fce_two-columns{width:960px}
div.fce_two-columns .col_left{float:left; width:49%; padding-top:10px}
div.fce_two-columns .col_right{float:right; width:49%; padding-top:10px}
div.fce_two-columns div.csc-header h1{padding-top:10px}
div.fce_two-columns div.csc-header-n1 h1{padding-top:0px}
/* CSC */
p.bodytext{margin:5px 0px 12px 0px; line-height:1.5em}
div.csc-default ol{line-height:1.5em; list-style-type:decimal; padding-left:2em}
.news-list-item{margin-bottom:20px}
.news-list-item h2{font-family:Verdana; font-size:14px; font-weight:bold; padding-bottom:5px}
.news-list-item img{float:left; margin-right:5px}
.news-single-item-share, 
.news-list-item-share{line-height:18px; color:#fff; background-color:#1375a5; font-size:12px; padding:5px; clear:both; margin-top:5px}
.news-list-category{padding:5px; background-color:#e3e3e3}
.news-list-container{padding-top:0px}
.news-single-item{padding:0px}
.news-catmenu{margin:0.5em 0px 1em 0px}
.news-catmenu .news-catmenu-header{display:none}
.news-catmenu a{color:#1375a5; text-decoration:none}
.tx-veguestbook-pi1 ul li{margin-left:1em}
.tx-guestbook-field input, 
.tx-guestbook-field textarea{border:1px solid #1375a5; padding:2px}
.tx-veguestbook-pi1 input.tx-guestbook-submit{border:1px solid #fff; background-color:#1375a5; color:#fff; text-align:right; width:100%; font-size:14px; padding:5px}
.tx-veguestbook-pi1 .tx-guestbook-field{padding:0.5em 0}
.tx-veguestbook-pi1 .tx-guestbook-field label{width:14em; padding-right:5px}
.tx-veguestbook-pi1 h2.tx-guestbook-header{width:auto; padding:0.5em; color:#fff; background-color:#1375a5; font-family:Verdana}
.tx-veguestbook-pi1 span.tx-guestbook-header-date{font-size:13px; font-weight:normal; float:right}
.tx-veguestbook-pi1 .tx-guestbook-comment{padding:0.5em}
img.tx-srfreecap-pi2-image{margin:0px}
.tx-srfreecap-pi2-cant-read{color:#111; font-size:0.8em}
.tx-srfreecap-pi2-cant-read a{text-decoration:underline}
#show_overlay{background-repeat:no-repeat; background-position:center center; border:1px solid #1375a5; top:5px; left:0px; position:absolute; height:510px; width:958px; background-color:#fff}
#show_overlay a{position:absolute; right:10px; top:10px}
#show_overlay #show_overlay_arrow{position:absolute}
div.productDivider{clear:both; background:#fff url(/fileadmin/templates/v1.0/pics/dividerLine.gif) center center repeat-x; height:20px; padding:10px 0px; text-align:right}
div.productDivider span{padding-left:10px; background-color:#fff; font-size:10px}
div.productDivider span a{text-decoration:none}
div.tx-nbweb-pi3 ul{width:960px; margin:0px 0px 10px 0px; list-style-type:none}
div.tx-nbweb-pi3 ul li a{text-decoration:none}
div.tx-nbweb-pi4 div.supportFormThankYou{margin:10px 0px; padding:5px; border:1px solid #060; background-color:#cfc}
div.tx-nbweb-pi4 h4.supportForm a{color:#1375a5}
div.tx-nbweb-pi4 span.req{color:#e00; float:right}
div.tx-nbweb-pi4 div.errormsg{float:right; width:350px; padding:2px 0px 2px 2px; color:#e00; font-size:12px}
div.tx-nbweb-pi4 ul.questions{margin:0px}
div.tx-nbweb-pi4 div.questionsAll div.left, 
div.tx-nbweb-pi4 div.questionsAll div.right{width:49%}
div.tx-nbweb-pi4 div.questionsAll div.left{clear:left; float:left}
div.tx-nbweb-pi4 div.questionsAll div.right{clear:right; float:right}
div.tx-nbweb-pi4 div.questionsAll dl dt{padding:3px 0px; color:#000}
div.tx-nbweb-pi4 div.questionsAll dl dd{display:list-item; list-style-type:square; margin-left:20px; padding:2px 0px}
div.tx-nbweb-pi4 div.questionsAll dl dd a{text-decoration:none}
div.tx-nbweb-pi4 div.questionsAll dl dd.active{font-weight:bold}
div.tx-nbweb-pi4 div.questionsAll span.new{font-size:10px; background-color:#ffc; margin-right:5px; text-decoration:none}
div.tx-nbweb-pi4 dl.searchResult dd{padding:5px 5px}
div.tx-nbweb-pi4 h5.questionSingleHint{padding:10px 10px 5px 10px; font-weight:normal}
div.tx-nbweb-pi4 ul.questionSingleOtherLanguages{padding:0px 10px 5px 15px; margin-top:0px}
div.tx-nbweb-pi4 h4.products{border-top:1px solid #ccc; margin-top:10px; padding-top:10px}
div.tx-nbweb-pi4 div.category h5{display:inline}
div.tx-nbweb-pi4 div.category span.product{padding-left:10px; font-size:12px}
div.tx-nbweb-pi4 div.category span.product a.active{font-weight:bold}
div.tx-nbweb-pi6 ul.entries{list-style-type:none}
div.tx-nbweb-pi6 ul.entries li{position:relative; float:left; width:32%; height:75px; background:url(/typo3conf/ext/nbweb/res/pi6/pdf_63.gif) top left no-repeat}
div.tx-nbweb-pi6 ul.entries li a{text-decoration:none; font-weight:bold; display:block; padding-left:70px; padding-top:10px; font-size:12px}
div.tx-nbweb-pi7 .data{line-height:1.5em}
body.light .header-inner, 
body.light .mainnav-inner, 
body.light .content, 
body.light .footer-inner, 
body.light .content-block{width:650px; margin:0 auto}
body.light .main{padding-bottom:30px}
body.light .footer{clear:both; margin-top:-31px; height:30px}
div.tx-nbweb-pi4 form.contact div.inputc{*float:none; _float:left; _height:30px}
div.tx-nbweb-pi4 span.req, div.tx-nbweb-pi4 form.contact div.inputc input{*float:left}
div.tx-nbweb-pi4 form.contact div.inputc select{*float:left; *margin-right:7px; _display:inline; _width:324px}
div.tx-nbweb-pi4 form.contact button{_float:none; _margin-left:150px}
#tx_nbweb_pi4_contactForm_country{*padding-bottom:12px !important; _padidng-bottom:0}
div.tx-nbweb-pi4 form.contact div.inputc textarea{*border:none; *border:1px solid none; *overflow:auto}
.footer ul li{*float:left}
div.tx-nbweb-pi2 ul.top_buttons { list-style-type: none; margin: 5px 0px; line-height: 20px; }
div.tx-nbweb-pi2 ul.top_buttons li { float: left; cursor: pointer; padding-right: 20px; }
div.tx-nbweb-pi2 ul.top_buttons li span { position: absolute; left: -999em; }
div.tx-nbweb-pi2 ul.top_buttons li.start { color: #1375A5; padding: 0px 20px 0px 0px; cursor: text;}
div.tx-nbweb-pi2 ul.top_buttons li.uno { width: 60px; height: 20px; background: #fff url(/typo3conf/ext/nbweb/res/pi2/buttons/uno-60px-x-20.png) top left no-repeat; }
div.tx-nbweb-pi2 ul.top_buttons li.uno:hover { background-image: url(/typo3conf/ext/nbweb/res/pi2/buttons/uno-60px-x-20-ROLLOVER.png); }
div.tx-nbweb-pi2 ul.top_buttons li.duo { width: 78px; height: 20px; background: #fff url(/typo3conf/ext/nbweb/res/pi2/buttons/duo-78px-x-20.png) top left no-repeat; }
div.tx-nbweb-pi2 ul.top_buttons li.duo:hover { background-image: url(/typo3conf/ext/nbweb/res/pi2/buttons/duo-78px-x-20-ROLLOVER.png); }
div.tx-nbweb-pi2 ul.top_buttons li.duo_deluxe { width: 135px; height: 20px; background: #fff url(/typo3conf/ext/nbweb/res/pi2/buttons/duodeluxe-135px-x-20.png) top left no-repeat; }
div.tx-nbweb-pi2 ul.top_buttons li.duo_deluxe:hover { background-image: url(/typo3conf/ext/nbweb/res/pi2/buttons/duodeluxe-135px-x-20-ROLLOVER.png); }