/*
	Jonas, Rech [jr]
	2010-10916
	Zentrada Head Relaunch
*/

/* Bereich: gesamte Seite   */
.area-zentrada-gesamt {
width:1190px;
text-align:left;
z-index:0;
margin:0 auto;
}

/* Bereich: gesamte Seite   */
#area-gesamt {
	width:980px !important;
	text-align:left;
	float:left;
	z-index:0;
}

#area-mid {
position:relative;
margin-top:15px;
text-align:left;
z-index:0;
width: 980px !important;
float: left;
}

.area_left {
width:180px;
float:left;
overflow:hidden;
margin-right: 20px;
}

.nav_produktgruppeEintrag {
border-bottom: 1px solid #DDDDDD;
line-height: 1.8em;
margin: 0;
padding: 0.5em 0 0.5em 0; 
}

.nav_gruppename {
font-size:13px;
}

.nav_gruppeanzahl {
font-size: 9px;
font-weight:normal;
}

.nav_gratisabo {
margin:570px 0 0 6px;
}

.area_produkt {
width:525px;
float:left;
font-size:11px;
}

.area_anbieter {
width:780px;
float:left;
font-size:12px;
margin-top:3px;
}

#area_content {
width:780px;
float:right;
padding:0;
}

#content_info {
width:225px;
float:left;
padding:6px 0 0 2px;
}

#content_caption {
	width:460px;
	float:left;
	margin: 0 0 15px 0;
}

#content_caption h1 {
font-size: 20px;
}

#content_carousel {
height:190px;
margin-bottom:8px;
}

.area_content_title {
margin-left:2px;
}

.content_title_beschreibung {
font-size:10px;
margin-bottom:5px;
}

.area_content_produktliste_watchlist {
width:440px;
float:left;
}

.area_content_special {
width: 504px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 2px;
border: 1px solid #E2DDD5;
background-color: #ffffff;
float: left;
padding: 5px;
}

*HTML .area_content_special{
	width:512px;
}

.area-content-special-bild {
float:left;
margin-top:3px;
margin-right:5px;
}

.area-content-special-headline {
font-size:12px;
font-weight:700;
margin: 0 0 5px 0;
}

.area-content-special-text {
font-size: 11px;
line-height: 16px;
}


/*neue hintergrundfarbe */
.backColor {
background-color:#F1EEE8;
}
/*neue Dunkle hintergrundfarbe */
.darkBackColor {
background-color:#E2DDD5;
}
/*neue Rahmenfarbe*/
.borderColor {
border-color:#E2DDD5;
}

.area_content_produktgruppe_detail {
	float: left;
	width: 254px;
	height: 111px;
	background-color: #ffffff;
	margin: 4px 2px 0;
	border: 1px solid #E2DDD5;
}

.area_content_produktgruppe_detail_opt {
	float:left;
	width: 254px;
	height: 120px;
	background-color: #f1eee8 ;
	margin: 4px 2px 0;
	border: 1px solid #E2DDD5;
}

.area_content_produktgruppe_detail_sponsored {
float:left;
width: 254px;
height: 115px;
background-color:#FEFCE4;
margin: 4px 2px 0;
border: 1px solid #FF0;
}

.area_content_produktgruppe_detail_affine {
float:left;
margin:1px 2px 0 0;
}

.content_produktgruppe_detail_preis_affine {
color: #0466CB;
font-size:9px;
}

.area_content_produktgruppe_detail_sponsored_anzeige {
float:left;
width:223px;
height:115px;
margin-left:2px;
margin-right:2px;
margin-top:4px;
}


.area_content_produktgruppe_detail_watchlist {
float:left;
width:250px;
height:130px;
background-color:#f1eee8 ;
margin-left:2px;
margin-right:2px;
margin-top:4px;
}

.content_produktgruppe_detail_image a img{
	max-width:80px;
	max-height:90px;
}

.content_produktgruppe_detail_image {
width:80px;
height:90px;
float:left;
margin-left:3px;
margin-top:2px;
margin-right:2px;
}

.content_watchlist_detail_image {
width:80px;
height:90px;
margin-left:4px;
margin-top:8px;
margin-right:2px;
}

.content_watchlist_checkbox {
float:left;
margin-top:1px;
margin-left:1px;
}

.content_produktgruppe_detail_text {
float:right;
width: 150px;
margin-top: 2px;
}

.content_produktgruppe_detail_name {
font-weight:700;
font-size:12px;
}

.content_produktgruppe_detail_name_affine {
font-weight:700;
}

.content_produktgruppe_detail_datum {
font-size:10px;
vertical-align:top;
}

.content_produktgruppe_detail_preis {
font-weight:700;
color: #0466CB;
font-size:12px;
margin:5px 0;
float:none;
}

.content_tsLogo{
	float: right;
	padding: 2px 15px 0px 0px;
}

.content_produktgruppe_anbieterPremium {
margin:0px;
float:right;
padding:0px 15px 0px 0px;
}

.content_produktgruppe_memberrabatt {
float:right;
margin:-5px 0px 0px 0px;
padding:0px 15px 0px 0px;
}

.content_angebotsdetaillink {
margin-top:100px;
text-align:center;
}

.content_angebotsdetaillink_IE6 {
margin-top:8px;
text-align:center;
}

.area_content_seitenzaehler {
margin:5px 2px 10px;
}

.area_content_seitenzaehler table {
width: 100%;
}

.area_content_seitenzaehler td.left {
text-align: left;
}

.area_content_seitenzaehler td.right {
text-align: right;
}

.content_seitenzaehler_seiteLink {
float:right;
}

.area_right {
float:right;
width:230px;
padding-left:4px;
}

.area_right h3 {
background: url(../images/head3/bgH3-Rubrik.gif) repeat-x 0 0 #FFF;
border: 1px solid #D5D2CD;
font: 11px arial, helvetica, geneva;
font-weight: bold;
color: #3b3A37;
line-height: 24px;
margin: 0 0 8px 0;
padding: 0 0 0 15px;
white-space: nowrap;
}

.area_right_zentradaInfo {
margin-bottom:20px;
}

.area_right_news {
margin-bottom: 20px;
}

.right_news_aussteller {
margin-top:2px;
font-size:11px;
padding-left:0px;
line-height: 15px;
}

.right_news_headline {
font-weight:700;
font-size:10px;
padding-left:0px;
}

.area_right_top20 {
margin-bottom:20px;
font-size: 11px;
line-height: 15px;
}

.area_right_top20 td.datum {
	font-size: 11px;
	padding: 0 0 5px 0;
}

.area_right_Rubriken_bezeichnung {
color:#E10A80;
font-size:13px;
font-weight:700;
}

#area-footer {
border-top: 2px solid #E8E6E2;
float:left;
margin-top:10px;
width:980px;
text-align:center;
}

#footerBanner {
text-align: center;
width: 100%;
float:left;
padding:18px 0px 18px 0px;
}
#footerGlobaltext{
	margin:10px 0px 10px 0px;
	width:100%;
	float:left;
}

.area-footer-links-gesamt {
width:100%;
position:relative;
top:5px;
float:left;
text-align:center;
}

.area-footer-links {
width:66%;
float:left;
height:20px;
text-align:center;
background:none;
margin:10px 0 20px 0;
margin-left:34%;
padding:0px;
}

ul.footer-links-eintrag {
width:100%;
float:left;
list-style-type:none;
text-align:center;
margin:0px;
padding:0px;
}

ul.footer-links-eintrag li {
/*float:left;*/
margin:0 0 0 10px;
display: inline;
}

.footer-presselinks {
width:100%;
float:left;
margin:10px 0;
text-align: center;
}
.copyright{
	width:100%;
	float:left;
	font-size:9px;
	margin:10px 0px;
	padding:0px;
	text-align:center;
}

.nav_trenner {
background:none;
height:0px;
margin:0px;
padding:0px;
}

.nav-trenner-news {
background:none;
border-bottom: 1px dotted #BBB7B1;
height:3px;
font-size:1px;
margin:3px 0 3px 0;
padding:0;
}

.ff-suchen {
width:130px;
height:17px;
font-size:11px;
vertical-align:top;
margin:0 10px 2px 0;
padding:0 2px;
}

.ff-suchen-submit {
vertical-align:bottom;
margin:0 10px 3px 0;
padding:0 2px;
}

.content-clear {
clear:both;
}

.csv-vorlagen {
margin: 15px 0 15px 0;
font-size: 13px;
font-weight:bold;
line-height:18px;
}

.csv-druckversion {
margin-bottom:10px;
}

.suche-ergebnis-headline {
margin-top:10px;
margin-bottom:9px;
margin-left:3px;
font-weight:700;
}

.liste-suche-anbieter-ausgabe {
margin-left:3px;
}

.area_sponsored_link {
float:none;
border:1px solid #FFF000;
background-color: #FEFCE4;
text-align:center;
padding: 4px 0;
}


#clicks_head_text {
padding-top:5px;
text-align:center;
font-weight:700;
}

#clicks_div_box {
background-color:#FEF5FA;
border-left:2px solid #E70883;
border-right:2px solid #E70883;
width:140px;
padding:5px;
}

.area_right_rabattListe {
	margin-bottom: 20px;
}

.area_right_rabattListeTabelle {
margin-top:2px;
line-height: 14px;
}

.area_right_rabattListeTabelle img {
	margin-right: 5px;
}

.myZentradaStartseiteEmailAnzeige {
margin-top:1px;
}

#statusMeldung {
border:1px solid #A5CF31;
background-color:#eefbcc;
color:#A5CF31;
font-weight:700;
margin-bottom:10px;
padding:5px;
}

#statusMeldung .statusText {
margin:4px 0 0;
}

#statusMeldung .icon {
float:left;
width:30px;
}

#statusMeldungROT {
border:1px solid #ff4e45;
background-color:#ffd6d4;
color:#000;
font-weight:700;
margin-bottom:10px;
padding:5px;
}

.area_message {
/* width:96%; */
text-align:left;
/* margin:1em; */
}

.message_error {
border:1px solid #ff4e45;
background-color:#ffd6d4;
color:#C03;
font-weight:700;
margin-bottom:10px;
padding:5px;
}

.message_success {
border:1px solid #A5CF31;
background-color:#eefbcc;
color:#00B200;
font-weight:700;
margin-bottom:10px;
padding:5px;
}

.message_hint {
border:1px solid #FFE500;
background-color:#FF9;
color:#E59900;
font-weight:700;
margin-bottom:10px;
padding:5px;
}

.message_error p {
color:#C03;
font-weight:700;
}

.message_success p {
text-align:center;
color:#00B200;
font-weight:700;
}

.message_hint p {
color:#E59900;
font-weight:700;
}

.message_success strong {
color:#00B200;
font-weight:700;
}
.message_hint strong {
color:#E59900;
font-weight:700;
}
.message_error strong {
color:#C03;
font-weight:700;
}

.nav_gruppenameUG,.content_produktgruppe_detail_beschreibung,.font-small {
font-size:11px;
}

.left_akademie,.left_pressecenter,.left_successstory {
display:none;
margin-top:10px;
}

.area_content_produktliste,.area_content_anbieterliste,.content_seitenzaehler_bezeichnung,.area-suche-anbieter,.area-suche-artikel {
float:left;
}
.area_content_produktliste{
	width:100%;
}

.area_right_topanbieter,.area_right_special,.area_right_rabattListe,.area_right_partnerDesHandels {
margin-bottom:20px;
}

.area_right_topanbieter h3 {
background: url(../images/head3/bgH3-Rubrik.gif) repeat-x 0 0 #FFF;
border: 1px solid #D5D2CD;
font: 11px arial, helvetica, geneva;
color: #3b3A37;
line-height: 24px;
margin: 0 0 8px 0;
padding: 0 0 0 15px;
white-space: nowrap;
}

.right_topanbieter_inhalt,.right_highlight_liste,.right_special_liste,.right_top10_liste {
padding-left:0px;
}

.right_topanbieter_inhalt {
	text-align: center;
}

.right_special_liste {
	font-size: 11px;
	line-height: 16px;
}

#clicks_div_tablehead,#clicks_div_tablebottom {
background-color:#FEF5FA;
background-repeat:no-repeat;
color:#000;
height:27px;
width:154px;
}

.x-grid-row-over td,.x-grid-row-selected td {
background-color:#F4F4BC;
}



/*relaunch*/
/* Layout Seite Popup Anmeldefenster */

/* Basics */
.mark {color: #FC158D;}
.s {font-size: 10px;line-height:14px;}

/* Layout Seite verkaufen */

.area_content_produkttypen {
	font-size: 11px;
	margin-top: 15px;
	position: relative;
}

.area_content_produkttypen .zentradaTabButton a:link {color: #000000;	text-decoration: none;}
.area_content_produkttypen .zentradaTabButton a:visited {color: #000000; text-decoration: none;}
.area_content_produkttypen .zentradaTabButton a:hover {text-decoration: none;}
.area_content_produkttypen .zentradaTabButton a:active {color: #000000; text-decoration: none;}

.area_content_produkttypen .zentradaTabButton {
	border: 1px solid #E2DDD5;
	background: #F1EEE8;
	padding: 6px 3px;
	margin-right: 2px;
	display: block;
	float: left;
	font-weight: bold;
}

.area_content_produkttypen .zentradaTabButtonActive {
	background: #FFF;
	padding: 6px 5px;
	margin-right: 2px;
	display: block;
	float: left;
	font-weight: bold;
	border-right: 1px solid #E2DDD5;
	border-left: 1px solid #E2DDD5;
	border-top: 1px solid #E2DDD5;
	border-bottom: 1px solid #FFF;
}

#panel {
	border: 1px solid #E2DDD5;
	padding: 10px 1px 10px 1px;
	margin-top: -1px;
}

/* Skyscraper rechts */

#area_banner_right {
	float: right;
	width: 180px;
}

.area-banner {
position:relative;
float:left;
width:180px;
margin-top:123px;
height:600px;
padding:3px;
/*border: 1px solid #449;*/
}

.area-banner-lower {
position:relative;
width:180px;
float:left;
height:600px;
margin-top:50px;
padding:3px;
}



/* Banner 3. Plazierung */
.area-banner-lower3 {
position:relative;
width:180px;
float:left;
height:600px;
margin-top:50px;
padding:3px;
}


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

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*
10916 Head Relaunch
*/

div.autosuggestcontainer  {
position:absolute;
top:2.4em;
width:100%;
}

/*2011-11275 20111018-jr: zentrada Startseite*/
.area_content_produktgruppe_detail{
	height:92px !important;
}
/*TEMP TEMP TEMP*/
.area_content_produktgruppe_detail_sponsored{
	height:94px !important;
}
.area_content_produktgruppe_detail_sponsored_anzeige{
	width:254px;
	height:95px;
}
.area_content_produktgruppe_detail_sponsored_anzeige img{
	height:95px;
	width:254px;
}
/*TEMP TEMP TEMP*/
.content_produktgruppe_detail_preis_affine{
	font-size:11px;
}
.content_produktgruppe_detail_text{
	height:65px;
}

.content_internalInfo{
	position:absolute;
	z-index:999;
	bottom:0px;
	right:4px;
	font-size:11px;
	color:#54524A;
	cursor:help;
}
.bd{
	text-align:left !important;
}
.content_productInfo{
	float: right;
	margin:2px 0px 0px 0px;
	width:150px;
	position:relative;
	/*height:109px;*/
	height:90px;
}
.content_productInfo .content_produktgruppe_detail_name a{
	text-decoration:none;
}
.content_productDesc{
	margin:10px 0px 0px 0px;
}
.content_productPrice{
	width:100%;
	color:#0466CB;
	font-size:12px;
	font-weight:700;
}
.content_productTS{
	width:100%;
	margin:5px 0px 0px 0px;
}

/*2011-10976 20111021-jr: zentrada +promotion*/
#promotion_newsletterBox{
	width:780px;
	float:right;
}
#promotion_newsletterBox hr{
	border:1px solid #E2DDD5;
	width:765px;
	float:left;
	margin:10px 0px;
}
#promotion_newsletterBox #login{
	margin:0 auto;
}
#promotion_newsletterBox .promotion_articleBox, #promotion_newsletterBox .area_content_produktgruppe_detail{
	width:223px;
	float:left;
	padding:10px;
	margin:15px 15px 0px 0px;
	height:340px !important;
	border:1px solid #E2DDD5;
}
#promotion_newsletterBox .promotion_articleBox .promotion_articleIMG, #promotion_newsletterBox .area_content_produktgruppe_detail .content_produktgruppe_detail_image{
	width:100%;
	height:65%;
	text-align:center;
	margin:0px !important;
}
#promotion_newsletterBox .promotion_articleBox .promotion_articleIMG img, #promotion_newsletterBox .area_content_produktgruppe_detail .content_produktgruppe_detail_image img{
	max-width:223px !important;
	max-height:221px !important;
}
#promotion_newsletterBox .promotion_articleBox .promotion_articleDESC, #promotion_newsletterBox .area_content_produktgruppe_detail .content_productInfo{
	height:33.6%;
	margin:5px 0px 0px 0px;
	position:relative;
	font-weight: 700;
	width:100%;
}
#promotion_newsletterBox .promotion_articleBox .promotion_articleDESC, #promotion_newsletterBox .area_content_produktgruppe_detail .content_productInfo .content_produktgruppe_detail_name{
	font-size:15px;
	color:#484744;
}
#promotion_newsletterBox .area_content_produktgruppe_detail .content_productInfo .content_produktgruppe_detail_name a{
	width:100%;
}
#promotion_newsletterBox .area_content_produktgruppe_detail .content_productInfo .content_productDesc{
	height:40px !important;
}
#promotion_newsletterBox .area_content_produktgruppe_detail .content_productInfo .content_productDesc .content_productPrice{
	height:23px !important;
	font-size:15px;
}
#promotion_newsletterBox .area_content_produktgruppe_detail .content_productInfo .content_productDesc .content_productTS img{
	width:80px !important;
}

/*2012-11696 20120613-jr: Umbau auf MDL_ZentradaProdukt*/
.greenColor{color:#319E27 !important;}
.noDecoration{text-decoration:none !important;}

tr.stripe {background-color: #F1EEE8;}




/* 
	---------------------------------------------------------------------------
	Flexible Button:
	----------------
	
	---------------------------------------------------------------------------
*/

button { border:none;background:none;font-family:Arial;font-size:12px;padding:0;margin:0;width:auto;overflow:visible;text-align:center;white-space:nowrap; cursor:pointer;} 

/* einzeilig */

button.singleSpacedZentrada span,
button.singleSpacedZentrada em                   { display:block;height:24px;line-height:24px;margin:0; }
button.magenta.singleSpacedZentrada span         { padding-left:18px;background:url(../images/head3/bgButtonLeftMagenta.png) no-repeat 0 0; }	
button.magenta.singleSpacedZentrada em           { color: #FFF;font-style:normal;font-weight:bold;padding-right:18px;background:url(../images/head3/bgButtonRightMagenta.png) no-repeat 100% 0; }	

#header button.singleSpacedZentrada span,
#header button.singleSpacedZentrada em                   { display:block;font-size:12px;height:28px;line-height:28px;margin:0; }
#header button.magenta.singleSpacedZentrada span         { padding-left:18px;background:url(../images/head3/bgButtonLeftMagenta28.png) no-repeat 0 0; }	
#header button.magenta.singleSpacedZentrada em           { color: #FFF;font-style:normal;font-weight:bold;padding-right:18px;background:url(../images/head3/bgButtonRightMagenta28.png) no-repeat 100% 0; }	


/* zweizeilig */

button.doubleSpaced span,
button.doubleSpaced em                  { display:block;height:50px;line-height:16px;margin:0; }

button.magenta.doubleSpaced span        { padding-left:18px;background:url(../images/head3/bgButtonLeftMagenta2.png) no-repeat 0 0; }	
button.magenta.doubleSpaced em          { color: #FFF;font-style:normal;font-weight:bold;padding-right:18px;padding-top:8px;background:url(../images/head3/bgButtonRightMagenta2.png) no-repeat 100% 0; }	
button.magenta.doubleSpaced span        { padding-left:18px;background:url(../images/head3/bgButtonLeftMagenta2.png) no-repeat 0 0; }
button.magenta.doubleSpaced em          { color: #FFF;font-style:normal;font-weight:bold;padding-right:18px;padding-top:8px ! important;background:url(../images/head3/bgButtonRightMagenta2.png) no-repeat 100% 0; }

a.noLine { text-decoration: none; }

.euSearch button.blue.singleSpaced span         { padding-left:18px;background:url(../images/head3/bgButtonLeftBlue.png) no-repeat 0 0 ! important; }	
.euSearch  button.blue.singleSpaced em           { color: #FFF;font-style:normal;font-weight:bold;padding-right:18px ! important;background:url(../images/head3/bgButtonRightBlue.png) no-repeat 100% 0 ! important; }

.euSearch button.blue.singleSpaced{padding-bottom:0px ! important;margin-bottom:0px ! important;height:25px ! important;}
.euSearch button.blue.singleSpaced span{padding-bottom:0px ! important;margin-bottom:0px ! important;height:25px ! important;line-height:25px ! important;}
.euSearch button.blue.singleSpaced em{padding-bottom:0px ! important;margin-bottom:0px ! important;height:25px ! important;line-height:25px ! important;}=======
tr.stripe {background-color: #F1EEE8;}

/*--- Rabatt Logout ---*/
.discountDisplay.discountDisplayDEFAULT {
    width: 40px;
}
.discountDisplay.discountDisplayLEFT {
    left: 0px;
}
.discountDisplay {
    z-index: 1000;
    position: absolute;
    top: 0px;
    font-size: 11px;
}
.discountDisplayTriangleDEFAULT {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #FFED00;
}
.discountDisplayTriangle {
    width: 0px;
}
.discountDisplayText {
    background-color: #FFED00;
    width: inherit;
    text-align: center;
    padding: 5px 0px;
    font-weight: bold;
}
.tsColor {
    color: #0466CB !important;
}
/*--- /Rabatt Logout ---*/