@charset "utf-8";
/* CSS Document */

/* CSS Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* clear floated elements */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* common fonts*/
h1, h2, h3, h4, h5, h6 {font: "Arial Narrow", Arial, Helvetica, sans-serif}
h2 {font:35px/32px "Arial Narrow", Arial, Helvetica, sans-serif; }
h3{font:normal 26px/26px "Arial Narrow", Arial, Helvetica, sans-serif; color:#2a2a2a; margin-bottom:25px;}
body {font:12px/17px Arial, Helvetica, sans-serif; color:#2a2a2a; background:#fff;}
a {text-decoration:none; color:#008cdb}
a:hover {text-decoration:underline; color:#008ddc}
.orange {color:#f29400;}
.blue {color:#008cdb;}
.red {color:#dd0000;}
.black {color:#000;}
.underline {text-decoration:underline;}
small {font:11px/13px Arial, Helvetica, sans-serif;}
.justify {text-align: justify;}
.float_right {float:right;}
.float_left {float:left;}

.bg_grey {background:#efefef url(images/bg_gray_gradient.png) repeat-x; }
.bg_green_wrap {border:1px solid #dbdec3; padding:4px; background-color:#e2edcc;}
.bg_green {background:#dcedb9 url(images/bg_green_gradient.png) repeat-x;}
.bg_orange {background:#6d1605 url(images/bg_orange_gradient.png) repeat-x; color:#fff;}
.bg_orange h1{color:#fff;}
.red {color:#ff2400}

.btn{width:161px; height:33px;padding-top:7px; text-align:center; background:#e1e1e1 url(images/btn_1.png) no-repeat; font:bold 15px "Arial Narrow", Arial, Helvetica, sans-serif;}
.btn a {color:#0b0b0b; font:bold 15px "Arial Narrow", Arial, Helvetica, sans-serif;}
.btn a:hover {color:#666; text-decoration:none;}



#body_container {}
body { background:#fff url(images/background-repeat.png) repeat-y center;}
#wrapper {background:url(images/background.jpg) no-repeat center top}
#container {background:#fff; width:980px; margin:auto; padding:10px; min-height:650px; position:relative}
#header {width:980px; margin:auto; background:#464646 url(images/background_header.png) repeat-x; height:80px; font:13px "Trebuchet MS", Arial, Helvetica, sans-serifl; color:#fff; padding:0;}
#header h5{font:28px/23px "Arial Black", Gadget, sans-serif; color:#fff;}


#navbar {
	width:980px;
	overflow:hidden;
	float:left;
}
#navbar ul#topemenu {padding:0; margin:0; list-style:none; font-size:14px; float:left;}
#navbar li {background: url(images/nav_breaker.png) left bottom no-repeat; padding-left:2px; float:left; height:80px;}
#navbar li:first-child {background: none;}

#navbar li a{float:left; padding-top:23px; padding-bottom:16px; height:41px; width:160px; text-align:center; color:#fff;}
#navbar li a:hover {background:url(images/nav_hover.png) no-repeat center bottom; text-decoration:none;}
#navbar li a.selected {background:url(images/nav_hover.png) no-repeat center bottom; text-decoration:none;}
#navbar li span{font:28px/23px "Arial Black", Gadget, sans-serif; color:#fff;}

#header_presse {float:right; padding-right:40px; padding-top:30px;}
#header_presse a{color:#feb84d;}
#header_presse a:hover{color:#f90; text-decoration:none;}



#bestseller {width:980px; background:url(images/bgbestseller.png) repeat-x top left;}
#bestseller li {float:left; margin-right:10px;}
#bestseller ul{ padding-left:10px }
#cover {width:980px; height:270px; background:url(images/cover_main.jpg) no-repeat;}

#content {overflow:hidden; margin-top:20px;}
#content .panel {
	background:#eef2f3;
	width:275px;
	padding:20px;
	float:left;
	margin-right:10px;
	height:310px;
	overflow:hidden;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/PIE.htc);
}
#content .panel ul{list-style:decimal-leading-zero; color:#da7a1d; font:bold 12px/18px Arial, Helvetica, sans-serif; margin-left:25px;}
#content .panel span{color:#2a2a2a; font:normal 12px/18px Arial, Helvetica, sans-serif;}
#content p{margin-bottom:20px;}
#content h1,h2 {font: 25px "Arial Narrow", Arial, Helvetica, sans-serif; margin-bottom:20px;}
#content h4 {font: 20px "Arial Narrow", Arial, Helvetica, sans-serif; color:#ce7014;}
#content .panel h3 {font: 25px "Arial Narrow", Arial, Helvetica, sans-serif; margin-bottom:10px;}


#content1{width:600px; padding-left:32px; float:left;}
#content2{width:300px; padding-left:25px; float:left;}

.img_x {float:left; padding-right:15px; margin-top:5px;}

#panel3 {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; background: #ce7014; behavior: url(PIE.htc); width:275px; padding:20px; float:left; height:307px; color:#fff;}


#panel3 p{margin-bottom:13px;}
#panel3 h3{color:#fff;}


#th {font-weight:bold;}
.th {font-weight:bold;}
.td1 {width:130px; float:left;}
.td2 {width:125px; float:left;}
.tr1 { padding:3px; padding-left:5px; background: #aaa; height:13px;}
.tr0 { padding:3px; padding-left:5px; background:none; height:13px;}

#panel3 .td1 {width:80px; float:left;}
#panel3 .td2 {width:85px; float:left;}
#panel3 .td3 {width:75px; float:left;}

#panel1.film {font:normal 12px/22px Arial, Helvetica, sans-serif;}

#panel2 .td1.audio1 {width:190px; float:left;}
#panel2 .td2.audio1 {width:60px; float:left;}

#panel3 .td1.audio1 {width:150px; float:left;}
#panel3 .td2.audio1 {width:90px; float:left; text-align:center;}

#panel2 ul.archiv{font:bold 12px/28px Arial, Helvetica, sans-serif}
#panel3 p.archiv{font:12px/15px Arial, Helvetica, sans-serif}

#main_panel2_img{float:left; width:268px; margin-left:340px; margin-top:-90px;}
#film_panel1_img{float:left; width:268px; margin-left:190px; margin-top:-100px;}
#video_panel3_img{float:left; margin-top:-50px; margin-left:-20px;}
#audio_panel3_img{float:right; margin-top:-50px; margin-right:20px;}


#footer_navbar {width:960px; background:url(images/footer_nav_background.png) center no-repeat; height:21px; padding-top:40px; float:left; margin-top:-20px; padding-left:20px;}
#footer_navbar li{
	float:left;
	margin-left:8px;
}
#footer_navbar a{color:#747474; font:11px Arial, Helvetica, sans-serif;}
#footer_nav_social {float:right; margin-right:13px; margin-top:-20px;}

#footer {border-top:1px #b4b4b4 solid; border-bottom:1px #b4b4b4 solid; padding-top:15px; padding-bottom:15px; padding-left:30px; font:11px Arial, Helvetica, sans-serif; color:#000;}

#footer h4 {font: 18px/35px "Arial Narrow", Arial, Helvetica, sans-serif ; color:#1a1a1a;}


#footer1 {float:left; width:220px; }
#footer2 {float:left; width:220px; }
#footer3 {float:left; width:300px; }
#footer4 {float:left; width:200px; }

#footer .td1{width:60px; float:left;}
#footer .td1,.td2,.td3 {height:17px;}
#footer3 .td1{width:90px; float:left; }
#footer .td2{width: 20px; background: url(images/arrow_black.png) no-repeat; height:11px; float:left;}
#footer .td3{width: 135px; float:left;}
#footer3 .td3{width: 185px; float:left;}

#copyright {text-align:center; color:#747474; font:11px Arial, Helvetica, sans-serif; padding:20px; }

.notlist { list-style:none;}

.main_panel2 {margin-left:10px; margin-top:20px;}
.main_panel2_common {float:left; width:120px; height:56px; margin-right:7px; margin-bottom:7px;}


#lightbox{}
#lightbox-panel{}
.lightbox_header{height:95px; }
.lightbox_logo {float:left; margin-right:50px}
.lightbox_headline {float:left; margin-top:8px;}
.lightbox_headline h2{font:40px "Arial Narrow", Arial, Helvetica, sans-serif}

.lightbox_common {display:none; background:#000000; opacity:0.7; filter:alpha(opacity=70); position:absolute; top:0px; left:0px; min-width:100%; min-height:100%; z-index:1000;}
.lightbox_panel_common {display:none; position:fixed; top:175px; left:50%; margin-left:-350px; width:660px; height:450px; background:#eef2f3 url(images/lightbox_bg.png) repeat-x; padding:30px; border:1px solid #CCCCCC; z-index:1001; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; behavior: url(/PIE.htc); padding-top:20px;}
.lightbox_close {float:right; margin-right:-40px; margin-top:-125px;}

#lightbox-panel-faq{}
#lightbox-panel-faq p{font:12px/14px Arial, Helvetica, sans-serif; margin-bottom:15px;}

#faq_panel_head {height:35px; padding-top:10px; padding-bottom:10px;}
.faq_panel_head {height:35px; padding-top:10px; padding-bottom:10px;}
.faq_panel_head li{font: 23px "Arial Narrow", Arial, Helvetica, sans-serif; background:url(images/icon_play_btn.png) no-repeat; padding-left:30px; height:30px; float:left; margin-right:25px;}
.faq_panel_head li.no_arrow{font: 23px "Arial Narrow", Arial, Helvetica, sans-serif; background:none; height:30px; float:left; margin-right:25px; padding-left:0;}

#kontakt_panel_head {height:65px; padding-top:0px; padding-bottom:10px; font: 23px "Arial Narrow", Arial, Helvetica, sans-serif; margin-top:-10px;}
#contact_form input{background:none; border:none;}
#contact_form .inputtext {height:17px; font:12px Arial, Helvetica, sans-serif; width:315px;}
#contact_form .textarea {background:url(images/form_multi.png) no-repeat; padding:5px; padding-bottom:5px; border:0; width:295px; height:85px; font:11px Arial, Helvetica, sans-serif;}
#contact_form .form_label {float:left; width:80px; font:11px Arial, Helvetica, sans-serif; color:#9ba1a5;}
#contact_form .form_input {float:left; font:11px Arial, Helvetica, sans-serif; display:block;padding:5px; background:#e4ebed; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; behavior: url(PIE.htc); margin-bottom:10px; height:25px;padding-top:10px;}
#contact_form .form_area {float:left; font:11px Arial, Helvetica, sans-serif; display:block;padding:5px; background:#e4ebed; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; behavior: url(PIE.htc); margin-bottom:10px; height:130px;}

#contact_left {float:left; width:330px; margin-right:20px;}
#contact_right {float:left; width:295px;}

#lightbox_header {}

.lightbox_panel_common p {font:12px/14px Arial, Helvetica, sans-serif; margin-bottom:15px;}

#jetzt-bestellen h4 {font:22px/23px "Arial Narrow", Arial, Helvetica, sans-serif; color:#ce7014;}
#jetzt-bestellen li {background:url(images/img_x.png) no-repeat; padding-left:55px; height:50px; margin-bottom:20px;}
#jetzt-bestellen ul {margin-top:20px;}


#top { width: 960px; padding: 205px 0px 0 0; }
#top-right { width: 300px; height: 62px; float: right; font:11px/14px Arial, Helvetica, sans-serif; position: relative; margin-right:65px;}
#top-right div { position: absolute; z-index:-8; width: 325px; height: 62px;}
#top-right div.active { position: absolute; z-index:10; }
#top-right div.last-active { position: absolute; z-index:9; }


.testimonials-title { font:bold 12px Arial, Helvetica, sans-serif; color: #a74738; float: left; width: 100%; display: block;}
.testimonials-name { color: #000; font-weight: bold; float: right; }

#contact_page {width:525px;}
#contact_page input{background:none; border:none; width:390px;}
#contact_page .form_label {float:left; width:100px; font:11px Arial, Helvetica, sans-serif; color:#9ba1a5; padding-top:10px;}
#contact_page .form_input {float:left; font:11px Arial, Helvetica, sans-serif; display:block;padding:5px; background:#e4ebed; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; behavior: url(PIE.htc); margin-bottom:10px; height:25px;padding-top:10px; width:400px;}
#contact_page .checkbox {width:20px;}
#contact_page .submit {width:227px; height:25px;}




ul.tabNavigation {list-style: none; margin: 0; padding: 0; display:block; width:640px; margin-bottom:10px; margin-top:5px;}
ul.tabNavigation liI {font: 23px "Arial Narrow", Arial, Helvetica, sans-serif; background:url(images/icon_play_btn.png) no-repeat; padding-left:30px; height:30px; float:left; margin-right:25px;}
ul.tabNavigation LI A {padding: 3px 5px; text-decoration: none;}
ul.tabNavigation LI A.selected, UL.tabNavigation LI A:hover {color: #fff; padding-top: 7px;}
ul.tabNavigation LI A:focus {outline: 0; color:#fff;}
div.tabs > div {}
div.tabs > div h2 {margin-top: 0;}
#first { }
#second { }
#third { }
.waste {min-height: 1000px;}
.liftoff{ position:absolute; top:-9999px; left:-9999px; }
#mytabs{ display:none; }
.action{ background:#E3AD3C; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #fff; padding:10px; font-size:15px; line-height:18px; font-weight:normal; text-shadow:1px 1px 1px #eee }
.action a:hover{ color:#444; text-decoration:none }
#bestseller ul li h2{ padding:10px 0 0 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; font-weight:normal; margin:0; color:#000;text-shadow:1px 1px 1px #eee}
#bestseller ul li h2 a{ color:#000; }
#bestseller ul li h2 a:hover{ text-decoration:none; color:#AB6218}
#bestseller ul li div{ padding:0 0 0 10px; margin:0 0 15px 0; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
#lady{ position:absolute; right:0px; top:360px; }
.error{ background:#E78787; border: 1px solid #900; padding:5px; color:#fff; text-shadow:1px 1px 1px #300;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.error ul{ list-style:none; padding:0; margin:0;  }
.m1{ margin:5px 0; font-size:11px; }