/* - - - - - - - - - - - - - - - - - - - - - - *\
| stylesheet für www.orthim.de/homoeopathie
| tikl | 2009-06-04
|
| inhaltsverzeichnis
| - CSS-Reset & RTE (include)
| - allg. Elemente
| - Inhaltsbereich
|
\* - - - - - - - - - - - - - - - - - - - - - - */

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

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


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

body {
  	background: #355692;
	color: #fff;
}

a, h1, h2, h3, h4, li, p {
  	color: #4B4B4D;
  	font-family: Arial, Helvetica, Sans-Serif;
  	font-size: 12px;
  	line-height: 14px;
  	text-decoration: none;
}

sup {
	font-size: 0.8em;
	vertical-align:super;
}


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

#top {
	position: relative;
	background: #355692 url(../images/back_top.jpg) top left repeat-x;
	height: 62px;
}

#content {
	position: relative;
	background: #fff url(../images/back_content.jpg) top left no-repeat;
	height: 496px;
}

#bottom {
	position: relative;
	background: #355692 url(../images/back_bottom.jpg) top left repeat-x;
	height: 106px;
}

#logo {
	position: absolute;
	left: 578px;
}

#footer {
	position: absolute;
	left: 288px;
	top: 3px;
}

#footer a {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	margin-right: 9px;
}

#footer a img {
	vertical-align: middle;
}

#packshots {
	position: absolute;
	top: 229px;
	left: 680px;
}

#packshots_klein {
	position: absolute;
	top: 327px;
	left: 800px;
}

#headlines {
	position: absolute;
	left: 288px;
	top: 72px;
	width: 480px;
}

#headlines h1 {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

#headlines h2 {
	margin-top: -5px;
	margin-left: -1px;
	font-size: 31px;
	line-height: 33px;
	color: #355692;
	text-transform: uppercase;
}

#headlines h3 {
	margin-top: 5px;
	font-size: 12px;
	line-height: 15px;
	text-align: justify;
}

#headlines p {
	margin-top: 10px;
}

#text {
	position: absolute;
	top: 216px;
	left: 490px;
	width: 180px; 
	text-align: right;
}

#text h4 {
	font-size: 12px;
	line-height: 15px;
	color: #355692;
}

#text p {
	line-height: 16px;
}

#text p a, #headlines p a {
	color: #355692;
	font-weight: bold;
}

#text p a img, #headlines p a img {
	vertical-align: middle;
}

/* - - - - - - - - - - - - - - - - - - - *\
| Pflichtangaben
\* - - - - - - - - - - - - - - - - - - - */

body#pflichttext {
	background-color: #fff;
	padding: 15px 25px;
}

body#pflichttext p {
	margin: 8px 0px 3px 0px;
}

body#pflichttext h1 {
	margin-top: 18px;
	margin-left: -1px;
	font-size: 31px;
	line-height: 33px;
	color: #355692;
	text-transform: uppercase;
}

body#pflichttext h3 {
	margin-top: 5px;
	font-size: 12px;
	line-height: 15px;
}

body#pflichttext p strong {
	color: #355692;
	font-weight: bold;
}