/* DATEI: styleGuide.css fuer Zentrada */

/* Body-Styles */

body	{
		margin-top : 0px;
		margin-left : 8px;
		margin-bottom : 0px;
		background-color : #ffffff;
		color: #000;
		font-family: "Open Sans",Arial,Helvetica,sans-serif;
		font-size: 11px;
		text-align: center;
		}

.headline
{
	font-weight : bold;
	margin-bottom: 3px;
	margin-top: 5px;
}

/* Schriftangaben */

p,ul,ol,li,address,blockquote,nobr,b,i,strong
	{
	font-size : 12px;
	color : #333333;
	line-height : 18px;
}

div
	{
	font-size : 12px;
	/* color : #000000; */
	color : #333333;
}

td,th
	{
	font-size : 12px;
	color : #000000;
}

b	{font-weight : bold;}

h1
	{
	font-size:16px;
	color:#333333 !important;
	margin-bottom:10px;
	margin-top:6px;
}

h2
	{
	font-size : 14px;
	color : #003399;
	margin-bottom : 4px;
	margin-top:6px
}

h3
	{
	font-size : 13px;
	font-weight : bold;
	color : #333333;
}

h4
	{
	font-size : 11px;
	color : #333333;
}

a:link {color: #333333;	text-decoration: underline;}
a:visited {color: #676767; text-decoration: underline;font-weight : bold;}
a:hover {color:#2966CB; !important;text-decoration:underline !important;}
a:active {color:#2966CB; !important;text-decoration:underline !important;}


#basicColor	{background-color : #003399;}

#basic1	{background-color : #274084;}

#basic2	{background-color : #C7C7D7;}

/* Hallenfarben */

#grossColor {background-color : #FFFFFF; border : 2px solid; border-color : #E7007B; padding-right : 10px;}

#impColor{background-color : #FFFFFF; border : 2px solid; border-color : #0066CC; padding-right : 10px;}

#herColor {background-color : #FFFFFF; border : 2px solid; border-color : #339999; padding-right : 10px; }

#verColor {background-color : #FFFFFF; border : 2px solid; border-color : #990099; padding-right : 10px; }

#dienstColor {background-color : #FFFFFF; border : 2px solid; border-color : #ADC22A; padding-right : 10px; }

.orange	{color:#FF9900;}

.verwheadline
	{
	font-size : 12px;
	line-height : 18px;
	font-weight : bold;
	color : #000000
}

.verwachtung
	{
	font-size : 11px;
	font-weight : bold;
	color : #CC0000
}

.formcheck
	{
	font-size : 12px;
	line-height : 10px;
	font-weight : bold;
	color : #CC0000
}

.ff-login
{
	width: 95px;
	height: 18px;
	margin: 0 0 0 0;
	font-size : 10px;
}

.smallgrey
	{
	font-size : 10px;
	color : #999999;
}

.height {line-height : 16px;}

.small {font-size:10px;}

.smallprod
	{
	font-size:11px;
	color : #000000;
}

.fett {font-size:12px; font-weight:bold; }

#button
	{
	width : 140px;
	height : 20px;
	background-color: #EEEEEE;
	border : 1px;
	border-style : solid;
	color : #000000;
	font-size : 10px;
	border-color : #999999
}

#button2
	{
	width : 300px;
	height : 20px;
	background-color: #EEEEEE;
	border : 1px;
	border-style : solid;
	color : #000000;
	font-size : 10px;
	border-color : #999999
}

.area_content_produktgruppe_detail_sponsored a:link,
.area_content_produktgruppe_detail_sponsored a:visited,
.area_content_produktgruppe_detail_sponsored a:active {
	color: #3366CC;
	background: transparent;
}

.area_content_produktgruppe_detail_sponsored a:hover {
	background: transparent;
}

.area_sponsored_link a:link,
.area_sponsored_link a:visited,
.area_sponsored_link a:active {
	color: #3366CC;
	background-color: transparent;
	font-weight: bold;
}

/* Table-Styles */

#table_form { border-spacing: 3px; padding: 3px }

#table_form_td
	{
	border : 1px solid;
	border-color : #cccccc;
	padding-right : 10px;
}

#table_1
	{
	border : 1px solid;
	border-color : #cccccc;
	border-spacing: 2px;
	padding: 5px
}

#table_nav
	{
	font-size : 9px;
	padding-bottom : 5px;
}

#table_impressum_td
	{
	font-size : 12px;
	border : 1px solid;
	border-color : #cccccc;
	padding-right : 10px;
}

#table_artikel_td
	{
	font-size : 12px;
	border : 1px solid;
	border-color : #cccccc;
	padding-right : 10px;
}

#search_field
	{
	width : 145px;
	height : 20px;
	background-color : #FFFFFF;
	font-size : 11px;
}

/* Suchausgabe */

.org_discountPrice {
	color: #aaaaaa;
	font-size: 0.8em;
	position: absolute;
	right: 0;
	top: 8.5em;
}


#border
{
	background-color: #f1eee8 ;
	border-spacing: 3px;
	padding: 2px
}

#border-sponsored
	{
	background-color: #FEFCE4;
	border-spacing: 3px;
	padding: 2px
}

.neu
	{
	font-size : 11px;
	color : #E7007B;
	font-weight : bold;
}

.datum
	{
	font-size : 10px;
	color : #000000;
}

.prod
	{
	font-size : 11px;
	color : #000000;
	font-weight : bold;
	border-spacing: 3px;
}

#border-sponsored a:link,
#border-sponsored a:visited,
#border-sponsored a:active {
	color: #3366CC;
	background: transparent;
}

.beschreibung
	{
	font-size : 10px;
	color : #000000;
}

.preis
	{
	font-size : 11px;
	color : #0466CB;
	font-weight : bold;
}

.Artikelpreis
	{
	font-size : 12px;
	color : #0466CB;
	font-weight : bold;
}

.smallpink
	{
	font-size : 10px;
	color : #E7007B;
}

.magentaverwaltung
	{
	font-size : 14px;
	color : #E7007B;
	font-weight : bold;
	margin-bottom: 12px;
}

/* news */

#table_news
	{
	border : 1px solid;
	border-color : #666666;
	border-spacing : 2px;
	padding-left : 4px;
	padding-right : 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color : #FFFFFF
}

.artikelverwaltung
	{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #5f5f5f;
}

.artikelverwaltung2
	{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #5f5f5f;
	background-color: #FFFFCC;
}

#table_topten
	{
	border : 1px solid;
	border-color : #666666;
	border-spacing : 2px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color : #FFFFFF
}

.newsdatum
	{
	font-size : 10px;
	color : #000000;
}

.newshead
	{
	font-size : 10px;
	color : #000000;
	font-weight : bold;
	padding-bottom: 2px;
}

.newsbody
	{
	font-size : 10px;
	color : #000000;
}

.gratistest
	{
	font-size : 14px;
	font-weight:bold;
}

.testpakete
	{
	font-size : 16px;
	font-weight:bold;
}

.MagentaGratistest
	{
	font-size : 12px;
	font-weight:bold;
	color : #E7007B;
}

.MagentaPakete
	{
	font-size : 14px;
	font-weight:bold;
	color : #E7007B;
}

.aktuelleArtikel
	{
	font-size:16px;
	color: #E7007B;
	font-weight:bold;
	padding-top:20px;
}

.topten
	{
	font-size : 11px;
	font-weight: normal;
	text-decoration : none;
	padding-left : 0px;
}

.copyright { font-size: 9px; padding: 5px 0 10px 0;text-align:center;}

.redbig
{
	font-size : 13px;
	color : #CC0000;
	font-weight:bold;
}

.magenta
	{
	font-size : 11px;
	color : #E7007B;
	font-weight : bold;
}

.magentaBig
	{
	font-size:16px;
	color: #E7007B;
	margin-bottom:10px;
	font-weight:bold;
}

.biglink
	{
	font-size : 14px;
	font-weight:bold;
}

.verwaltung_leftnav
	{
	font-size : 12px;
	color : #000000;
	/* line-height: 22px; */
}

/* ++ RightCol ++ */

/* top-Anbieter */

.area_right_highlight {
	line-height: 15px;
	margin-bottom: 20px;
}

.area_right_akademie {
	margin-bottom: 20px;
}

.area_right_akademie #innerContentLeft_akademie{
	background:white;
	width:100%;
	margin:0px;
	padding:0px;
}

.area_right_akademie #innerContent_akademie {
	margin:0px;
	padding:0px;
	width:100%;
	background:none;
	background-repeat:no-repeat;
}

.area_right_akademie .imgContainer{
	float: left;
	margin-right: 5px;
	padding: 3px;
	border: 1px solid #62605C;
}

/* successstory */

.contentHeadline {font-size:11px; }

#area_right_magazine{
	margin-bottom: 20px;
}

#magazineContent{
	margin:0px;
	padding:0px;
	background-color: #FFF;
	width:100%;
	font: 11px /* Arial, Helvetica, Geneva */;
}

#magazineContent h4{
	font-size: 13px;
	color: #62605C;
	font-weight: bold;
	margin:0px;
	padding:0px;
	padding-bottom:5px;
}

#magazineContent #innerContentLeft, #magazineContent #innerContentRight{
	background:white;
	width:100%;
	margin:0px;
	padding:0px;
}

#magazineContent #innerContent {
	margin:0px;
	padding:0px;
	width:100%;
	background:none;
	background-repeat:no-repeat;
}

#magazineContent .imgContainer{
	float: left;
	margin-right: 5px;
	padding: 3px;
	border: 1px solid #62605C;
}

.grauer-rahmen
{
	padding:3px;
	border: 1px solid #BFBFBF;
}

.grauer-rahmen-schritt17
{
	padding:3px;
	border: 1px solid #BFBFBF;
	width: 60%;
}

/* CSV-Upload */
.csv-fehlermeldungen
{
	font-size : 12px;
	line-height : 13px;
	color : #CC0000;
}

.new
{
	font-size : 14px;
	color : #003399;
	font-weight:bold;
}

.friendship-upgradepopup-gesamt
{
	margin: 12px;
	text-align:left;
}

/* Zugangsdaten */

.fehler-meldungname {font-weight:bold;}

.fehler-meldung
{
	font-size : 13px;
	color : #CC0000;
	font-weight:bold;
}

.friendship-bestellauswahl-screens
{
	margin-top:10px;
	margin-bottom:10px;
}

.langezeile
{
	white-space:nowrap;
}


/*
Styles fr das neue zentrada-Login-Feld
 */

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

#loginHead .loginStatus {
	margin: 2px 0;
	color: #E70884;
}

#login form {margin: 0; padding: 0;}

#login input {margin: 0;}

#login .loginField {
	width: 95%;
	height: 24px;
	border: 1px solid #98938A;
	color: #98938A;
	font: 12px /* arial, helvetica, geneva */;
	margin-bottom: 3px;
	padding: 0 3px;
}

#login .loginButton {
	text-align: right;
}

#login #loginNav {
	margin-top: 18px;
	padding-left: 6px;
	padding-bottom: 3px;
}

#login #loginNav #loginLinks a {
	line-height: 23px;
	font-weight: bold;
	color: #E70884;
	text-decoration: none;
	padding-left: 5px;
}

#login #loginNav #loginLinks a:hover {
	text-decoration: none;
}

#loginLinks {margin: 0; padding: 0;}





.menuitem {
	margin-right: 5px;
	list-style-type: none;
}

#loginSubmit {
	margin: 7px 0 0 0;
}

/* Produktgruppen Texte P154 */

.pgtexteupdate-pgbezeichnung {text-decoration:underline; }

.pgtexteupdate-erfolgreich {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 13px;
}

.pgtexte-ausgabe {margin: 2px 0 0 0; }

.pgtexteupdate-vorschau {
	margin: 15px 0 0 0;
	width: 450px;
}

/* Zuletzt geklickte ... */

.ul_clickedLast {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.li_clickedLast {
    margin: 0;
    padding: 0;
}

.clicks_price
{
	font-weight: bold;
	color: #0466CB;
	font-size: 11px;
    padding: 0;
    margin: -5px 0 0 0;
}
/* Member Rabatte */
.rabattListeTabelle_Preis {
	font-size:10px;
	margin-left:30px;
}

.rabattliste
	{
/*	font-family : Arial, Helvetica, Geneva; */
	font-size : 11px;
	font-weight: normal;
	text-decoration : none;
	padding-left : 2px;
}

/* Memo */

.table_memoliste
	{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #5f5f5f;
	border-bottom-color: #5f5f5f;
	border-left-color: #5f5f5f;
	margin-top:2px;
}

.memoliste
	{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #5f5f5f;
}

.area_right_tradePartner {
margin-top:10px;
width: 230px;
/*float: left;*/
}
.area_right_tradePartner_img {
width: 210px;
padding: 0px 10px 0px 10px;
/*float: left;*/
text-align:center;
}
.area_right_tradePartner_link {
width:230px;
/*float:left;*/
text-align:center;
}

/* anmelde button 10597 */

.anmeldeButton {
float: left; /* 10574 */
width:455px;
height:75px;
margin-bottom:20px;
margin-right: 5px; /*10574 */
background: url(../images/head3/rahmen_anmeldeButton.png) no-repeat;
}
.anmeldeButton_content {
padding-left:30px;
padding-right:10px;
padding-top:10px;
}
.anmeldeButton_meldung {
font-weight: bolder;
font-size:13px;
margin-bottom:15px;
}
.anmeldeButton_anmelden {
width:140px;
height:23px;
float:left;
padding-top:4px;
text-align:center;
background: url(../images/head3/submit140_2.gif) no-repeat;
}
.anmeldeButton_neuHier {
width:230px;
font-weight: bolder;
height:23px;
padding-left:30px;
padding-top:3px;
float:left;
}
.anmeldeButton_neuHier a {
color: #E7007B;
}
.anmeldeButton_anmelden a {
text-decoration:none;
}

/* table mouseover */
.tblover_off {background: #FFFFFF;}

.tblover_on {background: #F4F4BC;}

#detailTradePartner ul {
	list-style-type:disc;
	padding-left: 30px;
}

#detailTradePartner ol {
	list-style-type:decimal;
	padding-left: 30px;
}

/* neuer anmeldeButton 10726 */
#anmeldeBuehne {background: url(../images/head3/bgAnmeldungZN.jpg) no-repeat left bottom;width:453px;margin-bottom:20px; }
#anmeldeBuehne #innerBuehne {background: url(../images/head3/bannerAnmeldungZN.gif) no-repeat 0 0;padding:80px 0 120px 0;}

#anmeldeBuehne #boxAnbieter {float:right;width:216px;}
#anmeldeBuehne #boxAnbieter h2 {background-color:#FFF000;color:#E7007B;font-size:14px;text-align:left;padding:4px 0 4px 5px;margin-bottom:10px;}
#anmeldeBuehne #boxAnbieter p {padding-left:5px;line-height:16px;text-align:left;margin:0}
#anmeldeBuehne #boxAnbieter ul {margin: 10px 0 0 0;font-size: 12px;text-align:left;padding:0;}
#anmeldeBuehne #boxAnbieter ul li {margin: 0;background:url(../images/head3/liZN.gif) no-repeat 5px 5px;padding-left:20px;}
#anmeldeBuehne #boxAnbieter h2 a {color:#E7007B;text-decoration:none}

#anmeldeBuehne #boxEinkaeufer {float:left;width:216px;}
#anmeldeBuehne #boxEinkaeufer h2 {background-color:#E7007B;color:#FFF000;font-size:14px;text-align:left;padding:4px 0 4px 5px;margin-bottom:10px;}
#anmeldeBuehne #boxEinkaeufer p {padding-left:5px;line-height:16px;text-align:left;margin:0}
#anmeldeBuehne #boxEinkaeufer ul {margin: 10px 0 0 0;font-size: 12px;text-align:left;padding:0;}
#anmeldeBuehne #boxEinkaeufer ul li {margin: 0;background:url(../images/head3/liZN_magenta.gif) no-repeat 5px 5px;padding-left:20px;}
#anmeldeBuehne #boxEinkaeufer h2 a {color:#FFF000;text-decoration:none}

#anmeldeBuehne #innerBuehne p.anmeldeLink {margin:10px 0;}
#anmeldeBuehne #innerBuehne p.anmeldeLink a {color:#E7007B;font-weight:bold;}
/* neuer anmeldeButton 10726 */

.cfdebug {text-align: left;}

.buttonAlign {text-align: right;}

/*2011-11326 20111212-jr: Verfuegbarkeits anzeige*/
/* Icons für Lieferstatus */
.deliveryimmediate{
	background: url(../images/iconShippingGreen.gif) no-repeat 0 2px transparent;
	color: #0D8900;
	font-size: 0.95em;
	padding-left: 32px
}

.deliverysoon{
	background: url(../images/iconShippingYellow.gif) no-repeat 0 2px transparent;
	color: #FFA200;
	font-size: 0.95em;
	padding-left: 32px
}

.deliveryorder {
	background: url(../images/iconShippingRed.gif) no-repeat 0 2px transparent;
	color: #D50000;
	font-size: 0.95em;
	padding-left: 32px
}


/*2011-11317: Promotion - Default-Artikel in Newsletter*/
#sortSuggestion{
	width:100%;
	float:left;
}
#sortSuggestion .sortSuggestionLayer{
	width:100%;
	float:left;
	margin:0px 0px 40px 0px;
	opacity:.70;
	-moz-opacity:.7;
	filter:alpha(opacity=70);
}
#sortSuggestion p.companySuggestionInfo strong{
	min-width:134px;
	display:inline-block;
}
#sortSuggestion .sortSuggestionLayer:hover{
	opacity:100;
	-moz-opacity:10;
	filter:alpha(opacity=100);
}
#sortSuggestion ul{
	height:340px;
	width:98%;
	float:left;
	list-style-type:none;
	margin:0% 3% 0% 0%;
	padding:0;
}
#sortSuggestion li{
	float:left;
	width:14.10%;
	text-align: center;
}
#sortSuggestion li img{
	max-width:80px;
	max-height:80px;
}
/*SORTIT*/
#sortSuggestion ul.sortIt{
	margin:-33% 0% 0% 0%;
	border:1px solid #EEEEEE;
	padding:1% 1% 0% 0%;
}
#sortSuggestion ul.sortIt li{
	padding:5px;
	height:150px;
	background:#FFFFFF;
	border:1px solid #EDEDED;
	margin:0% 0% 1% 1%;
	position:relative;
}
#sortSuggestion ul.sortIt li span{
	display:block;
}
/*FAKE*/
#sortSuggestion ul.fake li{
	margin:1%;
	font-size:4em;
	padding:80px 0px 0px 0px;
	height:70px;
}
/*TRASH*/
#sortSuggestion ul li div.suggestionTrash{
	position:absolute;
	width:93%;
	bottom:0px;
	text-align:center;
}


/*2012-11709 20120619-jr: Google+, Facebook Like - Absolut positionieren*/
.socialNetwork_container{width:135px !important;position:absolute;top:0px;right:-160px;}
.socialNetwork_container .socialNetwork_googlePlus{width:42%;float:left;overflow:hidden;}
.socialNetwork_container .socialNetwork_facebook{width:57%;float:left;overflow:hidden;}


/*MESSAGEBOX*/
.messagebox{
    width:92%;
    padding:1%;
    float:left;
    border:1px solid black;
    font-weight:normal;
    margin: 10px 3%;
}
.messagebox.error{
    border-color: red;
    background:#FFDFDF;
    color:red;
}
.messagebox.success{
    border-color: #01CF00;
    background:#EFFFEF;
    color:#019F00;
}
.messagebox.hint{
    border-color: #FFF000;
    background:#FFFAAF;
    color:black;
    text-align: left;
}
.messagebox.hintBlue{
    border: 1px solid #2D73FF;
    text-align:center;
    background-color:#4180FF !important;
    color: #FFFB00;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 5px;
}
.messagebox.hintBlue span, .messagebox.hintBlue strong, .messagebox.hintBlue a, .messagebox.hintBlue p{
    color: #FFFB00 !important;
    margin:0px !important;
}


/* ! --- 2018-14950-20180122-ab: Button Wiederverfuegbarkeit [Alternative Artikel 14898] ---*/
.DeactiveArticleButton > a{
	margin-top: 10px;
	display: block;
	cursor:pointer;
	color: #0466CB;
	font-weight: bold;
	text-decoration: underline !important;
	font-size:12px;
	text-shadow: 0px 0px 4px rgba(255, 255, 255, 1);
}
.DeactiveArticleButton > span{
	text-align:center;
  	position:absolute;
  	bottom:160px;
  	font-weight:bold;
  	display:table;
  	text-shadow: 0px 0px 4px rgba(255, 255, 255, 1);
}
.DeactiveArticleButton a:first-child{
	margin-top:80px;
}
.DeactiveArticleButton{
	background-color: rgba(245,245,245,0.7);
	height:230px;
	width:100%;
	z-index:1;
	position: absolute;
	text-align: center;
}
.DeactiveArticleButton.List{
	height:100%;
}
.DeactiveArticleList{
	z-index:2;
	position:absolute;
	padding-top:2px;
}
.DeactiveArticleList{
	font-weight:bold;
}
.DeactiveArticleList > a{
	display:block;
	cursor:pointer;
	width:100%;
	color: #0466CB;
	text-decoration: underline !important;
	margin-top:10px;
}
span.AvaliablityAlertDone{
	display:none;
	margin-top: 10px;
	bottom:unset;
	text-align: center;
	width: 100%;
}
/* ! --- /2018-14950-20180122-ab: Button Wiederverfuegbarkeit [Alternative Artikel 14898] ---*/