@charset "iso-8859-1";
/******************************************************************/
/*   	Zuletzt bearbeitet am 08.05.2007                          */
/*		Seite: style.css										  */
/*		Ordner: css/									  		  */
/* 		Erstellt von www.perfectweb-design.de					  */
/*		Copyright by Andreas Porz						          */
/******************************************************************/


/* Jeder Tag
------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}


/* Body
------------------------------------------------*/
body {
	background: #FFFFFF;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 90%;
}

/* Seitenbereich; Schriftflu? linksb?ndig */
#wrap {
	text-align: left;
	width: 900px;
	margin: auto;
	border: 1px solid #224334;
	background: #E9ECE5;
}


/* Links
------------------------------------------------*/
a:link, a:active, a:visited {
	color: #224334;
	text-decoration: none;
}

a:hover {
	color: #81A23E;
	text-decoration: underline;
}


/* Header
------------------------------------------------*/
#header p, #header_about p, #header_synergetik p, #header_reiki p, #header_info p, #header_impressum p, #header_news p {
	padding: 5px 10px;
	border-bottom: 1px solid #224334;
}

#header div {
	background: url(../images/header.gif) no-repeat top left;
	height: 264px;
}

#header_about div {
	background: url(../images/header_about.gif) no-repeat top left;
	height: 264px;
}

#header_synergetik div {
	background: url(../images/header_synergetik.gif) no-repeat top left;
	height: 264px;
}

#header_reiki div {
	background: url(../images/header_reiki.gif) no-repeat top left;
	height: 264px;
}

#header_info div {
	background: url(../images/header_info.gif) no-repeat top left;
	height: 264px;
}

#header_impressum div {
	background: url(../images/header_impressum.gif) no-repeat top left;
	height: 264px;
}

#header_news div {
	background: url(../images/header_news.gif) no-repeat top left;
	height: 264px;
}

#header div img, #header_about div img, #header_synergetik div img, #header_reiki div img, #header_info div img, #header_impressum div img, #header_news div img {
	margin: 135px 0 0 45px;
	border: none;
}

#header p span.left, #header_about p span.left, #header_synergetik p span.left, #header_reiki p span.left, #header_info p span.left, #header_impressum p span.left, #header_news p span.left {
	float: left;
}

#header p span.right, #header_about p span.right, #header_synergetik p span.right, #header_reiki p span.right, #header_info p span.right, #header_impressum p span.right, #header_news p span.right {
	float: right;
}


/* Seitenstruktur
------------------------------------------------*/
#navbar {
	float: left;
	width: 300px;
}

#content {
	float: left;
	width: 585px;
	font-size: 90%;
}


/* Navigation
------------------------------------------------*/
#navbar .nav {
	background: url(../images/nav_bg_bottom.gif) no-repeat bottom left;
	margin: 30px 0 0 25px;
}

/* Navigation Links */
#navbar .nav a:link, #navbar .nav a:active, #navbar .nav a:visited {
	color: #FFFFFF;
}

#navbar .nav ul {
	list-style: none;
	width: 250px;
	background: url(../images/nav_bg_top.gif) no-repeat top left;
}

#navbar .nav ul li {
	margin: 0 10px 0 10px;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #FFFFFF;
	clear: both;
}

#navbar .nav ul li a:link, #navbar .nav ul li a:active, #navbar .nav ul li a:visited  {
	color: #FFFFFF;
	display: block;
	clear: both;
	cursor: hand;
}

#navbar .nav ul li a:hover  {
	text-decoration: none;
	color: #333333;
}

#navbar .nav ul li.bottom {
	border-bottom: none;
}

#navbar .nav ul li a span.left {
	float: left;
}

#navbar .nav ul li a span.right {
	float: right;
}

#navbar .nav ul li a:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#navbar img {
	margin: 15px 0 0 25px;
	border: 1px solid #333333;
}

#navbar img.prof {
	margin: 135px 0 0 25px;
	border: 1px solid #333333;
}


/* Newsbox
------------------------------------------------*/
#navbar .news {
	margin: 15px 0 0 25px;
}

#navbar .news h3 {
	font-size: 100%;
	background: url(../images/news_bg_top.gif) no-repeat top left;
	border-bottom: 1px solid #224334;
	width: 230px;
	padding: 5px 10px;
	font-weight: normal;
}

.news_box dl {
	margin: 25px 0;
}

.news_box dl dt {
	margin-bottom: 10px;
	font-size: 110%;
}

#navbar .news dl dd {
	padding: 5px 10px;
}


/* Content
------------------------------------------------*/
#content dl.feature {
	margin: 30px 0 30px 0;
	display: inline-table;
	clear: both;
}

/* Vor IE-mac verstecken\*/
html #content dl.feature { height: 1%; }
#content dl.feature { display: block; }
/* Vor IE-mac verstecken Ende*/

#content dl.feature:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#content dl.feature dt {
	margin: 0 0 .5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #004030;
	font-weight: bold;
}

#content dl.feature dt.dd {
	font-weight: normal;
	font-size:130%;
}

#content dl.feature dt.reiki {
	margin-top: 35px;
}

#content dl.feature dt img {
	float: right;
	margin: 0 15px 0 15px;
	border: 1px solid #333333;
}

#content dl.feature dd {
	line-height: 1.5em;
	color: #333333;
	margin: 0 10px 0 0;
}

#content dl.feature dd.italic {
	font-family: "Bookman Old Style";
	font-style: italic;
	font-size: 140%;
	font-weight: bold;
}

#content dl.feature dd.underline {
	font-weight: bold;
	text-decoration: underline;
	margin: 0 0 5px 0;
}

#content dl.feature dd.font-size {
	font-size: 120%;
}

#content dl.feature dd.green {
	color: #004030;
}

#content dl.feature dd label {
	float: left;
	width: 150px;
}

/* Footer
------------------------------------------------*/
#footer {
	width: 100%;
	clear: both;
}