* {
text-align : left;
font-family : arial;
font-size : 11px;
margin : 0;
padding : 0;
}
body, html, ul, ol, h1, h2, h3, form, p, fieldset, input, img, li {
padding : 0;
margin : 0;
border : 0;
}
ul, ol {
list-style : none;
}
h1, h2, h3 {
font-weight : normal;
margin : 0;
}
a {
text-decoration : none;
font-weight : normal;
color : #2f2f2f;
}
fieldset, img {
border : 0;
}
h1 {
font-weight : bold;
font-size : 16px;
margin : 15px 0;
color : #fff;
}
table {
width : 100%;
}
td {
vertical-align : top;
}
.clear {
clear : both;
}

h2 {
color:#606060;
}
#content {
position : absolute;
width : 866px;
height : 562px;
top : 50%;
left : 50%;
margin : -281px 0 0 -433px;

}
.bgintro {
background : #fff url(../images/intro.jpg) no-repeat center center;
}
.bgmain {
background : #fff url(../images/bg_site.jpg) no-repeat center center;
}
#introbutton {
position : absolute;
display : block;
width : 228px;
height : 40px;
top : 50%;
left : 50%;
margin : 213px 0 0 -116px;
}
#banner {
position : absolute;
width : 800px;
top : 50%;
left : 50%;
}
.banner_main {
background : url(../images/banner_main.gif) no-repeat center center;
height : 143px;
margin : -249px 0 0 -400px;
}
.banner_power {
background : url(../images/banner_content_power.gif) no-repeat center center;
height : 143px;
margin : -249px 0 0 -400px;
}
.banner_beauty {
background : url(../images/banner_content_beauty.gif) no-repeat center center;
height : 143px;
margin : -249px 0 0 -400px;
}
.banner_erfolg {
background : url(../images/banner_content_erfolg.gif) no-repeat center center;
height : 143px;
margin : -249px 0 0 -400px;
}
.banner_abwehr {
background : url(../images/banner_content_abwehr.gif) no-repeat center center;
height : 143px;
margin : -249px 0 0 -400px;
}
.banner_mental {
background : url(../images/banner_content_mental.gif) no-repeat center center;
height : 143px;
margin : -249px 0 0 -400px;
}
#logo {
position : absolute;
width : 124px;
height : 89px;
top : 50%;
left : 50%;
margin : -250px 0 0 -372px;
background : url(../images/logo.gif) no-repeat center center;
}
#title {
display : block;
position : absolute;
width : 400px;
height : 30px;
top : 50%;
left : 50%;
margin : -235px 0 0 -220px;
font-size : 24px;
}
#title2 {
display : block;
position : absolute;
width : 400px;
height : 25px;
top : 50%;
left : 50%;
margin : -205px 0 0 -220px;
font-size : 14px;
font-weight : bold;
color : #fff;
}
#linkhome {
position : absolute;
top : 50%;
left : 50%;
margin : -204px 0 0 -220px;
font-size : 12px;
font-weight : bold;
color : #fff;
}
#saeulen_b {
position : absolute;
width : 596px;
height : 278px;
top : 50%;
left : 50%;
margin : -100px 0 0 -220px;
background : url(../images/saeule_b.jpg) no-repeat center center;
}
#navi {
position : absolute;
width : 124px;
height : 378px;
top : 50%;
left : 50%;
margin : -140px 0 0 -372px;
background : #fff;
}
#navi a {
position : absolute;
display : block;
height : 68px;
width : 110px;
border : 2px solid #fff;
}
#navi a span {
display : block;
padding-top : 53px;
color : #fff;
font-size : 9px;
font-weight : bold;
text-align : center;
}
#navi a.power {
background : #fa6d15;
background : url(../images/bg_power.gif) no-repeat center center;
top : 5px;
left : 5px;
}
#navi a.power:hover {
border : 2px solid #0000c6;
}
#navi a.beauty {
background : #fa6d15;
background : url(../images/bg_beauty.gif) no-repeat center center;
top : 79px;
left : 5px;
}
#navi a.beauty:hover {
border : 2px solid #8eb4ff;
}
#navi a.abwehr {
background : #fa6d15;
background : url(../images/bg_abwehr.gif) no-repeat center center;
top : 153px;
left : 5px;
}
#navi a.abwehr:hover {
border : 2px solid #158f20;
}
#navi a.mental {
background : #fa6d15;
background : url(../images/bg_mental.gif) no-repeat center center;
top : 227px;
left : 5px;
}
#navi a.mental:hover {
border : 2px solid #ae8523;
}
#navi a.erfolg {
background : #fa6d15;
background : url(../images/bg_erfolg.gif) no-repeat center center;
top : 301px;
left : 5px;
}
#navi a.erfolg:hover {
border : 2px solid #bababa;
}
#desc {
position : absolute;
width : 613px;
height : 60px;
top : 50%;
left : 50%;
margin : 180px 0 0 -225px;
background : url(../images/bg_maindesc.gif) no-repeat top center;
text-align : center;
font-size : 14px;
padding-top : 10px;
line-height : 20px;
}
#desc b {
font-size : 14px;
line-height : 20px;
}
#footerlinks {
position : absolute;
top : 50%;
left : 50%;
margin : 270px 0 0 -130px;
font-weight : bold;
z-index : 20;
}
#footerlinks a {
font-weight : bold;
}
#copyright {
position : absolute;
width : 200px;
height : 20px;
top : 50%;
left : 50%;
margin : 270px 0 0 0;
color : #5f5f5f;
z-index : 20;
}
#desc_content {
margin : 0 0 10px 0;
font-size:13px;
font-weight:bold;
}
#desc_content a {
font-weight : bold;
font-size : 12px;
}
#content_wrapper {
width : 601px;
position : absolute;
top : 50%;
left : 50%;
margin : -110px 0 0 -220px;
color : #fff;
height : 258px;
overflow : auto;
}
#content_wrapper p {
margin-bottom : 12px;
font-size : 12px;
}
#content_wrapper b {
font-size : 12px;
}
#content_wrapper a {
font-size : 12px;
}
#content_wrapper h2 {
font-size : 14px;
font-weight : bold;
margin-bottom : 15px;
}
#text_content {
position: relative;
width:100%;
}
#text_content p {
padding-left : 40px;
margin-bottom : 12px;
font-size : 12px;
}
#point0 {
text-decoration : underline;
}
.power1 {
top : -5px;
left : 0;
}
.power2 {
top : 37px;
left : 0;
}
.power3 {
top : 64px;
left : 0;
}
.power4 {
top : 104px;
left : 0;
}
.power5 {
top : 146px;
left : 0;
}
.beauty1 {
top : -5px;
left : 0;
}
.beauty2 {
top : 37px;
left : 0;
}
.beauty3 {
top : 78px;
left : 0;
}
.beauty4 {
top : 120px;
left : 0;
}
.beauty5 {
top : 162px;
left : 0;
}
.mental1 {
top : -5px;
left : 0;
}
.mental2 {
top : 37px;
left : 0;
}
.mental3 {
top : 78px;
left : 0;
}
.mental4 {
top : 120px;
left : 0;
}
.mental5 {
top : 162px;
left : 0;
}
.abwehr1 {
top : -5px;
left : 0;
}
.abwehr2 {
top : 37px;
left : 0;
}
.abwehr3 {
top : 78px;
left : 0;
}
.abwehr4 {
top : 120px;
left : 0;
}
.abwehr5 {
top : 162px;
left : 0;
}
.erfolg1 {
top : -5px;
left : 0;
}
.erfolg2 {
top : 52px;
left : 0;
}
.erfolg3 {
top : 123px;
left : 0;
}
.erfolg4 {
top : 166px;
left : 0;
}
.erfolg5 {
top : 223px;
left : 0;
}
.point {
position : absolute;
height : 27px;
width : 27px;
}
.point:hover {
cursor : pointer;
}
.red {
background : url(../images/point_red.gif) no-repeat center center;
}
.red:hover {
background : url(../images/point_red_b.gif) no-repeat center center;
}
.blue {
background : url(../images/point_blue.gif) no-repeat center center;
}
.blue:hover {
background : url(../images/point_blue_b.gif) no-repeat center center;
}
.yellow {
background : url(../images/point_yellow.gif) no-repeat center center;
}
.yellow:hover {
background : url(../images/point_yellow_b.gif) no-repeat center center;
}
.green {
background : url(../images/point_green.gif) no-repeat center center;
}
.green:hover {
background : url(../images/point_green_b.gif) no-repeat center center;
}
.gold {
background : url(../images/point_gold.gif) no-repeat center center;
}
.gold:hover {
background : url(../images/point_gold_b.gif) no-repeat center center;
}
.silver{
background : url(../images/point_silver.gif) no-repeat center center;
}
.silver:hover {
background : url(../images/point_silver_b.gif) no-repeat center center;
}
.arrow {
display : none;
background : url(../images/arrow.gif) no-repeat center center;
width : 13px;
height : 11px;
position : absolute;
top : 50%;
left : 50%;
}
#arrow1 {
margin : -235px 0 0 208px;
}
#arrow2 {
margin : -235px 0 0 237px;
}
#arrow3 {
margin : -235px 0 0 272px;
}
#arrow4 {
margin : -235px 0 0 305px;
}
#arrow5 {
margin : -235px 0 0 335px;
}
.product {
position : absolute;
display : block;
height : 65px;
width : 65px;
border : 2px solid #ffd59a;
}
.product:hover {
border : 2px solid #f56703;
}
#p1 {
background : #fff url(../images/p1.gif) no-repeat center center;
margin : 7px 0 0 7px;
}
#p2 {
background : #fff url(../images/p2.gif) no-repeat center center;
margin : 7px 0 0 81px;
}
#p3 {
background : #fff url(../images/p3.gif) no-repeat center center;
margin : 7px 0 0 155px;
}
#p4 {
background : #fff url(../images/p4.gif) no-repeat center center;
margin : 7px 0 0 229px;
}
#p5 {
background : #fff url(../images/p5.gif) no-repeat center center;
margin : 7px 0 0 303px;
}
#p6 {
background : #fff url(../images/p6.gif) no-repeat center center;
margin : 7px 0 0 377px;
}
#p7 {
background : #fff url(../images/p7.gif) no-repeat center center;
margin : 7px 0 0 451px;
}
#p8 {
background : #fff url(../images/p8.gif) no-repeat center center;
margin : 7px 0 0 525px;
}
#products {
width : 601px;
height : 82px;
position : absolute;
background : #ffd59a;
top : 50%;
left : 50%;
margin : 158px 0 0 -220px;
}
#hilfe {
width : 601px;
height : 15px;
position : absolute;
top : 50%;
left : 50%;
margin : 137px 0 0 -220px;
color:#606045;
}
#hilfe_r{
color:#606045;
}
#erfolg_pics {
position : relative;
margin-bottom : 15px;
width : 120px;
float : right;
}
#erfolg_contenf {
position : relative;
width : 430px;
float : left;
margin-right : 20px;
}
#erfolg_contenf p.pl20 {
padding-left : 40px;
}
#erfolg_p1 {
width : 120px;
border : 2px solid #ffd59a;
}
#erfolg_p2 {
width : 120px;
border : 2px solid #ffd59a;
margin-bottom : 10px;
}
form.form1 {
border : 1px solid #fd6404;
padding : 7px 10px;
}
form.form1 div.ft_txt label, form.form1 div.ft_txt span {
margin-bottom : 3px;
display : block;
font-weight : bold;
font-size : 12px;
}
form.form1 div.ft_txt2 span {
margin-bottom : 10px;
display : block;
font-size : 11px;
}
form.form1 div.ft_txt img {
margin-bottom : 3px;
}
form.form1 div.ft_txt input, form.form1 div.ft_txt textarea {
margin-bottom : 3px;
border : 1px solid #fd6404;
width : 350px;
padding : 3px;
}
form.form1 input.submit {
background : #fd6404;
width : 150px;
padding : 3px;
text-align : center;
color : #fff;
font-weight : bold;
}
form.form1 .ft_txt input:focus, form.form1 .ft_select select:focus, form.form1 .ft_txt textarea:focus {
background : #ffeacf;
}
#pselect {
width : 200px;
height : 120px;
position : absolute;
top : 50%;
left : 50%;
margin : -60px 0 0 -100px;
background : #fff;
border : 2px solid #f56703;
display : none;
}
#pcloser, #pcloser2 {
position : absolute;
width : 70px;
height : 18px;
line-height : 18px;
background : #fa640d;
text-align : center;
color : #fff;
}
#pcloser {
top : 5px;
right : 5px;
}
#pcloser2 {
top : 50px;
right : 50px;
}
#pcloser:hover {
cursor : pointer;
}
#pmsg {
position : absolute;
top : 100px;
left : 0;
width : 200px;
text-align : center;
}
#ppdf, #pvideo {
position : absolute;
top : 35px;
text-align : center;
width : 60px;
height : 50px;
border : 2px solid #eee;
}
#ppdf span, #pvideo span {
font-weight : bold;
color : #4f4f4f;
font-size : 12px;
margin-top : 10px;
display : block;
text-align : center;
}
#pvideo {
right : 30px;
}
#ppdf {
left : 30px;
}
#pvideo:hover, #ppdf:hover {
border : 2px solid #fa640d;
cursor : pointer;
background : #ffeacf;
}
#videowrapper {
position : absolute;
width : 866px;
height : 562px;
top : 50%;
left : 50%;
margin : -281px 0 0 -433px;
display : none;
background : #fff url(../images/bg_site.jpg) no-repeat center center;
}
#videowrapper h1 {
position : absolute;
top : 50%;
left : 50%;
margin : -230px 0 0 -380px;
font-weight : bold;
font-size : 18px;
}
#videowrapper h2 {
position : absolute;
top : 50%;
left : 50%;
margin : -205px 0 0 -380px;
font-weight : bold;
font-size : 14px;
}
#videoloader {
position : absolute;
top : 50%;
left : 50%;
margin : -16px 0 0 -16px;
}
#loadertext {
position : absolute;
width : 150px;
top : 50%;
left : 50%;
margin : 30px 0 0 -75px;
color : #fa640d;
font-weight : bold;
font-size : 14px;
text-align : center;
}
#videodesc {
position : absolute;
width : 650px;
top : 50%;
left : 50%;
margin : 180px 0 0 -325px;
font-weight : bold;
font-size : 14px;
text-align : center;
color : #fff;
}
#video1_desc, #video2_desc {
width : 300px;
text-align : center;
position : absolute;
top : 50%;
left : 50%;
color : #fff;
font-weight : bold;
font-size : 14px;
}
#video1, #video2 {
width : 320px;
height : 240px;
position : absolute;
top : 50%;
left : 50%;
}
#video1 {
margin : -120px 0 0 -330px;
}
#video2 {
margin : -120px 0 0 10px;
}