/*

        arcadiabay.css
        Standard-Style Definition für Arcadiabay

        Farbkonstanten:
            SALMON          #FA8072
            CRIMSON         #DC143C
            DARKRED         #8B0000
            CORNSILK        #FFF8DC
            DARKSLATEBLUE   #483D8B
            BEIGE           #F5F5DC
            DARKCYAN        #008B8B

*/
/* //////////////////// SIZE an MARGIN Constants ///////////////// */

    .fs10  { font-size: 0.1em !important;} .fs20  { font-size: 0.2em !important;} .fs30  { font-size: 0.3em !important;}  .fs40 { font-size: 0.4em !important;}
    .fs50  { font-size: 0.5em !important;} .fs60  { font-size: 0.6em !important;} .fs70  { font-size: 0.7em !important;}  .fs80 { font-size: 0.8em !important;}
    .fs90  { font-size: 0.9em !important;} .fs100 { font-size: 1.0em !important;} .fs110 { font-size: 1.1em !important;} .fs120 { font-size: 1.2em !important;}
    .fs130 { font-size: 1.3em !important;} .fs140 { font-size: 1.4em !important;} .fs150 { font-size: 1.5em !important;} .fs160 { font-size: 1.6em !important;}
    .fs170 { font-size: 1.7em !important;} .fs180 { font-size: 1.8em !important;} .fs190 { font-size: 1.9em !important;} .fs200 { font-size: 2.0em !important;}
    .fs210 { font-size: 2.1em !important;} .fs220 { font-size: 2.2em !important;} .fs230 { font-size: 2.3em !important;} .fs240 { font-size: 2.4em !important;}
    .fs105 { font-size: 1.05em !important;} 

    .lh40  { line-height: 0.4em !important;} .lh50  { line-height: 0.5em !important;} .lh60  { line-height: 0.6em !important;} .lh70 { line-height: 0.7em !important;}
    .lh80  { line-height: 0.8em !important;} .lh90  { line-height: 0.9em !important;} .lh100 { line-height: 1.0em !important;} .lh110 { line-height: 1.1em !important;}
    .lh120 { line-height: 1.2em !important;} .lh130 { line-height: 1.3em !important;} .lh140 { line-height: 1.4em !important;} .lh150 { line-height: 1.5em !important;}
    .lh160 { line-height: 1.6em !important;} .lh170 { line-height: 1.7em !important;} .lh180 { line-height: 1.8em !important;} .lh190 { line-height: 1.9em !important;}

    .bs0   {border-spacing: 0 !important;}    .bs1  {border-spacing:1px !important;} .bs2  {border-spacing:2px !important;} .bs3  {border-spacing:3px !important;}
    .bs4   {border-spacing: 4px !important;}  .bs5  {border-spacing:5px !important;} .bs6  {border-spacing:6px !important;} .bs7  {border-spacing:7px !important;}
    .bs8   {border-spacing: 8px !important;}  .bs9  {border-spacing:9px !important;} .bs10  {border-spacing:10px !important;} .bs15  {border-spacing:15px !important;}


    .w5   { width:  5px !important;} .w10  { width: 10px !important;} .w15  { width: 15px !important;}
    .w20  { width: 20px !important;} .w21  { width: 21px !important;} .w22  { width: 22px !important;} 
    .w23  { width: 23px !important;} .w24  { width: 24px !important;} .w25  { width: 25px !important;} 
    .w26  { width: 26px !important;} .w27  { width: 27px !important;} .w28  { width: 28px !important;} 
    .w29  { width: 29px !important;} .w30  { width: 30px !important;} .w32  { width: 32px !important;} 
    .w35  { width: 35px !important;} .w40  { width: 40px !important;} .w45  { width: 45px !important;} 
    .w50  { width: 50px !important;} .w55  { width: 55px !important;} .w60  { width: 60px !important;} 
    .w65  { width: 65px !important;} .w70  { width: 70px !important;} .w75  { width: 75px !important;} 
    .w80  { width: 80px !important;} .w85  { width: 85px !important;} .w90  { width: 90px !important;} 
    .w95  { width: 95px !important;} .w100 { width:100px !important;} .w105 { width:105px !important;} 
    .w110 { width:110px !important;} .w115 { width:115px !important;} .w120 { width:120px !important;} 
    .w125 { width:125px !important;} .w130 { width:130px !important;} .w135 { width:135px !important;}
    .w140 { width:140px !important;} .w145 { width:145px !important;} .w150 { width:150px !important;}
    .w155 { width:155px !important;} .w160 { width:160px !important;} .w165 { width:165px !important;}
    .w170 { width:170px !important;} .w175 { width:175px !important;} .w180 { width:180px !important;}
    .w185 { width:185px !important;} .w190 { width:190px !important;} .w195 { width:195px !important;}
    .w200 { width:200px !important;} .w210 { width:210px !important;} .w220 { width:220px !important;} 
    .w230 { width:230px !important;} .w240 { width:240px !important;} .w250 { width:250px !important;} 
    .w260 { width:260px !important;} .w270 { width:270px !important;} .w280 { width:280px !important;} 
    .w290 { width:290px !important;} .w300 { width:300px !important;} .w310 { width:310px !important;} 
    .w320 { width:320px !important;} .w330 { width:330px !important;} .w340 { width:340px !important;} 
    .w350 { width:350px !important;} .w360 { width:360px !important;} .w370 { width:370px !important;} 
    .w380 { width:380px !important;} .w390 { width:390px !important;} .w400 { width:400px !important;} 
    .w410 { width:410px !important;} .w420 { width:420px !important;} .w430 { width:430px !important;} 
    .w440 { width:440px !important;} .w450 { width:450px !important;} .w460 { width:460px !important;} 
    .w470 { width:470px !important;} .w480 { width:480px !important;} .w490 { width:490px !important;} 
    .w500 { width:500px !important;} .w510 { width:510px !important;} .w520 { width:520px !important;} 
    .w530 { width:530px !important;} .w540 { width:540px !important;} .w550 { width:550px !important;} 
    .w560 { width:560px !important;} .w570 { width:570px !important;} .w580 { width:580px !important;} 
    .w590 { width:590px !important;} .w600 { width:600px !important;} .w610 { width:610px !important;} 
    .w620 { width:620px !important;} .w630 { width:630px !important;} .w640 { width:640px !important;} 
    .w650 { width:650px !important;} .w660 { width:660px !important;} .w670 { width:670px !important;} 
    .w680 { width:680px !important;} .w690 { width:690px !important;} .w700 { width:700px !important;} 
    .w710 { width:710px !important;} .w720 { width:720px !important;} .w730 { width:730px !important;} 
    .w740 { width:740px !important;} .w750 { width:750px !important;} .w760 { width:760px !important;} 
    .w770 { width:770px !important;} .w780 { width:780px !important;} .w790 { width:790px !important;} 
    .w800 { width:800px !important;} .w810 { width:810px !important;} .w820 { width:820px !important;} 


    .wP5  { width:  5%!important; } .wP10 { width: 10%!important; } .wP15 { width: 15%!important; } .wP20 { width: 20%!important; }
    .wP25 { width: 25%!important; } .wP30 { width: 30%!important; } .wP32 { width: 32%!important; } .wP33 { width: 33%!important; }
    .wP35 { width: 35%!important; } .wP40 { width: 40%!important; } .wP45 { width: 45%!important; } .wP46 { width: 46%!important; } 
    .wP47 { width: 47%!important; } .wP48 { width: 48%!important; } .wP49 { width: 45%!important; } .wP50 { width: 50%!important; } 
    .wP51 { width: 51%!important; } .wP52 { width: 52%!important; } .wP55 { width: 55%!important; } .wP60 { width: 60%!important; }
    .wP65 { width: 65%!important; } .wP70 { width: 70%!important; } .wP75 { width: 75%!important; } .wP80 { width: 80%!important; }
    .wP85 { width: 85%!important; } .wP90 { width: 90%!important; } .wP95 { width: 95%!important; } .wP97 { width: 97%!important; } 
    .wP98 { width: 98%!important; } .wP99 { width: 99%!important; } .wA   { width: auto ;}     .wP, .wP100  { width:100%!important; } 
    

    .h5   {  height:5px !important;} .h10  { height:10px !important;} .h15  { height:15px !important;} 
    .h16  { height:16px !important;} .h17  { height:17px !important;} .h18  { height:18px !important;}
    .h20  { height:20px !important;} .h21  { height:21px !important;} .h22  { height:22px !important;}
    .h23  { height:23px !important;} .h24  { height:24px !important;} .h25  { height:25px !important;}
    .h26  { height:26px !important;} .h27  { height:27px !important;} .h28  { height:28px !important;}
    .h29  { height:29px !important;} .h30  { height:30px !important;} .h32  { height:32px !important;}
    .h35  { height:35px !important;} .h40  { height:40px !important;} .h45  { height:45px !important;}
    .h50  { height:50px !important;} .h55  { height:55px !important;} .h60  { height:60px !important;}
    .h65  { height:65px !important;} .h70  { height:70px !important;} .h75  { height:75px !important;}
    .h80  { height:80px !important;} .h85  { height:85px !important;} .h90  { height:90px !important;}
    .h95  { height:95px !important;} .h100 {height:100px !important;} .h105 {height:105px !important;}
    .h110 {height:110px !important;} .h115 {height:115px !important;} .h120 {height:120px !important;}
    .h125 {height:125px !important;} .h130 {height:130px !important;} .h135 {height:135px !important;}
    .h140 {height:140px !important;} .h145 {height:145px !important;} .h150 {height:150px !important;}
    .h155 {height:155px !important;} .h160 {height:160px !important;} .h165 {height:165px !important;}
    .h170 {height:170px !important;} .h175 {height:175px !important;} .h180 {height:180px !important;}
    .h185 {height:185px !important;} .h190 {height:190px !important;} .h195 {height:195px !important;}
    .h200 {height:200px !important;} .h210 {height:210px !important;} .h220 {height:220px !important;}
    .h230 {height:230px !important;} .h240 {height:240px !important;} .h250 {height:250px !important;}
    .h260 {height:260px !important;} .h270 {height:270px !important;} .h280 {height:280px !important;}
    .h290 {height:290px !important;} .h300 {height:300px !important;} .h310 {height:310px !important;}
    .h320 {height:320px !important;} .h330 {height:330px !important;} .h340 {height:340px !important;}
    .h350 {height:350px !important;} .h360 {height:360px !important;} .h370 {height:370px !important;} 
    .h380 {height:380px !important;} .h390 {height:390px !important;} .h400 {height:400px !important;} 
    .h410 {height:410px !important;} .h420 {height:420px !important;} .h430 {height:430px !important;}
    .h440 {height:440px !important;} .h450 {height:450px !important;} .h460 {height:460px !important;}
    .h470 {height:470px !important;} .h480 {height:480px !important;} .h490 {height:490px !important;}
    .h500 {height:500px !important;} 
    
    .hA   {height: auto !important;}    .hP   {height: 100% !important;}
    
    /*margin-top*/
    .mt-9 { margin-top: -9px !important;} .mt-8 { margin-top: -8px !important;} .mt-7 { margin-top: -7px !important;}
    .mt-6 { margin-top: -6px !important;} .mt-5 { margin-top: -5px !important;} .mt-4 { margin-top: -4px !important;}
    .mt-3 { margin-top: -3px !important;} .mt-2 { margin-top: -2px !important;} .mt-1 { margin-top: -1px !important;}
    .mt0  { margin-top:    0 !important;} .mt1  { margin-top:  1px !important;} .mt2  { margin-top:  2px !important;}
    .mt3  { margin-top:  3px !important;} .mt4  { margin-top:  4px !important;} .mt5  { margin-top:  5px !important;}
    .mt6  { margin-top:  6px !important;} .mt7  { margin-top:  7px !important;} .mt8  { margin-top:  8px !important;}
    .mt9  { margin-top:  9px !important;} .mt10 { margin-top: 10px !important;} .mt11 { margin-top: 11px !important;}
    .mt12 { margin-top: 12px !important;} .mt13 { margin-top: 13px !important;} .mt14 { margin-top: 14px !important;}
    .mt15 { margin-top: 15px !important;} .mt20 { margin-top: 20px !important;} .mt25 { margin-top: 25px !important;}
    .mt30 { margin-top: 30px !important;} .mt40 { margin-top: 40px !important;} .mt50 { margin-top: 50px !important;} 
    .mt60 { margin-top: 60px !important;} .mt70 { margin-top: 70px !important;} .mt80 { margin-top: 80px !important;} 


    /*margin-left*/ 
    .ml-9 { margin-left:-9px !important;} .ml-8 {margin-left: -8px !important;} .ml-7 {margin-left: -7px !important;}
    .ml-6 { margin-left:-6px !important;} .ml-5 {margin-left: -5px !important;} .ml-4 {margin-left: -4px !important;}
    .ml-3 { margin-left:-3px !important;} .ml-2 {margin-left: -2px !important;} .ml-1 {margin-left: -1px !important;}
    .ml0  {margin-left:    0 !important;} .ml1  {margin-left:  1px !important;} .ml2  {margin-left:  2px !important;}
    .ml3  {margin-left:  3px !important;} .ml4  {margin-left:  4px !important;} .ml5  {margin-left:  5px !important;}
    .ml6  {margin-left:  6px !important;} .ml7  {margin-left:  7px !important;} .ml8  {margin-left:  8px !important;}
    .ml9  {margin-left:  9px !important;} .ml10 {margin-left: 10px !important;} .ml11 {margin-left: 11px !important;}
    .ml12 {margin-left: 12px !important;} .ml13 {margin-left: 13px !important;} .ml14 {margin-left: 15px !important;}
    .ml15 {margin-left: 15px !important;} .ml16 {margin-left: 16px !important;} .ml17 {margin-left: 17px !important;}
    .ml20 {margin-left: 20px !important;} .ml25 {margin-left: 25px !important;} .ml30 {margin-left: 25px !important;}
    .ml35 {margin-left: 35px !important;} .ml40 {margin-left: 40px !important;} .ml45 {margin-left: 45px !important;}
    .ml50 {margin-left: 50px !important;} .ml55 {margin-left: 55px !important;} .ml60 {margin-left: 65px !important;}
    /*margin-right*/
    .mr0  {margin-right:   0 !important;} .mr1  {margin-right: 1px !important;} .mr2  {margin-right: 2px !important;}    
    .mr3  {margin-right: 3px !important;} .mr4  {margin-right: 4px !important;} .mr5  {margin-right: 5px !important;}
    .mr8  {margin-right: 8px !important;} .mr10 {margin-right:10px !important;} .mr15 {margin-right:15px !important;}
    .mr20 {margin-right:20px !important;} .mr25 {margin-right:25px !important;} .mr30 {margin-right:30px !important;}    
    /*margin-bottom*/    
    .mb0  {margin-bottom:   0 !important;}  .mb1  {margin-bottom: 1px !important;} .mb2  {margin-bottom: 2px !important;}
    .mb3  {margin-bottom:  3px!important;}  .mb4  {margin-bottom: 4px !important;} .mb5  {margin-bottom: 5px !important;}
    .mb6  {margin-bottom:  6px!important;}  .mb7  {margin-bottom: 7px !important;} .mb8  {margin-bottom: 8px !important;}
    .mb9  {margin-bottom: 9px !important;} .mb10 {margin-bottom:10px !important;} .mb15 {margin-bottom:15px !important;}
    .mb20 {margin-bottom:20px !important;} .mb25 {margin-bottom:25px !important;} .mb30 {margin-bottom:30px !important;}    
    /*margin-all*/
    .m0  { margin: 0   !important;} .m2  { margin: 2px !important;} .m5  { margin: 5px !important;}
    .m8  { margin: 8px !important;} .m10 { margin:10px !important;} .m15 { margin:15px !important;}
    .m20 { margin:20px !important;} .m25 { margin:25px !important;} .m30 { margin:30px !important;}
    .mc  { margin: 0 auto; }        .mm  { margin: auto 0; } /*center*/

    /*padding*/    
    .p0  { padding: 0!important;}        .p1   { padding:1px !important;}    .p2 { padding:2px !important;}   
    .p3  { padding:3px!important;}       .p4   { padding:4px !important;}    .p5 { padding:5px !important;}   
    .p6  { padding:6px!important;}       .p7   { padding:7px !important;}    .p8 { padding:8px !important;}   
    .p10 { padding: 10px !important;}    .p15  { padding:15px !important;}   .p20 { padding:20px !important;}   
    .plr5{ padding:0 5px !important;}    .plr10{ padding:0 10px !important;} .plr15 { padding:0 15px !important;} 
    .ptb5{ padding:5px 0!important;}     .ptb10{ padding:10px 0 !important;} .ptb15 { padding:15px 0 !important;} 
    .p2-5{ padding:2px 5px !important;} .p5-10{padding:5px 10px !important;} .p10-15{padding:10px 15px !important;}

    .pl1 { padding-left:1px !important;} .pl2 { padding-left:2px !important;} .pl3 { padding-left:3px !important;}
    .pl4 { padding-left:4px !important;} .pl5 { padding-left:5px !important;} .pl6 { padding-left:6px !important;}
    .pl7 { padding-left:7px !important;} .pl8 { padding-left:8px !important;} .pl10 { padding-left:10px !important;}
    .pl15 { padding-left:15px !important;} .pl20 { padding-left:20px !important;} .pl25 { padding-left:25px !important;}

    .pr1 { padding-right:1px !important;} .pr2 { padding-right:2px !important;} .pr3 { padding-right:3px !important;}
    .pr4 { padding-right:4px !important;} .pr5 { padding-right:5px !important;} .pr6 { padding-right:6px !important;}
    .pr7 { padding-right:7px !important;} .pr8 { padding-right:8px !important;} .pr10 { padding-right:10px !important;}
    .pt1 { padding-top:1px !important;}   .pt2 { padding-top:2px !important;}   .pt3 { padding-top:3px !important;}
    .pt4 { padding-top:4px !important;}   .pt5 { padding-top:5px !important;}   .pt6 { padding-top:6px !important;}
    .pt7 { padding-top:7px !important;}   .pt8 { padding-top:8px !important;}   .pt10 { padding-top:10px !important;}
    .pb1 {padding-bottom:1px !important;} .pb2 {padding-bottom:2px !important;} .pb3 { padding-bottom:3px !important;}
    .pb4 {padding-bottom:4px !important;} .pb5 {padding-bottom:5px !important;} .pb6 { padding-bottom:6px !important;}
    .pb7 {padding-bottom:7px !important;} .pb8 {padding-bottom:8px !important;} .pb10 { padding-bottom:10px !important;}
    .pb15 {padding-bottom:15px !important;} .pb20 {padding-bottom:20px !important;} .pb25 { padding-bottom:25px !important;}
        

    .rad5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
    .rad10{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
    .rad15{ -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }


/* css reset */

    Remove* {
    outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}

    .rel {position:relative;}
    .abs {position:absolute;}
    .hide {display:none;}
    .show {display:block;}
    .block {display:block;}
    .inline {display:inline;}    
    .left {text-align: left;}
    .right {text-align: right; }
    .bot {vertical-align:bottom;}
    .top {vertical-align:top;}
    .float {float:right;}
    .fleft {float:left;}
    .clear {clear:both;}
    .cent {text-align:center; margin: 0 auto; }
    .nowrap {white-space:nowrap;}
    .trenn {border-left:1px solid; padding-left:4px;}   /* vertical Trenlinie zwichen A-Tags */
    
    .groove {border:2px groove;}
    .ins  {border:inset white thin;}
    .box {border:1px solid gray;}
    .nob {border:0;}
    .hand {cursor:pointer;}

    .auto  {width:auto;} 
    .wide  {width:100%;}     
    
    .label {color: maroon; letter-spacing: -0.3pt; font: bold 10px/15px Arial; display:block;}
    .get {padding: 1px 2px 1px 2px; border-width: 1px; color:#567;}
    .htext {font: bold 18pt/28pt Verdana;  }
    .stext {font:7pt/9pt Verdana; }
    .text {font:8pt/10pt Verdana; }    
    .atext {font:normal 9pt/normal Verdana, Arial; text-decoration:none; color:inherit; }    
    .ablue {font:normal 10pt/normal Verdana, Arial; text-decoration:none; color:#48F; }    
    .ltext {font:9pt/12pt Verdana;}    
    .bold {font-weight:bold;}
    .deco {text-decoration: none;}
    .num {text-align: right; behavior: url(/scripts/aeges/apiFormatNumber.htc);}

    .focus {background-image:url('images/bg/input.jpg');}
    .hover:hover { background: transparent url(images/bg/input.jpg) top left;}    
    
    .aero {background:url('images/bg/aero_bg.gif') top left #fafaff; }
    .foot {height:20px; width:100%; font:8pt/20px Arial; background: #ddd url(images/bg/itemFoot_bg.gif) repeat-x top; color:#333; }
    .banner { font:8pt/12pt Verdana; color:#357; text-decoration: none; }

    .list {color:#678; background-color:#f8ffe8;}
    .silver {background-color:#ccc;}
    .blue { color:#57A; }    
    .white {background-color:#fff;}
    .light {background-color:#f4f4f4}
    .red  {color:#e21717}

    .stretch { overflow: hidden; width: 100%; } /* stretch Container with floating children */
    .table { border-spacing: 0; padding: 0; } 

    .small {font: normal 9pt/normal Arial Narrow; color:black; }

    .white-back, .wB {background-color:#ffffff;}  .black-back  {background-color:#000;}    .brown-back  {background-color:#555;}
    .light-back {background-color:#f4f4f4;}  .medium-back {background-color:#ececec;} .silver-back {background-color:#ccc;}
    .red-back   {background-color:#b42929!important;}  .blue-back   {background-color:#8383e1;} .green-back  {background-color:#8ad48a;} 
    .cornsilk { background-color: #FFF8DC; } .smoke-back  {background-color:#f8f8f8;} .orange-back { background-color: orange!important;}
    .noback {background-image:none; background-color:Transparent;}

        /* Arial-based sans serif stack */            
    .arial {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
    /* Tahoma-based sans serif stack */            
    .tahoma { font-family: Tahoma, Verdana, Segoe, sans-serif;}
    /* Script-based stack */           
    .comic {font-family:"Comic Sans MS", Papyrus, fantasy, Verdana, Arial; }
    /* Helvetica/Arial-based sans serif stack */
    .helvetica {font-family: Calibri, Frutiger, Univers, Myriad, Tahoma, Geneva, Helvetica, Arial, sans-serif; }
    /* Verdana-based sans serif stack */
    .verdana { font-family: Verdana, "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", "Verdana Ref", sans-serif;}
    /* Trebuchet-based sans serif stack */
    .trebuchet { font-family: 'Trebuchet MS', 'Segoe UI', Candara, Verdana, sans-serif;}
    /* Sehr gut leserliche Schrift für größere Texte (zb Kochbuch) */
    .georgia { font-family: Georgia, Trebuchet MS, Verdana, Times,Times New Roman,serif; font-size: 12pt; line-height: 16pt;  color: #236;}
    /* Windows-Desktop DefaultFont */
    .segoe { font-family: 'Segoe UI', Candara, 'Trebuchet MS', Verdana, sans-serif;}


  body {
    font:10pt/13pt Verdana;
    color: #333;
    height :100%;
    margin: 0; padding:0;
  }

  body.ArcadiaBay, body.noscroll {
     margin: 0; padding:0; background:url('images/bg/bg_sand.gif') #F5F5DC top left;
  }

  body.noscroll {
     background-color :#FFF8DC;
     overflow:hidden;
     overflow-x:hidden;
     overflow-y: hidden;
   }

  /*
  // ***
  // *** MasterPage, Header, Navigation
  // ***
  */

  #divBody   {
    text-align:left;
    margin: 0 auto;
    margin-top:8px; margin-bottom:64px;
    padding: 8px;
    width:808px;
    vertical-align:top;
    background-color:white;
    border:1px solid gray;
    -moz-box-shadow: #862 5px 5px 5px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#886622', Direction=135, Strength=5);
    
  }

  #divContainer {
    width: 100%; height:auto;
    margin: 0 auto;
    padding: 0;
    background:url( 'images/bg/master_bg.gif' ) repeat-y;
  }

  #divHeader {
    position:relative;
    margin:0; padding:0;
    vertical-align:top;
    width: 100%;
    height:47px;
    text-align:left; 
    background-color:white;
  }

  #divHeader .imgLogo  { position:relative; width:240px; height:47px; cursor: pointer; }

  div.admin {
    position:absolute; 
    top:8px; left:250px; 
    font: normal 9pt/normal Aral, Verdana; color:#69E;
  }

  a.admin   {color:#6495ED;font: inherit;}
  b.admin   {color:navy;font: inherit;}

  #divHeader #headLogin { position:absolute; left:620px; top:12px; width:175px; height:35px;
                          text-align:center; font: 8pt Verdana; letter-spacing:0.3pt;
                          background-image:url('images/bg/boxverlauf.jpg'); }

  #divHeader a.headLogin, #divHeader a.headLogin:link, #divHeader a.headLogin:active, 
  #divHeader a.headLogin:visited, #divHeader a.headLogin:hover {
    font-size:11px; color:Navy;
  }
  #divHeader a.headLogin:hover { color:#D13; }

  #divHeader #headLine  { position:absolute; top:12px; left:245px; width:375px; 
                          text-align:center; font: bold 1.0em Verdana;  }
  #divHeader a.headLine { color:navy; text-decoration:none; font: bold 12px/28px Verdana; }
  #divHeader a.headLine:hover { text-decoration: underline; background-image:url('images/bg/input.jpg'); }

  div.thinRedLine {
    background:url('images/redline.gif') #C00;
    height:18px; width:100%;
    border-bottom: 1px solid gray;
  }

  div.socialbuttons  {
    margin: 6px auto 65px auto;
    background:url('images/buttons/social.png') 0 0 no-repeat; width: 73px; height:39px; 
  }

  div.bookmark {
    position:relative;
    top:1100px;
    color: #FF8;
    font:8pt/10pt Verdana;
    text-align: center;
  }

  div.divPayLoad {
    background-color:#EEC;
    width:688px; margin-left:120px;
    vertical-align:top;
  }

  div.pageFooter {
    position:relative;
    color:#369; font: normal 12px Verdana;
    vertical-align:top; text-align:center; padding-bottom:9px;
  }


  h3, h4 {
    position:relative; top:12px;
    font:bold 13px/14px Verdana;
    color:navy;
    text-align:center; vertical-align:bottom;
  }
  

  h3 /* Seitenüberschriften für Listen */  {
    font-size: 20px; color: #483D8B;
    }
  h4 /* Zeilenüberschriften fliessenden Text */ {
    clear: none;
    font: bold 14pt/22pt Verdana;
    vertical-align:middle;
    text-align:left;
    border-bottom: solid 1px navy; }

   h4.lnk_Header  {
	clear:left;
	width:610px;
    font: bold 14px/21px Verdana;
	text-align:center; margin-bottom:32px;
	color:black;
    background-image :url(images/bg/lnk_bg.gif); border: 1px solid teal;
   }

   h5 {  /* Katalog-Unterkategorien */
    color:#57A; font: bold 9pt/normal Verdana Arial ; text-decoration: none;   
   }   

.plugin  { 
    width:auto; 
    font-size:8.5pt; line-height: 1.4; 
    margin-bottom:10px; text-align:left; 
    text-decoration:none; 
    color: #358; background-color:#fafafa; 
    border: 1px solid #999;  
 }
.plugin .grid     { padding-top:0; }  
.plugin .grid h4  { padding: 0px; margin: 0px; border: 0px; outline: 0px; line-height: normal; font-family: inherit; font-size: 100%;display:inline;}
.plugin .grid a   { position:relative; line-height: 1.33; letter-spacing:-0.50pt; font-weight:normal; text-decoration:none; }



   /* Master Menue */
   div.navigator { float:left; background-color:#0d4ea8; width:120px; } /* #34A */
   a.lnkBookmark  { color: #ff9; cursor:pointer; text-decoration: underline; }
   #sidebar  { margin-left :1px; width: 118px; }
   #navlist  {  margin:0; padding:0; list-style-type: none;  }
   #navlist a, #navlist a:visited
   {
        display: block; font:small-caps 11px/20px Verdana;
        text-align:right; text-decoration: none; color: #ddd;
        padding: 2px 16px 2px 24px;
        border: 1px solid; border-color: #68F navy #000 navy;
        background:url('images/bg/btnUns_bg.gif') top left transparent;
   }
   #sidebar #navlist .navactive
   {
        cursor:default; color:#fff;
        font:bold small-caps 12px/20px Verdana;
        background:url('images/bg/btnSel_bg.gif') top left;
   }
   #navlist a:hover { color: #fff; border-color: #5af #016 #016 #34A;}



   /*-----------------------------------
    Button-Sprites
    -----------------------------------*/
        
    .btnsprite_de { background:url('../images/sprites/buttons_de.png') 0 0 no-repeat transparent; display:block; outline: 0; }
    .btnsprite_en { background:url('../images/sprites/buttons_en.png') 0 0 no-repeat transparent; display:block; outline: 0; }

    .btn_add   { background-position:-10px -10px; width: 215px; height: 35px; }
    .btn_buy   { background-position: -10px -50px; width: 145px; height: 35px; }
    .btn_kasse { background-position: -10px -90px; width: 195px; height: 35px; }
    .btn_shopping { background-position: -10px -130px; width: 195px; height: 35px; }
    .btn_account { background-position: -10px -170px; width: 220px; height: 35px; }
    .btn_edit { background-position: -10px -210px; width: 150px; height: 35px; }

    .btn_mail  { background-position: 0 -750px; width: 200px; height: 18px; }
    .btn_phone { background-position: 0 -770px; width: 200px; height: 18px; }

/*-----------------------------------
   Info-Boxen auf der Startseite
  -----------------------------------*/
  div.boxOutFrame { border: 1px solid gray; background-color:#fafafa; text-align:left; margin-bottom:6px; width:auto; }
  
  div.boxHeader { height:22px;text-align:center; font-weight:bold; border-bottom:1px solid black; background:url('images/bg/boxhead_bg.jpg') #F5F5DC; }
  a.boxHeader { font: bold 10pt/18pt Arial; color: #333; text-decoration: none; }

  div.boxBody /* Contentbereich mit oberem Schlagschatten */ {
    padding:8px 5px;
    background:url('images/bg/boxbody_bg.gif') repeat-x top left #fafafa;
  }
  a.boxBody { font:8pt/12pt Verdana; color: black; text-decoration: none; }
  a.boxBody:hover { background-image:url(images/bg/input.jpg); } /* kategorie_bg.gif */

  div.boxTrenn  {
    position:relative;
    top:-3px;
    padding: 8px 5px;
    background:url('images/bg/boxRahmen_bg.gif') repeat-x top left #fafafa;
  }


  a.boxWeiter { font-size:small; text-decoration:none; vertical-align: middle; color:#DC143C;  }
  a.neuZugaenge { font:11px/18px Verdana; cursor:pointer; text-decoration:none; margin-left:0px; color:navy;letter-spacing:-0.5pt; }
  li.banner  { font:8pt/10pt Verdana;  }
  span.textBox { display:block; font:10pt/12pt Verdana; color: #333; padding:6px;}

  /*
   -----------------------------------
   Login Box
   -----------------------------------  */

   div.loginPanel { position:relative; left:20px; top:0px; font-family:Verdana; font-size:1em; width:255px; }
   a.loginPanelLeft, a.loginPanelRight {font:0.8em Verdana; color: black; float:left; color:#008B8B; text-decoration:underline; }
   a.loginPanelRight { float:right; }

  /*
   -----------------------------------
   PageSearch
   -----------------------------------
  */

    div.suchNach {
        border:1px solid gray; height:22px; width:auto;
        background:url('images/bg/boxSilverHeader_bg.gif') repeat-x;
        text-align:left; 
        font-family:Candara,'Trebuchet MS', 'Segoe UI', Verdana, Helvetica, Arial, sans-serif;
        font-size: 8pt; line-height: 100%;
    }
    div span.suchNach {
        display: inline-block; float: left; margin: 5px 5px 0 12%; font-size:114%; line-height:110%;
    }
    div.suchNach input {
        float: left; margin-top: 3px; width: 150px; padding: 2px 4px 1px 2px; font-size:100%; border: 1px solid #bbb;
    }
    div.suchNach select {
        float: left; margin: 3px 0 0 6px; padding: 1px 0 0 0; font-size:100%; border: 1px solid #bbb;
    }
    div.suchNach button {
        float: left; width: 45px; margin: 4px 0 0 2px; font-size: 90%; height:16px; line-height: 90%; 
    }
    #langSelect {
        position:absolute; right: 25px; top: 4px; width:112px; height:21px;
        background: url('images/flags/flagsprite.png') 0 0 no-repeat transparent;
    }        
    #langSelect a {
        position:absolute; width:22px; height:15px; display:block;
    }
    div.suchNachShadow { 
        margin:0; padding:0; height: 6px;  width: 100%;
        background:url('images/bg/boxSilverHeader_sh.gif') repeat-x top left;
    }




  /*
  ///
  /// PageTitle Navigator und Seiten-Überschriften
  ///
  */
   a.breadCrumb { position:relative; text-decoration:none; color:#483D8B; padding:2px; top:2px; }
   a.breadCrumb:hover { padding:1px;  border:1px solid gray; background:url('images/bg/itemFoot_bg.gif');   }


   a.pageJump, a.pageJump:visited, a.pageJump:active, a.pageJump:link, a.pageJump:hover
   {
    font-family:Verdana,Arial; font-size:10pt; line-height:15pt; font-weight:700; text-decoration:none; letter-spacing:-0.4pt;
   }
   a.pageJump:hover {text-decoration:underline; }

   a.gotop { font-family:Verdana,Arial; color:#008B8B; font-size:0.8em; text-decoration:underline; }


  /*//// *** Katalog //// */
  

   /* Äußere Tabelle mit Menü, Payload und Footer */
   table.katalog { width:100%; min-height:457px; font:10pt/14pt Verdana; padding:0; border-spacing:0; }
   table.katalog td { padding:0; }

   table.katalog td.katpayload { 
    width:100%; height:auto; vertical-align:top;  }
   
   table.katalog td.katFooterCol {
    height:20px; background: #ddd url(images/bg/itemFoot_bg.gif) repeat-x top; font-size:8pt; color:#CD5C5C  }
   
   table.katalogMenue  {  /* SideBar mit MenüItems */
     width:160px; font-size:11px; border-right:silver solid 1px; }

   table.katalogMenue th {
     font: bold; height:22px;  background:url('images/bg/katheader_bg.gif') #F5F5DC repeat-x top;  color:#416399;
     padding-left:8px;  text-align:left;
   }

   table.katalogMenue td { height:17px; padding: 0 0 0 10px; }

   /* Panels mit EntryView, Iframe und RepeaterView */
   div.katalogView  { 
        position:absolute; left:160px; top:46px; 
        height:450px; width:490px; 
        overflow :auto; overflow-x: hidden; 
        border:0; margin:0;  
   }

   span.katalogEntryHeader { /* Entry-Panel mit Text und Bild */
      font: bold 18pt/24pt Verdana;
      color:#47A;
   }

   img.katalogEntryImage {
      width:250px;
      margin: 10px 0 15px 15px;
      float:right;
   }

   /* Katalog-Panel mit 3 Spalten: Bild, Text und Preis */
   table.katalogArtikel  {
      width:98%; min-height:42px;
      margin-left:15px; border:0;
   }

   table.katalogArtikel td {
      border-bottom: 1px solid #F0D0E0;
   }

   img.katalogThumb {
      border:white inset thin;
   }

   a.katalogArtikel, a.katalogNoArtikel { 
        font:11px Verdana; color:#37a; text-decoration: none;
   }
   a.katalogArtikel:hover { 
       color:#811; background-color:Yellow }

         
   a.katalogNoArtikel { color:silver; }


  /*
  ///
  /// Items Page und Content-Area
  ///
  */

   div.content, div.contentWhitePage {
     position:relative; width:660px; height:100%;
     font:10pt/14pt Verdana; color: #333;
     vertical-align:top; margin-left: 14px; text-align:left; border: 1px solid #aaa;
     background:url('images/bg/item_bg.jpg') top left #ffffee;
   }
   
   img.nb { border: none; }
   div.contentWhitePage { background-image:none; }
   div.contentWhiteBody { background:url('images/bg/boxbody_bg.gif') repeat-x top left #fafafa; padding: 20px; min-height:360px; }

   a.lnk_Links, a.lnk:hover  {
     float:left; width:240px; margin-left:10px;color:blue; font-size:15px; vertical-align:middle;
   }

   div.lnk_Content {
    width:350px; margin-bottom:10px; float:left;
   }

   div.contentHeader { font: bold 13pt/20pt Arial Narrow; text-align:center; height:32px; background:url('images/bg/orderboxHeader_bg.jpg') #F5F5DC; }
   div.popUp { display:none; font:0.8em Arial; margin-left:45px; padding:6px; width:200px;	background-color:#FFE780; border:solid 1px gray;}


   a.pageGoTop  {
	cursor:pointer; text-decoration:underline; line-height:18px; margin-right:10px;
    color:navy; font-family:Verdana; letter-spacing:-0.5pt; font-size:11px;
   }

   div.itemPanel { width:98%; margin:20px 10px 0px 10px; }

   table.imgThumb {
    float:right; text-align:center; overflow:hidden;
    width:250px; margin: 40px 20px 20px 20px;
    border: 2px groove; background-color:#fff;
   }

   div.imgThumb {
     overflow:hidden; width:250px; height:250px; vertical-align:top;
   }

   a.grossesBild {
     z-index:1;
     font:8pt/16pt Arial; color: navy;
   }

   /* Artikelbeschreibung */
   h1.name {
    position: relative;
    margin: 10px 0 20px 10px; width:99%; 
    font-size:35px; line-height:45px; font-variant:small-caps;
    color: yellow;
    -webkit-text-shadow: 0px 0px 8px #000000;
    text-shadow: 0px 0px 8px #000000; /* html5 glow for chrome and firefox */
    }

   .adminPanel { right:20px; top:-34px; font-size:75%; line-height:14px; z-index:999; color:#000;}   

   
   table.itemList { float:right; width:300px; font: 13px Verdana,Tahoma; margin: 0 10px 30px 0; color:#333;  }
   .itemText { clear: left; margin: 0 0 0 10px;  font: 10pt/14pt; color: #333; }
   img.galeria { max-width:600px; margin-bottom:33px; border: 1px solid #bbb; }
   table.orderBox, table.historyBox {
      padding: 1px; margin: 10px 0 0 -5px; width:630px;
      border:1px solid #bbb; border-collapse: separate;  border-spacing: 0;
      font: 13px Verdana,Arial;
   }

   table.historyBox {
      font: bold 12px Arial;
   }

   td.historyBox {
      line-height:16px;
      padding: 14px 0 10px 8px;
      width:32%; vertical-align:top;
   }

   tr.orderBoxHeader  {
      height:30px; width:auto; background:url('images/bg/orderBoxHeader_bg.jpg') top left #faeaba;
   }

   tr.orderBoxFirstRow {
      height:32px; font-weight:bold; vertical-align:bottom; line-height:24px;
      background:url('images/bg/boxbody_bg.gif') repeat-x top left #fafafa;
   }

   tr.orderBoxNextRow, tr.orderBoxOddRow {
      height:24px; vertical-align:middle; background: #fafafa;
   }

   tr.orderBoxOddRow { background: #f0fAf0; }

   tr.orderBoxFooter, tr.shoppingCartFooter {
      font-family:Arial; font-size:10px;
      height:40px; background:url('images/bg/itemFoot_bg.gif') silver;
   }

   tr.shoppingCartFooter {
      font-family:Verdana; font-size:13px;
      height:60px; background:url('images/bg/cartFoot_bg.gif') silver;
   }

   td.money, td.right {text-align:right; padding-right:5px;}
   td.center {text-align:center;}
   td.left {text-align:left; padding-left:5px;}


   a.itemPreisAngabe {
     font-family: Arial; font-size:10px; color: black; text-decoration:none;
   }


  /* Überschriften-Link auf den Kategorie-Seiten, mittelgross, maroon */
  a.LinkHead, a.LinkHead:link, a.LinkHead:active, a.LinkHead:visited, a.LinkHead:hover
  {
    position:relative;
    color:#660033; font-size:15px; font-weight:bold; line-height:30px;
  }


  /*
  -------------------------------------------------------
  ctrlInfoTable, Garantie/Versand/Hilfe/Datenschutz/Passwort etc
  --------------------------------------------------------
  */

   table.tbInfo { margin-top:40px; width:610px; border:2px groove;}
   tr.tbInfoHead { height:30px; background:url('images/bg/orderBoxHeader_bg.jpg') top left #faeaba; text-align:center;}
   td.tbInfoHead {padding-left:8px;}
   tr.tbInfo {line-height:20px; background:url('images/bg/boxbody_bg.gif') repeat-x top left #fafafa; }
   td.tbInfo {padding-top:18px; padding-bottom:4px; width:auto; vertical-align:top;}
   ul.tbInfo {list-style-type:square ; position:relative; left:-15px;}
   tr.tbInfoFooter {font-size:10px; height:22px; background:url('images/bg/itemFoot_bg.gif') silver;}
   a.tbInfoHead {font:bold 12px Arial; color:Black; text-decoration:none; white-space:nowrap; }
   a.tbInfo{ font:12px/18px Arial; color:Black; text-decoration:none;}
   a.tbInfo:hover{ text-decoration:underline;color:Blue; }
   a.tbInfoHead:hover{ text-decoration:underline;color:#DC143C; }

  /*
  -------------------------------------------------------
  tbLogin
  --------------------------------------------------------
  */

   table.tbLogin { width:610px; }
   td.tbLoginHeader { width:50%; padding: 10px 0 0 10px; vertical-align:top; font-weight:bold; }
   td.tbSeparator {width:1px; background-color:gray;}
   span.lbl_login { font-weight:bold; font-size:0.74em; }

  /*
  -------------------------------------------
  WestWind Controls
  ---------------------------------------------
  */
  .errordisplay
  {
	font-size: 10pt;
	font-weight: normal;
	color: #8B0000;
	border:solid 2px #8B0000;
	background-color:#FFF8DC;
	padding-left:15pt;
	padding-right:10pt;
	line-height: 15pt;
  }
   .errordisplay hr
  {
	color: #8B0000;
  }


  /*
  //
  //  Orderwizard & Edit Pages
  //
  */
   table.tbDataEntry {margin-top:30px; border: 1px solid #e0e0ef; width:580px; background-color:#F5F0FA;}
   table.tbDataEntry td.Label {width:200px; text-align:right;vertical-align:middle;}
   table.tbDataEntry input.text {font-family:Verdana; font-size:9pt; padding: 3px 0px 3px 4px; border:1px solid silver; width:300px; }
   table.tbDataEntry select {font:10pt/22pt Verdana;}
   table.tbDataEntry select.land  {width:260px;}
   div.tbDataEntryNavigation { text-align:right; margin:0 auto; padding:7px 20px 7px 0px; border: 1px solid #D5D0DA; border-top:none; }

  /*
  -------------------------------------------
  PageGrid
  ---------------------------------------------
  */

  table.pageGrid {
    clear:right;
    border:2px groove white; 
    font: normal 10pt/normal Verdana, Arial, Helvetica;
    background:url('images/bg/doppelverlauf.jpg') #fafafa;
  }

  table.pageGrid td {
    border: 1px solid #dde;
    color: #333;
  }
  table.pageGrid tr.pgHead { 
    background:url('images/bg/pgHead_bg.gif') top left; 
  }
  table.pageGrid tr.pgHead td { 
    height:26px;
    padding: 0 0 0 5px;
  }
  table.pageGrid tr.pgHead a {
    font:bold 8pt/normal Verdana, Arial; color: #fff; 
    text-decoration:underline; 
  }
  table.pageGrid tr.pg { 
    height:30px; 
  }
  a.pg1 { text-decoration:underline; color:#46b; }
  td.pg1 {padding-left:5px;}
  td.pg2, td.pg3 {width:85px; font-size:75%;}
  td.pg3 {width:55px; padding-left:6px; }
  td.pg5 {width:75px; text-align:right; padding-right:8px; font-weight:normal; font-size:90%; }
  
  /*////////////////////  Admin-Forms   ///////////////// */

.form-row { position:relative; margin: 0 0 6px 0; overflow: hidden; width:100%; }
.form-segment { float:left; text-align:left; width: 120px; margin-left: 6px; padding-top:2px;}
.form-label, .form-label-wide, .form-label-left { float:left; text-align:right; margin-right: 6px; padding-top:2px;}
.form-label, .form-label-left  {width:70px;}
.form-label-wide { width:90px;}
.form-label-left { text-align:left; margin-left: 6px; padding-top:2px;}
.form-item { float:left; width:130px;}
.form-item.checkbox {width:20px; margin-top:3px;}
.form-label.checkbox { text-align:left; width:auto;}
.margin { margin-top: 12px;}

/*////////////////////  Effects   ///////////////// */

.glow  {
    position:relative; 
    -webkit-box-shadow: 0 0 3px rgba(127,127,127, 1);
    -moz-box-shadow: 0 0 3px rgba(127,127,127, 1);
}


.shadow {
    -moz-box-shadow: 3px 3px 10px rgba(127,127,127, 1);
    -webkit-box-shadow: 3px 3px 10px rgba(127,127,127, 1);
    box-shadow: 3px 3px 10px #535353;
    border-collapse: separate;
}