body {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
font-style: normal;
font-size : 12px;
background-color:#758389;
margin-top:0px;
margin-left:0px;
}

table {
  font-family:arial;
  font-size:12px;
}

div {
  font-family:arial;
  font-size:12px;
}

a {
text-decoration: underline;
color: #073F58;
}

a:hover {
text-decoration: underline;
color: #cc0000;
}

.outline {
border-width: 1px; 
border-color: #155875;
border-style: solid;
}

.header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
background-color: #009900;
color: #ffffff;      
text-align:center;
}

.topic {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
background-color: #00cc66;
color: #ffffff;
}

.content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
background-color: #fff;
}

td.splitter {
background-color: #155875;
height:1px;
}      

/* Main Currency */
.macu	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
}
/* Foreign currency */      
.focu	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
font-weight: normal;
}

/* Pflichtfelder in Formularen
** Form fields which have to be filled */   
.musthave {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #cc0000;
}

.text	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}

.errortext {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-align : center;

}

.effect {
/* >=IE5.5 / NS6.2 */
/* filter:progid:dxImageTransform.Microsoft.dropShadow(color=silver,offX=3,offY=3,positive=true); */
border: 1px solid black;
}

pre {
font-family : monospace;
font-size : 12px;
}

big		{
font-size : 22px;
font-family : Verdana, Arial,Helvetica,sans-serif;
}

small	{
font-size : 9px;
font-family : Verdana, Arial,Helvetica,sans-serif;
}

hr {
color: #ffffff;
}

form {
padding:0px;
margin:0px;

}
.Normal11pxBlack {
font-family:Arial;
font-size:11px;
}
.Normal14pxBlack {
font-family:Arial;
font-size:14px;
}
.Bold12pxBlack {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
background-color: #ECEEEE;
}
/* 
This can be used for html debug purposes:
TABLE {border: 2px solid purple !important; 
   margin: 5px !important; border-collapse: 
   separate !important; border-spacing: 1px !important; 
   empty-cells: show !important;}
TH {border: 1px solid blue !important; 
   padding: 3px !important;}
TD {border: 1px solid red !important; 
   padding: 3px !important;}
*/


/*  DIV-Box Umstellung 22.12.2008 */
#Pflanzenliste {
  width:200px;
  border:none;
  margin:10px 0px 0px 0px;
  padding:0px;
  position:relative;
  top:0px;
  
} 


#Pflanzenliste .Category {
  cursor:pointer; 
  padding:1px 1px 1px 8px; 
  color:#999;
  width:191px;
  display:block;
}

#Pflanzenliste .Category_Selected {
  position:relative; 
  left:3px; 
  cursor:pointer; 
  color:#333;
  text-align:right;
  padding:7px 20px 0px 5px; 
  background-color:transparent;/*#009900;*/ 
  height:30px;
  margin:7px 0px 3px 0px;
  background-image:url(images/navi/pflanzenliste_select.png);
  background-repeat:no-repeat;
  font-weight:bold;
}

/* Vorselektion der Artikel-Gruppe - Pflanze oder Samen */

#PreSelectSeedPlant, 
#ArticleTable,
#Startseite {
  width:654px;
  font-family:arial;
   
}

.Article {
  position:relative;
  border:1px solid #ccc;
  background-color: #e6e6e6;
  padding:1px;
  margin:5px 0px;
}
.Article #Box1 {
  width:120px; 
  height:80px;
  
 float:left;
  position:relative;
  margin:0px;
}
.Article #Box2 {

  
  position:relative;
float:left;
  margin:0px;
}
.Article #Box3 {
width:120px;
position:relative;
float:right;
margin:0px;
}

#ArticleTable #ArticelNaviTop, #ArticleTable #ArticelNaviBottom {

  padding:0px; 
  display:block;
  /*position:absolute; 
  right:0px;
  top:0px; */
  border:1px solid #ccc;
  font-family:arial; 
  color:white;
  font-size:12px;
  margin:0px 0px 0px 0px;
}


#PreSelectSeedPlant .Caption, 
#ArticleTable .Caption {
  padding:5px; 
  position:relative; 
  left:40px; 
  top:20px; 
  
  background-image:url(./images/article/article_caption.gif);
  background-repeat:no-repeat;
  font-size:20px; 
  width:310px; 
  font-family:arial; 
  color:white;
}

#PreSelectSeedPlant .Content, 
#ArticleTable .Content {
  border-left:1px solid #999; 
  border-right:1px solid #999; 
  border-top:1px solid #999; 
  border-bottom:1px solid #999; 
  padding:40px 20px 20px 20px; 
  margin:0px 20px 20px 20px;
}

#PreSelectSeedPlant .Content #Samen, 
#ArticleTable .Content #preSelect {
  border-left:1px solid #999; 
  border-right:1px solid #999; 
  border-top:1px solid #999; 
  border-bottom:1px solid #999; 
  padding:0px 20px 20px 20px; 
  position:relative;
  
}

#ArticleTable .Content #preSelect #Caption {
  white-space:nowrap;
  width:50%;
}

#PreSelectSeedPlant .Content #Pflanzen,
#PreSelectSeedPlant .Content #Tee {
  border-left:1px solid #999; 
  border-right:1px solid #999; 
  border-top:1px solid #999; 
  border-bottom:1px solid #999; 
  padding:20px; 
  position:relative;
}

#PreSelectSeedPlant .Content #Pflanzen #Caption, 
#PreSelectSeedPlant .Content #Samen #Caption,
#PreSelectSeedPlant .Content #Tee #Caption, 
#ArticleTable .Content #Caption {
  position:absolute;
  top:-15px;
  color:white;
  border-left:1px solid #999; 
  border-right:1px solid #999; 
  border-top:1px solid #999; 
  border-bottom:1px solid #999;
  background-color: #009900;
  padding:2px; 
}



#PreSelectSeedPlant .Content #Pflanzen #Info,
#PreSelectSeedPlant .Content #Tee #Info, 
#PreSelectSeedPlant .Content #Samen #Info {
  border-left:1px solid #ccc; 
  border-right:1px solid #ccc; 
  border-top:1px solid #ccc; 
  border-bottom:1px solid #ccc; 
  padding:10px; 
  position:relative;
  left:0px;
  top:0px;
  width:360px;
  float:left;
}

#PreSelectSeedPlant .Content #Pflanzen #GotoPlantArticle, 
#PreSelectSeedPlant .Content #Samen #GotoPlantArticle, 
#PreSelectSeedPlant .Content #Tee #GotoPlantArticle {
  float:right;
  border: 1px solid #ccc;
  width:120px; 
  margin:0px 0px 0px 0px;
  padding: 10px;
}

#PreSelectSeedPlant .Content #Pflanzen #GotoPlantArticle img,
#PreSelectSeedPlant .Content #Tee #GotoPlantArticle img,
#PreSelectSeedPlant .Content #Pflanzen #GotoSeedArticle img {
  margin:0px;
  float:left;
}

#PreSelectSeedPlant .Content #Pflanzen #GotoPlantArticle div,
#PreSelectSeedPlant .Content #Tee #GotoPlantArticle div,
#PreSelectSeedPlant .Content #Pflanzen #GotoSeedArticle div {
  margin:0px;
  clear:both;
}

#PreSelectSeedPlant .Content #Pflanzen #Info img,
#PreSelectSeedPlant .Content #Tee #Info img,  
#PreSelectSeedPlant .Content #Samen #Info img {
  margin:0px 15px 15px 0px;

}


/* ContentTop obriger Div-Container */
#ContentTop {
  position:relative; 
  height:120px; 
  width:857px; 
  background-image:url(./images/logo_top.png); 
  margin:0px; 
  padding:0px; 
  border:none;
  border-bottom:2px solid #ccc;
}

#ContentTop #NaviBox {
  position:absolute; 
  width:100%; 
  bottom: 0px; 
  left:0px;
  padding:3px 0px 4px 0px;
  margin:0 auto;
  border:none;
  text-align:right;
}

#ContentTop #NaviBox a {
  cursor:pointer;
  position:relative;
  color:white;
  font-family:arial;
  padding:0px 20px 5px 20px;
  bottom:-1px;
  font-weight:bold; 
  font-size:12px;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-top:1px solid #ccc;
  background-color:#666;
  background:url(./images/navi/bg_btn_inactive.png) top left repeat-x;
}

#ContentTop #NaviBox a:hover {
  border-left:1px solid #006600;
  border-right:1px solid #006600;
  border-top:1px solid #006600;
  background-color:#00CC00;
  /*padding:7px 15px 5px 15px;*/
}

/* Cusomer Adress basket + order receipt php */
#PasswordBox, #AdressBox, #ResetPassword, #ChangePasswordBox, #ZahlungsweiseBox, 
#BemerkungsBox, #ResetPasswortHelp {
position:relative; border:1px solid #ccc;
}



#PasswordBox table, #AdressBox table, #ChangePasswordBox table, #ZahlungsweiseBox table,
#BemerkungsBox table {
  margin:20px; 
  width:560px;
  background-color:#fff;
}

#PasswordBox .Caption,
#AdressBox .Caption,
#ZahlungsweiseBox .Caption,
#BemerkungsBox .Caption {
  padding: 5px; 
  position:absolute; 
  top:-10px; 
  left:10px; 
  background-color: #00cc66;
  width:90%;
}


/* ResetPassword */


.lm  {position:relative; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(../pics/konto/pdaten/pdaten_lm.png) top left repeat-y;}
.rm  {position:relative; margin:0px 0px 0px 0px; padding:0px 0px; background:url(../pics/konto/pdaten/pdaten_rm.png) top right repeat-y;}
.lo  {position:relative; margin:0px; padding:0px; background:url(./images/boxes/box01/pdaten_lo.png) top left no-repeat;}
.ro  {position:relative; margin:0px; padding:0px; background:url(./images/boxes/box01/pdaten_ro.png) top right no-repeat;}
.ru  {position:relative; margin:0px; padding:0px; background:url(./images/boxes/box01/pdaten_ru.png) bottom right no-repeat;}
.lu  {position:relative; margin:0px; padding:0px; background:url(./images/boxes/box01/pdaten_lu.png) bottom left no-repeat;}