@charset "UTF-8";

@import url("standard.css");
@import url("content_base.css");


body {
	background: url(../images/act-bg2.jpg) no-repeat #e9e9e9;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#4B575F;
	padding-top:50px;
}

#page {
	width:970px;
	margin:0 auto;
	height:auto;
	background:#fff;
	margin-top:15px;
	background: url(../images/body-bg.png);
	border-bottom:19px solid #fff;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#header {
	width:970px;
	height:390px;
	background:url(../images/top-page.png) top no-repeat #eee;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    
}

.ru p {
	line-height:16px!important;
}

#header-detail {
	width:970px;
	height:390px;
	background:url(../images/top-page.png) top no-repeat #eee;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#leftpanel	{
	width:230px;
	height:auto;
	float:left;
	margin-left:19px;
	text-align:left;
}

#leftpanel h1 {
	font-size:24px;
	font-weight:normal;
	margin-top:19px;
	color:#212425;
	padding-bottom:10px;
	background: url(../images/linien.png) bottom repeat-x;
}

#leftpanel p.news {
	color:#212425;
	background: url(../images/linien.png) bottom repeat-x;
	padding-bottom:7px;
	margin-bottom:5px;
}

#leftpanel p.news a {
	color:#212425;
	text-decoration:none;
}

#leftpanel p.technologie {
	color:#212425;
	background: url(../images/linien.png) bottom repeat-x;
	padding-bottom:7px;
	margin-bottom:4px;
	line-height:20px;
}

#leftpanel ul {
	margin:1px 0 0 0;
	padding:0;
	float:left;
}

#leftpanel ul li {
	margin:0;
	padding:0;
	width:220px;
	height:auto;
	font-size:12px;
	display:block;
	float:left;
	list-style:none;
	color:#37393a;
	text-align:left;
	background:url(../images/haken.png) left no-repeat;
	background-position:0px 5px;
	padding-left:15px;
	font-weight:normal;
}

.ru #leftpanel ul li {
	margin:0;
	padding:0;
	width:220px;
	height:auto;
	font-size:12px;
	display:block;
	float:left;
	list-style:none;
	color:#37393a;
	text-align:left;
	background:url(../images/haken.png) left no-repeat;
	background-position:0px 5px;
	padding-left:15px;
	font-weight:normal;
}

#leftpanel ul.hakenhifi li {
	background:url(../images/haken-hifi.png) left no-repeat;
	background-position:0px 5px;
}

#leftpanel ul.hakenhomecinema li {
	background:url(../images/haken-homecinema.png) left no-repeat;
	background-position:0px 5px;
}

#leftpanel ul.hakenprohouse li {
	background:url(../images/haken-prohouse.png) left no-repeat;
	background-position:0px 5px;
}

#leftpanel ul.hakenflexidelity li {
	background:url(../images/haken-flexidelity.png) left no-repeat;
	background-position:0px 5px;
}


#content {
	width:662px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	margin-right:19px;
	text-align:left;
}

#content h1 {
	font-size:24px;
	font-weight:normal;
	margin-top:19px;
	color:#212425;
	padding-bottom:10px;
	width:98%;
	background: url(../images/linien.png) bottom repeat-x;
}

#content h2 {
	font-size:18px;
	font-weight:normal;
	margin-top:0px;
	color:#212425;
	padding-bottom:6px;
	width:98%;
	background: url(../images/linien.png) bottom repeat-x;
}

#content h3 {
	font-size:14px;
	font-weight:bold;
	margin-top:19px;
	color:#212425;
	padding-bottom:6px;
	width:98%;
	background: url(../images/linien.png) bottom repeat-x;
}

#content p {
	font-size:12px;
	line-height:20px;
	padding-right:19px;
	color:#212425;
}

.ru #content p {
	font-size:12px;
	line-height:16px;
	padding-right:19px;
	color:#212425;
}


#content a, #leftpanel a {
	color:#212425;
	text-decoration:none;
}

p a.button {
	display:block;
	width:217px;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:12px;
	background:url(../images/button-bg.png) no-repeat;
	color:#fff;
	text-decoration:none;
	margin-left:-2px;
	position:relative;
}

#content ul {
	width:637px;
	height:92px;
	margin:0 0 0 -10px;
	padding:0;
	margin-top:8px;
	background:url(../images/usp-bg.png) top center no-repeat;
}

#content ul li {
	width:260px;
	height:24px;
	font-size:14px;
	display:block;
	float:left;
	list-style:none;
	color:#212425;
	text-align:left;
	margin-top:9px;
	margin-left:19px;
	background:url(../images/haken.png) left no-repeat;
	padding-left:19px;
}

.ru #content ul li, .it #content ul li {
	font-size:12px;
}

#detailcontent {
	width:681px;
	height:800px;
	background:#fff;
	float:right;
	margin-right:19px;
	margin-top:-371px;
	position:relative;
	text-align:left;
}

#detailcontent h1 {
	font-size:30px;
	font-weight:normal;
	padding-left:19px;
	color:#222;
	padding-top:19px;
	width:400px;
	position:relative;
}
	
#detailcontent h2 {
	font-size:18px;
	font-weight:normal;
	padding-left:19px;
	color:#222;
	padding-bottom:19px;
}

#detailcontent h3 {
	font-size:14px;
	font-weight:normal;
	padding-left:19px;
	color:#222;
	padding-top:9px;
	padding-bottom:9px;
}

#detailcontent iframe {
	padding-left:19px;
	padding-bottom:19px;
}

#detailcontent ul {
	margin:19px;
}

#detailcontent ul li {
	margin:19px;
	list-style:none;
}

#detailcontent ul li a {
	color:#222;
	height:19px;
	text-decoration:none;
}


#topnavi {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:33px;
	background:#000;
	border-bottom: 1px solid #fff;
}

#topnavi #inner {
	text-align:left;
	width:970px;
	margin:0 auto;
}

#topnavi #inner ul {
	margin-left:300px;
	height:36px;
	line-height:40px;
}

#topnavi #inner ul li {
	display:block;
	float:left;
	height:40px;
	line-height:28px;
	margin-right:25px;
	border-top:4px solid #000;
}

#topnavi #inner ul li.active {
	background: url(../images/arrow-up.png) center bottom no-repeat;
	border-top:4px solid #ccc;
}

#topnavi #inner ul li.hifi {
	border-top:4px solid #cf1e32;
}

#topnavi #inner ul li.homecinema {
	border-top:4px solid #00857f;
}

#topnavi #inner ul li.prohouse {
	border-top:4px solid #005695;
}

#topnavi #inner ul li.flexidelity {
	border-top:4px solid #ee7d22;
}

#topnavi #inner ul li.caraudio {
	border-top:4px solid #c5ce37;
}




#topnavi #inner ul li a {
	color:#ccc;
	text-decoration:none;
}

#topnavi #inner ul li a:hover {
	color:#fff;
	text-decoration:none;
}

#topnavi #inner ul li.active a {
	color:#fff;
	text-decoration:none;
}

#logo-search {
	width:970px;
	margin:5px auto 0 auto;
	height:60px;
}

#logo-search img {
	float:left;
	margin-left:19px;
	margin-top:7px;
}

#sprache {
	float:left;
	width:120px;
	background:#000;
	color:#eee;
	margin-top:8px;
	border:1px solid #777;
	margin-left:19px;
	font-size:10px;
}

#entdecken {
	margin:16px auto;
	padding:0;
	width:972px;
	height:155px;
}

#entdecken img {
	float:left;
	margin-right:12px;
}

#entdecken img.last {
	margin-right:0px;
}

#quali {
	position:absolute;
	margin-left:800px;
	margin-top:20px;
}

.ru #quali {
	margin-left:840px;
}

.it #quali {
	margin-left:850px;
}

.pl #quali {
	margin-left:850px;
}

/* ====================== START CONATINER ====================== */

#container {
	width:934px;
	height:370px;
	background:url(../images/prohouse.jpg) no-repeat;
	margin:19px 0 0 19px;
	position:absolute;
	border-bottom:1px solid #fff;
}

#container-detail {
	width:249px;
	height:370px;
	margin:19px 0 0 19px;
	position:absolute;
	border-bottom:1px solid #fff;
}

/* ====================== END CONATINER ====================== */


/* ====================== START SLIDER ====================== */

#slider
{
	text-align:left;
	height:370px;
	position:relative;
	margin:0;
	padding:0;
}

#slider .inside
{
	width:970px;
	height:370px;
	position:relative;
	margin:0 auto;
	margin:0;
	padding:0;
}

#slider .panel
{
	position:absolute;
	width:932px!important;
	height:370px!important;
	left:19px!important;
	top:19px!important;
	border:1px solid #eee;
}

#slider .panel .text
{
	width:428px;
	float:left;
	margin:20px 0 40px;
}

#slider .panel h1,
#slider .panel h2,
#slider .panel p
{
	color:#fff;
}

#slider .panel h1
{
	position:absolute;
	margin-top:160px;
	margin-left:250px;
	font-size:48px;
	border:none;
	background:url(../images/navi-bg.png);
	padding:0 3px;
	display:none;
}

#slider .panel h2
{
	margin-top:-15px;
	margin-bottom:20px;
	font-size:3em;
	padding:0 3px;
}

#slider .panel p
{
	position:absolute;
	margin-top:232px;
	margin-left:250px;
	font-size:18px;
	background:url(../images/navi-bg-black.png);
	padding:0 3px;
	display:none;

}

#slider .panel ul
{
	position:absolute;
	margin-top:19px;
	margin-left:683px;
	font-size:12px;
}

#slider .panel ul li
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#212425;
	line-height:20px;
	list-style:url(tl_files/actualize/images/icons/bullet-arrow.png);
}

#slider .panel img
{
	bottom:1px;
	position:absolute;
	float:right;
	right:30px;
	z-index:5;
	margin-top:-50px!important;
}

#slider .panels
{
	z-index:100;
	position:static !important;
}

#slider .img-small,
#slider .img-small img
{
	width:502px;
	height:299px;
}

#slider .img-small
{
	height:297px;
	top:40px;
	position:relative;
	float:right;
	padding:6px;
	background:#fff;
	z-index:100;
}

#slider .img-small .images
{
	height:299px;
	position:relative;
}

#slider .img-small .images img
{
	right:0;
}

#slider .bg-img-small
{
	right:0;
	position:absolute;
	z-index:0;
}

#slider .nivo-slice
{
	position:absolute;
}

#slider .nivoSlider
{
	top:-3px !important;
}
/*
#slider .shadow-slideshow
{
	width:514px;
	height:25px;
	bottom:-25px;
	position:absolute;
	background:url('../tl-files/actualize/images/bg/shadow-nivo-small.png') bottom center no-repeat;
	left:0;
}
*/
#slider .nivo-controlNav,
#slider .nivo-directionNav,
#slider .nivo-caption
{
	display:none;
}



/* ====================== START SLIDER FULL WIDTH ====================== */
#slider-full-width
{
	height:463px;
	position:relative;
	z-index:100;
}

#slider-full-width .bg-full,
#slider-full-width .bg-full div
{
	background-color:#000;
	width:100% !important;
}

#slider-full-width .bg-full div.bg-image
{
	height:463px;
	position:absolute;
	background-position:center top;
	width:100% !important;
}

#slider-full-width .bg-full blockquote
{
	width:960px;
	margin:0 auto;
	z-index:999000 !important;
}

#slider-full-width .bg-full h2
{
	display:inline;
	font-size:3em;
	color:#fff;
	line-height:60px;
}

#slider-full-width .bg-full p
{
	display:inline;
	padding:0;
	font-size:14px;
	color:#fff;
	font-style:normal;
	background:none !important;
}

#slider-full-width .bg-full div.bg-text
{
	width:100%;
	height:67px;
	left:0;
	bottom:0;
	position:absolute;
	display:block;
	background:#000;
	background:rgba(0,0,0,0.77);
	filter: alpha(opacity = 77);
}

#slider-full-width .pagination
{
	position:relative;
	float:right;
	margin-top:-100px;
	margin-right:30px;
	z-index:9999999;
}
/*
#slider-full-width .pagination a
{
	width:13px;
	height:12px;
	float:left;
	display:block;
	margin-right:2px;
	background:url('../tl-files/actualize/images/icons/pag.png') no-repeat;
	text-indent:-9999px;
	outline:medium;
}
*/
#slider-full-width .pagination a.activeSlide
{
	background-position:0 -12px;
}

/* ====================== START SLIDESHOW ====================== */
#slideshow
{
	height:356px;
	position:relative;
	margin:0 auto -40px;
	padding-top:20px;
}

#slideshow .images,
#slideshow img
{
	width:948px;
	height:316px;
}

#slideshow .images
{
	position:relative;
	padding:6px;
	background:#fff;
}

#slideshow img
{
	left:6px;
	position:absolute;
}

.nivo-slice
{
	position:absolute;
}
/*
#slideshow .shadow-slideshow
{
	width:960px;
	height:25px;
	bottom:0;
	left:0;
	position:absolute;
	background:url('../tl-files/actualize/images/bg/shadow-slide.png') bottom center no-repeat;
}
*/
#slideshow .images,
#slideshow .shadow-slideshow
{
	position:relative;
	margin:0 auto;
	z-index:100;
}

#slideshow .nivo-controlNav,
#slideshow .nivo-directionNav,
#slideshow .nivo-caption
{
	display:none;
}

/* #slideshow .nivoSlider */
top:-2px !important
{
}

/* ====================== START NAV SLIDER ====================== */
#nav-slider,
#top-slogan
{
	height:0px;
	padding-right:19px;
	padding-left:19px;
	width:250px;
}

#nav-slider ul
{
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
	z-index:10;
	top:133px;
	width:250px;
	background:url(../images/navi-bg-black.png);
	margin-top:17px;
	height:370px;
}

#nav-slider li
{
	width:250px;
	height:32px;
	line-height:32px;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	z-index:0;
	cursor:pointer;
	text-align:left;
}

#nav-slider a
{
	display:block;
	font-weight:normal;
	font-size:12px;
	height:35px;
	line-height:36px;
	color:#ccc;
	text-decoration:none;
	background:url(../images/line.png) repeat-x bottom;
	padding:0 0 0 19px;
}

#nav-slider a:hover,
#nav-slider li:hover a,
#nav-slider li.active a,
#nav-slider li.current a
{
	text-decoration:none;
	color:#fff;
}

#nav-slider span
{
	font-size:1.2em;
	color:#6a6969;
}

#nav-slider .arrow
{
	height:30px;
	top:-110px;
	position:absolute;
	border:none;
	list-style:none;
	z-index:10;
	overflow: visible !important;
	background: url(../images/arrow-white-left.png) left no-repeat;
}

#aktionsbutton
{
	top:336px;
	position:absolute;
	margin-left:640px;
	z-index:1000000;
}

.invisible
{
	width:0px;
	height:0px;
	left:-1000px;
	position:absolute;
	overflow:hidden;
	display:inline;
	top:-1000px;
}

.custom
{
	display:block;
	text-align:left;
}

.custom:after
{
	height:0;
	clear:both;
	display:block;
	content:".";
	visibility:hidden;
}

#slider .panel a.start_header_link {
	display:block;
	position:absolute;
	width:680px;
	height:370px;
	margin-left:250px;
}

/* =search
----------------------------------------------------------------------------------------------- */

#search {
	margin-top:19px;
	margin-right:19px;
	float:right;
}

/* .searchformbody
{
	float:right;
}

#search-input
{
	width:211px;
	margin:20px 0 0 570px;
	padding:5px;
	font-size:12px;
	color:#aaa;
	height:20px;
	width:185px;
	background:none;
	border:none;
	background:url(../images/search-bg.png) top left ;
}
#search-input:focus
{
	border:1px solid #cccccc;
	color:#666666;
}

#search .search-submit-btn
{
	width:20px;
	height:17px;
	top:25px;
	position:absolute;
	right:-30px;
	outline:none;
	background:(../images/lupe.png) no-repeat top left;
	cursor:pointer;
	border:1px solid red;
}

.ie6 #search .search-submit-btn
{
	top:6px;
}
.ie6 #search-input,
.ie7 #search-input,
.ie8 #search-input
{
}

*/

/* =contact
----------------------------------------------------------------------------------------------- */

/* =footer
----------------------------------------------------------------------------------------------- */

#footer {
	width:100%;
	height:163px;
	background:#222;
	text-align:left;
	border-top:1px solid #fff;
}

#footer #inside {
	margin:0 auto;
	width:970px;
	height:160px;
	background:url(../images/footer-bg.png) top center no-repeat #393a3e;
}

#footer dl.last {
	border-right:none;
	width:132px;
}

#footer dl {
	float:left;
	width:172px;
	height:141px;
	margin:19px 0 0  0;
	padding:0 0 0 19px;
	border-right:1px dashed #a2aab4;
}

#footer dt {
	margin:0 0 10px 0;
	padding:0;
	color:#a2aab4;
	font-size:14px;
}

#footer dd {
	margin:0;
	padding:0;
	color:#a2aab4;
}

#footer dd a {
	color:#a2aab4;
	text-decoration:none;
}

#footer dd a:hover {
	color:#a2aab4;
	text-decoration:underline;
}

#facebook {
	position:absolute;
	margin-top:-60px;
	margin-left:9px;
	z-index:111110000;
	text-align:left;
	
}

#facebook img {
	margin-left:9px;
}

iframe#likebutton {
	z-index:111110000;
	margin:0 0 0 19px;
	padding:0;
	width:90px!important;
}

/* =footer
----------------------------------------------------------------------------------------------- */

/* =whitebox
----------------------------------------------------------------------------------------------- */

.whitebox {
	width:970px;
	height:400px;
	background: url(../images/body-bg-white-box.png) #fdfdfd;
}



/* =blackbox
----------------------------------------------------------------------------------------------- */


/* =blackbox
----------------------------------------------------------------------------------------------- */

.blackbox {
	width:970px;
	height:340px;
	background: url(../images/body-bg-black-box-2.png) bottom #222;
}

.homecinemabox {
	background: url(../images/body-bg-black-box-homecinema.gif) bottom #222;
}

/* =blackbox
----------------------------------------------------------------------------------------------- */



/* =pagebottom
----------------------------------------------------------------------------------------------- */

#pagebottom {
	background:url(../images/bottom-page.png)  top no-repeat;
	height:20px;
	width:970px;
}

/* =pagebottom
----------------------------------------------------------------------------------------------- */


/* ----------- Fourfold ----------- */

#four {
	padding-left:9px;
	background:url(../images/shadowline.png) top left no-repeat;
	height:400px;
}

.fourfold {
	width:230px;
	margin:24px 0 0 10px;
	float:left;
	text-align:left;
}

.fourfold ul {
	margin:-10px 0 0 0;
	padding:0;
	width:200px;
	position:relative;
}

.fourfold ul li {
	margin:0;
	padding:4px 0 4px 0;
	background:url(../images/flexi-icon.png) top left no-repeat;
	background-position:0 5px;
	padding-left:25px;
	list-style:none;
	border-bottom:1px solid #eee;
}

.fourfold ul li a {
	color:#222;
	text-decoration:none;
}

.fixedheight p {
	height:156px;
}

.fourfold img {
	float:left;
	margin-bottom:9px;
	padding:1px;
	background:#fff;
	border:1px solid #eee;
}

.fourfold h2 {
	color:#212425;
	font-weight:normal;
	font-size:24px;
	line-height:18px;
	margin-left:-1px;
}

.fourfold h3 {
	color:#212425;
	font-weight:bold;
	font-size:14px;
	margin-bottom:0px;
	padding-bottom:5px;
	line-height:20px;
	margin-top:9px;
	width:210px;
	border-bottom:1px solid #eee;
}

.fourfold p {
	text-align:center;
	margin-top:0px;
	padding-top:10px;
	font-size:12px;
	line-height:20px;
	color:#212425;
	margin-right:20px;
}

.ru .fourfold p, .fr .fourfold p {
	line-height:16px;
}

.nl .fourfold p, .pl .fourfold p {
	line-height:18px;
}

/* ----------- Fourfold 2 ----------- */

#four2 {
	padding-left:9px;
	height:400px;
	background:none;
}

#four2 .textblock {
	width:74%;
	height:auto;
	text-align:left;
	margin-left:0px;
}

#four2 .textblock h2 {
	font-size:24px;
	font-weight:normal;
	padding-top:30px;
	color:#212425;
	padding-bottom:10px;
	background: url(../images/linien.png) bottom repeat-x;
}

#four2 .textblock p {
	font-size:12px;
	line-height:20px;
	color:#212425;
}

.ru #four2 .textblock p, .fr #four2 .textblock p, .pl #four2 .textblock p {
	line-height:16px;
}



#four2 .fourfold {
	width:210px;
	margin:40px 0 0 30px;
	float:left;
	text-align:center;
}

.fr #four2 .fourfold, .pl #four2 .fourfold {
	margin:10px 0 0 30px;
}

#four2 .fourfold img {
	margin:0 0 4px 10px;
	clear:both;
}

#four2 .fourfold h2 {
	color:#212425;
	font-weight:normal;
	font-size:24px;
	line-height:18px;
	margin-left:-1px;
	clear:both;
}

#four2 .fourfold h3 {
	color:#212425;
	font-weight:bold;
	font-size:14px;
	margin-bottom:0px;
	line-height:20px;
	margin-top:9px;
}

#four2 .fourfold p {
	text-align:center;
	margin-top:0px;
	padding-top:10px;
	font-size:12px;
	line-height:20px;
	color:#fff;
	margin-right:20px;
	clear:both;
}

.nl #four2 .fourfold p, .pl #four2 .fourfold p  {
	line-height:16px;
}




.textblock img {
	padding:1px;
	border:1px solid #ddd;
}
	

/* ----------- Fourfold 3 ----------- */

#four3 {
	height:200px;
	background:none;
	width:350px;
}


#four3 .fourfold {
	width:710px;
	margin:17px 0 0 10px;
	float:left;
	text-align:center;
}

#four3 .fourfold img {
	margin:0 0 1px 10px;
	float:left;
}

#four3 .fourfold p {
	text-align:left;
	margin:0px 20px 0 20px;
	padding-top:10px;
	font-size:12px;
	line-height:20px;
	color:#fff;
	float:left;
	width:400px;
	
}


.ru #four3 .fourfold p {
	line-height:16px;
	
}


/* ----------- Two ----------- */

#two {
	padding-left:9px;
	background:url(../images/shadowline.png) top left no-repeat;
	height:460px;
	text-align:left;
}

.twofold {
	width:470px;
	margin:12px 0 0 10px;
	float:left;
	text-align:left;
}

.twofold img {
	float:left;
	margin-bottom:9px;
}

.twofold h2 {
	color:#212425;
	font-weight:normal;
	font-size:24px;
	line-height:18px;
	margin-left:-1px;
}

.twofold h3 {
	color:#212425;
	font-weight:bold;
	font-size:14px;
	margin-bottom:0px;
	line-height:20px;
	margin-top:9px;
}

.twofold p {
	text-align:left;
	margin-top:0px;
	padding-top:10px;
	font-size:12px;
	line-height:20px;
	color:#212425;
	margin-right:20px;
}

.ru .twofold p, .fr .twofold p {
	line-height:16px;
}



/* ----------- TWO PRODUCT BOX ----------- */

#two .product-box {
	width:183px;
	height:200px;
	margin:0;
	padding:20px 0 0 0;
	float:left;
}

#two .product-box h3 {
	width:100%;
	color:#fff;
	font-weight:normal;
	background:#00857f;
	margin:0;
	padding:2px;
	font-size:14px;
	margin-top:10px;
}


#serien-line, #serien-line-detail {
	height:18px;
	width:934px;
	margin:0 19px;
	text-align:right;
}

#serien-line-detail {
	height:18px;
	width:100%;
	margin:0 19px 0 0;
	text-align:right;
}

#serien-line h3, #serien-line-detail h3 {
	color:#fff;
	padding:3px 19px 0 0;
	font-weight:normal;
	font-size:15px;
	height:20px;
}

#serien-line h3.leiste-hifi, #serien-line-detail h3.leiste-hifi {
	background:#cf1e32;
}

#serien-line h3.leiste-homecinema, #serien-line-detail h3.leiste-homecinema {
	background:#00857f;
}


#serien-line h3.leiste-prohouse, #serien-line-detail h3.leiste-prohouse  {
	background:#005695;
}

#serien-line h3.leiste-flexidelity, #serien-line-detail h3.leiste-flexidelity { 
	background:#ee7d22;
}

#serien-line h3.leiste-caraudio, #serien-line-detail h3.leiste-caraudio { 
	background:#c5ce37;
}

#serien-line h3.leiste-title, #serien-line-detail h3.leiste-title { 
	background:#555;
}



h2.serienbez {
	display:block;
	background:url(../images/dark-fadeout.png) left no-repeat;
	width:500px;
	height:30px;
	line-height:30px;
	color:#fff;
	margin:-32px 0 0 269px;
	padding-left:20px;
	font-weight:normal!important;
	position:relative;
	text-align:left;
}
	

/* ----------- PRODUCT SLIDER ----------- */

#ps {
	padding-left:0px;
	background:url(../images/shadowline.png) top left no-repeat;
	height:175px;
	text-align:left;
	margon:0;
	padding:0;
}


#box-2-2 {
	width:934px;
	height:179px;
	background: url(../images/productsliderbg.gif) bottom repeat-x;
	float:left;
	margin-top:19px;
	margin-left:0;
	padding:0;
}

#box-2-2 a.browse {
	position:absolute;
	z-index:60;
}

#box-2-2 #handle-left {
	position:absolute;
	margin-left:0px;
	margin-top:44px;
	z-index:60;
}

#box-2-2 #handle-right {
	position:absolute;
	margin-left:919px;
	margin-top:44px;
	z-index:60;
}

#box-2-2 .smallpic {
	width:auto;
	height:180px;
	float:left;
	margin-left:1px;
	text-align:center;
}
 
#box-2-2 .smallpic p {
	text-align:center;
	font-size:12px;
	margin-top:5px;
	color:#222;
}

#box-2-2 .smallpic a {
	color:#555;
	text-decoration:none; 
}

#box-2-2 .smallpic img {
	margin:-3px 0px 6px 0px;
}

#box-2-2 a.disabled, #box-details a.disabled, #box-details2 a.disabled {
	visibility:hidden !important;		
}

#historyflash {
	margin-left:10px;
}

div.pane {
	margin-left:2px;
}

.prodsbackgr {
background:#f5f7f7;
}

.clear {
	clear:both;
}
 
/* CSS */


.scrollable  {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 934px;
	height:180px;
}



/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div{
	float:left;
	width:934px;
}


#box-2-2 a.disabled, #box-details a.disabled {
	visibility:hidden !important;		
}

/* =blackbox
----------------------------------------------------------------------------------------------- */

.blackbox-serien {
	width:970px;
	height:300px;
	background:none!important;
}

.blackbox-serien .inner {
	width:932px;
	height:300px;
	margin:0 17px 0 17px;
	
}


/* =blackbox
----------------------------------------------------------------------------------------------- */

.left {
	float:left;
	margin-right:19px;
	margin-top:9px;
}

.farbvariationen {
	padding-left:19px;
	background:url(../images/shadowline.png) top left no-repeat #fff;
	height:130px;
}

.farbvariationen img {
	background:#fff;
	float:left;
	padding:5px;
	border:1px solid #ddd;
	margin-bottom:5px;
}

.farbvariationen .farbecke {
	width:130px;
	float:left;
	margin-top:24px;
	text-align:left;
}

#speaker-box {
	width:250px;
	height:330px;
	position:absolute;
	background: url(../images/speaker-box.bg.png);
	margin-left:269px;
	text-align:left;
}

#speaker-box h1, #speaker-box h2, #speaker-box h3, #speaker-box p {
	color:#222;
	font-weight:normal;
	margin-left:19px;
}

#speaker-box h1 {
	margin-top:19px;
}

#speaker-box h3 {
	margin-top:39px;
}





/* ====================== NEU ====================== */

ul#detailaktionen {
	margin:0 0 0 19px;
	padding:10px 0;
	background:url(../images/linien.png) top repeat-x;
	width:225px;
}

ul#detailaktionen li {
	margin:0;
	padding:0;
	line-height:24px;
}
ul#detailaktionen li a {
	color:#222;
}

ul#detailaktionen li a:hover {
	text-decoration:underline;
}

ul#detailaktionen li a.testberichte {
	background: url(../images/icons/icon-testberichte.png) left no-repeat;
	padding-left:22px;
}

ul#detailaktionen li a.video {
	background: url(../images/icons/icon-video.png) left no-repeat;
	padding-left:22px;
}

ul#detailaktionen li a.anleitungen {
	background: url(../images/icons/icon-anleitung.png) left no-repeat;
	padding-left:22px;
}

ul#detailaktionen li a.drucken {
	background: url(../images/icons/icon-drucken.png) left no-repeat;
	padding-left:22px;
}


#detailcontent {
	background:url(../images/detail-bg.png) repeat-y #fff;
	height:auto;
}

.detailline {
	height:2px;
	width:225px;
	margin-left:19px;
	background:url(../images/linien.png) top repeat-x;
}

#detailfarben {
	margin-left:19px;
	width:260px;
}

#detailfarben img {
	margin-right:3px;
	padding:1px;
	background:#fff;
	border:1px solid #e6e6e6;
}

#infobox {
	float:left;
	width:255px;
}

#bildbox {
	float:right;
	width:360px;
	margin:38px 38px 0 0;
	padding:1px;
}

#bildbox img {
	margin:0 60px 0 0;
}

#bildbox #smallbildbox {
	position:absolute;
	margin-top:10px;
	right:0px;
	width:70px;
	height:300px;
	padding:0;
}

#bildbox #smallbildbox img {
	margin:9px 0 0 0;
	border:1px solid #f2f2f2;
	border-right:none;
}

#neubutton {
	position:absolute;
	margin-top:90px;
	margin-left:200px;
}

#weitere {
	text-align:center;
	width:249px;
	height:auto;
}

#weitere h3 {
	text-align:left;
	font-weight:normal;
	font-size:18px;
	margin:10px 0 0 0;
	padding-bottom:9px;
	background:url(../images/linien.png) bottom repeat-x;
}


#weitere .weitere-box {
	text-align:center;
	width:75px;
	height:100px;
	float:left;
	margin:10px 7px 0 0;
}

#weitere .weitere-box img {
	border:1px solid #ddd;
	-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}

#weitere .weitere-box p {
	font-size:10px;
	color:#495760;
	line-height:12px;
	margin-top:2px;
}


#weitere .weitere-box p a {
	color:#495760;
	text-decoration:none;
}

/* Specific to example one */

#tabbed { 
background: url(../images/tabbed-bg.png) #f9f9f9 repeat-y; 
float:left; 
width:646px; 
height:auto; 
padding: 1px; 
margin: 20px 0 45px 19px; 
border:1px solid #e2e3e3; 
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
padding-bottom:20px;
}

#tabbed .nav { margin: -29px 0 0 -2px; height:30px; clear:left;  }
#tabbed .nav li { width: 130px; float: left; margin: -1px 4px 0 0px; border-bottom:none;}
#tabbed .nav li.last { margin-right: 0; }
#tabbed .nav li a { display: block; padding: 1px; background: url(../images/tab-bg.png) repeat-x; color: #222; font-size: 12px; height:25px; line-height:25px; text-align: center; border: 1px solid #e2e3e3; }
#tabbed .nav li a.current { border-bottom:1px solid #fafafa;background:#fafafa; }
#tabbed .nav li a:hover {
	text-decoration:underline;}

#tabbed ul { list-style: none; margin:0; padding:0; position:relative;}
#tabbed ul li a { margin:0; padding:0; display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#tabbed ul li a:hover, #tabbed ul li a:focus {  }

.awards img {
	margin-right:7px;
	margin-bottom:5px;
}
	
 

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }

/*--Technische Daten--*/

table#tecdata {
	margin-top:0px;
}


#tecdata td {
	font-size: 12px;
	padding: 4px 9px;
	vertical-align:top;
	width:auto;
	border-bottom:1px solid #ddd;
	background:#fff;
}

#tecdata td a{
	color:#eeefef;
}

#tecdata td.tab-left {
	background:#fcfcfc;
	width:180px;
	font-weight:bold;
}

#tecdata tr.selected td {
	background:#fafafa;
	color: #f4f4f4;
	border-bottom: 1px solid #ddd;
}

#tecdata {
	border: 1px solid #ddd;
	border-left:0;
	margin-left:0px;
	margin-top:10px;
	width:600px;
}

#tecdata tbody tr td {
	font-size: 12px;
	padding: 6px 8px;
	border-left: 1px solid #ddd;
}

#tecdata tbody tr.selected td {
	background:#fafafa;
	color: #333;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.textleft p {
	text-align:left!important;
}

a.weiterbutton {
	display:block;
	width:210px;
	height:29px;
	line-height:29px;
	text-align:center;
	color:#222;
	text-decoration:none;
	font-weight:normal;
	background:url(../images/seriensliderbg.png);
	border:1px solid #eee;
	padding:1px;
}

.last {
	border:none!important;
}

.flexidelity-top {
	background:url(../images/flexidelity/yourworld-top.jpg) bottom;
	height:356px;
}

.flexidelity-bottom {
	background:url(../images/flexidelity/yourworld-bottom.jpg);
	height:356px;
}

.flexidelity-sub {
	background: url(../images/flexidelity/yourworld-sub.jpg);
	height:187px;
}

.flexidelity-subwoofer {
	position:absolute;
	margin-left:40px;
	margin-top:25px;
}

.flexidelity-fernbedienung {
	position:absolute;
	margin-left:845px;
	margin-top:25px;
}

.flexidelity-top h1, .flexidelity-bottom h1 {
	text-align:center;
	color:#fff;
	font-weight:normal;
	padding-top:30px;
}

.flexidelity-bottom h1 {
	text-align:center;
	color:#fff;
	font-weight:normal;
	padding-top:303px;
}

.flexidelity-top .t1 {
	position:absolute;
	margin-left:85px;
	margin-top:100px;
	width:100px;
	height:100px;
	text-align:right;
	color:#222;
}

.flexidelity-top .t2 {
	position:absolute;
	margin-left:780px;
	margin-top:100px;
	width:100px;
	height:100px;
	color:#222;
}

.flexidelity-bottom .t1 {
	position:absolute;
	margin-left:85px;
	margin-top:-200px;
	width:100px;
	height:100px;
	text-align:right;
	color:#fff;
}

.flexidelity-bottom .t2 {
	position:absolute;
	margin-left:780px;
	margin-top:-200px;
	width:100px;
	height:100px;
	color:#fff;
}

.link1, .link2 {
	position:absolute;
	width:220px;
	height:260px;
	margin-top:50px;
	margin-left:200px;
}
.link2 {
	position:absolute;
	margin-left:550px;
}

.flexidelity-sub .s1 {
	position:absolute;
	margin-left:200px;
	margin-top:60px;
	width:150px;
	height:100px;
	text-align:left;
	color:#fff;
}

.flexidelity-sub .s2 {
	position:absolute;
	margin-left:685px;
	margin-top:60px;
	width:150px;
	height:100px;
	color:#fff;
	text-align:right;
}
	
#dataTable thead {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

#dataTable th {
	font-weight:normal;
	text-align:left;
	color:#222;
	background:#fafafa url(../images/table.png);
}


table#dataTable {
   width: 100%;
   margin-top:10px;
}



#dataTable {
	margin-top:20px;
	border:1px solid #eee;
}


#dataTable th a, #dataTable th {
	color: #222;
	text-decoration:none;
}

#dataTable a {
	color: #222;
	text-decoration:none;
}

#dataTable tbody a:hover {
	text-decoration: underline;

}

#dataTable tbody tr td a {
   display:block;
   width:95%;
}

#dataTable thead tr {
	background:#fafafa;
}

#dataTable #firstCol {
	width:380px;
}

ul#produkteliste {
	width:215px;
	list-style:none;
	margin-left:3px;
}

ul#produkteliste li {
	width:215px;
	border-bottom:1px dashed #ccc;
	background: url(../images/listarrow.png) left no-repeat;
	background-position:0 6px;
	padding-left:15px;
	padding-bottom:3px;
	padding-top:3px;
	color:#222;
	font-weight:bold;
}

ul#produkteliste li a {
	color:#222;
	text-decoration:none;
	font-weight:normal;
}

ul#produkteliste li a:hover {
	color:#777;
	text-decoration:underline;
}

.info-box {
	float:left;
	width:316px;
	height:210px;
	margin-top:20px;
	margin-right:10px;
	background:#fafafa;
	padding:1px;
	border:1px solid #eaeaea;
	background:#fff url(../images/lightbg.png);
}

.info-box img.prodpic {
	float:left;
	margin:10px 10px 0 10px;
}

.info-box div{
	float:left;
	margin:10px 10px 0 5px;
	width:120px;
}

.info-box div a{
	color:#000;
	text-decoration:none;
}

.info-box h5 {
	width:auto;
	height:16px;
	font-size:12px;
	font-weight:bold;
	padding-bottom:0px;
	border-bottom:1px solid #eee;
	color:#222;
	position:relative;
	background:#fafafa url(../images/table.png);
	padding:6px;
}

.imagerahmen img {
	padding:1px;
	border:1px solid #ddd;
}

/* Who is Who */

.whoiswho-frame {
	width:325px;
	height:260px;
	float:left;
	margin-right:4px;
}

 
.whoiswho-frame-seitz {
	width:650px;

}

.whoiswho {
	width:325px;
	height:210px;
	background:url(../images/frame-01.jpg) no-repeat;
	float:left;


}

#primary .whoiswho-frame h1 {
	width:650px;
}


.whoiswho img {
	position:relative;
	margin:0;
}

.whoiswho-frame h2 {

}

hr {
	border:none;
	border-top:1px dashed #ddd;
	height:0px;
	width:100%;
}

#haendler h3 {
	font-size:18px;
	color:#222;
	font-weight:normal;
	padding-top:2px;
}

#haendler h2 {
	font-size:12px;
	color:#222;
	font-weight:normal;
}

/* Messetermine */

.datenbox {
	float:left;
	width:100%;
	margin-bottom:10px;
    border-bottom: 1px dashed #ddd!important;
	padding-bottom:20px;
}

.datenbox img {
	margin-right:10px;
	border:1px dashed #ddd!important;
}

body.messearchiv #box-2-4 img {
	border:1px solid #ddd!important;
}

.messevorschau {
	margin-top:24px;
}


.messetext {
	width:380px;
	float:left;
}

.messetext p {
	line-height:14px;
}



.messetext h2 {
	line-height:14px;
	background: url(../images/box-h1-bg.png) left bottom no-repeat;
	padding-bottom:5px;
}

.messelogo {
	width: auto;
	text-align: center;
	float: right;
}

.text-news {
	width:450px;
}

.messelogo img {
	margin-top:10px;
	border:1px solid #91979d;
	padding:10px;
	background:#fff;
}

.messetext img {
	margin-top:0px;
	border:1px solid #91979d;
	padding:10px;
	background:#fff;
	margin-right:10px;
}

.messe_top_logo {
   border: 1px solid #CCC;
}

#topnavi #sddm {
	position:absolute;
	width:178px;
	height:25px;
	margin-top:-7px;
	background:url(../images/language-selector.gif) no-repeat;
	z-index:98;
	margin-left:15px!important;
}

#topnavi #sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
	z-index:98;
}

#topnavi #sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 3px 10px;
	width: 155px;
	line-height:18px;
	background:none;
	color: #222!important;
	text-align: left;
	text-decoration: none;
	font-size:12px;
	font-weight:normal;
	z-index:98;
}

#topnavi #sddm li a:hover  {
	background:none;
}

#topnavi #sddm div {	
	position: absolute;
	visibility: hidden;
	margin: -2px 0 0 4px;
	padding: 0;
	background:#6c6e70;
	width:172px;
	z-index:98;
}

#topnavi #sddm div a   {	position: relative;
		display: block;
		margin: 0;
		padding: 2px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #eee;
		z-index:98;
		color: #fff;
}

#topnavi #sddm div a:hover {	
	background: #fafafa;
	color: #FFF;
	position:relative;
	zoom:1;
}

.extrabilder {
	margin:19px 3px 0 0;
	padding:1px;
	border:1px solid #ddd;
}

#bildbox {
	margin-bottom:10px!important;
	padding-bottom:7px;
	background:url(../images/unterbox.jpg) bottom no-repeat;
}

/* Kontaktformular */

form {
	margin:0 0 0 10px;
	padding:0;
	background:none;
}

form p {
	margin-bottom:8px;
}

form.contactform {
	margin:0 0 0 -10px;
	padding:0;
	background:none;
}

form.contactform ul {
	list-style:url(../images/arrow.gif);
	margin:0;
	padding:0;
	color:#781727;
	padding-left:20px;
}

form.contactform ul li {
	line-height:1.7em;
}

form fieldset {
	margin:0.9em 20px;
	padding:1em;
	border:1px solid #ddd;
	background:#fafafa;
	width:573px;
	color:#333;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	position:relative;
	zoom:1;
	margin-bottom:20px;
}

fieldset.kont {
	margin:0.9em 9px;
	padding:1em;
	border:1px solid #ddd;
	background:#fdfdfd;
	width:300px;
	color:#333;
}

form legend {
	font-weight:bold;
	padding: 6px 10px;
	color:#333;
	font-weight:bold;
	background:#fff;
	border:1px solid #ddd;
	margin-top:5px;
	margin-bottom:15px;
	margin-left:8px;
	font-size:12px;
}

form input  {
	width:200px;
	line-height:22px;
	height:25px;
}

form select {
	padding:0;
	width:205px;
	line-height:20px;
	height:20px;
}

form textarea {
	width:300px;
	height:100px;
	border:1px solid #ccc;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:1px 3px;
}

form input[type="text"] {
	width:200px;
	line-height:18px;
	height:18px;
	font-size:12px;
	padding:1px 3px;
	border:1px solid #ccc;
}

form input.radio, input.checkbox, input.submit, input.reset  {
	width:auto;
	border:1px solid #ccc;	
}

form input.radio {
	float:left;
	margin-right:0.3em;
	line-height:20px;
	height:20px;
	border: none;
}

form input.checkbox {
	display:block;
	float:left;
	margin:0;
	padding:0 10px;
	line-height:18px;
	height:18px;
	border: none;
}

form input#land {
	border:1px solid #ccc;
}

form input.reset, input.submit, .hsubmit {
	display:block;
	border:none;
	background:#222;
	color:#fff;
	margin-right:5px;
	margin-top:0px;
	float:left;
	margin-right:10px;
	border:2px solid #e7e6eb;
	height:27px;
	padding:0 22px;
	line-height:24px;
	font-size:12px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
	position:relative;
}

.hsubmit {
	margin-left:0!important;
	margin-top:20px;
	}



form label.frage {
	display:block;
	float:left;
	width:510px;
	line-height:18px;
	height:18px;
	padding-left:5px;
}

form label {
	display:block;
	float:left;
	width:80px;
	padding:0;
	margin:0;
	font-weight:bold;
}

form input.ok {
	width:40px;
	height:25px;
	line-height:20px;
	padding:2px;
}

fieldset#countrychoose {
	margin:0!important;
	padding:0!important;
	border:none;
	background:none;
}

#countrychoose select {
	float:left;
	margin-left:-10px;
	width:170px;
	height:20px;
	margin-top:10px;
}


form fieldset#countrychoose input.submit  {
	margin:0!important;
	padding:0!important;
	width:55px;
	margin-left:5px;
	height:20px;
	line-height:18px;
	border:none;
	margin-left:5px!important;
	font-size:14px!important;
	margin-top:8px!important;
}


form fieldset#countrychoose input.submit{
	margin:-1px;
	margin-left:5px;
	float:left;
}

#pdfkatalog {
	width:249px;
	height:120px;
	background:url(../images/pdfkatalog.png) no-repeat;
	vertical-align:bottom;
	float:left;
	margin-top:80px;
}

#pdfkatalog ul {
	margin-left:105px;
	margin-top:15px;
}

#pdfkatalog ul li {
	list-style:none;
	background:url(../images/listarrow.png) left no-repeat;
	padding-left:15px;
}

#pdfkatalog ul li a {
	color:#222;
	text-decoration:none;
}

#pdfkatalog ul li a:hover {
	text-decoration:underline;
}

#leftpanel ul.alphabetsuche {
	list-style:none;
	margin:19px 0 0 0;
	padding:0;
	height:auto;
	background:none;
	width:245px;
}

#leftpanel ul.alphabetsuche li {
	margin:0;
	padding:0;
	display:block; 
	float:left;
	background:none;
	width:42px;
	height:36px;
	border:1px solid #ddd;
	margin:0 3px 2px 0;
	background:#fff;
}

#leftpanel ul.alphabetsuche li a {
	margin:0;
	padding:0;
	text-decoration:none;
	line-height:22px;
	width:42px;
	height:36px;
	background:#fff;
	color:#222;
	font-size:14px;
	font-weight:bold;
	display:block;
	float:left;
	background:none;
}

#leftpanel ul.alphabetsuche li a:hover {
	background:#eee;
	color:#fff;
}

#leftpanel ul.alphabetsuche li.nichtvorhanden {
	background:#fafafa;
	color:#222;
	text-decoration:none;
	line-height:22px;
	width:42px;
	height:36px;
	font-size:14px;
	font-weight:bold;
	display:block;
	float:left;
	cursor: default;
}

#leftpanel span.center {
	display:block;
	float:left;
	width:42px;
	height:36px;
	text-align:center;
}

#leftpanel a span.center {
	cursor: pointer;
}

#leftpanel ul.alphabetsuche li.produktsuche-aktiv a {
	background:#222;
	color:#fff;
}

#leftpanel  form#search {
	margin:10px 0 0 0;
	padding:0;
width:205px!important;
float:left;
}

#leftpanel  form#search fieldset {
width:205px!important;
	margin:0;
	overflow:hidden;
	margin:0;
}

#leftpanel  form#search p {
	width:auto;
	margin:0;
	padding:0;

}

#leftpanel  form#search label  {
	width:auto;
	margin:0 5px 0 0;
	padding:0;

}

#leftpanel  form#search input  {
	float:left;
	width:90px;
}

#leftpanel  form#search input.submit  {
	margin:0!important;
	padding:0!important;
	width:40px;
	margin-left:5px;
	height:22px;
	line-height:22px;
	border:none;
	margin-left:5px!important;
	font-size:14px!important;

}

.bilder {
	width:153px;
	height:auto;
	text-align:center;
	float:left;
	position:relative;
	margin:18px 0 0 0;
	padding:0px;
	background:#fff;
	border-top:1px solid #ccc;
}

.bilder a {
	width:153px;
	display:block;
	color:#333;
	text-decoration:none;
	font-size:10px;
	text-align:center;
	border-bottom:1px solid #ccc;
	margin:0;
	padding:0;
}

.bilder p {
	margin:0!important;
	padding:0!important;
}

.bilder p a {
	background:#fafafa;
	margin:0;
}

table.haendlersuchetab {
	width:655px;
}


/* YOUR WORLD */

#header-yourworld {
	width:970px;
	height:auto;
	background:none;
	background:url(../images/yw-page-bg.png) repeat-y;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
		background-position:0 342px;
		clear:both;

}

#header-yourworld #inner {
	background:#000;
	width:970px;
	margin:0;
	height:390px;
	background:url(../images/top-page-yw.png) top no-repeat #000;

}

#yw-left {
	width:250px;
	height:auto;
	float:left;
	margin:18px 0 0 19px;
}

#yw-right {
	width:682px;
	height:auto;
	float:left;
	margin:18px 0 0 0;
	background:#000;
	overflow:hidden;
}

#yw-logo {
	position: absolute;
	z-index:50;
	top:132px;
	margin-left:22px;
}

#yw-quality {
	position: absolute;
	z-index:50;
	top:140px;
	margin-left:817px;

}

ul.yw-liste {
	margin:170px 15px 0 15px;
	padding:0;
}

ul.yw-liste li {
	margin:0;
	padding:0;
	font-size:16px;
	line-height:30px;
	color:#fff;
	list-style:none;
	
}

ul.yw-liste li.pack {
	font-size:16px;
	line-height:24px;
}

ul.yw-liste2 {
	margin:20px 15px 0 15px;
	padding:15px 0 15px 0;
	border-top:1px dashed #fff;
	border-bottom:1px dashed #fff;
}

ul.yw-liste2 li {
	margin:0;
	padding:0;
	font-size:16px;
	line-height:30px;
	color:#fff;
	list-style:none;

}

ul.yw-liste2 li a, ul.yw-liste li a {
	color:#fff;
	text-decoration:none;
	padding-left:30px;
	background:url(../images/yourworld/yourworld-senden2.png) left no-repeat;
}

ul.yw-liste2 li a:hover, ul.yw-liste li a:hover {
	color:#EE7F00;
	padding-left:30px;
	background:url(../images/yourworld/yourworld-senden.png) left no-repeat;
}

ul.yw-liste2 li.ywactive a, ul.yw-liste li.ywactive a {
	color:#EE7F00;
	padding-left:30px;
	background:url(../images/yourworld/yourworld-senden.png) left no-repeat;
}

ul.yw-liste li a.pack {
	color:#fff;
	text-decoration:none;
	padding-left:30px;
	background:url(../images/yourworld/flexi-icon2.png) left no-repeat;
}

ul.yw-liste2 li.pack {
	font-size:16px;
	line-height:30px;
}

.yw-box {
	float:left;
	width:222px;
	height:310px;
	background:#fafafa;
	margin:9px 8px 9px 0;
}

.yw-last {
	margin:9px 0 0 0;
}

.yw-box img {
	margin:8px;
}

.yw-box h2 {
	color:#EE7F00;
	font-size:18px;
	margin:9px;
	padding-bottom:7px;
	border-bottom:1px solid #ddd;
}

.yw-box h2 a {
	color:#EE7F00;
	text-decoration:none;
	background:url(../images/yourworld/yourworld-pfeil.png) left no-repeat;
	padding-left:11px;
}

.yw-box p {
	color:#222;
	font-size:12px;
	margin:9px 9px 9px 9px;
	line-height:15px;
}



#yw-left p {
	margin:18px;
	color:#aaa;
}

ul.ywbesond {
	background:#ee8027;
	width:700px;
	height:auto;
	margin:9px 0 0 0;
	padding:10px 0 10px 0 ;
	
}

.ywstartervw21 ul.ywbesond, .ywstartervw1 ul.ywbesond {
 	background-position: top 5px;background-position: right;

}




ul.ywbesond li {
	color:#fff;
	font-size:16px;
	margin-left:10px;
	padding-left:25px;
	list-style:none;
	background:url(../images/haken5.png) left no-repeat;
}

h2.ywh2prd {
	background: url(../images/yourworld/blacktransbg.png);
	color:#fff;
	margin-top:-36px;
	height:36px;
	line-height:36px;
	position:relative;
	display:block;
	z-index:1010000;
	font-weight: 100;
	padding-left:10px;
	font-size:21px;
}

h2.ywh2prd a  {
	font-size:18px;
	display:block;
	width:200px;
	float:right;
	color:#fff;
	text-align:right;
	padding-right:20px;
}

.slider-wrapper {
	height:480px;
	background:#fff;
}

.ywstartervw1 {
	background:#ee8027;
	color:#fff;
	
}

.ywstartervw21 {
	background:#ee8027;
	color:#fff;
}

.ywstartervw1 h3, .ywstartervw21 h3 {
	margin:10px;
}

.ywstartervw1 p, .ywstartervw21 p {
	margin:10px;
}

.ywstartervw1 ul, .ywstartervw21 ul {

	height:auto;
	margin0;
	padding:0 0 20px 0 ;
	
}

.ywstartervw1 ul li, .ywstartervw21 ul li {
	color:#fff;
	font-size:18px;
	margin-left:10px;
	padding-left:25px;
	list-style:none;
	background:url(../images/haken5.png) left no-repeat;
}

.ywfaq {
	background:#fff;
	color:#222;
}


.ywfaq h3, .ywfaq p, .ywfaq ul {
	margin:10px;
}

.ywfaq h2 {
	background: url(../images/yourworld/blacktransbg.png);
	color:#fff;
	margin-top:-36px;
	height:36px;
	line-height:36px;
	position:relative;
	display:block;
	z-index:1010000;
	font-weight: 100;
	padding-left:10px;
	font-size:21px;
}

.ywfaq h3 {
	border-bottom:1px dashed #777;
	padding-bottom:10px;
	margin-top:20px;
}

.ywfaq p {
	color:#ee8027;
	text-transform:uppercase;
	font-size:18px;
}

.ywfaq ul {
	padding-bottom:20px;
}



#yw-right #detailcontent {
	width:681px;
	height:auto;
	background:#fff;
	float:right;
	margin-right:0;
	margin-top:0;
	padding-top:0px;
	position:relative;
	text-align:left;
}

#yw-right #detailcontent h3 {
	display:none;
}

#yw-right #detailcontent h1 {
	margin-top:130px;
}

#yw-right #detailcontent #detailfarben {
	margin-top:10px;
}

#yw-right  #smallbildbox {
	margin-top:75px;
}

#yw-right #neubutton {
	margin-top:220px;
} 

#yw-left #weitere {
	text-align:center;
	width:249px;
	height:auto;
	margin-left:11px;
	margin-top:20px;

}

#yw-left #weitere p {
	display:none;
}

#yw-left #weitere .weitere-box {
	height:75px;
	margin:0;
	padding:0;
	
}

img.yw-home {
	padding-left:0px;
	margin-left:-10px;
	background:url(../images/yourworld/yourworld-senden.png) left no-repeat;
	background-position:0 100px ;
}

#ywettxt {
	clear:both;
	margin:19px;
	padding:15px 20px;
	font-size:14px;
	width:609px;
	background:#ee8027;
	color:#fff;
}

#obenmitte {
	position:absolute;
	color:#fff;
	width:150px;
	margin-left:266px;
	margin-top:22px;
	font-size:16px;
	text-align:center;
	line-height:14px!important;
}

#untenmitte {
	position:absolute;
	color:#fff;
	width:150px;
	margin-left:266px;
	margin-top:484px;
	font-size:16px;
	text-align:center;
	line-height:14px!important;
}

#obenlinks {
	position:absolute;
	color:#fff;
	width:127px;
	margin-left:1px;
	margin-top:107px;
	font-size:11px;
	text-align:right;
	line-height:14px!important;
}

#obenrechts {
	position:absolute;
	color:#fff;
	width:130px;
	margin-left:553px;
	margin-top:107px;
	font-size:11px;
	text-align:left;
	line-height:14px!important;
}

#untenlinks {
	position:absolute;
	color:#fff;
	width:127px;
	margin-left:1px;
	margin-top:359px;
	font-size:11px;
	text-align:right;
	line-height:14px!important;
}

#untenrechts {
	position:absolute;
	color:#fff;
	width:130px;
	margin-left:553px;
	margin-top:359px;
	font-size:11px;
	text-align:left;
	line-height:14px!important;
}


#extralinks {
	position:absolute;
	color:#fff;
	width:130px;
	margin-left:133px;
	margin-top:553px;
	font-size:11px;
	text-align:left;
	line-height:14px!important;
}

#extrarechts {
	position:absolute;
	color:#fff;
	width:130px;
	margin-left:473px;
	margin-top:553px;
	font-size:11px;
	text-align:right;
	line-height:14px!important;
}
	

	

