@charset 'utf-8';
@import url(reset.css);


/* Farben */
/* Blau #204e96; Beige #c4bfab; Dkl-Beige #aaa695; Creme #f9f6e1; Weiß #fdfbf2;  */

/* Allgemeines, Layout */
body {
	color: #c4bfab;
	background-color: #f9f6e1;
	font-family: Verdana, Calibri, "Lucida Grande", sans-serif;
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
}
#container {
	width: 966px;
	margin: 90px auto 30px;
	text-align: left;
}
#kopf {
	min-height: 6em;
}

/* Seiteninhalte */
#inhalt {
	clear: both;
	margin: 5px 0;
	overflow: hidden;
	font-size: 78.57%;
}
.modul {
	float: left;
	color: #204e96;
	overflow: hidden;
	height: 343px;
}
#modul-1 h2 {
	height: 335px;
	width: 140px;
	text-indent: -9999px;
	background: transparent url(img/h2.gif) no-repeat 100px 15px;
}
#modul-1 h2.praxis {
	background-image: url(img/h2-praxis.gif);
}
#modul-1 h2.kontakt { background-image: url(img/h2-kontakt.gif); }
#modul-1 h2.anfahrt { background-image: url(img/h2-anfahrt.gif); }
#modul-1 h2.chiropractic {
	background-image: url(img/h2-chiropractic.gif);
}
#modul-1 h2.hilfe-bei-schmerzen {
	background-image: url(img/h2-hilfe-bei-schmerzen.gif);
}
#modul-1 h2.links {
	background-image: url(img/h2-links.gif);
}
#modul-1 h2.seitenuebersicht {
	background-image: url(img/h2-seitenuebersicht.gif);
}
.schmal {
	width: 205px;
}
.breit {
	width: 365px;
}
.schmal-text {
	width: 175px;
}
.breit-text {
  width: 335px;
}
.schmal-text, .breit-text {
	padding: 15px 15px 20px;
	height: 300px;
	overflow: auto; 
	background-image: none;
}
.modul img {
	height: 335px;
}
#modul-4 img {
	width: 220px;
}

/* Schatten */
.modul {
    background: url(img/schatten.gif) no-repeat bottom right;
    float: left;
}
.modul h2, .modul div, .modul img, .modul>*{
    display: block;
    margin: 0px 8px 8px 0px;
}
.modul:after {
    background: url(img/schatten.gif) bottom left no-repeat;
    display: block;
    width: 16px;
    height: 8px;
    content: "";
    margin: -8px 0px 0px 0px;
}
.modul:before {
    background: url(img/schatten.gif) top right no-repeat;
    display: block;
    height: 16px;
    margin-bottom: -16px;
    content: "";
}

/* Typografie */
h2 {
	font-weight: bold;
}
.modul h3 {
	padding-bottom: 1.5em;
}
.modul h4 {
	padding: 2em 0 .85em;
}
.modul p, .modul table {
	padding-bottom: .85em;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
.l {
	font-size: 1.25em;
	line-height: 1.3;
}
.xl {
	font-size: 1.5em;
	line-height: 1.2;
}
.s {
	font-size: .9em;
}
.versal {
	text-transform: uppercase;
	letter-spacing: 1px;
}
td {
	padding: .25em 1em .5em 0;
}

/* Navigationselemente */
h1 {
	float: right;
	width: 340px;
}
h1 a {
	display: block;
	text-indent: -9999px;
	width: 100%;
	height: 75px;
	background: transparent url(img/heinemeier-logo.gif) no-repeat 30px 0;
}
#navi {
	padding-top: 12px;
	margin-bottom: .3em;
}
#navi, #unter-navi {
	margin-left: 149px;
	line-height: 1.2;
}
#navi, #fuss-navi {
	text-transform: uppercase;
	letter-spacing: 1px;
}
#navi li, #unter-navi li, #fuss-navi li {
	display: inline;
	font-size: 11px;
	white-space: nowrap; /* v2 */
}
#navi li a, #fuss-navi li a {
	padding: 15px .3em 15px 0;
}
#fuss-navi {
	padding-right: 238px;
	text-align: right;
	position: relative;
	left: .3em;
	clear: left;
}
#unter-unter-navi li {
	border-left: 1px solid #c4bfab;
	line-height: 1.1;
	padding: 0 0 2px 1em;
	margin-bottom: .5em;
}

/* Hyperlinks */
a {
	text-decoration: none;
	white-space: nowrap;
}
a:link, a:visited {
	color: #aaa695;
}
a:focus, a:hover, a:active, .aktiv a:link, .aktiv a:visited {
	color: #204e96;
}

/* Sitemap */
#inhalt #modul-sitemap {
	text-transform: uppercase;
	width: 365px;
	height: auto;
	overflow: visible;
	line-height: 1;
}
#inhalt #modul-sitemap div {
	height: auto;
}
#sitemap ul {
	text-transform: none;
	padding-left: 1.1em;
	margin: .6em 0;
}
#sitemap li {
	margin-bottom: .6em;
}
#sitemap>li>ul {
	margin-bottom: 1.5em;
}
#sitemap a {
	border-left: 1px solid #204e96;
	padding-left: 1em;
	color: #204e96;
}
#sitemap a:hover {
	text-decoration: underline;
}