*{
	margin:0;
	padding:0;
	outline:0;
	border:0;
	text-decoration:none;
	}
	
*:focus {
	outline:none;
}

.clear{
	clear:both;
	}

html{
	height: 100%;
}

body{
	background:url(images/body.jpg) top left repeat-x #F0EEE1;
	font-family:"Times New Roman", Times, serif;
	height:100%;
}
	
#wrapper{
	clear:both;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -350px; /* negative of footer's height */
}

#content{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	width:870px;
	margin:auto;
	position:relative;
	padding:0px 0px 50px 0px;
	color:#736A55;
	font-size:0.9em;
	line-height:150%;
	}

#header{
	background:url(images/header.jpg) top left no-repeat;
	height:160px;
	position: relative;
	z-index: 22;
	}
	
#info{
	height:25px;
	text-align:right;
	color:#5E5C4B;
	font-size:0.8em;
	font-style:italic;
	padding:2px 0px 0px 0px;
	}	
	
#logo{
	width:220px;
	height:68px;
	padding:0px 0px 0px 0px;
	}

#slogo{
	background: url(images/aromagluecksmall.gif) top left no-repeat;
	width: 130px;
	height: 60px;
	padding: 0 0 30px 0;
}


ul{
	list-style:none;
	}
	
	
#kontakt{
	background:url(images/kontaktbg.jpg) top left repeat-x #F0EEE1;	
	padding:20px 30px 10px 30px;
	color:#736A55;
	font-size:0.9em;
	line-height:150%;
	}
	
#nav{
	font-size:0.9em;
	font-style:italic;
	letter-spacing:0.02em;
	float:left;
	width:100%;
	}

#nav ul{
    margin:0;
    padding:0;
    list-style:none;
	}

	
#nav ul li{
		float:left;
		margin:0;
		padding:0;
		}
		
#nav ul li a{
		color:#EFEDDF;
		display:block;
		cursor:pointer;
		float:left;
		padding:0px 0px 0px 12px;
		}

#nav ul li a:hover, #nav ul li a.act{
		background:url(images/tabs.png) top left no-repeat;
		color:#43630D;
		}

#nav ul li a span{
		padding:17px 12px 0px 0px;
		height:30px;
		display:block;
		float:left;
	}

#nav ul li a:hover span, #nav ul li a.act span{
		background:url(images/tabs.png) right -60px  no-repeat;
	}

#motion{
	background:url(images/motion.png) top left no-repeat;
	height:275px;
	margin:30px 20px 30px 0px;
	padding:0px 25px 0px 60px;
	position:relative;
	}

#motiontabs{
	background:url(images/motion.png) top left no-repeat;
	height:347px;
	margin:30px 20px 50px 0px;
	padding:0px 25px 0px 60px;
	position: relative;
	}

#tabs {
	height:100px;
	width:100%;
	position:absolute;
	left:0;
	top:248px;
	z-index: 40;
	}


.tab1 span {
	background:url(images/tab1.jpg) top left no-repeat;
	display:block;
	height:112px;
	width:212px;
	float:left;
}

.tab1 span:hover, span.here{
	background-position:bottom left;
}

.tab2 span {
	background:url(images/tab2.jpg) top left no-repeat;
	display:block;
	height:112px;
	width:212px;
	float:left;
}

.tab2 span:hover, span.here{
	background-position:bottom left;
}

.tab3 span {
	background:url(images/tab3.jpg) top left no-repeat;
	display:block;
	height:112px;
	width:212px;
	float:left;
}

.tab3 span:hover, span.here{
	background-position:bottom left;
}

.tab4 span {
	background:url(images/tab4.jpg) top left no-repeat;
	display:block;
	height:112px;
	width:214px;
	float:right;
}

.tab4 span:hover, span.here{
	background-position:bottom left;
}

.tab1 span,.tab2 span,.tab3 span,.tab4 span {
	text-indent:-99999px;
	}
	
.tab1,.tab2,.tab3,.tab4 {
	cursor:pointer;
	}


#motion .con, #motiontabs .con {
	position:absolute;
	width:550px;
	padding:55px 0px 0px 0px;
	z-index:5;
	}

#motion .pic, #motiontabs .pic {
	position:absolute;
	top:23px;
	right:25px;
	z-index:2;
	}

h1{
	text-indent:-99999px;
	margin:0px 0px 15px 0px;
	height:45px;
	
	}
	
h1.aromatherapie_ist{
	background:url(images/aromatherapie_ist.gif) bottom left no-repeat;
	}
	
h1.aromatherapie_ist_fuer_mich{
	background:url(images/aromatherapie-ist-fuer-mich.gif) bottom left no-repeat;
	}

h1.aromatherapie{
	background:url(images/aromatherapie.gif) top left no-repeat;
	height: 60px;
	}
	
h1.aetherische_oele{
	background:url(images/aetherische_oele.gif) bottom left no-repeat;
}
	
h1.rezepte{
	background:url(images/rezepte.gif) bottom left no-repeat;
}
	
h1.anwendungsbereiche{
	background:url(images/anwendungsbereiche.gif) bottom left no-repeat;
}

h1.inallenlebenslagen{
	background:url(images/in-allen-lebenslagen.gif) bottom left no-repeat;
}	
h1.schwangerschaft{
	background:url(images/schwangerschaft-und-geburt.gif) bottom left no-repeat;
}	
	
h1.ohneliebe{
	background:url(images/ohne-die-liebe-ist-alles-nichts.gif) bottom left no-repeat;
}

h1.sterbebegleitung{
	background:url(images/sterbebegleitung-hospiz.gif) bottom left no-repeat;
}	
	
h1.uebermich{
	background:url(images/ueber-mich.gif) bottom left no-repeat;
}	

h1.beratung{
	background:url(images/beratung.gif) bottom left no-repeat;
}	
	
h1.literaturtipps{
	background:url(images/literaturtipps.gif) bottom left no-repeat;
}	
h1.aktuelle_themen{
	background:url(images/aktuelle_themen.gif) bottom left no-repeat;
}	
	
h1.willkommen{
	background:url(images/willkommen.gif) bottom left no-repeat;
	display:block;
	width:320px;
	height:70px;
	margin: 0px 0px 30px 10px;
	float:left;
}	
	
h1.aromafk{
	background:url(images/aromatherapie_fuer_kinder.gif) top left no-repeat;
	height: 80px;
}	
	
h1.kinder {
	background:url(images/h1_kinder.gif) top left no-repeat;
}	

	
#motion p, #motiontabs p{
	font-weight:normal;
	color:#B7B06C;
	font-style:italic;
	line-height:1.5em;
	}
	
blockquote {
	padding:0px 0px 0px 50px;
	background: url(images/quote1.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

blockquote p {
	display: inline;
	margin: 0;
	padding:0px 50px 20px 0px;
}

.q2{
	display: inline;
	margin: 4px 0px 0px 0px;
}

.puscher{
	height:350px;
	}

#bottom{
	background:url(images/bottom.png) top left repeat-x;
	width:100%;
	height:350px;
	}
	
#footer{
	background:url(images/footer.png) center top no-repeat;
	color:#D19EF3;
	height:250px;
	width:850px;
	margin:auto;
	padding:100px 0px 0px 20px;
	}	

.col1{
	width:250px;
	float:left;
	padding:0px 25px 0px 0px;
	}	

#footer .col1{
	width:260px;
	float:left;
	padding:0px 0px 0px 25px;
	}

.col2{
	width:250px;
	float:left;
	padding:0px 25px 0px 0px;
	}

#footer .col2{
	width:260px;
	float:left;
	padding:0px 0px 0px 0px;
	}


.col3{
	width:250px;
	float:right;
	}

#footer .col3{
	width:260px;
	float:left;
	padding:0px 0px 0px 20px;
	}




.dcol1 {
	width:47%;
	float:left;
	}

.dcol2{
	width:48%;
	float:right;
	}
	
/***********************************************************/
.tcborder{
	background:url(images/tcborder.gif) top left repeat-y;
	overflow:hidden;
	}

.tcborder2{
	background:url(images/tcborder2.gif) top left repeat-y;
	}

.wise{
	display: table; height: 220px; #position: relative; overflow: hidden;
}
	
.wisecell{
	#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;
}

.wiseinner{
	#position: relative; #top: -50%;
	font-size:1.4em;
	text-align:center;
	font-style:italic;
}
	
.smallitalic{
	font-style:italic;
	font-size:11px;
	clear:both;
	display:block;
	margin:15px 0px 0px 0px;
	}
	
.small{
	font-size:12px;
	clear:both;
	display:block;
	margin:15px 0px 0px 0px;
	}
	
.italic	{
	font-style:italic;
}

.justy{
	text-align:justify;
	}


.strong{
	font-weight:bold;
	}

.centered{
	text-align:center;
	display:block;
	}

h1, h2, h3, h4, h5, h6 {
	font-style:italic;
	font-weight:normal;
	}

h2{
	font-size:18px;
	margin-bottom:0.8em;
	}
	
h3{
	font-size:17px;
	margin-bottom:0.8em;
	padding:0px 0px 0px 20px;
	}	

h4{
	font-size:18px;
	margin-bottom:0.8em;
	}	

#content h2 {
	color:#5A8500;
	
	}
	
.text{
	padding:0px 25px 0px 25px;
	font-size:0.9em;
	position:relative;
	height:auto;
	overflow:hidden;
	}

.hr{
	background:url(images/divider.gif) center center no-repeat;
	height:34px;
	margin-bottom:20px;
}


/******************************************/
ul.lines, ul.menue, ul.lines2{
	width:100%;
	margin:15px 0px 15px 0px;
	font-style:italic;
	}
	
ul.lines_s{
	width:50%;
	margin:15px 0px 15px 0px;
	font-style:italic;
	}

ul.lines li, ul.lines_s li  {
	background:url(images/list.gif) center left no-repeat;
	border-bottom:1px solid #E4D8B9;
	list-style:none;
	line-height:200%;
	color:#5A8500;
	padding:0px 0px 0px 20px;
	}

ul.lines2 li {
	background:url(images/list2.gif) center left no-repeat;
	border-bottom:1px solid #851ECA;
	list-style:none;
	line-height:200%;
	color:#D19EF3;
	padding:0px 0px 0px 20px;
	}

ul.menue li {
	background:url(images/rose.jpg) center left no-repeat;
	border-bottom:1px solid #E4D8B9;
	list-style:none;
	line-height:300%;
	padding:0px 0px 0px 40px;
	}
	
ul.menue a{
	font-size:14px;
	color:#91835E;
	}	
	
.lines a, a.linky {
	color:#5A8500;
}	

.lines a:hover, a.linky:hover {
	color:#736A55;
}	

.rounder_outer{
	background:url(images/round_bottom.jpg) bottom left no-repeat;
	width:280px;
	float:right;
	}
	
.rounder_inner{
	background:url(images/round_top.jpg) top left no-repeat;
	padding:40px 30px 30px 30px;
	}	

.col1 p, .col2 p, .col3 p {
	margin-bottom:20px;
	}
	
.conpic {
	margin:0px 10px 0px 0px;
	float:left;
	}
.re {
	margin:0px 0px 0px 10px;
	float:right;
	}

.sm {
	margin:0px 0px 25px 0px;
	}

.spot{
	display:block;
	width:100%;
	font-size:16px;
	color:#490E6F;
	margin:0px 0px 20px 114px;
	}

/*************************FORMS*******************************/

fieldset {
	border-bottom: 1px dotted #E6D6B5;
	padding:4px;
	margin-bottom:10px;
		}

label {
	width:110px;
	float:left;
	}

input{
	background-color:#F9F7F0;
	border:1px solid #C1B897;
	padding:2px;
	width:300px;
	color:#736A55;
	}
.capt {
	float:left;
	}	
.db2{
	width:219px;
	}	

textarea{
	background-color:#F9F7F0;
	border:1px solid #C1B897;
	padding:2px;
	width:300px;
	height:100px;
	color:#736A55;
	}
	
.csubmit{
	width:164px;
	height:50px;
	border:0;
	background-color:transparent;
	margin-left:108px;
	}	
	
a.lnk {
	color:#490E6F;
	}
	
a.lnk2 {
	color:#5E5C4B;
	}	
	
a.lnk2:hover {
	color:#43630D;
	}	
	
a.lnk3{
	color:#D19EF3;
	position:relative;
	}	
	
a.lnk3:hover{
	color:#F9F7F0;
	}	
	
.picul{
	width:600px;
	float:right;
	}

.picul2{
	width:380px;
	float:right;
	}	

#drops{
	background: url(images/drop.png) top left no-repeat;
	width: 122px;
	height: 172px;
	position: absolute;
	top:195px;
	left:-117px;
	z-index: 9999;
}	

#drops a.ainfos {
	text-indent: -99999px;
	display: block;
	position: absolute;
	width: 75px;
	height: 100px;
	right: 0px;
	top: 0px;
}

#drops a.anews {
	text-indent: -99999px;
	display: block;
	position: absolute;
	width: 70px;
	height: 68px;
	left: 0px;
	bottom: 0px;
}

.newsblock p {
	font-size: 13px;
	line-height: 130%;
}
	
.newsblock a img {
	float: left;
	padding: 2px;
	border: 1px solid #BBB9A5;
	margin: 0 10px 10px 0;
}

.newblock a:hover img {
	border: 1px solid #649900;
}

.newsblock a span {
	color:#736A55;
	font-size: 14px;
	font-weight: bold;
}

.newsblock a:hover span {
	color: #29261E;
}

#xmas {
	background: url(images/xmas1.png) top left no-repeat;
	position: absolute;
	width: 292px;
	height: 73px;
	right: 20px;
	bottom:-46px;
	z-index: 12;
}

.purple {
	color: #490D70;
	font-weight: bold;
}
	
