@font-face { font-family:cantarell; src:url(cantarell-webfont.ttf); }

html, body, div, p, h1, h2, th, td { padding:0px; margin:0px; font-family:cantarell,Arial,Sans; letter-spacing:-1px; font-size:13px; line-height:100%; }
body.full { background:white url(bkgr-full.jpg) no-repeat 0px 0px; }
body.mini { background:white url(bkgr-mini.jpg) no-repeat 0px 0px; }
p { color:#5c5c5c }
select { border:1px solid #ecc55c; font-size:12px; font-family:Arial,Sans; letter-spacing:0; }

body.full #startbox { position:absolute; left:17px; top:25px; width:612px; height:260px; background:url(startbox-full.png); }
body.full #startwaehlen { font-size: 15px; height: 30px; left: 20px; position: absolute; top: 25px; width: 300px; font-weight:600; }
body.full #startpflege { font-size: 30px; height: 60px; left: 20px; position: absolute; top: 45px; width: 300px; font-weight:600; letter-spacing:1px }
body.full #startwaehlen-shadow { font-size: 15px; height: 30px; left: 21px; position: absolute; top: 26px; width: 300px; font-weight:600; color:white; }
body.full #startpflege-shadow { font-size: 30px; height: 60px; left: 21px; position: absolute; top: 46px; width: 300px; font-weight:600; letter-spacing:1px; color:white; }

body.mini #startbox { position:absolute; left:17px; top:25px; width:494px; height:260px; background:url(startbox-mini.png); }
body.mini #startwaehlen { font-size: 12px; height: 30px; left: 20px; position: absolute; top: 25px; width: 300px; font-weight:600; }
body.mini #startpflege { font-size: 23px; height: 60px; left: 20px; position: absolute; top: 45px; width: 300px; font-weight:600; letter-spacing:1px }
body.mini #startwaehlen-shadow { font-size: 12px; height: 30px; left: 21px; position: absolute; top: 26px; width: 300px; font-weight:600; color:white; }
body.mini #startpflege-shadow { font-size: 23px; height: 60px; left: 21px; position: absolute; top: 46px; width: 300px; font-weight:600; letter-spacing:1px; color:white; }

#mainform { position:absolute; left:37px; top:125px; }
#mainform #tg1 { position:absolute; width:180px; top:0px; }
#mainform #tg2 { position:absolute; width:180px; top:27px; }
#mainform #tg3 { position:absolute; width:180px; top:54px; }
#mainform #geburtstag_header { position:absolute; left: 200px; top:0px; color:black; }
#mainform #geburtstag_header_shadow { position:absolute; left: 201px; top:1px; color:white; }
#mainform #geburtstag_controls { position:absolute; left:200px; top:27px; width:300px; height:20px; }
#mainform #geschlecht { position:absolute; left: 200px; top:54px; }
#mainform #submit { position:absolute; top:85px; width:279px; height:59px; background:url(btn-start.png); border:0px; padding:0px; margin:0px; cursor:pointer; }
#mainform #submit div { position:relative; top:0px; left:0px; overflow:hidden; width:279px; height:59px }
#mainform #submit div p { position:absolute; top:0px; left:0px; width:279px; height:59px; font-size:21px; color:#6a6a6a; cursor:pointer; vertical-align:middle; line-height:52px }
#mainform #submit div p.shadow { position:absolute; top:1px; left:1px; width:279px; height:59px; font-size:21px; color:#6a6a6a; cursor:pointer; color:#e0e0e0; vertical-align:middle; line-height:52px }

body.mini #progress { display:none; }
#progress { position:absolute; left:645px; top:35px; width:260px; height:240px; }
#progress #step1_hi { position:absolute; left:0px; top:0px; background:url(step1-hi.png) no-repeat; width:258px; height:59px; text-align:center; vertical-align:middle; }
#progress #step1_lo { position:absolute; left:0px; top:0px; background:url(step1-lo.png) no-repeat; width:258px; height:59px; text-align:center; vertical-align:middle; }
#progress #step2_hi { position:absolute; left:0px; top:90px; background:url(step2-hi.png) no-repeat; width:258px; height:59px; text-align:center; vertical-align:middle; }
#progress #step2_lo { position:absolute; left:0px; top:90px; background:url(step2-lo.png) no-repeat; width:258px; height:59px; text-align:center; vertical-align:middle; }
#progress #step3_hi { position:absolute; left:0px; top:180px; background:url(step3-hi.png) no-repeat; width:258px; height:59px; text-align:center; vertical-align:middle; }
#progress #step3_lo { position:absolute; left:0px; top:180px; background:url(step3-lo.png) no-repeat; width:258px; height:59px; text-align:center; vertical-align:middle; }
#progress #arrow_12 { position:absolute; left:68px; top:68px; background:url(arrow.png) no-repeat; width:125px; height:11px; }
#progress #arrow_23 { position:absolute; left:68px; top:158px; background:url(arrow.png) no-repeat; width:125px; height:11px; }
#progress p { height:59px; line-height:55px; left:35px; font-size:15px; position:absolute; top:0px; width:200px }
#progress p.shadow { height:59px; line-height:55px; left:36px; font-size:16px; position:absolute; top:1px; width:200px; color:white }

body.full #results { position:absolute; left:20px; top:300px; width:880px; border:0px; padding-bottom:20px; }
body.mini #results { position:absolute; left:20px; top:300px; width:480px; border:0px; padding-bottom:20px; overflow:hidden; }

#resultstable { empty-cells:show; border-spacing:0px; border-collapse:collapse; margin-bottom:30px; }
#resultstable tr th { text-align:center; vertical-align:middle; padding:0px; margin:0px; border:0px; overflow:hidden; }
#resultstable tr td { text-align:center; vertical-align:middle; padding:0px; margin:0px; border:0px; overflow:hidden; }

body.full .tab-left-0 { background:url(tab-left-0.png) no-repeat; width:130px; height:52px; font-size:11.5px; padding-left:20px; }
body.mini .tab-left-0 { background:url(tab-left-2.png) no-repeat; width:272px; height:52px; font-size:11.5px; padding-left:20px; }
.tab-left-1 { background:url(tab-left-1.png) no-repeat; width:130px; height:52px; font-size:11.5px; }
.tab-mid-0 { background:url(tab-mid-0.png) no-repeat center; width:90px; height:52px; }
.tab-mid-1 { background:url(tab-mid-1.png) no-repeat center; width:90px; height:52px; }
.tab-mid-2 { background:url(tab-mid-2.png) no-repeat center; width:90px; height:52px; cursor:pointer; }
.tab-mid-4 { background:url(tab-mid-4.png) no-repeat center; width:104px; height:52px; }
.tab-top-0 { background:url(tab-top-0.png) no-repeat center; width:104px; height:37px; padding-left:6px; padding-right:6px; }
.tab-top-2 { background:url(tab-top-2.png) no-repeat center; width:104px; height:37px; padding-left:6px; padding-right:6px; }
body.full .tab-stat { background:url(tab-stat-full.png) no-repeat; width:312px; height:100px; }
body.mini .tab-stat { background:url(tab-stat-mini.png) no-repeat; width:90px; height:100px; }
body.full .tab-flex { background:url(tab-flex-full.png) no-repeat; width:416px; height:100px; }
body.mini .tab-flex { background:url(tab-flex-mini.png) no-repeat; width:90px; height:100px; }
.tab-bottom { background:url(tab-bottom.png) no-repeat; width:724px; height:20px; }

.tab-left-0 div { padding-left:10px; padding-right:20px; overflow:hidden; }

body.full #step3box { position:absolute; top:315px; left:20px; width:885px; background:url(full-step3box_mid.png); }
body.full #step3box_top { width:885px; height:19px; background:url(full-step3box_top.png); }
body.full #step3box_bot { width:885px; height:34px; background:url(full-step3box_bot.png); }
body.mini #step3box { position:absolute; top:315px; left:20px; width:480px; background:url(mini-step3box_mid.png); }
body.mini #step3box_top { width:480px; height:19px; background:url(mini-step3box_top.png); }
body.mini #step3box_bot { width:480px; height:34px; background:url(mini-step3box_bot.png); }
#step3box form { padding:20px; }
#step3box table { margin-top:30px; margin-bottom:30px; margin-left:40px; }
#step3box table tr th { text-align:left; font-weight:bold; color:#444444; width:320px; }
#step3box h1 { font-size:40px; color:#6a6a6a; padding-top:8px; padding-bottom:8px; }
#step3box h2 { font-size:20px; color:#6a6a6a; padding-top:8px; padding-bottom:8px; }
#step3box p { font-size:14px; color:#6a6a6a; padding-top:8px; padding-bottom:8px; }

body.full #hdr-basis { background:url(full-hdr-basis.png) no-repeat 0px 10px; width:858px; height:72px; }
body.full #hdr-ambu { background:url(full-hdr-ambu.png) no-repeat 0px 10px; width:858px; height:72px; }
body.full #hdr-stat { background:url(full-hdr-stat.png) no-repeat 0px 10px; width:858px; height:72px; }
body.full #hdr-deta { background:url(full-hdr-deta.png) no-repeat 0px 10px; width:858px; height:72px; }
body.full #hdr-lege { background:url(full-hdr-lege.png) no-repeat 0px 10px; width:858px; height:72px; }

body.mini #hdr-basis { background:url(mini-hdr-basis.png) no-repeat 0px 10px; width:480px; height:72px; }
body.mini #hdr-ambu { background:url(mini-hdr-ambu.png) no-repeat 0px 10px; width:480px; height:72px; }
body.mini #hdr-stat { background:url(mini-hdr-stat.png) no-repeat 0px 10px; width:480px; height:72px; }
body.mini #hdr-deta { background:url(mini-hdr-deta.png) no-repeat 0px 10px; width:480px; height:72px; }
body.mini #hdr-lege { background:url(mini-hdr-lege.png) no-repeat 0px 10px; width:480px; height:72px; }