/* CSS Document */
body {
text-shadow: #000000 0 0 0px; /* browser-hack für mac damit Schrift nicht fetter dargestellt wird */
text-align:center;
margin: 0 auto;
background:#cfe5ec;
font: normal 62.5% "Arial",sans-serif;
}
ul {
margin:0;
padding:0;
list-style-type:none;
}
.person {
width:148px;
height:180px;
float:right;
margin:0 0 20px 10px;
padding:0;
}

a {
color:#7099b3;
text-decoration:none;
}
a.link {
color:#f39400;
}
a:hover.link {
color:#7099b3;
}
.clear {
clear:both;
}
p {
float:left;
width:500px;
margin:0;
padding-bottom:20px;
}
img  {
border:none;
}
h2, h3 {
float:left;
margin:0;
font-weight:bold;
}
h2 {
padding-bottom:15px;
text-transform:uppercase;
color:#f29400;
font-size:16px;
}
h3 {
padding:0;
font-size:14px;
}
#container {
position:relative;
top:25px;
width:998px;
height: 651px;
color:#fff;
margin: 0 auto;
text-align:center;
}
#header {
padding-bottom:20px;
margin:0;
width:998px;
height:90px;
float:left
}
#header img {
float:right;
}
#header .zitate {
position:relative;
top:30px;
left:160px;

font: normal 12pt "Times New Roman", Times, serif;
color:#6394b3;
font-style: italic;
float:left;
width:560px;
clear:both;
text-align:left;
}
#header span {
font: normal 9pt "Arial",sans-serif;
font-weight:bold;
}
.txt-small {
clear:both;
float:left;
font-size:0.8em;
font-weight:bold;
}
#footer {
margin: 5px 0 0 158px;
text-align:left;
color:#6394b3;
font-size:8pt;
width:840px;
height:25px;
position:absolute;
bottom:0;
left:0;
float:left;
}
#footer span {
text-align:right;
position:absolute;
bottom:0;
right:0;
}
#footer span .active {
position:absolute;
bottom:0;
right:45px;
color:#7099b3;
}
#footer span a {
padding-left:10px;
color:#f39400;
}
#footer span a:hover {
color:#7099b3;
}
li.left-tab, li.right-tab{
float:left;
padding-bottom:10px;
}
li.left-tab {
padding-right:10px;
width:430px;
}
.txt-left {
background:url(image/trenner.gif) left bottom no-repeat;
padding: 0 10px 20px 0;
float:left;
margin-bottom:20px;
}
.pic {
padding:5px;
float:right;
width:150px;
}

#right_home, #right_beratung, #right_tarot, #right_handlesen, #right_astropost, #right_uebermich, #right_lieblinks,#right_impressum, #right_kontakt {
float:left;
width:876px;
height:516px; 
}
#right_home {
background:url(image/hg_home.jpg) right bottom no-repeat;
}
#right_beratung {
background:url(image/hg_beratung.jpg) right bottom no-repeat; 
}
#right_tarot {
background:url(image/hg_tarot.jpg) right bottom no-repeat;
}
#right_handlesen {
background:url(image/hg_handlesen.jpg) right bottom no-repeat;
}
#right_astropost {
background:url(image/hg_astropost.jpg) right bottom no-repeat;
}
#right_uebermich {
background:url(image/hg_uebermich.jpg) right bottom no-repeat;
}
#right_lieblinks {
background:url(image/hg_lieblinks.jpg) right bottom no-repeat;
}
#right_kontakt {
background:url(image/hg_kontakt.jpg) right bottom no-repeat;
}
#right_impressum {
background:url(image/hg_impressum.jpg) right bottom no-repeat;
}
#right_lieblinks a {
color:#fff;
}
#right_lieblinks a:hover {
color:#7099b3;
}
#right_lieblinks li {
line-height:1.9em;
float:left;
}
#right_lieblinks li.links {
width:200px;
}
#right_kontakt .left {
display:block;
padding-right:10px;
width:270px;
float:left;
}
#right_kontakt .right {
text-align:right;
width:230px;
float:left;
}

#right span {
font: bold 50pt "Arial",sans-serif;
color:#fff;
background:#ff0099;
margin:0;
float:left;
}
#txt {

float:right;
width:500px;
height:440px;
text-align:left;
margin-right:50px;
margin-top:50px;
}
#left {
text-align:left;
float:left;
width:122px;
}
#left ul {
padding:40px 0 0 28px;
margin:0;
font-size:13px;
font-weight:bold;
list-style-type:none;
text-transform:uppercase;
}
#left li {
line-height: 1.1em;
margin-bottom:50px;
color:#7099b3;
}
#left li.active {
color:#7099b3;
}
#left li a {
color:#f39400;
}
#left li a:hover {
color:#7099b3;
}
#left span  {
font-weight:bold;
float:left;
}
#left span a {
clear:both;
margin-bottom:3px;
}
#left span a.active {
color:#7099b3;
}
#right_lieblinks li.pfeil {
width:10px;
}
#right_lieblinks li.text {
width:260px;
}
#right_lieblinks li.link {
width:200px;
}