.popupcon     { position:absolute;top:0px;left:0px;background-color:transparent;padding-left:30px;z-index:999; }
   
.popupcon   .p_close         { float:right; cursor:hand; width:17px; height:18px; background-image:url(../grafik/icons/btn_x_off.gif); background-repeat:no-repeat; position:relative; top:-3px; }
.popupcon   .p_close:hover   { float:right; cursor:hand; width:17px; height:18px; background-image:url(../grafik/icons/btn_x_on.gif); background-repeat:no-repeat;  position:relative; top:-3px; }
   
.popupcon   .p_spitze_lo  { display:none; width:52px; height:30px; position:relative; top:1px; left:-31px; float:left; background-image:url(../grafik/popup/p_spitz_lo.png); background-repeat:no-repeat;  }
.popupcon   .p_spitze_ro  { display:none; width:52px; height:40px; position:relative; top:11px; left:-21px; float:right; background-image:url(../grafik/popup/p_spitz_ro.png); background-repeat:no-repeat; }
.popupcon   .p_spitze_ru  { display:none; width:59px; height:34px; position:relative; top:-1px; left:32px; float:right; background-image:url(../grafik/popup/p_spitz_ru.png); background-repeat:no-repeat; }
.popupcon   .p_spitze_lu  { display:none; width:64px; height:30px; position:relative; top:-1px; left:-28px; float:left; background-image:url(../grafik/popup/p_spitz_lu.png); background-repeat:no-repeat; }
   
.popupcon   .p_balken     { background-color:#c9102a; color:White; padding:9px 6px 3px 6px; border:solid 1px #A2A2A5; width:220px; text-transform:uppercase; text-align:center; font-family:Verdana; font-size:11px; letter-spacing:1pt; }
.popupcon  .p_inhalt     { border:solid 1px #A2A2A5; padding:8px; border-top-width:0px;  width:300px; background-color:White; line-height:15px; text-align:left;  }
  
.popupcon  .p_s_u       { height:6px; background-image:url(../grafik/popup/p_s_u_2.png); background-repeat:no-repeat; background-position:0px 0px; }

.popupcon   .p_s_ru      { width:6px; height:6px; background-image:url(../grafik/popup/p_s_ru.png); background-repeat:no-repeat; } 
.popupcon  .p_s_ro      { display:none; width:6px; height:6px; background-image:url(../grafik/popup/p_s_ro.png); background-repeat:no-repeat; }
.popupcon  .p_s_r_o     { width:6px; background-image:url(../grafik/popup/p_s_r_2.png); background-repeat:no-repeat; background-position:0px 0px; }
.popupcon  .p_s_r       { width:6px; background-image:url(../grafik/popup/p_s_r_2.png); background-repeat:no-repeat; background-position:0px 0px; }
    
    
    
    
    
/* for the main login on the right top corner. i also uses a moopopup with alternative css (see login.js). */
    
.mainlogin     { position:absolute;top:0px;left:0px;background-color:transparent;padding-left:30px; z-index:1002; }
   
.mainlogin   .p_close         { float:right; cursor:hand; width:17px; height:18px; background-image:url(../grafik/icons/btn_x_off.gif); background-repeat:no-repeat; position:relative; top:-3px; left:-5px; }
.mainlogin   .p_close:hover   { float:right; cursor:hand; width:17px; height:18px; background-image:url(../grafik/icons/btn_x_on.gif); background-repeat:no-repeat;  position:relative; top:-3px; left:-5px;}
   
.mainlogin   .p_spitze_lo  { visibility:hidden; display:none; width:52px; height:30px; position:relative; top:1px; left:-31px; float:left; background-image:url(../grafik/popup/p_spitz_lo.png); background-repeat:no-repeat;  }
.mainlogin   .p_spitze_ro  { visibility:hidden; display:none; width:52px; height:40px; position:relative; top:11px; left:-21px; float:right; background-image:url(../grafik/popup/p_spitz_ro.png); background-repeat:no-repeat; }
.mainlogin   .p_spitze_ru  { visibility:hidden; display:none; width:59px; height:34px; position:relative; top:-1px; left:32px; float:right; background-image:url(../grafik/popup/p_spitz_ru.png); background-repeat:no-repeat; }
.mainlogin   .p_spitze_lu  { visibility:hidden; display:none; width:64px; height:30px; position:relative; top:-1px; left:-28px; float:left; background-image:url(../grafik/popup/p_spitz_lu.png); background-repeat:no-repeat; }
   
.mainlogin   .p_balken     { background-color:#c9102a; color:White; padding:9px 0px 3px 0px; border:solid 1px #A2A2A5; width:220px; text-transform:uppercase; text-align:center; font-family:Verdana; font-size:11px; letter-spacing:1pt; }
.mainlogin   .p_inhalt     { border:solid 1px #A2A2A5; padding:10px 0px 10px 0px; border-top-width:0px;  width:300px; background-color:White; line-height:15px; text-align:left;  }
  
.mainlogin   .p_s_u       { height:6px; background-image:url(../grafik/popup/p_s_u_2.png); background-repeat:no-repeat; background-position:0px 0px;  visibility:hidden;  }

.mainlogin   .p_s_ru      { width:6px; height:6px; background-image:url(../grafik/popup/p_s_ru.png); background-repeat:no-repeat; visibility:hidden; } 
.mainlogin   .p_s_ro      { display:none; width:6px; height:6px; background-image:url(../grafik/popup/p_s_ro.png); background-repeat:no-repeat; visibility:hidden;  }
.mainlogin   .p_s_r_o     { width:6px; background-image:url(../grafik/popup/p_s_r_2.png); background-repeat:no-repeat; background-position:0px 0px; visibility:hidden;  }
.mainlogin   .p_s_r       { width:6px; background-image:url(../grafik/popup/p_s_r_2.png); background-repeat:no-repeat; background-position:0px 0px;  visibility:hidden; }


.mainlogin   .redbar     { background-color:#c9102a; color:White; padding:7px 6px 5px 6px; margin:10px 0px 0px 0px; width:310px; text-transform:uppercase; text-align:center; font-family:Verdana; font-size:11px; letter-spacing:1pt; position:relative; left:0px; }
.mainlogin   .redbarsub  { padding:10px 10px 0px 10px; border-top-width:0px;  width:300px; background-color:White; line-height:15px; text-align:left;  }