html {
	height: 100%;
	width: 100%;
}
body {
	height: 100%;
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font: 8.5pt/11pt Verdana,Arial,Helevtica,sans-serif;
	color: #000000;
	background-color: #333333;
}
* html,
* html body,
* html textarea {
	scrollbar-base-color:#CCCCCC;
  scrollbar-3d-light-color:#F1F1F1;
  scrollbar-arrow-color:#666666;
  scrollbar-darkshadow-color:#CCCCCC;
  scrollbar-face-color:#EBEBEB;
  scrollbar-highlight-color:#CCCCCC;
  scrollbar-shadow-color:#CCCCCC;
  scrollbar-track-color:#F1F1F1;
}

table,td,input,select,textarea { font: 8.5pt/11pt Verdana,Arial,Helevtica,sans-serif; }

#placeholder {
	height: 50%;
	width: 100px;
	margin-bottom: -300px;
	float: left;
}
#container {
	position: relative;
	width: 950px;
	height: 600px;
	text-align: left;
	clear: left;
}

#nav {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 230px;
	height: 600px;
	background-color: #EBEBEB;
}
#nav div.whoiswho {
	position: absolute;
	top: 20px;
	left: 20px;
}
#nav div.coaching {
	position: absolute;
	top: 90px;
	left: 20px;
}
#nav div.kunst {
	position: absolute;
	top: 160px;
	left: 20px;
}
#nav div.kommunikation {
	position: absolute;
	top: 230px;
	left: 20px;
}
#nav div.lifestyle {
	position: absolute;
	top: 300px;
	left: 20px;
}
#nav div.reisen {
	position: absolute;
	top: 370px;
	left: 20px;
}
#nav div.kontakt {
	position: absolute;
	top: 440px;
	left: 20px;
}
#nav div.zeitgeist {
	position: absolute;
	top: 570px;
	left: 20px;
}
#nav div.sub {
	padding-left: 15px;
}
#nav div img {
	display: block;
	margin: 2px 0;
}

#content {
	position: absolute;
	top: 0px;
	left: 230px;
	width: 720px;
	height: 600px;
	overflow: hidden;
	background-color: #666666;
}
#content a {
	color: #000000;
}
#content ul {
	margin: -1em 0 0 0;
	padding: 0;
	list-style-type: none;
}
* html #content ul { margin: -1.5em 0 0 0; }
#content ul li {
	background: url(media/layout/ul.png) no-repeat left 0.5em;
	padding: 1px 0 1px 10px;
	margin: 0;
}
#content .headline {
	font-weight: bold;
}
.content_home { background: url(media/layout/bg/home.jpg) no-repeat left top; color: #E1017B; }
.content_whoiswho { background: url(media/layout/bg/whoiswho.jpg) no-repeat left top;}
.content_henn { background: url(media/layout/bg/henn.jpg) no-repeat left top; }
.content_bauer { background: url(media/layout/bg/bauer.jpg) no-repeat left top; }
.content_vision { background: url(media/layout/bg/vision.jpg) no-repeat left top; }
.content_coaching { background: url(media/layout/bg/coaching.jpg) no-repeat left top; color: #FFFFFF; }
.content_sessions { background: url(media/layout/bg/sessions.jpg) no-repeat left top; }
.content_heldenreise { background: url(media/layout/bg/heldenreise.jpg) no-repeat left top; }
.content_evokation { background: url(media/layout/bg/evokation.jpg) no-repeat left top; }
.content_kunst { background: url(media/layout/bg/kunst.jpg) no-repeat left top; color: #FFFFFF; }
.content_soulsigns { background: url(media/layout/bg/soulsigns.jpg) no-repeat left top; }
.content_wallart { background: url(media/layout/bg/wallart.jpg) no-repeat left top; }
.content_teppiche { background: url(media/layout/bg/teppiche.jpg) no-repeat left top; }
.content_kommunikation { background: url(media/layout/bg/kommunikation.jpg) no-repeat left top; }
.content_buecher { background: url(media/layout/bg/buecher.jpg) no-repeat left top; }
.content_impulskarten { background: url(media/layout/bg/impulskarten.jpg) no-repeat left top; }
.content_kalender { background: url(media/layout/bg/kalender.jpg) no-repeat left top; }
.content_lifestyle { background: url(media/layout/bg/lifestyle.jpg) no-repeat left top; color: #FFFFFF; }
.content_mode { background: url(media/layout/bg/mode.jpg) no-repeat left top; }
.content_wandwortbilder { background: url(media/layout/bg/wandwortbilder.jpg) no-repeat left top; }
.content_community { background: url(media/layout/bg/community.jpg) no-repeat left top; }
.content_reisen { background: url(media/layout/bg/reisen.jpg) no-repeat left top; }
.content_aktuelle { background: url(media/layout/bg/aktuelle.jpg) no-repeat left top; }
.content_rueckblicke { background: url(media/layout/bg/rueckblicke.jpg) no-repeat left top; }
.content_impressionen { background: url(media/layout/bg/impressionen.jpg) no-repeat left top; }
.content_kontakt { background: url(media/layout/bg/kontakt.jpg) no-repeat left top; color: #FFFFFF; }
.content_zeitgeist { background: url(media/layout/bg/zeitgeist.jpg) no-repeat left top; color: #FFFFFF; }
.content_impressum { background-color: #666666; color: #FFFFFF; }

#home table { color: #E1017B; }
#coaching table,
#kunst table,
#lifestyle table,
#kontakt table,
#zeitgeist table { color: #FFFFFF; }

#whoiswho {
	position: absolute;
	top: 0px;
	left: 30px;
	width: 670px;
	height: 600px;
	padding-right: 20px;
}
* html #whoiswho { 	width: 690px; }
#home,
#coaching,
#kunst,
#lifestyle,
#kontakt {
	position: absolute;
	top: 0px;
	left: 90px;
	width: 610px;
	height: 600px;
	padding-right: 20px;
}
#zeitgeist {
	position: absolute;
	top: 0px;
	left: 30px;
	width: 670px;
	height: 600px;
	padding-right: 20px;
}
* html #home,
* html #coaching,
* html #kunst,
* html #lifestyle,
* html #kontakt { width: 630px; }
* html #zeitgeist { width: 690px; }
#kommunikation {
	position: absolute;
	top: 0px;
	left: 470px;
	width: 215px;
	height: 600px;
	padding-right: 20px;
}
* html #kommunikation {
	width: 235px;
}
#reisen {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 680px;
	height: 570px;
	padding-right: 20px;
}
* html #reisen {
	width: 670px;
}
#henn,
#bauer,
#vision,
#sessions,
#heldenreise,
#evokation,
#soulsigns,
#wallart,
#teppiche,
#buecher,
#impulskarten,
#kalender,
#mode,
#wandwortbilder,
#community,
#aktuelle,
#rueckblicke,
#impressionen {
	position: absolute;
	top: 90px;
	left: 70px;
	width: 460px;
	height: 510px;
	padding-right: 20px;
}
* html #henn,
* html #bauer,
* html #vision,
* html #sessions,
* html #heldenreise,
* html #evokation,
* html #soulsigns,
* html #wallart,
* html #teppiche,
* html #buecher,
* html #impulskarten,
* html #kalender,
* html #mode,
* html #wandwortbilder,
* html #community,
* html #aktuelle,
* html #rueckblicke,
* html #impressionen { width: 480px; }
#impressum {
	position: absolute;
	top: 90px;
	left: 70px;
	width: 630px;
	height: 510px;
	padding-right: 20px;
}
* html #impressum { width: 650px; }
#coaching ul li,
#kunst ul li,
#lifestyle ul li,
#zeitgeist ul li,
#kontakt ul li { background: url(media/layout/ul_w.png) no-repeat left 0.5em; }
#home a { color: #E1017B; }
#coaching a,
#kunst a,
#lifestyle a,
#zeitgeist a,
#kontakt a { color: #FFFFFF; }
#impressum a { text-decoration: none; color: #CCC; }
#impressum a:hover { text-decoration: underline; }
#home div.accent, #home p.accent { background: url(media/layout/bg/accent_home.gif) repeat left top; }
#whoiswho div.accent, #whoiswho p.accent,
#henn div.accent, #henn p.accent,
#bauer div.accent, #bauer p.accent,
#vision div.accent, #vision p.accent { background: url(media/layout/bg/accent_whoiswho.gif) repeat left top; }
#coaching div.accent, #coaching p.accent,
#sessions div.accent, #sessions p.accent,
#heldenreise div.accent, #heldenreise p.accent,
#evokation div.accent, #evokation p.accent { background: url(media/layout/bg/accent_coaching.gif) repeat left top; }
#kunst div.accent, #kunst p.accent,
#soulsigns div.accent, #soulsigns p.accent,
#wallart div.accent, #wallart p.accent,
#teppiche div.accent, #teppiche p.accent { background: url(media/layout/bg/accent_kunst.gif) repeat left top; }
#kommunikation div.accent, #kommunikation p.accent,
#buecher div.accent, #buecher p.accent,
#impulskarten div.accent, #impulskarten p.accent,
#kalender div.accent, #kalender p.accent { background: url(media/layout/bg/accent_kommunikation.gif) repeat left top; }
#lifestyle div.accent, #lifestyle p.accent,
#mode div.accent, #mode p.accent,
#wandwortbilder div.accent, #wandwortbilder p.accent,
#community div.accent, #community p.accent { background: url(media/layout/bg/accent_lifestyle.gif) repeat left top; }
#reisen div.accent, #reisen p.accent,
#aktuelle div.accent, #aktuelle p.accent,
#rueckblicke div.accent, #rueckblicke p.accent,
#impressionen div.accent, #impressionen p.accent { background: url(media/layout/bg/accent_reisen.gif) repeat left top; }
#kontakt div.accent, #kontakt p.accent { background: url(media/layout/bg/accent_kontakt.gif) repeat left top; }
#zeitgeist div.accent, #zeitgeist p.accent { background: url(media/layout/bg/accent_zeitgeist.gif) repeat left top; }
div.accent {
	margin: 0 20px 10px 0;
	padding: 10px;
}
p.accent {
	margin: 10px 20px 10px 0;
	padding: 10px;
}
div.accent p {
	margin: 5px 0;
	padding: 0;
}
div.accent div.images {
	padding: 0;
	margin-right: -5px;
}
div.accent div.images img {
	margin: 0 5px 5px 0;
	vertical-align: top;
}
div.accent div.coaching {}
div.scroll { overflow: auto; }

#logo {
	position: absolute;
	top: 480px;
	left: 0px;
}
#nav_impressum {
	position: absolute;
	top: 20px;
	left: 840px;
}

#popup {
	display: none;
	width: 950px;
	height: 600px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: auto;
	background-color: EBEBEB;
}
#popup div.contactform {
	position: relative;
	top: 100px;
	left: 250px;
	width: 450px;
}
#popup fieldset { padding: 15px; }
#popup legend { font-weight: bold; }

#popup div.slideshow {
	position: relative;
	top: 30px;
	left: 125px;
	width: 662px;
	height: 540px;
	background-color: #FFFFFF;
}
#images {
	position: relative;
	top: 10px;
	left: 10px;
	width: 640px;
	height: 480px;
	border: 1px solid #000000;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center center;
}
#prev {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 320px;
	height: 480px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left 100px;
}
#next {
	position: absolute;
	top: 10px;
	left: 330px;
	width: 320px;
	height: 480px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right 100px;
}
#popup div.footer {
	position: absolute;
	top: 500px;
	left: 20px;
	width: 640px;
	height: 50px;
}
#popup div.footer img.close {
	cursor: pointer;
	float: right;
}

br.clear {
	float: none;
	clear: both;
	height: 1px;
	line-height: 1px;
}