/* ----------------------------------
Styles zahn-medzin.info 

Autor: Antonia Schönstein 

Inhalt:
1. Kalibrierung
2. Allgemeine Styles
3. Layout-Styles
4. Sonstiges 
---------------------------------- */



/* ----------------------------------
   1. Kalibrierung */

* { padding: 0; margin: 0; } 
img { border: 0px; }


/* ----------------------------------
   2. Allgemeine Styles */   

html,body { 
  background-color: #ffffff; 
	color: #555555; 
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size:  12px;
	line-height:19px;
	height: 100%; 
}

p {
	padding-bottom:15px;
}

h1{ 
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 600;
	color: #5F853C; 
	line-height:28px;
	padding-top: 5px;
}
h2{ 
  font-size: 17px;
  font-weight: 600;
	color: #FF7C34; 
	line-height:20px;
	padding-top: 15px;
}
h3{ 
  font-size: 14px;
  font-weight: 600;
	color: #5F853C; 
	line-height:20px;
}
h4{ 
  font-size: 12px;
  font-weight: 600;
	color: #FF7C34; 
	line-height:15px;
	padding-top: 5px;
}
.preis{ 
  font-size: 14px;
  font-weight: 600;
	line-height:20px;
	padding-top: 5px;
	float:left;
}
.bestellen{ 
  font-size: 14px;
  font-weight: 600;
	color: #FF7C34; 
	line-height:20px;
	padding-top: 5px;
	right:0px;;
}
.bestellungOn{ 
  font-size: 13px;
  font-weight: 600;
	color: #FF7C34; 
	line-height:15px;
	padding-top: 5px;
}
.bestellungOff{ 
  font-size: 13px;
  font-weight: 600;
	color: #999999; 
	line-height:15px;
	padding-top: 5px;
}
	 
/* Hyperlinks */  

a { 
  outline: none;
	color: #5F853C;
} 
a:active, a:vistid, a:focus {
	color:#5F853C;
}
a:hover{
	color:#FF7C34;
}

a.nav:link, a.nav:visited  {
	color: #5F853C;
  font-size: 12px;
  font-weight: 500;
	line-height:22px;
}

a.nav:active {
	color:#D7E7D2;
}

a.nav:hover, a.nav:focus{
	color:#FF7C34;
}
a.metanav:link, a.metanav:visited  {
	/*color: #5F853C;*/
	color: #ffffff;
  font-size: 12px;
  font-weight: 500;
	line-height:22px;
	text-decoration: none;
}

a.metanav:active {
	color:#D7E7D2;
}

a.metanav:hover, a.metanav:focus{
	color:#FF7C34;
}
.metanav {
	/*color: #5F853C;*/
	color: #ffffff;
  font-size: 12px;
  font-weight: 500;
	line-height:22px;
	text-decoration: none;
}

.navon  {
	color: #5F853C;
  font-size: 12px;
  font-weight: 600;
	line-height:22px;
}

/* ----------------------------------
   3. Styles für Layoutbereiche */   

#rahmen { 
	width:970px;
	margin:0px auto;
	min-height:800px;
	height:100%;
}

#header { 
	position:relative;
	width: 970px;
	height: 178px;
	top: 10px;
	left: 0px;
	z-index:1;
	/*border:1px solid #66a;*/
}
#metanav { 
	position:absolute;
	text-align: right;
	padding-top: 3px;
	padding-left: 15px;
	z-index:1;
	/*border:1px solid #66a;*/
}
#left,#right {
	width:18%;
	line-height:18px;
}
#left {
	float:left;
}
#right {
	float:right;
	align:left,
}
#content {
	width:58%;
	float:left;
	padding-left: 6px;
	margin-left:2%;
}
#box_top {
	background-image: url(../images/bg_box_top.gif);
	background-repeat:no-repeat;
	text-align:center;
	color:#FF7C34;
	font-size:14px;
	font-weight:600;
	padding-top:8px;
}
#box_middle {
	background-image: url(../images/bg_box_middle.gif);
	background-repeat:repeat;
}
#box_bottom {
	background-image: url(../images/bg_box_bottom.gif);
	background-repeat:no-repeat;
}
#produktbild {
	float:left;
	align:left;
	padding-right:20px;
}
#produktbild2 {
	float:left;
	align:left;
	padding-right:10px;
	width:80px;
}
#produktbild3 {
	float:left;
	align:left;
	padding-right:10px;
	width:50px;
}
#produktinfo {
	float:left;
	align:left;
	width:340px;
}
#produktinfo2 {
	float:left;
	align:left;
	width:260px;
}
#produktpreis {
	float:left;
	align:left;
	text-align:right;
	padding-right:10px;
	width:70px;
}
#produktanzahl {
	float:left;
	align:left;
	padding-left:5px;
	width:40px;
}
#produktanzahl2 {
	float:left;
	align:left;
	text-align:center;
	width:70px;
}
#gesamtpreis {
	float:left;
	align:left;
	text-align:right;
	width:70px;
}

/* ----------------------------------
   4. Sonstige Styles  */