body { color:#333; }

b { font-weight: bold; }

.textFragment a {
color: #EC6608;
}
.textFragment a:hover {
text-decoration:underline;
}

#contentWrapper{width:1052px}

.clear {
    clear: both;
}

section{width:1052px}

a:target {
  display: block;
  height: 150px;
  margin-top: -150px; 
  visibility: hidden;
}

.mailIcon {
    background: url("/__STATIC__/images/mailicon_self.png") no-repeat scroll 0 0;
    display: block;
    padding-left: 30px;
}
.black {
    color: #333 !important;
}

#detailContainerLeft {
    float: left;
    margin: 0 13px 0 1px;
    width: 696px;
}
#detailContainerLeft h1 {
    font-size: 24px;
    margin: 20px 0;
}
#detailContainerLeft .detailContent h1, #detailPrintContainer h1 {
    color: #333;
    font-size: 24px;
    margin: 0;
}
#detailContainerLeft .detailContent h2, #detailPrintContainer h2 {
    color: #5F5F5F;
    font-size: 24px;
    margin: 0;
}
#detailContainerLeft .detailContent .socialBar {
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1;
    margin: 7px 0;
    padding: 5px 0;
}


.detailContent {
    background-color: #FFFFFF;
    box-shadow: 0 0 5px #BFBFBF;
    padding: 20px;
    width: 655px;
}



#boxContainer {
    float: left;
    width: 340px;
}
#boxContainer .containerSmall {
    float: none;
    margin: 0 0 18px;
}



.containerSmall, .containerBig {
    border: 1px solid #DEDEDE;
    box-shadow: 0 0 10px #B7B7B7;
    float: left;
    height: 220px;
    margin: 0 13px 13px 0;
    overflow: hidden;
    position: relative;
    width: 340px;
    z-index: 0;
}

.containerBig, .containerFull {
    height: 350px;
    margin: 0 14px 14px 0;
    width: 517px;
}

.autorBox {
    height: 350px;
}
.autorButtonContainer {
    padding-left: 35px;
}

.autorRoundImage{
	-moz-border-radius: 25px;
	border-radius: 25px;
	border:1px solid #ccc;
	-moz-box-shadow: 0 1px 5px #ccc;
	-webkit-box-shadow: 0 1px 5px #ccc;
	box-shadow: 0 1px 5px #ccc;	
}


#boxContainer .containerSmall {
    float: none;
    margin: 0 0 18px;
}






.commentEntryContainer {
    background: url("/__STATIC__/images/quotationmarkgrey_self.png") no-repeat scroll 17px 0;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 3px #CCCCCC inset;
    margin: 10px 0 10px;
    min-height: 52px;
    width: 653px;
}

.commentContainer {
    background: url("/__STATIC__/images/quotationmarkwhite_self.png") no-repeat scroll 18px 0 #FBE1CE;
    padding: 30px 20px 30px 83px;
    width: 552px;
}


.containerBig:hover, .containerSmall:hover, .containerFull:hover  {
    border: 1px solid #EC6608;
}

.containerSmall .headlineBox,  .containerBig .headlineBox, .containerFull .headlineBox  {
    background: url("/__STATIC__/images/contentheadlinebox_self.png") repeat-x scroll center top ;
    left: 0;
    min-height: 28px;
    padding: 10px 9px 18px 14px;
    position: absolute;
    top: 0;
    width: 317px;
    z-index: 500;
}

.containerBig .headlineBox {
    padding: 14px 9px 14px 14px;
    width: 494px;
}

.containerFull .headlineBox {
    padding: 14px 9px 14px 14px;
    width:1027px;
}

#detailContainerLeft .containerSmall .headlineBoxContent h2,
#detailContainerLeft .containerBig .headlineBoxContent h2, 
#detailContainerLeft .containerFull .headlineBoxContent h2, 
#detailContainerLeft .containerSmall .headlineBox h2,
#detailContainerLeft .containerBig .headlineBox h2, 
#detailContainerLeft .containerFull .headlineBox h2, 
.containerSmall .headlineBoxContent h2,
.containerBig .headlineBoxContent h2, 
.containerFull .headlineBoxContent h2, 
.containerSmall .headlineBox h2,
.containerBig .headlineBox h2
.containerFull .headlineBox h2 {
    color:#eb690b;
    font-size: 16px;
    margin: 0;
    text-shadow: 1px 1px #FFFFFF;
}
.containerSmall .headlineBox .boxText,
.containerBig .headlineBox .boxText,
.containerFull .headlineBox .boxText {
    color: #333333;
    font-size: 12px;
    text-shadow: 1px 1px #FFFFFF;
}
.containerSmall .headlineBox .headlineBoxContent,
.containerBig .headlineBox .headlineBoxContent,
.containerFull .headlineBox .headlineBoxContent {
    float: left;
    width: 283px;
}
.containerSmall .headlineBox .headlineBoxArrow,
.containerBig_302 .headlineBox .headlineBoxArrow {
    float: left;
    margin-left: 8px;
    width: 22px;
}
.containerSmall .headlineBox.headlineBoxArrowBack {
    float: left;
    margin-right: 8px;
    width: 22px;
}

.containerSmall .headlineBoxArrow,
.containerBig .headlineBoxArrow, 
.containerFull .headlineBoxArrow {
     width:22px;
     height:31px;
     background:url(/__STATIC__/images/self/arrowBigRightGrey.png) no-repeat;
     float:left;
}

.containerSmall:hover .headlineBoxArrow,
.containerBig:hover .headlineBoxArrow,
.containerFull:hover .headlineBoxArrow {
     background-position:0 -31px;
}


.containerSmall .headlineBoxArrowBack,
.containerBig .headlineBoxArrowBack,
.containerFull .headlineBoxArrowBack {
     width:22px;
     height:31px;
     background:url(/__STATIC__/images/self/arrowBigLeftGrey.png) no-repeat;
     float:left;
}

.containerSmall:hover .headlineBoxArrowBack,
.containerBig:hover .headlineBoxArrowBack,
.containerFull:hover .headlineBoxArrowBack {
     background-position:0 -31px;
}

.summaryBox .headlineBox {
    position: relative;
}
.summaryBox .summaryContent {
    background-color: #FFFFFF;
    height: inherit;
    padding: 15px;
}
.summaryContent .clearfix {
    margin-bottom: 3px;
}
.summaryContent .moreEntries {
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    text-align: right;
}

.summaryContent a,.summaryContent a:hover {
    color: #EC6608;
    font-size: 12px;
    text-decoration: none;
}
.summaryContent a:hover{color:#000}

.teaserFull, .teaserFullWithoutBorder {
    border: 1px solid #DEDEDE;
    box-shadow: 0 0 10px #B7B7B7;
    margin-bottom: 13px;
    position: relative;
    width: 1050px;
    z-index: 0;
}
.teaserFull:hover {
    border: 1px solid #EC6608;
}
.teaserFull .banderole {
    left: -12px;
    position: absolute;
    top: -12px;
}
.teaserFull .imageLeft {
    float: left;
    width: 340px;
}
.teaserFull .imageLeft img {
    display:block;
}
.teaserFull .textContainerRight {
    float: left;
    padding: 20px 20px 0;
    width: 670px;
}
.teaserFull h2, .teaserFullWithoutBorder h2 {
    color: #EC6608;
    font-size: 16px;
/*    font-weight: bold;*/
    margin: 0 0 20px;
    text-shadow: 1px 1px #FFFFFF;
}
.teaserFull h1, .teaserFullWithoutBorder h1 {
    color: #333333;
    font-size: 24px;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 20px;
}
.teaserHalf .teaserFull {
    width: 748px;
}
.teaserHalf .teaserFull .textContainerRight {
    width: 368px;
}
.teaserHalf .teaserFull .textContainerRight div{
    height: auto !important;
}






#breadcrumb {
    margin: 12px 1px;
}


.imageContainer {
    text-align: center;
}

.headlineBack {
    background: url("/__STATIC__/images/headlineback_self.png") repeat-x scroll center top #E0E0E0;
    height: 40px;
}






#helpContainerThreeRows, #footerBig, #contentBig, #menu, #search {
    display: block;
}
#footerBig h2{
	color: #ec6608;
	padding-bottom: 10px;
}

.containerBigFull, .containerSmallFull {
    background-color: #FFFFFF;
    border: 1px solid #DEDEDE;
    box-shadow: 0 0 10px #B7B7B7;
    display: none;
    float: left;
    margin-bottom: 13px;
    padding: 15px;
    width: 1020px;
}

.containerBigFull:hover, .containerSmallFull:hover {
    border: 1px solid #EC6608;
}

.closeButton, .closeButton:hover {
    background: url("/__STATIC__/images/closebutton_self.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 25px;
    text-align: right;
    width: 25px;
}
.closeButton:hover {
    background-position: 0 -30px;
}


.containerBig .headlineBox .headlineBoxContent {
    width: 468px;
}
.containerFull .headlineBox .headlineBoxContent {
    width: 1005px;
}

/*error*/
.error .mandatory, .error label{color:#EC6608 !important}


.orange{color:#EC6608}

/* blog */

.blog{height:auto}

.blog .headlineBoxContent h2{
    color:#333;        
    font-size:24px;
    line-height:24px
}

.blog a{
    color:#000;
    font-size:16px;    
    display:block;
}
.blog a:hover{
    color:#EC6608;    
}

.blog .linkContainer{margin-bottom:14px}


                        	#centeredmenu {
							   float:left;
							   width:100%;
							   background:#fff;
							   background:url(/__STATIC__/images/iteratorback_self.png) no-repeat;
							   height:40px;
							   overflow:hidden;
							   position:relative;
							}
							#centeredmenu ul {
							   clear:left;
							   float:left;
							   list-style:none;
							   margin:0;
							   padding:0;
							   position:relative;
							   left:50%;
							   text-align:center;
							}
							#centeredmenu ul li {
							   display:block;
							   float:left;
							   list-style:none;
							   margin:0;
							   padding:0;
							   position:relative;
							   right:50%;
							   line-height:1.3em;
							   display:block;
							   margin:0 0 0 1px;
							   padding:10px 10px 0 10px;
							   text-shadow: 1px 1px #fff;
							}
							#centeredmenu ul li a {
							   display:block;
							   color:#000;
							   text-decoration:none;
							}
							#centeredmenu ul li a:hover {
							   color:#ec6608;
							}
							#centeredmenu ul li a.active,
							#centeredmenu ul li a.active:hover {
							   color:#ec6608;
							}



.hoverBigContent{
color:#000;
                                                        background:  url("/__STATIC__/images/contentheadlinebox_self.png") repeat-x top;
                                                        padding:10px;
                                                        position:absolute;
                                                        left:0;
                                                        width:497px;
                                                        top:350px;
                                                }


                                                .containerTextOnly{padding:14px;}
                                                .containerSmall .boxText, .containerBig .boxText, .containerFull .boxText {font-size:16px}
                                                .hoverSmallContent{
color:#000;
                                                        background: url("/__STATIC__/images/contentheadlinebox_self.png") repeat-x top;
                                                        padding:10px;
                                                        position:absolute;
                                                        left:0;
                                                        width:320px;
                                                        top:220px;
                                                }

.boxText li {
  list-style-type:none; padding-left:15px;
  background: url('/__STATIC__/images/arrowsmallrightblack_self.png') no-repeat left top;
  margin-bottom:5px;
}

.blogTeaser h3 { color:#333; margin-bottom:10px; }

a.product-tip { display:block } 

a.product-tip .subtitle { color:gray; margin-top:10px; font-size:80%; }
a.product-tip:hover .subtitle { color:gray; }

a.product-tip .price {  color:#333; margin-top:10px; font-size:80%; }
a.product-tip:hover .price {  color:#333; }



.audioSmall{padding:5px 7px;width:326px;}
.audioBig{padding:5px 7px;width:503px;}

						
						.mediaWindowImageArrowLeft{
							cursor:pointer;
							width:13px;
							height:21px;
							background:url(/__STATIC__/images/self/verdraengungspfeilLinks.png) no-repeat
						}
						.mediaWindowImageArrowLeft:hover{background-position:0 -21px}
						
						.mediaWindowImageArrowRight{
							cursor:pointer;
							width:13px;
							height:21px;
							background:url(/__STATIC__/images/self/verdraengungspfeilRechts.png) no-repeat
						}
						.mediaWindowImageArrowRight:hover{background-position:0 -21px}

.blogFlyoutTitle a { color:#ec6608; }


.fieldWrapper{width:320px;position:relative}

.shopForm .fieldWrapperRight{float:right !important}

.shopForm .textbox, .shopForm select, .shopForm textarea{width:300px}

.shopForm select{width:322px;padding-right:4px}

.shopForm .textboxSmall, div.layer .shopForm .textboxSmall{width:55px}

.requiredSelect {
    color:#ec6608;
}

.shopForm label{left:9px}

.formRow{padding: 5px 0;}

.shopForm .error{font-weight:normal;border:none;background:none;margin:0;padding:0}

.pageIconContainer {
padding-top:6px;
cursor:pointer;
}

.pageIconContainer:hover a {
color:#ec6608;
}

.pageIconContainer .pageIcon {
width:12px;
height:15px;
background:url(/__STATIC__/images/self/pageIcon.png) no-repeat;
float:left;
margin-right:3px;
}

.pageIconContainer:hover .pageIcon {
background-position:0 -15px;
}

.fancyboxLayer a.arrowLeft {
position:absolute;
top:0px;
right:170px;
width:22px;
height:48px;
background:url(/__STATIC__/images/self/arrowLeft.png) no-repeat 0px 0px;
}

.fancyboxLayer a.arrowLeft:hover {
background-position:0px -60px;
}

.fancyboxLayer a.arrowRight {
position:absolute;
top:0px;
right:140px;
width:22px;
height:48px;
background:url(/__STATIC__/images/self/arrowRight.png) no-repeat 0px 0px;
}

.fancyboxLayer a.arrowRight:hover {
background-position:0px -60px;
}

.fancyboxLayer .pageNumber {
position: absolute;
top: 17px;
right: 150px;
width: 100px;
height: 20px;
}


/* BEGIN FONTS */
#breadcrumb { font-family:Arial,Helvetica,sans-serif; font-size:14px; }

.containerFull.headlineBox .headlineBoxContent h2 { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px; font-weight:normal; }
.containerFull .headlineBox .headlineBoxContent .boxText { font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; font-size:24px; line-height:30px; margin-top:2px; }

.containerBig .headlineBox .headlineBoxContent h2 { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px; font-weight:normal; }
.containerBig .headlineBox .headlineBoxContent .boxText { font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; font-size:24px; line-height:30px; margin-top:2px; }
.containerSmall .headlineBox .headlineBoxContent h2 { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px; font-weight:normal; }
.containerSmall .headlineBox .headlineBoxContent .boxText { font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; font-size:16px; }

.teaserFullWithoutBorder .headlineBack h2 { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px; font-weight:normal; }
.teaserFullWithoutBorder .headlineBack h2 span[class='black'] {  font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; }

.votingHeadline { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px; }
.votingQuestion { font-size:16px; }
.votingAnswer { font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; font-size:16px; }

.blogTeaser h3 { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px; font-weight:normal; }
.blogTeaser ul li { font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; font-size:16px; }

.product-tip h3 { font-size:16px; font-weight:normal; }
.product-tip .price { font-size:16px; }

.containerSmall label, .containerBig label, .containerFull label { font-family:'PalatinoSansW01-Regular', Arial,Helvetica,sans-serif; font-size:16px; color:#666; }

.paneContent h2 { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px; font-weight:normal; }
.paneContent h3 { font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif;font-size:24px; font-weight:normal; }
.paneContent h4 { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif;font-size:16px; font-weight:normal; }
.paneContent p { font-size:16px; }
.paneContent li { font-size:16px; }
.paneContent strong { font-family: 'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-weight:normal; }

.containerSmallFullImageCounterContainer { font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif;font-size:16px; font-weight:normal; }
.containerSmallFullImageDesc .imageDescription { font-size:16px; }

.textContainerRight { font-size:16px; }
.textContainerRight h2 { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px; font-weight:normal; color:#eb690b; }
.textContainerRight h1 { font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; font-size:24px; font-weight:normal; }
.textContainerRight p { font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; font-size:16px; font-weight:normal; }
.textContainerRight .contactName { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px; font-weight:normal; }
.mailIcon { font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; font-size:16px; }
.allTopicsHeadline { font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; font-size:24px; margin-bottom:15px; color:#333; margin-top:10px; }

#detailContainerLeft .detailContent .category { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px; color:#eb690b; }
#detailContainerLeft  h1 { font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; font-size:24px; font-weight:normal; margin-top:15px; }
#detailContainerLeft .detailContent h1 { margin-top:15px; }
#detailContainerLeft .detailContent h2 { font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; font-size:16px; font-weight:normal; margin-top:15px; }
#detailContainerLeft .detailContent .detailContentFragments { font-family:Arial,Helvetica,sans-serif; font-size:14px; }
#detailContainerLeft .detailContent .socialBar {  font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; font-size:16px; }

#comments { font-size:16px; }
#comments .myComment, #comments .otherComments { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px; }
#comments .loginStatus { font-size:16px; }
#comments .loginStatus .userName {  font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px; }
#comments form label {  font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#666; }
#comments .commentContainer { font-family:Arial,Helvetica,sans-serif; font-size:14px; }

.blogPostDate { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px;  }
.blogPostComments { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px;  }
.blogPostHeadline { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px; margin-top:3px; margin-bottom:10px; color:#010101; }
.blogPostTeaser { font-size:16px; color:#010101; }
.blogPostMore {  font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px; margin-top:5px; }

.blog .blogPost {  font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; font-size:16px; }
.blog .userName { font-family:'Palatino Sans W01 Bold',Arial,Helvetica,sans-serif; font-size:16px; }
.blog.containerSmall .headlineBox .headlineBoxContent h2 { font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; font-size:24px; }

#centeredmenu { font-family:'PalatinoSansW01-Medium',Arial,Helvetica,sans-serif; font-size:16px; }

/* END FONTS */
.containerFull .headlineBox { height:82px; }
.containerFull .headlineBox .headlineBoxContent h2 { height:20px; width:1005px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }

.containerBig .headlineBox { height:82px; }
.containerBig .headlineBox .headlineBoxContent h2 { height:20px; width:468px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }

.containerSmall .headlineBox { height:48px; }
.containerSmall .headlineBox .headlineBoxContent h2 { height:20px; width:283px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }

/*.containerBig .headlineBox .headlineBoxContent  .boxText,
.containerBig .headlineBox .headlineBoxContent  .boxText p { line-height:25px; height:28px; width:468px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
.containerSmall .headlineBox .headlineBoxContent  .boxText,
.containerSmall .headlineBox .headlineBoxContent  .boxText p  { height:20px; width:283px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }*/

.containerBig .votingHeadline { height:25px; width:489px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
.containerSmall .votingHeadline { height:20px; width:312px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }

.swyn-flyout {
        box-shadow: rgb(191, 191, 191) 0px 0px 5px;
        position: absolute;
        background-color: white;
        border: 5px solid rgb(236, 102, 8);
        display: none;
        z-index:999;
}

.swyn-flyout-inner {
        padding: 5px;
        box-shadow: 0 0 5px #888888 inset;
}


.containerBig .headlineBox .headlineBoxContent .boxText { letter-spacing:-0.015em; }
.containerFull .headlineBox .headlineBoxContent .boxText { letter-spacing:-0.015em; }

.recommend {  letter-spacing:0.010em; }

.blogPostTeaser { letter-spacing:0.010em; }
.blogPostMore { letter-spacing:0.015em; }
.allTopicsHeadline {  letter-spacing:0.010em; }



@media print {
  #chat, #headerSearchContainer, #boxContainer, #comments, #breadcrumb, .socialBar, div > footer, #skyscraper-ad, .navTopicDetail {
   display: none;
  }

  #headerSearchContainerAbsoluteMargin {
    margin-top: 30px;
    margin-left: 20px;
    height: 59px !important;
  }

  #headerSearchContainerAbsoluteMargin:before {
    content: url('/out/sol4/img/logo.png');
  }
  
  .container, .gridContainer, #contentWrapper {
    margin-left: 0px;
    margin-right: 0px;
  }

  .detailContent, .gridContainer {
    box-shadow: none;
  }
}


.shopForm label.formLabel {
        position:relative;
}