* {margin:0;padding:0}
// body {font-family:Tahoma, Geneva, sans-serif;font-size:100%;line-height:.9375em;color:black;position:relative;background:url(images/body-bg.gif) center top repeat-y}

body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 100%;
	line-height: .9375em;
	color: black;
	overflow: hidden;
	min-width: 1280px;
}

/*
.bg_index {background:url(images/hintergrund_index.jpg) no-repeat center top; background-size: 100%; min-width: 1000px;}
.bg_reiki {background:url(images/hintergrund_reiki.jpg) no-repeat left top; background-size: 100%;}
.bg_mh {background:url(images/hintergrund_mh.jpg) no-repeat left top; background-size: 100%;}
.bg_ra {background:url(images/hintergrund_ra.jpg) no-repeat left top; background-size: 100%;}
.bg_lichterseelen {background:url(images/hintergrund_lichterseelen.jpg) no-repeat left top; background-size: 100%;}
.bg_karuna-reiki {background:url(images/hintergrund_karuna_reiki.jpg) no-repeat left top; background-size: 100%;}
*/
.logo {position:absolute; top:40px; left:55px;}

input, textarea, select {font-family:Tahoma, Geneva, sans-serif;font-size:1em}
.fleft {float:left;margin-right:10px;margin-bottom:10px;}
.fright {float:right;margin-left:10px;margin-bottom:10px;}
.clear {clear:both}
.col-1, .col-2, .col-3 {float:left}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden;text-align:left; margin: 0px auto;}
p {margin-bottom:15px}
/* GLOBAL */
#main {width:1020px;margin:0 auto;height:auto !important;height:100%;min-height:100%;position:relative}
#header, #content, #footer {font-size:0.75em}
//.top-bg {                  padding:0 20px;margin: 0 auto;position:absolute; left:10px;min-height:100%;height:auto !important;height:100%; width: 1020px;}
.top-bg, .top-bg-index, .top-bg-magnified-healing, .top-bg-reiki-anwendungen, .top-bg-karuna-reiki {            padding:0 20px;margin: 0 auto;position:absolute; left:-100px;min-height:100%;height:auto !important;height:100%; width: 1280px;}
/* txt, links, lines, titles */
a {
	color: #004000;
	outline: none;
}
a:hover{text-decoration:none}
h1 {padding:28px 0 0 10px;font-size:3em;line-height:1em;float:left}
h1 a {display:block;background:url(images/logo.png) no-repeat left top;width:237px;height:80px;text-indent:-9999px}
h1 span {background:url(images/slogan.jpg) no-repeat left top;text-indent:-9999px;display:block;height:22px;width:437px}
h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:1.8em;line-height:1.1em;text-transform:uppercase;font-weight:normal;margin-bottom:23px}
h3 {font-size:1em;padding:2px 0 0 0;margin-bottom:10px}
/* header */
#header {height:100px}
#header .top-links {float:right;padding-top:17px}
#header .top-links li {float:left}
/* nav */
#nav {float:left;width:250px;margin-right:20px;padding:40px 0 0 0;position:relative;margin-top:100px;}
#nav ul li {width:100%;list-style-type:none;}
#nav ul li a {text-decoration: none;}
#nav ul li a .flach{
	display: block;
	background: url(images/nav-bg.png) no-repeat left top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 240px;
	height: 27px;
	line-height: 120%;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	text-indent: 11px;
	margin-bottom: 5px;
	padding-top:4px;
	position: relative;
	z-index: 10;
}
#nav ul li a .hoch{
	display: block;
	background: none;
	background: url(images/nav-bg-hoch.png) no-repeat left top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 240px;
	height: 44px;
	line-height: 120%;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	text-indent: 0px;
	padding: 5px 0px 2px 11px;
	margin-bottom: 4px;
	position: relative;
	z-index: 10;
}
#nav ul li a:hover {color:#011032}
#nav ul li ul li a {
	margin-left: 50px;
	display: block;
	background: url(images/nav-bg-2.png) no-repeat left top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 240px;
	height: 27px;
	line-height: 120%;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	text-indent: 11px;
	margin-bottom: 5px;
	padding-top:4px;
	position: relative;
	z-index: 10;
}
#nav ul li ul li a:hover {color:#011032}


//.extra-img {position:absolute;top:316px;left:-11px}
/* content */
#content {float:left;width:641px;min-height:420px;height:auto !important;height:420px;margin-top:100px;}
#content-index {float:left;width:300px;min-height:700px;height:auto !important;height:700px; padding:40px 0}
#content {padding:40px 0 0 0}
#content .section {padding:0 0 34px 0}
#content-index .section {padding:0 0 34px 0}
/* list */
ul {list-style:bullet}
#content ul {padding-bottom:15px}
#content ul li {font-weight:normal;padding-bottom:8px}
#content ul li a {
	color: #004000;
}
#content ul li ul {padding:10px 0 0 12px}
#content ul li ul li {font-weight:normal}
#content .items-list {padding:0}
#content .items-list li {width:100%;overflow:hidden;padding-bottom:20px;font-weight:normal}
#content .items-list li img {float:left;margin-right:20px}
#content .articles {padding:0}
#content .articles li {width:100%;overflow:hidden;padding-bottom:30px; font-weight:normal}
#content .articles li img {float:left;margin-right:20px}
#content .articles li a {	color: #004000;}
/* forms */
input, select {vertical-align:middle;font-weight:normal}
img {border:0;vertical-align:top;text-align:left}
#contacts-form {clear:right;width:100%;overflow:hidden;padding:15px 0 0 0}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both;}
#contacts-form label {float:left;width:280px;line-height:20px;padding-bottom:5px;font-weight:bold}
#contacts-form input {width:246px;padding:2px 0 2px 3px;color:#000;background-color: transparent;}
#contacts-form textarea {width:530px;height:100px;padding:2px 0 2px 3px;background-color: transparent;color:#000;margin-bottom:15px;overflow:auto}
/* boxes */
.box .left-top-corner {background:url(images/left-top-corner.png) no-repeat left top;padding-left:10px}
.box .right-top-corner {background:url(images/right-top-corner.png) no-repeat right top;padding-right:10px}
.box .border-top {background:url(images/border-top.png) left top repeat-x;height:10px;overflow:hidden;font-size:0;line-height:0}
.box .border-left {background:url(images/border-side.png) left top repeat-y;padding-left:1px}
.box .border-right {background:url(images/border-side.png) right top repeat-y;padding-right:1px}
.box .inside { overflow:auto; height: 386px;background:url(images/box-bg.png) left top;padding:14px 35px 23px 25px}
.box .eingang {height: 25px; background:url(images/box-bg.png) left top;padding:14px 39px 23px 39px}
.box .left-bot-corner {background:url(images/left-bot-corner.png) no-repeat left top;padding-left:10px}
.box .right-bot-corner {background:url(images/right-bot-corner.png) no-repeat right top;padding-right:10px}
.box .border-bot {background:url(images/border-bot.png) left top repeat-x;height:10px;overflow:hidden;font-size:0;line-height:0}
.button {float:left;font-size:1.5em;line-height:1.1em;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:241px;text-align:center}
.button span {display:block;padding-left:0px}
.button span span {padding-right:12px;padding-left:0}
.button span span a {display:block;background:url(images/nav-bg.png) left top repeat-x;padding:6px;color:#000;text-decoration:none;text-transform:uppercase}
.button span span a:hover {color:#fff}

/* Automatic scaling Background via CSS by Ben Wildner */

* { margin: 0; padding: 0; }
html, body, #bw-scaling-background, #bw-scaling-background table, #bw-scaling-background td { height:100%; width:100%; overflow:hidden; }
#bw-scaling-background { z-index: 0; }
#bw-scaling-background div { height:200%; left:-50%; position:absolute; top:-50%; width:200%; }
#bw-scaling-background td { text-align:center; vertical-align:middle; }
#bw-scaling-background img { margin:0 auto; min-height:50%; min-width:50%; }
#bw-wrapper { position:absolute; top:0; left:0; z-index:70; overflow:auto; width:100%; height:100%; }