/***************************************************************
 *                                                             *
 * @author Juergen Schley <j.schley(at)21torr.com>             *
 * @copyright 2010 -- Falk                                     *
 * @date 2010/02                                               *
 * @version 1                                                  *
 * @lastmodified 2010/02/22                                    *
 * @section print page                                         *
 *                                                             *
 **************************************************************/

/***************************************************************
 *                                                             *
 * @section screen base                                        *
 *                                                             *
 **************************************************************/

div.clear, br.clear { clear:both;height:1px;font-size:1px;line-height:1px; }

div.clearZero { clear:both;font-size:0; }
div.clearZero a { text-indent: -2000px; }

br.clear {
  clear:left;
}

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

div.right {
  float:right;
}

div.csc-textpic-clear {
clear:both;
}


/***************************************************************
 *                                                             *
 * @section page                                               *
 *                                                             *
 **************************************************************/

body { 
  background: #fff url(../img/bg.main.png) no-repeat;
  margin:0;
  padding:0;
  font-family:Arial,Verdana,Helvetica,Sans-Serif;
  font-size:62.5%;
  color:#5c5c5c;
  text-align:center;
}

#wrapper_main { 
  width:980px;
  text-align:left;
  vertical-align:middle;
  margin:auto;
  padding:0;
}

#wrapper_content { 
  float:left;
  width:980px;
  padding:0;
}

#cont { 
  width:980px;
}

#bottommenu { 
  background:url(../img/bg.footer.png) no-repeat;
  margin-top:30px;
  padding-top:20px;
  width:980px;
  margin-bottom:50px;
}


/***************************************************************
 *                                                             *
 * @section navigation                                         *
 *                                                             *
 **************************************************************/

 

/***************************************************************
 *                                                             *
 * @note Top-Navigation Styles                                 *
 *                                                             *
 **************************************************************/

#top_menu {
  height:24px;
}

#top_menu ul { 
  float:left;
  list-style:none;
  padding:0;
  margin:0;
}
*+html #top_menu ul { padding-top:3px; }
* html #top_menu ul { padding-top:3px; }

#top_menu ul li { 
  display:inline;
  padding:0;
  margin:0;
}

#top_menu ul li a { 
  color:#999;
  font-size:1.1em;
  line-height:24px;
  text-decoration:none;
  background:url(../img/bg.topnav.trenner.gif) 0 1px no-repeat;
  padding-left:6px;
  margin-right:3px;
}

#top_menu ul li a.none { 
  background:none;
  padding-left:0;
}

#top_menu ul li a.active,
#top_menu ul li a:hover { color:#e02e16; }

#top_menu ul li a.first { 
  background:url(../img/topnav.shop.gif) no-repeat;
  padding:16px 43px 8px 43px;
  line-height:0;
  font-size:0;
}
*+html #top_menu ul li a.first { 
  background:url(../img/topnav.shop.gif) 0 4px no-repeat;
  padding:16px 43px 11px 43px;
}
* html #top_menu ul li a.first { 
  background:url(../img/topnav.shop.gif) 0 4px no-repeat;
  padding:16px 43px 11px 43px;
}

#top_menu ul li a:hover.first { 
  background:url(../img/topnav.shop.gif) 0 -24px no-repeat;
}
*+html #top_menu ul li a:hover.first { 
  background:url(../img/topnav.shop.gif) 0 -20px no-repeat;
}
* html #top_menu ul li a:hover.first { 
  background:url(../img/topnav.shop.gif) 0 -20px no-repeat;
}



/***************************************************************
 *                                                             *
 * @note Breadcrumb Tab Subpage                                *
 *                                                             *
 **************************************************************/
 
.breadcrumb-class { 
  float:left;
  width:745px;
  margin:-7px 0 15px 0;
  padding:0 0 10px 0;
  color:#010101;
  font-size:.9em;  
  background:url(../img/bg.hr.gif) bottom no-repeat !important;
}
      
.breadcrumb-class a { 
  color:#666;
  text-decoration:none;
}

.breadcrumb-class a:hover { text-decoration:underline; }

.breadcrumb-class a.active { 
  color:#010101;
  text-decoration:underline;
}



/***************************************************************
 *                                                             *
 * @note Main-Navigation Styles                                *
 *                                                             *
 **************************************************************/

#main_menu {
  width:980px;
  margin:20px 0 9px 0;
  float:left;
}

#main_menu ul { 
  float:left;
  background: url(../img/bg.mainnav.png) no-repeat;
  width:875px;
  height:42px;
  list-style:none;
  padding:0;
  margin:23px 0 0 0; 
  z-index:500;
}

#main_menu ul li.top {
  display:block;
  float:left;
}

#main_menu ul li a.top_link {
  display:block;
  float:left;
  height:36px;
  color:#444;
  text-decoration:none;
}

#main_menu ul li a.top_link span {
  display:block;
  height:42px;
  float:left;
  line-height:40px;
  font-size:0;
  text-indent:-300000px;
  font-weight:bold;
  padding:0 10px;
  cursor:pointer;
  background: none;
}

#main_menu ul li a.mm1 {
  width:202px !important;
  font-size:0;
  background: url(../visuals/mm1.png) no-repeat !important;
}

#main_menu ul li a.mm1:hover,
#main_menu ul li a.mm1.active {
  background: url(../visuals/mm1.png) 0 -42px no-repeat !important;
}

#main_menu ul li a.mm2 {
  width:156px !important;
  background: url(../visuals/mm2.png) no-repeat !important;
}

#main_menu ul li a.mm2:hover,
#main_menu ul li a.mm2.active {
  background: url(../visuals/mm2.png) 0 -42px no-repeat !important;
}

#main_menu ul li a.mm3 {
  width:193px !important;
  background: url(../visuals/mm3.png) no-repeat !important;
}

#main_menu ul li a.mm3:hover,
#main_menu ul li a.mm3.active {
  background: url(../visuals/mm3.png) 0 -42px no-repeat !important;
}

#main_menu ul li a.mm4 {
  width:120px !important;
  background: url(../visuals/mm4.png) no-repeat !important;
}

#main_menu ul li a.mm4:hover,
#main_menu ul li a.mm4.active {
  background: url(../visuals/mm4.png) 0 -42px no-repeat !important;
}

#main_menu ul li a.top_link:hover span {
  color:#e02e16;
  background: none;
  line-height:40px;
}

#main_menu ul li a.top_link:hover b {
  color:#e02e16;
  background: none;
}

#main_menu ul li:hover > a.top_link span {
  color:#e02e16;
  background: none; 
  line-height:40px;
}

#main_menu ul table {
  border-collapse:collapse;
  width:0;
  height:0;
  position:absolute; 
  top:0;
  left:0;
}

#main_menu ul a:hover { 
  visibility:visible; 
  position:relative; 
  z-index:200; 
}

#main_menu ul li:hover { 
  position:relative; 
  z-index:200;
}

#main_menu ul ul {
  background: transparent !important;
  position:absolute; 
  left:-9999px; 
  top:-9999px; 
  width:0; 
  height:0;
  margin:5px 0 0 -3px; 
  padding:0; 
  list-style:none;
}
#main_menu ul ul.first {
  margin:5px 0 0 1px; 
}

#main_menu ul :hover ul.sub { 
  left:0; 
  top:32px; 
  width:198px; 
  height:auto; 
  z-index:300;
}

#main_menu ul :hover ul.sub li { 
  display:block; 
  float:left; 
  width:198px; 
  font-weight:normal; 
  background: url(../img/bg.mainnav.submid.png) bottom no-repeat;
}

#main_menu ul :hover ul.sub li.new { background: url(../img/bg.mainnav.submid.new.png) bottom no-repeat; }

#main_menu ul :hover ul.sub li a {
  display:block; 
  position:relative; 
  font-size:12px;
  font-weight:normal;
  line-height:16px; 
  padding:5px 10px 5px 31px;
  width:158px;
  color:#fff; 
  text-decoration:none;
  background:none;
}

#main_menu ul :hover ul.sub li a:hover { color:#e02e16; }

#main_menu ul :hover ul.sub :hover > a { color:#e02e16; }

#main_menu ul :hover ul.sub li.subtop {
  height:34px; 
  background:url(../img/bg.mainnav.subtop.png) no-repeat;
}

#main_menu ul :hover ul.sub li.subtopnew {
  height:34px; 
  background:url(../img/bg.mainnav.subtop.new.png) no-repeat;
}

#main_menu ul :hover ul.sub li.subtop a,
#main_menu ul :hover ul.sub li.subtopnew a {
  padding-top:10px; 
}

#main_menu ul :hover ul.sub li.subbot {
  height:41px; 
  background:url(../img/bg.mainnav.subbottom.png) bottom no-repeat;
}

#main_menu ul :hover ul.sub li.subbotnew {
  height:41px; 
  background:url(../img/bg.mainnav.subbottom.new.png) bottom no-repeat;
}

#main_menu a { 
  color:#000;
  font-size:1.3em;
  line-height:26px;
  font-weight:bold;
  text-decoration:none;
}

#main_menu img {
  float:right;
}
 

/***************************************************************
 *                                                             *
 * @note Sub-Navigation Styles                                 *
 *                                                             *
 **************************************************************/
 
#subnavi {
  background: url(../img/bg.subnav1.bottom.gif) bottom no-repeat;
  width:196px;
  float:left;
  padding-bottom:34px;
  margin-right:15px;
}
 
#subnaviHide {
  background: none;
  width:196px;
  float:left;
  padding-bottom:34px;
  margin-right:15px;
}

#subnavi ul { 
  float:left;
  list-style:none;
  padding:0;
  margin:9px 0 0 1px;
}

#subnavi ul li { 
  width:154px;
  background: url(../img/bg.subnav1.gif) bottom no-repeat;
  padding:7px 10px 7px 31px;
  margin:0;
}
*+html #subnavi ul li { background: url(../img/bg.subnav1.gif) no-repeat; }
* html #subnavi ul li { background: url(../img/bg.subnav1.gif) no-repeat; }

#subnavi ul li.new { background: url(../img/bg.subnav1.top.new.gif) no-repeat; }

#subnavi ul li.first { background: url(../img/bg.subnav1.first.gif) no-repeat; }

#subnavi ul li.firstnew { background: url(../img/bg.subnav1.first.new.gif) no-repeat; }

#subnavi ul li a { 
  color:#666;
  font-size:1.1em;
  font-weight:bold;
  line-height:14px;
  text-decoration:none;
  text-transform:uppercase;
}

#subnavi ul li a.active,
#subnavi ul li a:hover { 
  color:#e02e16;
}
 


#subnavi ul ul { 
  float:left;
  list-style:none;
  padding:0;
  margin:5px 0 7px -31px !important;
}

#subnavi ul li ul li { 
  float:left;
  width:158px;
  background: url(../img/bg.subnav2.gif) repeat-y;
  padding:3px 0 0 37px;
  margin:0
}
#subnavi ul li ul li.new { background: url(../img/bg.subnav2.new.gif) no-repeat; }

#subnavi ul li ul li.first { 
  padding-top:15px;
  background: url(../img/bg.subnav2.first.gif) top no-repeat;
}

#subnavi ul li ul li.firstnew { 
  padding-top:15px;
  background: url(../img/bg.subnav2.first.new.gif) top no-repeat;
}

#subnavi ul li ul li.last { 
  padding-bottom:15px;
  background: url(../img/bg.subnav2.last.gif) bottom no-repeat;
}

#subnavi ul li ul li.lastnew {
  padding-bottom:15px;
  background: url(../img/bg.subnav2.last.new.gif) bottom no-repeat;
}

#subnavi ul li ul li a { 
  color:#666;
  font-size:1.1em;
  font-weight:normal;
  text-decoration:none;
  text-transform:none;
}

#subnavi ul li ul li a.active,
#subnavi ul li ul li a:hover { 
  color:#e02e16;
}
 

/***************************************************************
 *                                                             *
 * @note Footer-Navigation Styles                              *
 *                                                             *
 **************************************************************/

#bottommenu ul { 
  float:left;
  list-style:none;
  padding:0;
  margin:0;
}
  
#bottommenu ul li { 
  display:inline;
  padding:0 4px 0 0;
  margin:0;
}

#bottommenu ul li a { 
  color:#999;
  font-size:1.1em;
  text-decoration:none;
}

#bottommenu ul li a.active,
#bottommenu ul li a:hover { 
  color:#e02e16;
  text-decoration:underline;
}

#bottommenu ul li a.t { 
  background:url(../img/bg.bottomnav.trenner.gif) 0 3px no-repeat;
  padding-left:6px;
}



/***************************************************************
 *                                                             *
 * @note Hoover Styles                                         *
 *                                                             *
 **************************************************************/
 
#main_menu a.active,#main_menu a:hover,
#bottommenu a.active,#bottommenu a:hover { color:#e02e16; }






/***************************************************************
 *                                                             *
 * @note Tabs Gallery                                          *
 *                                                             *
 **************************************************************/
 
ul.tabs { 
  float:left;
	list-style:none; 
  width:734px;
	margin:0 0 0 16px !important; 
	padding:0;	
	height:30px;
}

ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

ul.tabs a { 
	background: url(../img/bg.tabs.png) no-repeat -420px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#5c5c5c;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active { outline:none; }

ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#e02e16;	
}

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#e02e16 !important;
}

/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }

/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }

div.panes div.pane {
	display:none;		
}




/***************************************************************
 *                                                             *
 * @section content                                            *
 *                                                             *
 **************************************************************/


#main_content { 
  background:url(../img/bg.mainCont.top.png) no-repeat;
  width:980px;
  margin:0;
  padding-top:11px;
}

#flash {
  width:980px;
  background:url(../img/bg.shadow.right.png) center right no-repeat !important;
  padding:0 10px 0 0 !important;
}

#homeTeaser { 
  background:url(../img/bg.home.boxes.png) no-repeat;
  width:980px;
  overflow:auto;
  margin-top:8px;
  padding-left:16px;
}

#homeTeaser div { 
  margin:18px 8px 0;
  float:left;
}

#homeTeaser h3 { 
  background:url(../img/homeTeaserHead.png) no-repeat;
  height:28px;
  width:302px;
  margin:0;
  padding:0;
  font-size:1.5em;
  text-indent:20px;
  text-transform:uppercase;
}

#homeTeaser div div {
  background:url(../img/home-box-blank.jpg) no-repeat;
  height:160px;
  width:302px;
  margin:0;
  padding-top:9px;

}

#homeTeaser div div p {
  width:240px;
  font-size:1.2em;
  margin:13px 0 13px 19px;
}

#homeTeaser div div p a {
  color:#e02e16;
  text-decoration:none;
  font-weight:bold;
}



div.scrollable { 
  position:relative; 
  overflow:hidden; 
  width: 980px;
  height:437px; 
} 

.scrollable .items {
	width:1960px;
	position:absolute;
	clear:both;
}

.scrollable img {
	float:left;
	margin:0;
	padding:0;
	cursor:pointer;
	width: 980px; 
  height:440px; 
}


div.scrollable div.items div { 
  float:left; 
  width: 980px; 
  height:440px; 
} 

div.items div.active { }

div.scrollable a.browse {
  position:relative;
  display:block;
  width:22px;
  height:21px;
  float:left;
  margin:0;
  cursor:pointer;
  font-size:1px;
}

div.scrollable a.right { 
  position:relative;
  top:210px;
  left:956px;
  background:url(../img/arrow.scroll.right.gif) 0 -21px no-repeat;
}
div.scrollable a.right:hover { background-position:0 0; }
div.scrollable a.right:active { background-position:0 0; } 

div.scrollable a.left { 
  position:relative;
  top:210px;
  left:-20px;
  background:url(../img/arrow.scroll.left.gif) 0 -21px no-repeat;
} 
div.scrollable a.left:hover { background-position:0 0; }
div.scrollable a.left:active { background-position:0 0; }

div.scrollable a.disabled {
  visibility:hidden !important;		
} 



/***************************************************************
 *                                                             *
 * @note Categories-Page-Overview Styles                       *
 *                                                             *
 **************************************************************/
 
.categories { 
  background:url(../img/bg.categories.png) no-repeat !important;
  padding:16px 10px 0 22px !important;
}


.imgMap { 
  float:left;
  position:relative;
  padding:0;
  margin-top:5px;
}

.imgMap a { position:absolute; }



/*** Startscreen Devices ***/

.StartDevices a.first {
  left:91px;
  bottom:21px;
}

.StartDevices a.second {
  left:367px;
  bottom:21px;
}

.StartDevices a.third {
  left:654px;
  bottom:21px;
}


/*** Startscreen Apps ***/

.StartApps a.first {
  left:97px;
  bottom:244px;
}

.StartApps a.second {
  left:688px;
  bottom:110px;
}



a.rectangle {
  background:url(../img/bg.link.rectangle.gif) right top no-repeat;
  padding:3px 30px 5px 5px;
  margin:0;
  color:#fff;
  font-size:1.2em;
  text-decoration:none;
}



.devicegrid {
  background:url(../img/bg.devicegrid.png) no-repeat;
  height:222px;
  margin:7px 0;
}

.devicegrid div.Default {
  float:left;
  margin:0 0 0 16px;
  overflow:hidden;
  letter-spacing:0.08em;
  width:300px;
}

.devicegrid div.Default h3 {
  font-size:1.5em;
  font-weight:bold;
  color:#3e3e3e;
  line-height:1.2em;
  margin:25px 0 10px 0;
  padding:0;
  width:auto;
}

.devicegrid div.Default p {
  font-size:1.2em;
  line-height:1.25em;
  width:280px;
  padding:0;
  margin:0 0 17px 0;
}

.devicegrid p.bodytext a {
  display:block;
  color:#e02e16;
  padding-top:1px;
  text-decoration:none;
}

.devicegrid div.Default ul {
  margin:0;
  padding:0;
  width:auto;
}

.devicegrid div.Default ul {
  margin:-33px 0 0;
  padding:0 0 0 13px;
  width:450px;
}




/***************************************************************
 *                                                             *
 * @note Sub-Page-Overview Styles                              *
 *                                                             *
 **************************************************************/

.sub { 
  background:url(../img/bg.sub.png) no-repeat !important;
  padding:0 10px 0 0 !important;
}

#sub_content {
  float:left;
  width:760px;
  padding-top:18px;
  margin:0;
}

#sub_content .hr {
  background:url(../img/bg.hr.gif) no-repeat !important;
  width:745px;
  margin:5px 0;
  border:0;
}

#sub_content h3 {
  font-size:2em;
  text-indent:18px;
  margin:14px 0 12px 0;
  padding:0;
}

#sub_content h4 {
  font-size:1.7em;
  margin:0;
  padding:0;
}

.navidevicesStart {
  float:left;
  position:relative;
  padding:0;
  margin:0;
}

.navidevicesStart h3 {
  position:absolute;
  padding:0;
  margin:0;
  text-indent:0;
  width:316px;
  right:40px;
  top:30px;
}

.navidevicesStart p {
  position:absolute;
  width:316px;
  right:40px;
  top:60px;
}




/***************************************************************
 *                                                             *
 * @note Tabs Styles                                           *
 *                                                             *
 **************************************************************/

#sub_content .panes {
  float:left;
}

#sub_content .panes div {
  width:718px;
  padding:36px 16px 0 16px;
  font-size:1.2em;
  line-height:1.5em;
  letter-spacing:0.04em;
	border-top:0;
	background:url(../img/bg.panes.jpg) no-repeat;
}

#sub_content .panes div h3,
#sub_content .tab h3 {
  float:left;
  color:#333;
  font-size:1.7em;
  margin:0 0 20px 0;
  padding:0;
  text-indent:0;
}

#sub_content .panes div h4,
#sub_content .tab h4 {
  float:left;
  color:#333;
  font-size:1.3em;
  margin:15px 0 0 0;
  padding:0;
  text-indent:0;
}

#sub_content .panes div a.orderNow {
  float:right;
	background:url(../img/btn.order.now.gif) no-repeat;
  width:137px;
  height:27px;
  font-size:0;
  text-indent:-300000px;
  text-decoration:none;
}

#sub_content .panes div a.orderNow:hover {
	background:url(../img/btn.order.now.gif) 0 -27px no-repeat;
}



/****   Default Styles Product Overview   ****/
#sub_content .panes div div.Default {
  float:left;
	background:none;
  margin:0 0 -20px 0;
  padding:0 0 0 0;
}

#sub_content .panes div div.Default h3 { font-size:1.3em; }

#sub_content .panes div div.Default p {
  display:inline;
	background:none;
  float:left;
  font-size:.85em;
  line-height:1.4em;
  width:346px;
  padding:23px 0 0 0;
  margin:0;
}

#sub_content .panes div div.Default p a {
  display:inline;
	background:none;
  font-size:1.1em;
}

#sub_content .panes div .clearZero {
  clear:both;
  font-size:0;
	background:none;
  margin:0;
  padding:0;
}

#sub_content .panes div .hr {
  background:url(../img/bg.hr.gif) no-repeat !important;
  float:left;
  width:745px;
  margin:20px 0 18px 0;
  padding:2px 0;
  border:0;
}
*+html #sub_content .panes div .hr { margin:20px 0 6px 0; }
* html #sub_content .panes div .hr { margin:20px 0 6px 0; }

#sub_content .tab .hr {
  background:url(../img/bg.hr.gif) no-repeat !important;
  float:left;
  width:720px;
  margin:8px 0 18px 0;
  padding:2px 0;
  border:0;
}
*+html #sub_content .tab .hr { margin:8px 0 4px 0; }
* html #sub_content .tab .hr { margin:8px 0 4px 0; }

#sub_content .tab .small {
  margin:2px 0;
}

#sub_content .panes div div.Default .csc-textpic-image {
	background:none;
  float:left;
  padding:0;
  width:365px;
}

#sub_content .panes div div.Default .csc-textpic-image .csc-textpic-caption {
  display:inline;
	background:none;
  padding:0;
}

#sub_content .panes div #flashEmbedGallery {
  height:595px;
  margin:0 0 5px 0;
  padding:0;
  font-size:1em;
  line-height:1em;
	background:none;
}


/****   Default Styles Product Zubehoer / Testberichte   ****/

#sub_content .tab h3 { 
  color:#666;
  font-size:1.2em;
  padding:0;
  float:none;
  margin:30px 0 2px 0;
  width:100%;
}

#sub_content .panes div div.small div,
#sub_content .tab div.small div,
#sub_content .panes div div.small div div,
#sub_content .tab div.small div div,
#sub_content .panes div div.small div div div,
#sub_content .tab div.small div div div { 
  float:left;
	background:none;
  font-size:1em;
  margin:0;
  padding:0;
}

#sub_content .panes div div.small .DefaultTxt,
#sub_content .tab div.small .DefaultTxt { 
  width:520px;
}
*+html #sub_content .panes div div.small .DefaultTxt,
*+html #sub_content .tab div.small .DefaultTxt,
* html #sub_content .panes div div.small .DefaultTxt,
* html #sub_content .tab div.small .DefaultTxt { 
  width:523px;
}

#sub_content .panes div div.small .DefaultTxt h2,
#sub_content .tab div.small .DefaultTxt h2 { 
  font-size:1.25em;
  color:#666;
  width:487px;
  float:left;
  margin:-5px 0 0 0;
  padding:0;
}

#sub_content .panes div div.small .DefaultTxt h3,
#sub_content .tab div.small .DefaultTxt h3 { 
  font-size:1em;
  color:#333;
  width:487px;
  float:left;
  margin:-3px 0 4px 0;
  padding:0;
}
#sub_content .tab div.small .DefaultTxt h3 { font-size:1.1em;}

#sub_content .panes div div.small .DefaultTxt h4,
#sub_content .tab div.small .DefaultTxt h4 { 
  font-size:.8em;
  color:#666;
  width:487px;
  float:left;
  margin:-5px 0 0 0;
  padding:0;
}
#sub_content .tab div.small .DefaultTxt h4 { font-size:1em; }

#sub_content .panes div div.small .DefaultTxt p,
#sub_content .tab div.small .DefaultTxt p {
  width:100%;
  float:left;
  padding:0 0 0 0;
}

#sub_content .panes div div.small .DefaultTxt p.expand,
#sub_content .tab div.small .DefaultTxt p.expand {
  width:487px;
  float:left;
  display:none;
}




#sub_content .panes div div.small .DefaultTxt #expandTxt,
#sub_content .tab div.small .DefaultTxt #expandTxt {
  width:487px;
  height:58px;
  overflow:hidden;
  float:left;
	background:none;
  font-size:.9em;
  line-height:1.4em;
  margin:21px 0 0 0;
  padding:0;
}

#sub_content .tab div.small .DefaultTxt #expandTxt {
  font-size:1em;
  line-height:1.5em;
}

#sub_content .panes div div.small .DefaultTxt #expandTxt h2,
#sub_content .tab div.small .DefaultTxt #expandTxt h2 { 
  font-size:1.3em;
  color:#666;
  width:487px;
  float:left;
  margin:0;
  padding:0;
}

#sub_content .panes div div.small .DefaultTxt #expandTxt h3,
#sub_content .tab div.small .DefaultTxt #expandTxt h3 { 
  font-size:1em;
  color:#333;
  width:487px;
  float:left;
  margin:0;
  padding:0;
}
#sub_content .tab div.small .DefaultTxt #expandTxt h3 { font-size:1.1em;}

#sub_content .panes div div.small .DefaultTxt #expandTxt h4,
#sub_content .tab div.small .DefaultTxt #expandTxt h4 { 
  font-size:.9em;
  color:#666;
  width:487px;
  float:left;
  margin:0 0 3px 0;
  padding:0;
}
#sub_content .tab div.small .DefaultTxt #expandTxt h4 { font-size:1em; }


#sub_content .panes div div.small .DefaultTxt p a,
#sub_content .tab div.small .DefaultTxt p a {
  color:#e02e16;
	text-decoration:none;
}

#sub_content .panes div div.topspace .DefaultTxt p,
#sub_content .tab div.topspace .DefaultTxt p {
  padding:24px 0 18px 0;
}

#sub_content .panes div div.small .csc-textpic-image,
#sub_content .tab div.small .csc-textpic-image {
  float:left;
  width:188px;
  margin-bottom:20px;
}


/***   img + flash  Styles   ***/

#sub_content .tab div.small .media {
  width:720px;
  margin:25px 0 10px 13px;
  display:none;
}

#sub_content .tab div.small .media img {
  float:left;
  border:1px solid #bbb;
}

#sub_content .tab div.small .media .flash {
  float:left;
  border:1px solid #bbb;
  margin-left:34px;
}

#sub_content .tab div.small .media .flash img {
  border:none;
}



#sub_content .tab {
  width:716px;
  min-height:570px;
  padding:18px 16px 0 18px;
  font-size:1.2em;
  line-height:1.8em;
	border-top:0;
	background:url(../img/bg.panes.jpg) no-repeat;
}


#sub_content .noBg {
	background:none;
}



/***   Big Img  Navioverview   ***/
 
.navioverview {
  margin-top:2px;
  padding-top:5px;
	background:url(../img/bg.top.750x332.gif) top left no-repeat;
  width:750px;
}


/***   Big Icon  Styles   ***/
 
#sub_content .panes div .bigIcon { 
  float:left;
	background:none;
  font-size:1em;
  margin:0;
  padding:0;
}

#sub_content .panes div .bigIcon .csc-textpic-image,
#sub_content .tab .bigIcon .csc-textpic-image {
  float:left;
  background:transparent url(../img/bg.highlights.gif) repeat-x !important;
  margin:0 18px 0 13px !important;
  padding:13px 0 0 0 !important;
  text-align:center;
  width:165px !important;
}

#sub_content .tab .bigIcon .DefaultTxt #expandTxt,
#sub_content .panes div .bigIcon .DefaultTxt #expandTxt {
  margin:5px 0 0 0 !important;
}

#sub_content .panes div .bigIcon .DefaultTxt {
  font-size:1.1em;
}

#sub_content .panes div .bigIcon .DefaultTxt #expandTxt {
  line-height:1.5em !important;
}



/***  Tooltipp bubble  ***/

#tooltipp {
	display:none;
	background:transparent url(../img/bg.tooltipp.png) no-repeat !important;
	font-size:1em !important;
	line-height:1.1em !important;
	height:40px !important;
	width:90px !important;
	padding:15px 20px 15px 20px !important;
	color:#fff;	
  z-Index:999;
}

#tooltippSlider {
	display:none;
	background:transparent url(../img/bg.tooltipp.png) no-repeat !important;
	font-size:1em !important;
	line-height:1.1em !important;
	height:40px !important;
	width:90px !important;
	padding:15px 20px 15px 20px !important;
	color:#fff;	
}




/***    ***/

#icons {
	background:none !important;
  margin:0 0 0 40px !important;
  padding:0 !important;
  width:614px !important;
}

#icons img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}


#iconsWhite {
  border-top:1px dotted #d4d4d4;
	background: url(../img/bg.iconsWhite.gif) bottom no-repeat;
  margin:20px 0;
  padding:10px 0 1px 49px;
  width:665px;
}
*+html #iconsWhite {
  padding:10px 0 8px 49px;
}

#iconsWhite img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}




.error,
.red {
  color:#e02e16;
}



/***************************************************************
 *                                                             *
 * @note Navi-Berater Styles                                   *
 *                                                             *
 **************************************************************/

 
.naviBerater {
  
}

 
 
 

/***************************************************************
 *                                                             *
 * @note FAQ Styles                                            *
 *                                                             *
 **************************************************************/
 
.faqOpener {
  float:right;
  color:#e02e16;
}

.faqOpener a {
  color:#e02e16;
  text-decoration:none;
}

dl.faq {
  width:745px;
  margin:13px 0 17px 0;
}

dl.faq dt {
  background:url(../img/bg.hr.gif) top no-repeat !important;
  width:710px;
  padding:15px 0;
  font-weight:bold;
  color:#303030;
}

dl.faq dt span {
  float:right;
  background:transparent url(../img/icon.highlights.gif) 0 -35px no-repeat;
  padding:11px;
  margin-right:0;
}

dl.faq dd {
  width:710px;
  padding:15px 0;
  margin:0;
}



/***************************************************************
 *                                                             *
 * @note Image Styles                                          *
 *                                                             *
 **************************************************************/

#sub_content .mainhead img {
  margin:17px 0 15px 18px;
}



/***************************************************************
 *                                                             *
 * @note Form Styles                                           *
 *                                                             *
 **************************************************************/

#sub_content .tab .form_wrapper div {
  float:left;
  width:50%;
}

#sub_content .tab .form_wrapper div label {
  float:left;
  text-indent:4px;
}

#sub_content .tab .form_wrapper div input {
  background:#fefefe url(../img/bg.form.input.gif) repeat-x;
  border:1px solid #d1d1d1;
  color:#000;
  float:left;
  font-size:1em;
  margin:5px 11px 11px 0;
  padding:2px;
  width:335px;
}

#sub_content .tab .form_wrapper div input.mid {
  width:245px;
}

#sub_content .tab .form_wrapper div input.nr {
  width:73px;
}

#sub_content .tab .form_wrapper div input.icon {
  width:310px;
}

#sub_content .tab .form_wrapper div select {
  background:#fefefe url(../img/bg.form.input.gif) repeat-x;
  border:1px solid #d1d1d1;
  color:#000;
  float:left;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:.9em;
  margin:5px 11px 11px 0;
  padding:2px;
  width:341px;
}

#sub_content .tab .form_wrapper div textarea {
  background:#fefefe url(../img/bg.form.textarea.gif) repeat-x;
  border:1px solid #d1d1d1;
  color:#000;
  float:left;
  font-family:Arial,Verdana,Helvetica,Sans-Serif !important;
  font-size:1em;
  width:336px;
  height:250px;
  margin:6px 0 11px 0;
  padding:2px;
}

#sub_content .tab .form_wrapper div select.error ,
#sub_content .tab .form_wrapper div textarea.error ,
#sub_content .tab .form_wrapper div input.error {
  border:1px solid #e02e16;
  color:#e02e16;
}

#sub_content .tab .form_wrapper div a img {
  padding-top:4px;
}

#sub_content .tab .form_wrapper input.send {
  float:right;
	background:transparent url(../img/btn.send.gif) no-repeat scroll 0 0;
  width:111px;
  height:28px;
  border:medium none;
  margin:10px 16px 0 0;
}

#sub_content .tab .form_wrapper input.send:hover {
	background-position:0 -28px;
}


#sub_content .tab .form_wrapper .hr {
  width:745px;
}



/***************************************************************
 *                                                             *
 * @note Table Styles                                          *
 *                                                             *
 **************************************************************/

table.asterisk {
  margin-bottom:10px;
}

table.asterisk td {
  font-size:.8em;
  line-height:12px;
  vertical-align:top;
}

table.asterisk td sup {
  margin-right:5px;
}




/***************************************************************
 *                                                             *
 * @note Silder Styles                                         *
 *                                                             *
 **************************************************************/

.overviewSlider .formWrapCenter table { 
  position: absolute;
}

/*.overviewSlider form {*/
.overviewSlider .formWrap {
  border: none;
}

.overviewSlider table {
  border-collapse: collapse;
}

.overviewSlider thead { 
	border: none;
}

.overviewSlider .tableWrapper th {
  vertical-align: top;
}

.overviewSlider td, .overviewSlider th {
	border: none;
  vertical-align: top;
}

.overviewSlider th {
  font-weight: bold;
	border: none;
  padding: 10px 5px 0 0;
}

.overviewSlider .tableWrapper th {
  background: #eceded;
  font-weight: bold;
	border: none;
  padding: 0;
}

.overviewSlider .tableWrapper th.bgN {
	background:#eaebeb;
}

.overviewSlider .tableWrapper th.bgF {
	background:#f1f1f2;
}

.overviewSlider .tableWrapper th.bgM {
	background:#f8f8f9;
}

.overviewSlider th:first-child { }

.overviewSlider .tableWrapper .formWrapLeft th:first-child {  }



/* ********** Header area - thumbs navi + serial bgs ********** */

.overviewSlider .tableWrapper .tableHeaderSerial {
  padding: 6px 0 0 16px;
  color:#404040;
  font-size:16px;
  font-weight:normal;
  width: 118px;
  height: 23px;
  border-bottom: 1px dotted #818181;
}

.overviewSlider .tableWrapper .bgN {
	background:url(../img/bg.slider.serial.gif) repeat-x;
}

.overviewSlider .tableWrapper .bgF {
	background:url(../img/bg.slider.serial.f.gif) repeat-x;
}

.overviewSlider .tableWrapper .bgM {
	background:url(../img/bg.slider.serial.m.gif) repeat-x;
}

.overviewSlider .tableWrapper .borderLeft {
	border-left:1px dotted #818181;
}

.overviewSlider .tableWrapper th:first-child .tableHeader { border-left:none; }

.overviewSlider .tableWrapper .tableHeader {
  background:none;
  width:118px;
	border:none;
  padding:0;
  border-left:1px dotted #818181;
}

.overviewSlider .tableWrapper .tableHeader .visual {
  padding:10px 5px 0 14px;
}

.overviewSlider .tableWrapper .tableHeader .product {
  padding:5px 5px 0 14px;
  color:#303030;
  line-height:17px;
  height:35px;
}

.overviewSlider .tableWrapper .tableHeader .link {
  padding:0 5px 0 14px;
}


/* ********** product detail ********** */

.product-details .tabbertab table {
  border-collapse:collapse;
  overflow:hidden;
}

*+html .product-details .tabbertab table { width:100.3%; }

.product-details .tabbertab tbody tr.disabled td {
  color: #6a6969;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE8 first! */
  filter: alpha(opacity=30); /* IE5-7 second! */
  opacity: 0.3;
  zoom: 1; /* IE FIX */
}

.product-details .tabbertab tbody tr.disabled td.not-disabled {
  filter: none;
  opacity: 1.0;
  -ms-filter: none;
}

.product-details .overviewSlider {
  margin-left: 0;
  position: relative;
}

.product-details .overviewSlider .formWrap { 
  width: 710px;
  overflow-x: scroll;
  overflow-y: hidden; 
}

.product-details .overviewSlider .scroller-desc {
	margin:0 0 9px 100px;
}

.product-details .overviewSlider .scroller-desc td, 
.product-details .overviewSlider .scroller-desc-bottom td {
	border: none;
	padding: 0;
	vertical-align: middle;
}

.product-details .scroller-desc img.left-arrow,
.product-details .scroller-desc img.right-arrow,
.product-details .scroller-desc-bottom img.left-arrow
.product-details .scroller-desc-bottom img.right-arrow { 
  cursor: pointer;
}

.product-details .scroller-desc img.left-arrow {
	background:url(../img/arrow.left.gif) 0 0 no-repeat;
  width:12px;
  height:11px;
  font-size:0;
  text-decoration:none;
}
.product-details .scroller-desc img.left-arrow:hover {
	background:url(../img/arrow.left.gif) 0 -11px no-repeat;
}

.product-details .scroller-desc img.right-arrow {
	background:url(../img/arrow.right.gif) 0 0 no-repeat;
  width:12px;
  height:11px;
  font-size:0;
  text-decoration:none;
}
.product-details .scroller-desc img.right-arrow:hover {
	background:url(../img/arrow.right.gif) 0 -11px no-repeat;
}

.product-details .overviewSlider .scroller-desc table,
.product-details .overviewSlider .scroller-desc-bottom table {	width: 130px; }

.product-details .overviewSlider .scroller-desc-bottom {	display:none; }

.product-details .overviewSlider img.scroll-arrow {
	float: left;
	margin-top: 12px;
}

.product-details .overviewSlider .formWrapLeft {
  float: left;
  color:#000;
  font-weight:bold;
  border-top: 1px solid #fff;
  border-right: none;
  border-left: none;
  border-bottom: 1px dotted #818181;
} 

.product-details .overviewSlider .formWrapLeft table {
	background-image:url(../img/bg.table.formwrapleft.gif) no-repeat !important;
  width: 116px;
  margin:0 !important;
  padding:0 !important;
}

.product-details .overviewSlider .formWrapLeft table th {
  padding: 0;
  border-top:1px solid #fff;
  border-bottom: 1px dotted #818181;
} 

.product-details .overviewSlider .formWrapLeft table td {
  padding: 0;
  border: none;
  border-top: 1px dotted #818181;
  border-left: 1px dotted #818181;
} 

.product-details .overviewSlider .formWrapLeft table td img {
  margin-top: 16px;
} 

.product-details .overviewSlider .formWrapCenter {
  width: 595px;
  float: left;
  border: 1px dotted #818181;
  overflow: hidden;
} 

.product-details .overviewSlider .tableWide .formWrapCenter { width: 721px; }

.product-details .tabber .tabbertab .tableWrapper .formWrapCenter table th {
  border: none;
}

.product-details .tabber .tabbertab .tableWrapper .formWrapCenter table a {
  color:#e02e16;
  text-decoration:none;
}
.product-details .tabber .tabbertab .tableWrapper .formWrapCenter table a:hover { }

.product-details .tabber .tabbertab .tableWrapper .formWrapCenter table td {
  vertical-align:bottom;
  border-top: 1px dotted #818181;
}

.product-details .tabber .tabbertab .tableWrapper .formWrapCenter table td .eur {
  font-size:1.25em;
  line-height:1.2em;
  font-weight:bold;
}

.product-details .tabber .tabbertab .tableWrapper .formWrapCenter table td .chf {
  font-size:1em;
  line-height:1.2em;
  font-weight:bold;
}

*+html .product-details table td.noprint-table {
  overflow: scroll;
  height: 1%;
}

.product-details .search-result .tableWrap { }





/***************************************************************
 *                                                             *
 * @note a href Styles                                         *
 *                                                             *
 **************************************************************/

a.txt { 
  color:#e02e16;
  line-height:30px;
  text-decoration:none;
}
a.txt:hover { }

a.download { 
	background:url(../img/icon.download.gif) no-repeat;
  color:#e02e16;
  text-decoration:none;
  padding-left:22px;
}
a.download:hover { }

a.print { 
	background:url(../img/icon.print.gif) no-repeat;
  color:#e02e16;
  text-decoration:none;
  padding-left:22px;
}
a.print:hover { }

a.send { 
	background:url(../img/icon.send.gif) no-repeat;
  color:#e02e16;
  text-decoration:none;
  padding-left:22px;
}
a.send:hover { }

a.link { 
  font-size:.9em;
  line-height:30px;
  color:#e02e16;
  text-decoration:none;
}
a.link:hover { }

a.onlyRed { 
  color:#e02e16;
  text-decoration:none;
  padding-left:22px;
}
a.onlyRed:hover { }


a#expand {
  float:right;
  background:transparent url(../img/icon.highlights.gif) 0 -36px no-repeat;
  padding:2px 0;
  margin:0 0 0 0;
  text-decoration:none;
}
a#expand .collapsed { 
  background:transparent url(../img/icon.highlights.gif) 0 -5px no-repeat;
  line-height:0;
  padding:0;
  margin:0;
  text-decoration:none;
}

#sub_content .tab a { 
  color:#e02e16;
  text-decoration:none;
}
#sub_content .tab a:hover { }

/***************************************************************
 *                                                             *
 * @note                   Styles                              *
 *                                                             *
 **************************************************************/
 

div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
  clear:both;
  float:left;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
  margin-right:10px !important;
}

div.csc-textpic-imagewrap {
  padding:0;
}

div.csc-textpic div.csc-textpic-imagewrap ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}