@CHARSET "ISO-8859-1"; /* Allgemeine Defintionen */ body {margin: 0px; padding: 0px; background-color: #f0f0f0;} form {margin: 0px; padding: 0px;} div {margin: 0px; padding: 0px;} table {margin: 0px; padding: 0px; border: 0px solid #cacaca;} input {margin: 0px; padding: 0px; border: 1px solid #cacaca;} h1 {margin: 0px; padding: 0px; margin-bottom: 12px; font-family: arial, helvetica; font-size: 18px; color: #545454;} h2 {margin: 0px; padding: 0px; margin-bottom: 7px; font-family: arial, helvetica; font-size: 13px; color: #545454;} h3 {margin: 0px; padding: 0px; margin-bottom: 3px; font-family: arial, helvetica; font-size: 11px; color: #ffffff;} img {margin: 0px; padding: 0px; border: 0px solid #cacaca; float: left;} ul {margin: 0px; padding: 0px; padding-bottom: 10px;} li {margin: 0px; padding: 0px; margin-left: 15px; padding-left: 5px; margin-bottom: 4px; list-style-type: square;} a:link {font-family: arial, helvetica; font-size: 11px; color: #B02C04; text-decoration: none;} a:visited {font-family: arial, helvetica; font-size: 11px; color: #B02C04; text-decoration: none;} a:hover {font-family: arial, helvetica; font-size: 11px; color: #5F1603; text-decoration: underline;} a:active {font-family: arial, helvetica; font-size: 11px; color: #B02C04; text-decoration: none;} .text {font-family: arial, helvetica; font-size: 11px; color: #ffffff; text-decoration: none;} .text2 {font-family: arial, helvetica; font-size: 11px; color: #545454; text-decoration: none;} /* Weblink */ #wbl {display: block; text-align: right; margin-right: 5px;} a.weblink:link {font-family: arial, helvetica; font-size: 11px; color: #4C4C4C; text-decoration: none;} a.weblink:visited {font-family: arial, helvetica; font-size: 11px; color: #4C4C4C; text-decoration: none;} a.weblink:hover {font-family: arial, helvetica; font-size: 11px; color: #4C4C4C; text-decoration: underline;} a.weblink:active {font-family: arial, helvetica; font-size: 11px; color: #4C4C4C; text-decoration: none;} /* Farb-Stufen */ .color1 {background-color: #E19798;} /* Pink */ .color2 {background-color: #70B2CE;} /* Blau */ .color3 {background-color: #E39D57;} /* Orange */ .color4 {background-color: #968674;} /* Brown */ .color5 {background-color: #AFBE50;} /* Green */ /* Text-Farb-Stufen */ .textcolor1 {color: #E19798;} /* Pink */ .textcolor2 {color: #70B2CE;} /* Blau */ .textcolor3 {color: #E39D57;} /* Orange */ .textcolor4 {color: #968674;} /* Brown */ .textcolor5 {color: #AFBE50;} /* Green */ /* Grau-Stufen */ .color6 {background-color: #E4E4E4;} .color7 {background-color: #BEBEBE;} .color8 {background-color: #707070;} /* Logo */ .logo {padding: 15px; padding-top: 19px;} /* Tabelle */ #tb {margin: auto;} #b1 {background-image: url(../img/rand1.gif); width: 5px;} #b2 {background-image: url(../img/rand2.gif); width: 5px;} /* DIV-Container */ #box {background-color: #ffffff; width: 770px; margin: auto;} #header {background-color: #ffffff; width: 770px; height: 80px;} #mainer {background-color: #ffffff; width: 770px; min-height: 480px;} #footer {background-color: #ffffff; width: 770px; height: 30px;} #str {width: 770px; height: 7px; margin-bottom: 1px;} #end {background-color: #B7B7B7; width: 770px; height: 1px;} /* Tab-Menu */ #menucont {width: 770px; height: 28px; margin-top: 1px; background-color: #ffffff;} #menu1 {float: left; margin-right: 1px;} #menu1 a:link {height: 15px; background-color: #E4E4E4; padding: 6px; padding-left: 12px; padding-right: 12px; display: block; font-family: arial, helvetica; font-size: 12px; color: #4E4E4E; text-decoration: none;} #menu1 a:visited {height: 15px; background-color: #E4E4E4; padding: 6px; padding-left: 12px; padding-right: 12px; display: block; font-family: arial, helvetica; font-size: 12px; color: #4E4E4E; text-decoration: none;} #menu1 a:hover {height: 15px; background-color: #BEBEBE; padding: 6px; padding-left: 12px; padding-right: 12px; display: block; font-family: arial, helvetica; font-size: 12px; color: #4E4E4E; text-decoration: none;} #menu1 a:active {height: 15px; background-color: #BEBEBE; padding: 6px; padding-left: 12px; padding-right: 12px; display: block; font-family: arial, helvetica; font-size: 12px; color: #4E4E4E; text-decoration: none;} #menu2 {float: left; margin-right: 1px;} #menu2 a:link {border-bottom: 1px solid #BEBEBE; height: 15px; background-color: #BEBEBE; padding: 6px; padding-left: 12px; padding-right: 12px; display: block; font-family: arial, helvetica; font-size: 12px; color: #4E4E4E; text-decoration: none;} #menu2 a:visited {border-bottom: 1px solid #BEBEBE; height: 15px; background-color: #BEBEBE; padding: 6px; padding-left: 12px; padding-right: 12px; display: block; font-family: arial, helvetica; font-size: 12px; color: #4E4E4E; text-decoration: none;} #menu2 a:hover {border-bottom: 1px solid #BEBEBE; height: 15px; background-color: #BEBEBE; padding: 6px; padding-left: 12px; padding-right: 12px; display: block; font-family: arial, helvetica; font-size: 12px; color: #4E4E4E; text-decoration: none;} #menu2 a:active {border-bottom: 1px solid #BEBEBE; height: 15px; background-color: #BEBEBE; padding: 6px; padding-left: 12px; padding-right: 12px; display: block; font-family: arial, helvetica; font-size: 12px; color: #4E4E4E; text-decoration: none;} #menu3 {float: right; width: 133px; height: 27px; background-color: #E4E4E4;} /* Download */ #download {width: 220px; height: 30px; margin-top: 25px; float: right;} #downloadkontakt {width: 220px; height: 30px; margin-top: 15px; float: right;} .starter {padding-top: 2px; padding-right: 25px; float: right;} /* Impressum-Leiste */ #impress {float: right; padding-top: 8px; padding-right: 15px;} #impress .ic {height: 9px; float: left; padding-top: 2px; padding-right: 4px; padding-left: 18px;} #impress a:link {float: left; font-family: arial, helvetica; font-size: 10px; color: #707070; letter-spacing: 1px; text-decoration: none;} #impress a:visited {float: left; font-family: arial, helvetica; font-size: 10px; color: #707070; letter-spacing: 1px; text-decoration: none;} #impress a:hover {float: left; font-family: arial, helvetica; font-size: 10px; color: #000000; letter-spacing: 1px; text-decoration: none;} #impress a:active {float: left; font-family: arial, helvetica; font-size: 10px; color: #000000; letter-spacing: 1px; text-decoration: none;} #copy {float: left; padding-top: 8px; padding-left: 15px; font-family: arial, helvetica; font-size: 10px; color: #707070; letter-spacing: 1px; text-decoration: none;} /* Start-Bild */ #start {background-color: #ffffff; background-image: url(../img/start.jpg); display: block; height: 440px;} #start a:link {display: block; height: 440px; float: left; font-family: arial, helvetica; font-size: 14px; color: #ffffff; text-decoration: none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;} #start a:visited {display: block; height: 440px; float: left; font-family: arial, helvetica; font-size: 14px; color: #ffffff; text-decoration: none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;} #start a:hover {display: block; height: 440px; float: left; font-family: arial, helvetica; font-size: 14px; color: #ffffff; text-decoration: none; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;} #start a:active {display: block; height: 440px; float: left; font-family: arial, helvetica; font-size: 14px; color: #ffffff; text-decoration: none; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;} #start .s1 {width: 190px; background-image: url(../img/leer.gif);} #start .s2 {width: 160px; background-image: url(../img/leer.gif);} #start .s3 {width: 140px; background-image: url(../img/leer.gif);} #start .s4 {width: 125px; background-image: url(../img/leer.gif);} #start .s5 {width: 155px; background-image: url(../img/leer.gif);} #start .info1 {display: block; height: 100px; margin-top: 310px; padding: 15px;} #start .info2 {display: block; height: 100px; margin-top: 310px; padding: 15px;} #start .info3 {display: block; height: 100px; margin-top: 310px; padding: 15px;} #start .info4 {display: block; height: 100px; margin-top: 310px; padding: 15px;} #start .info5 {display: block; height: 100px; margin-top: 310px; padding: 15px;} #start_bot {display: block; height: 40px; margin-bottom: 1px;} #start_bot .d1 {width: 190px; display: block; height: 40px; float: left;} #start_bot .d2 {width: 160px; display: block; height: 40px; float: left;} #start_bot .d3 {width: 140px; display: block; height: 40px; float: left;} #start_bot .d4 {width: 125px; display: block; height: 40px; float: left;} #start_bot .d5 {width: 155px; display: block; height: 40px; float: left;} /* Intro */ .intro {} #link {background-color: #ffffff; display: block; margin-right: 15px; margin-bottom: 15px; text-align: right;} #link img {float: right; margin-top: 5px; margin-left: 8px;} a.linkgr {font-size: 14px;} /* Person */ #inhalt {height: 480px; margin-bottom: 1px;} #person {width: 357px; padding: 15px; float: left;} .gesundheit {background-image: url(../img/de_gesundheit.jpg);} .ernaehrung {background-image: url(../img/de_ernaehrung.jpg);} .unternehmen {background-image: url(../img/de_unternehmen.jpg);} .persoenlichkeit {background-image: url(../img/de_persoenlichkeit.jpg);} .entspannung {background-image: url(../img/de_entspannung.jpg);} .impressum {background-image: url(../img/de_impressum.jpg);} .kontakt {background-image: url(../img/de_kontakt.jpg);} .sitemap {background-image: url(../img/de_sitemap.jpg);} /* Kontaktformular */ #kontakt {width: 500px; padding: 15px; float: left;} #kontaktform {padding: 0px; margin: 0px;} #kontaktform input {border: 1px solid #cacaca; background-color: #f0f0f0; font-family: arial, helvetica; font-size: 9px; color: #545454; text-decoration: none;} #kontaktform select {border: 1px solid #cacaca; background-color: #f0f0f0; font-family: arial, helvetica; font-size: 9px; color: #545454; text-decoration: none;} .error {color: #ff0000;} /* Vita */ #vita1 {width: 345px; height: 330px; margin-top: 4px; margin-bottom: 5px; padding: 5px; text-align: left; border: 1px solid #545454;} #vita2 {width: 345px; height: 330px; margin-top: 4px; margin-bottom: 5px; padding: 5px; text-align: left; border: 1px solid #545454;} /* Impressum */ .trio {float: right; padding-right: 50px; padding-top: 10px;}