/* - - - - - - - - - - - - - - - - - - - - - - *\
| stylesheet für www.orthim.de
| fasc | 2008-07-04
|
| inhaltsverzeichnis
| - CSS-Reset & RTE (include)
| - allg. Elemente
| - Branding
| - Inhaltsbereich
| - Footer
| - Navigation
| - seitespezifische Dinge
| - Formulare
|
\* - - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - *\
| css-reset & RTE (include)
\* - - - - - - - - - - - - - - - - - - - */

@import "./@external/reset.css";


/* - - - - - - - - - - - - - - - - - - - *\
| allg. Elemente
\* - - - - - - - - - - - - - - - - - - - */

body {
  background: #d1d6dc;
}

a, h2, h3, li, p {
  color: #646464;
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  line-height: 16px;
  text-decoration:none;
}

#page {
  margin: 0 auto;
  width: 793px;
}


/* - - - - - - - - - - - - - - - - - - - *\
| Branding
\* - - - - - - - - - - - - - - - - - - - */

#branding {
  background: url(../images/branding.png) no-repeat;
  position: relative;
  width: 793px; height: 205px;
  z-index: 2;
}

#branding h1, #branding p {
  text-indent: -9999px;
}

* html body #branding {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/branding.png');
}

/* - - - - - - - - - - - - - - - - - - - *\
| Footer
\* - - - - - - - - - - - - - - - - - - - */

#footer {
  margin-bottom: 15px;
  text-align: center;
}

#footer ul {
  margin: 0 auto;
  width: 400px;
  overflow: auto;
}

#footer li {
  float: left;
  margin: 0 0 0 5px;
}

#footer a {
  text-decoration: none;
}


/* - - - - - - - - - - - - - - - - - - - *\
| Inhaltsbereich
\* - - - - - - - - - - - - - - - - - - - */

#content {
 
}

#content ul {
  overflow: hidden;
  position: relative; top: -24px;
  width: 810px;
}

#content li {
  background: url(../images/li-bottom.jpg) no-repeat left bottom #fff;
  float: left;
  margin-right: 11px; margin-bottom: 10px;
  width: 391px; height: 217px;
}

#content h2 {
  background: url(../images/li-top.jpg) no-repeat;
  padding-left: 25px;
  height: 25px;
}

#content h2, #content h2.marked a {
  color: #fff;
  font-size: 15px; font-weight: bold;
  line-height: 25px;
}

#content h2.marked a {
  background-image: none;
	padding-left:0px;
}

#content h2.marked {
  background: url(../images/li-top-marked.jpg) no-repeat;
	z-index:99;
}

#content h3 {
  color: #a70e12;
  font-size: 12px;
  margin: 17px 0 0 27px;
  width: 190px;
}

#content h3 a {
  background-image:none;
	padding-left:0px;
	color:#A70E12;
	font-size:12px;
	margin:17px 0 0 0px;
}

#content p {
  margin: 0 0 3px 27px;
  width: 190px;
}

#content p.link {
  margin: 5px 0 0 10px;
}

#content img {
  float: right;
  margin: 30px 10px 0 10px;
}

#content a {
  background: url(../images/a.gif) no-repeat 4px 3px;
  font-weight: bold;
  padding-left: 17px;
}

/* - - - - - - - - - - - - - - - - - - - *\
| seitespezifische Dinge
\* - - - - - - - - - - - - - - - - - - - */

#neue-produkte {
  background: #fff url(../content/homoeopathie.jpg) no-repeat center bottom !important;	
}

#neue-produkte p {
  width: 340px;
  margin-top: 10px;
}

#vital div {
  background: url(../content/orthim-vital-2011.jpg) no-repeat right 75px;
  height: 100%;
}

#vital p {
  width: 190px;
}

#salze div {
  background: url(../content/orthim-salze-globuli.jpg) no-repeat right 40px;
  height: 100%;
}

#salze p {
  width: 210px;
}

#salben div {
  background: url(../content/orthim-salben.jpg) no-repeat right 62px;
  height: 100%;
}

#salben p {
  width: 210px;
}

#rhino {
	/*clear: left;
	float: none;
	margin-left: 210px;*/
}

#rhino div {
  background: url(../content/rhino-orthim.jpg) no-repeat right 50px;
  height: 100%;
}

#rhino h3 {
  width: 380px;
}

#rhino p {
  width: 210px;
}

#homeo div {
  background: url(../content/homeo-orthim.jpg) no-repeat right 75px;
  height: 100%;
}

#bodytect div {
	background: url(../content/bodytect.jpg) no-repeat right 41px;
  height: 100%;
}

#bodytect h3 {
	width: 360px;
}

#bodytect p {
	width: 215px;
}

#bodytect p a {
	background-image: none;
	padding-left: 0px;
}