/* Allgemeine Formatierungen*/
/* Keine pt sondern px benutzen. px = pt/72*96(dpi). 96dpi ist z.Zt. der Standardwert.
   Auf hochaufloesenden Bildschirmen (120dpi, Annes Notebook) wird sonst die Schrift
   im Verhaeltnis zu den (kleineren) Grafiken zu gross. */

body {font-family: Verdana,Helvetica,sans-serif; font-size: 14px; margin:0; cursor:default}

body.en .de {display:none}
body.de .en {display:none}

h2 {font-size: 21px}
h3 {font-size: 17px}
h4 {font-size: 14px; margin-bottom:1.2ex; margin-top:2ex; }
p {font-size: 14px}
.sub {vertical-align:sub; font-size:80%; line-height:0}
.errors {color:#800000; margin-top:12px; margin-bottom:8px}
.warnings {color:#800000; margin-top:12px; margin-bottom:8px}
.errorbg {background-color:#FFA0B0}
.nodisplay {display:none}
.bold {font-weight:bold}
.big {font-size:180%}
.small {font-size:60%}
          
.hsez {font-size:12px; line-height:16px}                    
.chinese {font-size:18px; font-weight:bold; vertical-align:middle}                    
.pinyin {font-size:10px}                    
.animal {font-size:10px}
.Yin {color:rgb(0,0,0)}
.Yang {color:rgb(255,255,255)}
.W {color:rgb(0,0,204)}
.H {color:rgb(0,204,0)}
.F {color:rgb(204,0,0)}
.M {color:rgb(127,127,127)}
.E {color:rgb(255,204,0)}  /* .E {color:rgb(70%,50%,20%)}*/
.Wbg {background-color:rgb(206,255,255)}
.Hbg {background-color:rgb(204,255,204)}
.Fbg {background-color:rgb(255,180,157)}
.Mbg {background-color:rgb(243,243,243)}
.Ebg {background-color:rgb(255,255,204)}
.Wlight {color:rgb(51,153,255)}
.Hlight {color:rgb(0,255,0)}
.Flight {color:rgb(255,124,128)}
.Mlight {color:rgb(180,180,180)}
.Elight {color:rgb(255,204,102)}

table {font-size:12px}

/* Aeusserer Rahmen: comframe und xxx_frame*/#logopos {top:0px; left:0px; width:190px; height:186px; z-index:1; background-repeat:no-repeat; background-image:url(Bilder/Logo_Rose_Ecke_Oben_Rechts_Rund.png);}
#logopos {top:0px; left:0px; width:190px; height:186px; z-index:0; background-repeat:no-repeat; background-image:url(Bilder/Logo_Rose_Ecke_Oben_Rechts_Rund.png);}
#titlepos {top:0px; left:190px; width:100%; height:186px; background-repeat:repeat-x; background-image:url(Bilder/Farbverlauf_vertikal.png)}
body > #titlepos {width:4000px}
body > #navbg {height:4000px}
#navbg {top:186px; left:0px; width:190px; height:300px; background-repeat:repeat-y; background-image:url(Bilder/Farbverlauf_horizontal.png);}
#navpos {top:186px; left:0px; width:190px; z-index:1;}
#navtab {width:190px}
#navtab .tdnavtab {width:100%; vertical-align:bottom; font-size:11px; font-weight:bold; color:#DF177A; padding-left:11px; padding-top:6px; padding-bottom:6px}
#navtab p {margin-top:0px; margin-bottom:0px; font-size:12px}
#navtab a {color:#DF177A}
#navtab table .label {padding-right:6px}
#navtab table input {font-family:Verdana,Helvetica,sans-serif; font-size:11px}
.nonavicon {display:none}
.navicon {position:relative}
.navicon img {left:6px; top:-2px; position:absolute}
.tdnavseparator {height:1.5em}
.fixedpos {position:absolute}
body > .fixedpos {position:fixed} /* For modern browsers */
.pagetitle {margin-bottom:1em; font-size:37px; color:#DF177A; white-space:nowrap}
#langpos {position:absolute; left:0px; top:98%}
body > #langpos {position:fixed; top:100%} /* For modern browsers */
#langflag2 {position:absolute; left:11px; top:-24px; border:0px}
#langflag {position:absolute; left:30px; top:-24px; border:0px }
#navtab a img {border:0px}
            
/* Eingabebereich von Berechnungen */
table.input input {font-family:Verdana,Helvetica,sans-serif; font-size:11px; width:180px} /* Must enforce font-family */
table.input select {font-family:Verdana,Helvetica,sans-serif; font-size:11px; width:184px} /* Must enforce font-family */
table.input .button input {font-size:12px} /* The 'Calculate' button */
table.input .label {width:110px} 
table.input .help {padding-left:1.0em}
#online_input {vertical-align:top; border-width:0} /* cellpadding="0" cellspacing="4" width="100% */

object {display:block}
table.input .indentlabel .label {text-indent:14px; width:124px}
table.input .disabled .label {color:rgb(160,160,160); background-color:rgb(240,240,240);}
table.input .disabled input {color:rgb(160,160,160); background-color:rgb(240,240,240);}
table.input .disabled select {color:rgb(160,160,160); background-color:rgb(240,240,240);}

/* Bestellformular  */
#bestell_input { border-width:0; cellspacing="4"; width="100%"} 
#bestell_input .label {vertical-align:top; }
#bestell_input select {font-family:Verdana,Helvetica,sans-serif; font-size:11px; width:320px} 
#bestell_input .textinput input {font-family:Verdana,Helvetica,sans-serif; font-size:11px; width:320px} 
            
/* Special setting for IE where width controls the option popup box as well. */
table.input div.zoneselect {width:184px; overflow:hidden}
table.input select.zoneselectie {width:auto; min-width:182px}
table.input div.settingselect {width:184px; overflow:hidden}
table.input select.settingselectie {width:auto; min-width:182px}

/* Ausgabebereich von Berechnungen */

/* Portal */
#nologopos {width:190px; height:186px; background-repeat:no-repeat; background-image:url(Bilder/Ecke_Oben_Rechts_Rund.png)}
#portal {position:absolute; left:110px}
#portal .pagetitle {position:relative; left:-45px; margin-top:0.5em; margin-bottom:16px}
#portallogo {position:absolute; left:110px; top:75px; width:583px; height:552px}
#outerframe-portal-htm #navbg {height:441px} /* 75px+552px-186px */
#outerframe-portal-htm > #navbg {height:4000px}
#portaltext a:hover {font-weight:bold}
#portaltext a {color:#DF177A; text-decoration:none}
#portaltext ul {padding-left:1em; padding-right:1em; padding-top:0.5em; margin:0}
#portaltext li {margin:0; margin-left:0.5em}
#pollen {position:absolute; top:320px; left:224px; width:180px}
#blatt1 {position:absolute; top:170px; left:75px; width:190px}
#blatt2 {position:absolute; top:128px; left:284px; width:210px}
#blatt3 {position:absolute; top:400px; left:40px; width:210px}
#blatt4 {position:absolute; top:330px; left:400px; width:210px}
#blatt5 {position:absolute; top:480px; left:270px; width:210px}

.hauptseite {padding-right: 8px}
#hauptseite-kalender_startseite-htm table {background-repeat:no-repeat}
#hauptseite-kalender_startseite-htm li {margin-bottom: 3px}

/* Beratung Startseite */
#trinity td {font-size:14px; text-align:center; padding-left:20px; padding-right:20px}

/* pop up Fenster */
.popupwindow:hover {cursor:pointer}

/* Ausgabebereich von Berechnungen */
.disclaimer {font-size:12px}

/* Software administration */
table.admin th {text-align:left}
table.admin .label {width:auto}
            


/* Software bazi */

/* Registerblaetter mit Reitern, magenta, wenn selektiert*/
.tab_l_norm {background-image:url(Bilder/tab_l_norm.gif); width:4px}
.tab_m_norm {background-image:url(Bilder/tab_m_norm.gif); font-weight:normal}
.tab_r_norm {background-image:url(Bilder/tab_r_norm.gif); width:3px}
.tab_l_sel {background-image:url(Bilder/tab_l_sel.gif); width:4px}
.tab_m_sel {background-image:url(Bilder/tab_m_sel.gif); font-weight:bold}
.tab_r_sel {background-image:url(Bilder/tab_r_sel.gif); width:3px}
.tab_table {background-image:url(Bilder/tab_table.gif); height:26px}
.tab_table td {padding:0px; white-space:nowrap; font-size:13px}
.tab_div {background-image:url(Bilder/tab_div.gif); width:1px} /* Grenze zwischen den Registerreitern */
.tab_div_data {background-image:url(Bilder/tab_div_data.gif); width:1px} /* Grenze zwischen den beiden Tabellen unter den selektierten Reitern */

#hauptseite-software_bazi-htm .tab_data_sel {display:block}
#hauptseite-software_bazi-htm .tab_data_notsel {display:none}

#hauptseite-software_bazi-htm #bazi_opt .label {width:auto}
#hauptseite-software_bazi-htm #tddata2 {vertical-align:top}
#hauptseite-software_bazi-htm #tddata1 {vertical-align:top}

#hauptseite-software_bazi-htm #tab1 {width:300px}
#hauptseite-software_bazi-htm #tab1 .tab_end {width:80px}
#hauptseite-software_bazi-htm #tab2 .tab_end {width:40px}


.data_table {text-align:center; border-collapse:collapse; table-layout:fixed}
.data_table th {border:1px solid #909090; padding:2px; background-color:#E0E0E0}
.data_table td {padding:1px; border-left:1px solid #909090; border-right:1px solid #909090}
.data_table .rowhead {width:23px; line-height:1em; vertical-align:middle}
.data_table .bordertop {padding-top:2px; border-top: 1px solid #909090}
.data_table .borderbottom {padding-bottom:2px; border-bottom: 1px solid #909090}
.data_table .boldborderbottom {padding-bottom:2px; border-bottom: 3px solid #909090}
.data_table .background {background-color:#E0E0E0}
.data_table td .center {text-align:center}
.sub_data td {border:none; width:33%}
.sub_data {font-size:10px}
 

/* Luo Shu*/
#personal_flying_stars_luoshu {margin-left:40px; margin-top:20px; margin-bottom:20px; border-style:none; text-align:center; vertical-align:middle; border-collapse:collapse; table-layout:fixed}
#personal_flying_stars_luoshu .box {padding:2px; border:1px solid #909090; width:1.5cm; height:1.5cm; line-height:1.5em}
#personal_flying_stars_luoshu .rowtext {text-align:left; padding:8px}
#personal_flying_stars_luoshu .coltext {vertical-align:top; padding:8px; line-height:1em}
#personal_flying_stars_luoshu .bottom {vertical-align:bottom}

.luoshumargin {margin-left:40px; margin-top:20px; margin-bottom:20px}
.luoshu {border-style:none; text-align:center; vertical-align:middle; border-collapse:collapse; table-layout:fixed}
.label {padding:3px}
.box {border:2px solid #909090; padding:4px; align:center; vertical-align:middle;} /*width:1.5cm; height:1.5cm}*/
.lssquare {border-style:none; text-align:center; vertical-align:middle; padding:4px}

      
/* Anwendungsspezifische Definitionen */
#mdg_out {font-size:14px}

img {border:none}
                         
/* Medien-Darstellung */
@media screen, presentation {
    .hauptseite {position:absolute; top:0px; left:190px}
    .pagetitle {margin-top:48px; margin-left:1cm; margin-bottom:44px}
    #online_fourpillars {width: 70%}
    #online_luckpillars {width: 100%}
    #hauptseite-software_bazi-htm .printonly {display:none}
}
@media print {
    .screenonly {display:none}
    .help {display:none}
    .button {display:none}
    .errors {display:none}
    .warnings {display:none}
    .fixedpos {display:none}
    #hauptseite-software_bazi-htm .printonly {display:block; font-size:13px}
    #hauptseite-software_bazi-htm .tab_data_notsel {display:block}
    #hauptseite-software_bazi-htm .screenonly {display:none}
}

/* MSIE 7 laedt fader-framework.css nicht nach ... */

.fader {
    position: relative;
    display: inline-block;
}

.fader img {
    vertical-align: top;
}

.fader img.next {
    position: absolute;
    top: 0;
    left: 0;
}

/* Kompatibilitaet onlinearwcsettings.css */
                           
/* Spezielle Angaben fuer onlinesoftware, Kopie in settings.css! */
/* um Probleme mit Anwendersettings zu vermeiden, alle Angaben mit .onlinearwcsoftware */

.onlinearwcsoftware .Yin {color:rgb(0,0,0); font-weight:bold}
.onlinearwcsoftware .Yang {color:rgb(0,0,0); font-weight:bold}
.onlinearwcsoftware .W {color:rgb(0,0,204); font-weight:bold}
.onlinearwcsoftware .H {color:rgb(0,204,0); font-weight:bold}
.onlinearwcsoftware .F {color:rgb(204,0,0); font-weight:bold}
.onlinearwcsoftware .M {color:rgb(127,127,127); font-weight:bold}
.onlinearwcsoftware .E {color:rgb(255,204,0); font-weight:bold}
.onlinearwcsoftware .hsez {font-size:12px; line-height:16px}                    
.onlinearwcsoftware .chinese {font-size:18px; font-weight:bold}                    
.onlinearwcsoftware .pinyin {font-size:10px}                    
.onlinearwcsoftware .animal {font-size:10px}
.onlinearwcsoftware .sub {vertical-align:sub; font-size:80%; line-height:0}
.onlinearwcsoftware .errors {color:#800000; margin-top:12px; margin-bottom:8px}

/* Benoetigte Standards aus settings.css */
.onlinearwcsoftware h4 {font-family:Verdana,Helvetica,sans-serif; font-size: 14px}
.onlinearwcsoftware p {font-family:Verdana,Helvetica,sans-serif; font-size: 12px}
.onlinearwcsoftware table {font-family:Verdana,Helvetica,sans-serif; font-size:12px}
.onlinearwcsoftware table.input .label {width:200px}
.onlinearwcsoftware table.input input {font-family:Verdana,Helvetica,sans-serif; font-size:11px; width:180px} /* Must enforce font-family */
.onlinearwcsoftware table.input select {font-family:Verdana,Helvetica,sans-serif; font-size:11px; width:184px} /* Must enforce font-family */
.onlinearwcsoftware table.input .button input {font-size:12px} /* The 'Calculate' button */
.onlinearwcsoftware table.input .help {padding-left:1.0em}
.onlinearwcsoftware table .labelout {width:220px}

/* Special setting for IE where width controls the option popup box as well. */
.onlinearwcsoftware table.input div.zoneselect {width:184px; overflow:hidden}
.onlinearwcsoftware table.input select.zoneselectie {width:auto; min-width:182px}
.onlinearwcsoftware table.input div.settingselect {width:184px; overflow:hidden}
.onlinearwcsoftware table.input select.settingselectie {width:auto; min-width:182px}
         
/* Luo Shu*/
#onlineflyingstarsform .luoshumargin {margin-left:40px; margin-top:20px; margin-bottom:20px}
#onlineflyingstarsform .luoshu {border-style:none; text-align:center; vertical-align:middle; border-collapse:collapse; table-layout:fixed}
#onlineflyingstarsform .label {padding:3px}
#onlineflyingstarsform .box {border:2px solid #909090; padding:4px; align:center; vertical-align:middle;} /*width:1.5cm; height:1.5cm}*/
#onlineflyingstarsform .lssquare {border-style:none; text-align:center; vertical-align:middle; padding:4px}

/* Formatierung fuer Hs(Ez)Darstellung in einer Zelle td pro Representation*/
#online4pillarsform .data_table {text-align:center; border-collapse:collapse; table-layout:fixed}
#online4pillarsform .data_table th {border:2px solid #909090; padding:3px; background-color:#F0F0F0}
#online4pillarsform .data_table td {padding:1px; border-left:2px solid #909090; border-right:2px solid #909090}
#online4pillarsform .data_table .rowhead {width:8pt; line-height:1em; vertical-align:middle}
#online4pillarsform .data_table .bordertop {padding-top:6px; border-top: 2px solid #909090}
#online4pillarsform .data_table .borderbottom {padding-bottom:3px; border-bottom: 2px solid #909090}

/* Formatierung fuer Hs(Ez)Darstellung in einer Zelle td */
#online4pillarsform #online_fourpillars {width:70%}
#online4pillarsform #online_luckpillars {width:98%}
#online4pillarsform #online_input {}

@media print {
    .onlinearwcsoftware .help {display:none}
    .onlinearwcsoftware .button {display:none}
}

/* Userspezifische Formatierungen #arwc */
#online4pillarsform #arwc .Yang {color:rgb(255,255,255); font-weight:900}
#online4pillarsform #arwc .data_table {text-align:center; border-collapse:collapse; table-layout:fixed}
#online4pillarsform #arwc .data_table th {background-color:#E0E0E0; border:4px solid white; padding:3px}
#online4pillarsform #arwc .data_table td {background-color:#D0D0D0; border-left:4px solid white; border-right:4px solid white}
#online4pillarsform #arwc .data_table .bordertop {padding:6px; border-top: 4px solid white}
#online4pillarsform #arwc .data_table .borderbottom {padding:3px; border-bottom: 4px solid white}
@media print {
    #online4pillarsform #arwc .data_table {border-color:#909090; border-width:1px}
    #online4pillarsform #arwc .data_table th {border-color:#909090; border-width:1px}
    #online4pillarsform #arwc .data_table td {border-color:#909090; border-width:1px}
    #online4pillarsform #arwc .data_table .bordertop {border-color:#909090; border-width:1px}
    #online4pillarsform #arwc .data_table .borderbottom {border-color:#909090; border-width:1px}
    #online4pillarsform #arwc .M {color:#405060} /* Grauwerte fuer Text werden schwarz gedruckt, auch rgb-Angaben  */
}