/*
---------------------------------------------------------
Basics
---------------------------------------------------------
*/

* {
margin: 0;
padding: 0;
}

body {
background:url(bilder_layout/upper_background_2.gif);
background-repeat: repeat-x;
background-position: top center;
background-color: #F6F6EE;
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
color: #585250;
}

p {
margin-bottom: 10px;
}

/*
---------------------------------------------------------
Typography
---------------------------------------------------------
*/

h1 {
float: right;
margin-top: 10px;
margin-right: 26px;
width: 214px;
height: 89px;
background:url(bilder_layout/logo.gif);
text-indent: -9000px;
overflow: hidden;
}

h2 {
margin-left: 166px;
margin-bottom: 20px;
width: 200px;
height: 49px;
text-indent: -9000px;
overflow: hidden;
}

h3 {
margin-bottom: 12px;
width: 260px;
height: 49px;
text-indent: -9000px;
overflow: hidden;
}

.home_willkommen h3 {
background:url(bilder_layout/headline_home_willkommen.gif);
}

.home_angebot h3 {
background:url(bilder_layout/headline_home_winter.gif);
}

.home_schnupper h3 {
background:url(bilder_layout/headline_home_schnupper.gif);	
}

.home_zdf h3 {
background:url(bilder_layout/headline_home_zdf.gif);	
}

.home_massagen h3 {
background:url(bilder_layout/headline_home_massagen.gif);
}

.home_qigong h3 {
background:url(bilder_layout/headline_home_qigong.gif);
}

.home_yoga_pilates h3 {
background:url(bilder_layout/headline_home_yoga_pilates.gif);
}



.massagen h2 {
background:url(bilder_layout/headline_massagen.gif);
}

.qigong h2 {
background:url(bilder_layout/headline_qigong.gif);
}

.yoga_pilates h2 {
background:url(bilder_layout/headline_yoga_pilates.gif);
}

.tcm h2 {
	margin-left: 66px;
	margin-bottom: 20px;
	width: 400px;
	height: 49px;
background:url(bilder_layout/headline_tcm.gif);
}

.gutscheine h2 {
background:url(bilder_layout/headline_gutscheine.gif);
}

.extras h2 {
background:url(bilder_layout/headline_extras.gif);
}

.termine h2 {
	background:url(bilder_layout/headline_termine.gif);
}

.ueber_uns h2 {
background:url(bilder_layout/headline_ueber_uns.gif);
}

.kontakt h2 {
background:url(bilder_layout/headline_kontakt.gif);
}

.impressum h2 {
background:url(bilder_layout/headline_impressum.gif);
}

h4 {
font-size: 15px;
color: #9D0C15; 
}

h5 {
font-weight: bold;
font-size: 13px;
line-height: 20px;
}

.zitat {
font-style: italic;
font-weight: bold;
}

ul {
list-style-type: none;
}

blockquote {
font-style: italic;
font-weight: bold;
}

ul#nav_main {
margin-top: -10px;
}

ul.text_list {
margin-left: 12px;
margin-bottom: 10px;
}

.text_list li {
background:url(bilder_layout/bullet.gif);
background-repeat: no-repeat;
background-position: left 6px;
padding-left: 12px;
}

.indent {
margin-left: 12px;
}


/*
---------------------------------------------------------
Links & Buttons
---------------------------------------------------------
*/

a {
color: #9D0C15;
text-decoration: none;
}

a:hover {
color: #585250;
text-decoration: underline;
}

h1 a {
display: block;
height: 89px;
background:url(bilder_layout/logo.gif);
overflow: hidden;
}

ul#nav_main a {
display: block;
width: 178px;
height: 32px;
line-height: 32px;
color: #585250;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E6E6CE;
background:url(bilder_layout/button_flower.gif);
background-repeat: no-repeat;
background-position: left center;
text-indent: 42px;
}

ul#nav_main a:hover {
color: #9D0C15;
text-decoration: underline;
}

#nav_main a.selected {
color: #9D0C15;
}

#nav_main a.selected:hover {
color: #9D0C15;
text-decoration: none;
cursor: default;
}

#nav_main li.last a {
border-bottom: none;
}

a.main_link {
padding-left: 16px;
color: #9D0C15;
text-decoration: none;
background:url(bilder_layout/link_flower.gif);
background-repeat: no-repeat;
background-position: left center;
}

a.main_link:hover {
color: #585250;
text-decoration: underline;
background:url(bilder_layout/link_flower_hover.gif);
background-repeat: no-repeat;
background-position: left center;
}

#footer a {
margin-left: 6px;
}


/*
---------------------------------------------------------
Layout Boxes
---------------------------------------------------------
*/

#page_outer {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
width: 838px;
background:url(bilder_layout/page_background_bottom.gif);
background-position: bottom left;
}

#page_inner {
/* height: 400px; */
width: 838px;
background:url(bilder_layout/page_background_top.gif);
background-position: top left;
background-repeat: no-repeat;
}

#header {
width: 826px;
height: 240px;
margin-left: 6px;
background:url(bilder_layout/header_background.gif);
background-repeat: no-repeat;
}

#lotus {
position: relative;
top: 83px;
left: -44px;
width: 140px;
height: 144px;
background:url(bilder_layout/frangipani.jpg);
}

#sidebar {
float: left;
display: inline;
margin-left: 22px;
width: 210px;
}

.sidebox {
width: 178px;
padding: 12px 15px 2px 15px;
margin-bottom: 15px;
border-width: 1px;
border-style: solid;
border-color: #E6E6CE;
background:url(bilder_layout/verlauf_rahmen.gif);
background-repeat: repeat-x;
}

.workshops h4 {
	margin-bottom: 6px;
}

.workshops strong a {
	line-height: 18px;
}

.teaserbox {
	width: 178px;
	padding: 12px 15px 2px 15px;
	margin-bottom: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #9D0C15;
	background-color: #fad795;
}

.teaserbox p {
	font-weight: normal;
}

/*.teaserbox a {
	color: #FFFFFF;
	text-decoration: underline;
}*/

#content {
	float: right;
	display: inline;
width: 536px;
	margin-right: 22px;
min-height: 544px;
padding-left: 15px;
padding-right: 15px;
border-width: 1px;
border-style: solid;
border-color: #E6E6CE;
background:url(bilder_layout/verlauf_rahmen.gif);
background-repeat: repeat-x;
}

/* For IE win \*/
* html #content {
height: 544px;
}

.img_box {
border-width: 1px;
border-style: solid;
border-color: #E6E6CE;
background-color: #FFFFFF;
padding: 3px;
}

.img_box_first {
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6CE;
	background-color: #FFFFFF;
	padding: 3px;
	margin-bottom: 15px;
}

/* For IE win \*/
* html .img_box {
padding-bottom: 0;
}

a img {
border: none;
}

#sidebar .img_box {
margin-top: 6px;
margin-bottom: 6px;
}

#content .img_box {
margin-bottom: 6px;
}

/*
---------------------------------------------------------
Columns
---------------------------------------------------------
*/

.one_column {
float: left;
width: 536px;
margin-bottom: 10px;
display: inline;
/*background-color: #888888;*/
}

/* For IE win \
* html .one_column {
padding-bottom: 0;
}*/

.one_half_column_left {
float: left;
width: 260px;
/* background-color: blue; */
}

.one_half_column_right {
float: right;
width: 260px;
/* background-color: blue; */
}

.one_third_column_left {
float: left;
width: 168px;
}

.two_third_column_right {
float: right;
width: 352px;
}

/*
---------------------------------------------------------
Stuff
---------------------------------------------------------
*/

table {
	border-collapse: collapse;
	width: 534px;
	margin-left: 1px;
	/*border: 1px solid #E6E6CE;*/
}

th, td {
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #E6E6CE;
}

th {
	font-weight: bold;
}

col#tag {
	width: 80px;
}

col#datum {
	width: 80px;
}

col#uhrzeit {
	width: 120px;
}

#footer {
clear: both;
margin-top: 10px;
margin-left: 249px;
padding-bottom: 10px;
}

.line {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E6E6CE;
}

.clear {
clear: both;
}

.clear_right {
clear: right;
}

.clear_left {
clear: left;
}

/* Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */

html { height: 100%; margin-bottom: 1px; }