/* ==== COMMON SETTINGS ==== */
*       { margin:0; padding: 0; }
p       { padding-bottom: 15px; }
a       { text-decoration: none; color: #0a305f; }
ul	{ list-style-position: inside; }
a:hover { text-decoration: underline; }
.clear  { clear: both; }
body    { font: 100% Arial, Helvetica, sans-serif; background: #02315d url('img/body.jpg') top center repeat-x; color: #58585a; }
.logo   { position: absolute; top: 32px; left: 44px; z-index: 5000; }

/* ==== HEADINGS ==== */
h1	{ font-size: 26pt; font-weight: normal; color: #0a305f; margin-bottom: 15px; }
h2	{  }
h3	{  }

/* ==== FORMS ==== */
.text,
.textarea,
.select	       { border: 1px solid #ccc; padding: 2px; width: 220px; font: 9pt Arial; margin-bottom: 5px; color: #333; }
.submit	       { border: none; background: #999; color: #fff; padding: 2px 10px; font: 8pt Arial; font-weight: bold; }
.submit:hover  { cursor: pointer; background: #666; color: #fff; }
label	       { display: block; float: left; width: 130px; }
input.error		{ border: 1px solid #ff0000; }
p.error			{ color: #ff0000; }

/* ==== PAGE POSITIONING ==== */
#wrapper       { position: relative; width: 940px; padding: 0 20px 20px 20px; background: #fff; }
#container     { background: #fff url('img/main.png') 240px 0 no-repeat; margin-bottom: 15px; }
#header	       { position: relative; height: 80px; margin-bottom: 5px; overflow: visible; }
#left	       { margin-right: 20px; }
#right	       { float: left; width: 220px; padding-top: 190px; }
#main	       { margin-left: 480px; min-height: 360px; padding-top: 15px; }
#footer	       { clear: both; }

/* ------ Header ------ */
#header .inside		{ overflow: visible; }
#header .topnav		{ position: absolute; top: 0; right: 0; height: 80px; width: 701px; background: #0a305f url('img/topnav.png') bottom left no-repeat; }
#header .topnav ul	{ text-align: center; padding-top: 45px; }
#header .topnav li	{ display: inline; padding: 0 15px; }
#header .topnav a	{ color: #fff; text-decoration: none; }
#header .topnav span	{ color: #fff; font-weight: bold; }

/* ------ Main ------ */
#main .inside		   { padding-top: 167px; font-size: 90%; padding-bottom: 20px; }
.startseite #main	   { color: #0a305f; font-size: 110%; margin-left: 240px; background: #fff url('img/startseite.jpg') top right no-repeat; }
.startseite #main .inside  { padding-top: 130px; }
.caption		   { font-size: 7pt; text-align: center; }

/* ------ Left ------ */
#left			{ padding-top: 195px; }
.startseite #left	{ padding-top: 140px; font-size: 90%; }
#left .leftnav ul	{ font-size: 13pt; list-style-type: none; line-height: 25px; }
#left .leftnav span	{ font-weight: bold; }
#left .tipp		{ display: block; margin: 20px 0 30px 0; }
#left a:hover		{ text-decoration: none; }
#left .level_2 li	{ margin-left: 10px; font-size: 9pt; line-height: normal; list-style-type: disc; }

#left li .img		{ display: block; height: 30px; padding: 1px 0; padding-left: 30px; background-repeat: no-repeat; }
#left li .wasser	{ background-image: url('nav/wasser.jpg'); }
#left li .bewegung	{ background-image: url('nav/bewegung.jpg'); }
#left li .ernaehrung	{ background-image: url('nav/ernaehrung.jpg'); }
#left li .heilpflanzen	{ background-image: url('nav/heilpflanzen.jpg'); }
#left li .innere-balance{ background-image: url('nav/innere-balance.jpg'); }
#left li .paket1	{ padding-left: 60px; background-image: url('nav/paket1.jpg'); }
#left li .paket2	{ padding-left: 60px; background-image: url('nav/paket2.jpg'); }
#left li .paket3	{ padding-left: 60px; background-image: url('nav/paket3.jpg'); }
#left li .paket4	{ padding-left: 60px; background-image: url('nav/paket4.jpg'); }

/* ------ Footer ------ */
#footer li		{ display: block; float: left; margin-right: 18px; }
#footer a,
#footer span		{ display: block; width: 221px; height: 220px; text-indent: -3000px; background-repeat: no-repeat; background-color: #fff; }
#footer .last		{ margin: 0; }
#footer li .saeulen	{ background-image: url('img/5-saeulen.jpg'); }
#footer li .pakete	{ background-image: url('img/pauschalangebote.jpg'); }
#footer li .orte	{ background-image: url('img/orte.jpg'); }
#footer li .verband	{ background-image: url('img/kneippverband.jpg'); }
#footer .powered	{ font-size: 8pt; color: #666; text-align: center; padding: 10px 0 0 0; margin-bottom: -10px; }
#footer .powered a	{ display: inline; width: auto; height: auto; text-indent: 0; color: #666; }

