/* DATEI: styleGuide.css fr Zentrada */

/* Body-Styles */

body	{ 
		margin-top : 0px; 
		margin-left : 0px;
		margin-bottom : 0px;
		margin : 0px;
		marginwidth : 0px;
		background-color : #ffffff;
		}

/* Link-Styles */
/*
a:link	{
		color : #142860;
}
		
a:visited	{ 
			color : #666666;
			font-weight : bold;
}
			
a:active	{
			color : #E7007B;
			font-weight : bold;
}
			
a:hover	{
		color : #E7007B;
		/*font-weight : bold;
}
*/

/* Farbflchenangaben */

#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;
}					

/* Schriftangaben */

p,ul,ol,li,address,blockquote,nobr,b,i,strong
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 11px;
	color : #000000;
	line-height : 18px;
}

div
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 11px;
	color : #000000;
}

td,th
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 11px;
	color : #000000;
}

/*ul,li	{
	list-style-image: url(../../zentrada_de/images/bullet_list.gif)}*/
	
b	{
	font-weight : bold;	
}
	
h1
	{
	font-family: Arial, Helvetica, Geneva;
	font-size:16px;
	color: #E7007B;
	margin-bottom:10px;
	margin-top:6px;
}
	
h2
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 14px;
	color : #003399;
	margin-bottom : 4px;
	margin-top : 15px
}
	
h3
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 12px;
	font-weight : bold;
	color : #000000;
	/*color : #319A9C;*/
	/*margin-bottom:5px;*/
	/*margin-top:12px;*/
}

h4
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 11px;
	color : #000000;
	/*font-weight : bold;*/
	/*color : #319A9C;*/
	/*margin-bottom:5px;*/
	/*margin-top:12px;*/
}
	
.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-family :  Arial,Helvetica,Geneva;
	font-size : 10px;
	color : #999999;
}

.height	
	{
	line-height : 16px;
}
	
	
.small
	{
	font-size:10px;
}

.smallprod
	{
	font-family :  Arial,Helvetica,Geneva;
	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
}

/* Table-Styles */

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

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

#table_nav	
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 9px;
	padding-bottom : 5px;
}

#table_impressum_td
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 12px;
	border : 1px solid;
	border-color : #cccccc;
	padding-right : 10px;
}

#table_artikel_td
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 12px;
	border : 1px solid;
	border-color : #cccccc;
	padding-right : 10px;
}

#search_field	
	{
	width : 145px;
	height : 20px;
	background-color : #FFFFFF;
	font-size : 11px;
	font-family : Arial, Helvetica, Geneva;
}

/* Suchausgabe */


#border	
	{
			/*border : 1px solid;
			border-color : #999999;*/
			background-color: #f1eee8 ;
			spacing: 3px;
			padding: 2px
}

.neu
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 11px;
	color : #E7007B;
	font-weight : bold;
}

.datum
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 10px;
	color : #000000;
}
	
.prod
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 11px;
	color : #000000;
	font-weight : bold;
}
	
.beschreibung
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 10px;
	color : #000000;
}
	
.preis
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 11px;
	color : #E7007B;
	font-weight : bold;
}

.Artikelpreis
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 12px;
	color : #E7007B;
	font-weight : bold;
}	
	
.smallpink
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 10px;
	color : #E7007B;
}

.magentaverwaltung
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 14px;
	color : #E7007B;
	font-weight : bold;
	margin-bottom: 12px;
	
}	


/* news */

#table_news
	{
	border : 1px solid;
	border-color : #666666;
	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;
}

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

.newsdatum	
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 10px;
	color : #000000;
}

.newshead
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 10px;
	color : #000000;
	font-weight : bold;
	padding-bottom: 3px;
}

.newsbody
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 10px;
	color : #000000;
}

.gratistest
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 14px;
	font-weight:bold;
}

.testpakete
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 16px;
	font-weight:bold;
}

.MagentaGratistest
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 12px;
	font-weight:bold;
	color : #E7007B;
}

.MagentaPakete
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 14px;
	font-weight:bold;
	color : #E7007B;
}

.aktuelleArtikel
	{
	font-family: Arial, Helvetica, Geneva;
	font-size:16px;
	color: #E7007B;
	font-weight:bold;
	padding-top:20px;
}

.topten
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 11px;
	font-weight:normal;
	text-decoration : none;
	padding-left : 0px;
}

/*
.copyright
{
	position: relative;
	font-size: 10px;
	left: 200px;
	top: 10px;
}*/

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

.magenta
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 11px;
	color : #E7007B;
	font-weight : bold;
}

.magentaBig
	{
	font-family: Arial, Helvetica, Geneva;
	font-size:16px;
	color: #E7007B;
	margin-bottom:10px;
	font-weight:bold;
}

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

.biglink
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 14px;
	font-weight:bold;
}

.verwaltung_leftnav
	{
	font-family : Arial, Helvetica, Geneva;
	font-size : 12px;
	color : #000000;
	line-height: 22px;
}

/* successstory */
/* successstory */
/* successstory */

.right_successstory_headline
{
	font-size:10px;
}

#successStories
{
	margin:0;
	margin-top:10px;
	padding:0;
	background-color: #FFF;
	width: 230px;
	font: 11px Arial, Helvetica, Geneva;	
}	

#successStories .top
{
	width: 100%;
}

#successStories .innerLeft
{
	padding-left: 5px;
	padding-right: 4px;
	margin-right: 5px;
	width: 97px;
	float: left;
	border-right: 1px solid #E70884;	
}

#successStories .innerRight
{
	margin: 0;
	padding-left: 4px;
	width: 97px;
	float: left;
}

#successStories .bottom
{
	clear:both;
}

#successStories h1
{
	font-weight:bold;
	margin:0;
	color: #E70884;
	font-size: 12px;
}

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

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

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

.new
{
	font-family : Arial, Helvetica, Geneva;
	font-size : 14px;
	color : #003399;
	font-weight:bold;
}

.friendship-upgradepopup-gesamt
{
	margin: 12px;
	/*border: 1px solid #000;*/
}

/* Zugangsdaten */

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

.fehler-meldung
{
	font-family : Arial, Helvetica, Geneva;
	font-size : 13px;
	color : #CC0000;
	font-weight:bold;
}

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

/*
	Neues Login-Feld
*/
 
/* 
Styles fr das neue zentrada-Login-Feld
 */
 
 
#login {
	width: 154px;
	margin: 0 0 15px 0;
	padding: 0;
}

#loginRahmen {
	background: url(../images/bgLogin.png) no-repeat top left #FFF;
	padding-top: 9px;
	text-align: left;
}

#loginRahmen2 {
	background: url(../images/bgLogin2.png) no-repeat top left #FFF;
	padding-top: 9px;
	text-align: left;
}

#loginHead {
	padding-left: 11px;
}

#loginHead h3 {
	font: 12px arial, helvetica, geneva;
	font-weight: bold;
	color: #e70884;
	padding: 0;
	margin: 0 0 8px 0;
}

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

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

#login input {
	margin: 0;
}

#login .loginField {
	width: 132px;
	height: 19px;
	border: 1px solid #bababa;
	font: 11px arial, helvetica, geneva;
	margin-bottom: 3px;
}

#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 {
	color: #999;
	text-decoration: none;
}

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

.menuitem {
	background: url(../images/loginTrenner.png) no-repeat bottom;
	margin-right: 5px;
	list-style-type: none;
}

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

/* Zuletzt geklickte ... */

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

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

.clicks_price
{
	font-weight: bold;
	color: #E10A80;
	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/rahmen_anmeldeButton.png) no-repeat;
}
.anmeldeButton_content {
/* float:left; */
/* width:420px; */
padding-left:18px;
padding-right:10px;
padding-top:10px;
}
.anmeldeButton_meldung {
/* float:left; */
font-weight: bolder;
/* width:420px; */
font-size:13px;
margin-bottom:15px;
}
.anmeldeButton_anmelden {
width:140px;
height:23px;
float:left;
padding-top:4px;
text-align:center;
background: url(../images/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;
}