/* lightbox admin */

#lightboxadmin{ font-size:11px; z-index:6000; width:300px; height:auto; background:#efefef; position:fixed; left:586px; top:50px; border-right:solid 3px #010000;
border-left:solid 3px #010000;
border-bottom:solid 3px #010000;
 }
#lightboxadmin img{ width:15px; height:15px; margin-right:5px;  }
.lbThree{ width:139px; border-bottom:solid 1px #ccc; height:20px; float:left; border-left:dotted 1px #666; padding:5px; }
.lbHead{ margin-top:-15px; color:#666;  background:#fefeff; border-bottom:solid 1px #666; border-left:solid 1px #fefeff; }
.lbactive{ background:#010000; color:#ccc; }
.newLB{ background:#fefeff; padding:5px; }
#lightboxadmin input{ font-size:11px; padding:3px; }
#makeLbox{ margin-top:5px; width:200px; font-size:10px; padding:3px; }


/* personal settings */

#personal{   position:absolute; left:280px; top:70px; background:#fff; }
.savbut{ border:solid 1px #dedede; font-weight:100;margin-top:10px; width:100px; background:#010000; color:#ccc;  }
.bigLoad{ margin-left:250px; margin-top:150px; }

.personalText{ width:150px; float:left; margin-right:10px; text-align:right;padding-top:1px; }

.personalInput{ width:230px; padding:2px; font-size:11px;}

.personalInput2{ width:330px; padding:2px; font-size:11px;}
.personalField{ border:solid 1px #fefeff; display:block; background:#efefef; padding:0; float:left; margin-right:10px; margin-bottom:20px; width:auto; }
.settingsHeader a{ text-decoration:none; color:#999; display:block; padding:5px; padding-left:20px;  background:#fefeff; }
.settingsInhalt{padding:10px;}
.personalZeile{ width:auto; margin-bottom:3px; }

// hintergrundfarbe reiter      :   fefeff
// hintergrundfarbe header      :   fefefe
// hintergrundfarbe stripes     :   010000
// hintergrundfarbe navpunkte   :   feffff 
// textfarbe navpunkte          :   8E8B62 
// textfarbe reiter text        :   656565 

/* main interface */
 
 

 

#topnavi{ position:absolute; left:700px; top:12px;  }
.topnav{ margin-left:2px; width:auto; float:left;  font-size:11px; }  
.topnav a{ display:block; padding:5px 10px 5px 10px; text-decoration:none;background:#fefeff; color:#656565; }
.topnav a:hover{   color:#000; }

 
#logoDummy a{ display:block; width:200px; height:60px; } // klickbare flaeche home
#thelogo{ position:absolute; left:20px; margin-top:-5px; }
#thelogo img{   }
.hnav{ position:absolute; left:270px; top:12px;}

.nav_reiter{ margin-left:0px;  width:auto; float:left; }
.nav_reiter a{ font-size:11px; background:#fefeff; color:#656565;  display:block; padding:5px 15px 5px 15px;  text-decoration:none; }
 
 
 /* filemanager */
#SaveContent{position:absolute; top:1px; left:600px;}
 .yellow{ border:2px solid #aaa; background:#fefefe; padding:0px;}
 .headFiler{ font-size:12px; text-align:center; padding:5px; font-weight:700; }
 
 
#grey,#grey2{ position:absolute; left:0px; top:-10px; width:100%; height:100%; background:#000; opacity: .7;   filter: alpha(opacity=70); }
#grey a,#grey2 a{ display:block;  width:100%; height:100%;  }
#filecont{ position:absolute; left:200px; top:100px; z-index:300; }
 
 #grey,#grey2{ z-index:189; }
 
 #fileBut{ position:absolute; top:6px; left:250px; }
  #fileBut a{ text-decoration:none; font-size:11px; color:#000; background:#ccc; padding:4px; }
   #fileBut a:hover{   background:#010000; color:#ccc;  }
 
 
.errormessage{ }
.errormessage a{  background:#c00; padding:10px;display:block;color:#fff; text-decoration:none; font-size:12px; line-height:17px; }

#login input{ width:170px; padding:4px; }
#login select{ width:180px; }
fieldset{ background:#feffff;  padding:20px; }
fieldset.lgo{   width:300px; }

legend{ font-weight:700; }
select{ border:solid 1px #ccc; padding:4px; }

#mainmenu{  height:60px;background:url(/cms/img/logo.jpg) no-repeat 20px top #fefefe; padding:0px;   }
#site_element1{ width:250px; float:left; margin-right:20px; position:absolute; top:63px;}

#scrollblock{
   
 
    background-color: #feffff;
}
button{ font-size:12px;  font-weight:700; border:0; color:#333; padding:2px; }

/* inplace editor */
.inplaceeditor-saving { background: url(/cms/img/wait_white.gif) bottom right no-repeat; }
.inplaceeditor-form { white-space:nowrap;}
.inplaceeditor-form input{ font-size:12px;  padding:3px; border:solid 1px #ccc; margin-right:5px; }
.inplaceeditor-form a{ color:#666; text-decoration:none; border:solid 1px #ccc; background:#efefef; padding:4px; }
.inplaceeditor-form a:hover{ color:#c00; text-decoration:none; border:solid 1px #ccc; background:#d7d7d7; padding:4px; }
#trash2 .inplaceeditor-form{ display:none; }
.inplaceeditor-form textarea{ font-size:12px;  padding:3px; border:solid 1px #ccc; margin-bottom:5px; font-family:verdana;}
/* sortierbare liste */
 
.nsave{ padding:3px; font-size:11px; width:auto; float:left;  text-align:center; }
 
  ul{ margin:0; padding:0; }
  ul{ padding-bottom:5px;  } 
  li{ list-style-image:0; list-style-type:none; }
  
#trash{  height:24px; background:url(/cms/img/trash.gif) 5px center no-repeat #fff; overflow:hidden; padding-right:50px; padding-left:30px;  border-bottom:solid 1px #010000;   }
#trash li{ text-decoration:line-through;  text-align:left;  font-family:verdana; font-size:11px; background:#fff; color:#333; border:0; padding:6px;}
#trash li ul{ margin:0; padding:0; border:0;  }
  
  
.sub_form{ width:auto; left:0; position:absolute;background:#fff; top:63px; left:200px; height:28px; }

  ul.sortablelist {
    list-style-image:none;
    height:auto;
    
    margin-top:5px;
    margin:0px;
    padding:0px;
  }

  ul.sortablelist li {

    font-family:arial,verdana,sans-serif;
    margin:0px;

    list-style-type:none;
    color:#8E8B62;
    list-style-image:none;
  }
 
  .editable{ 
     padding:5px;
     cursor:text;
  
  }
  .editable input{ 
     padding:15px;
  
  }
  li.sublistitem {
    background-color: #feffff;
    border-top:1px solid #fefefe;
    cursor: hand;
  }  
  
  li.listitem {
    background-color: #feffff;
    border-bottom:1px solid #fefefe;
    cursor: hand;
     
  }
  ul.sortablelist ul{  margin-left:0px; 
     padding:0; height:auto; display:block;  
  }
  ul.sortablelist li{ font-weight:700;
      margin:0px; float:normal;
    font-size:11px;
  }
  ul.sortablelist ul li{ font-weight:100; background-color:#feffff;
    width:auto; margin:0px; padding-left:30px; margin-left:0px;  border-top:1px solid #feffff;  
  }
     
 ul.sortablelist li { padding-right:0px; padding-left:30px; }
   


.photo{ background:url(/cms/img/ex4.gif) no-repeat 10px 5px;}
.text{ background:url(/cms/img/ex3.gif) no-repeat 10px 5px;}
  
ul.sortablelist ul li ul{ padding:0; margin:0; border:0; margin-left:-21px;width:100px;height:auto;  }
 
ul.sortablelist div{ padding:6px;}
 ul.sortablelist li ul li{ border:0; margin:0;  }
 ul.sortablelist li ul{  margin:0;  width:70px;margin-left:70px;  margin-top:-15px; padding:15px 0 0 0;  border:0; }
  
ul.sortablelist li ul li{ position:static; width:190px; margin-left:-60px; }
ul.sortablelist li ul li ul li{ position:static; width:190px; margin-left:0px;}
 
 ul.sortablelist li ul li.photo{ padding-left:20px; background:url(/cms/img/ex4.gif) no-repeat 0px 5px;}
  ul.sortablelist li ul li.text{ padding-left:20px; background:url(/cms/img/ex3.gif) no-repeat 0px 5px;}
 
 
/* photo content */

#display_photos{ margin-top:-7px;}
#display_photos ol li{ cursor:move; background:#efefef;  vertical-align:top; width:130px; border:solid 1px #fff; float:left; height:130px; margin:15px; 
padding:0px; margin-bottom:62px; list-style-type:decimal; margin-right:40px; }  
#display_photos ol li img{ border:solid 1px #efefef; }
#display_photos ol li img:hover{ border:solid 1px #c00; }
#display_photos ol li img{ margin:5px 5px 0 5px; } 

#display_photos ol li form{ margin-left:-10px; margin-top:-20px;width:180px; position:absolute;background:#efefef; border:solid 1px #ccc;padding:5px; z-index:95; } 
 
.pic_title{ cursor:text;  overflow:hidden; display:block; width:120px; font-weight:100; 
padding:2px 5px 4px 5px;font-size:11px; background:#efefef; height:10px; }

.pic_description,#display_photos ul li textarea{  cursor:text; position:absolute; width:97%;
padding-left:5px; overflow:auto; font-size:11px; height:60px; color:#666; background:#fff; margin-top:1px;font-family:arial;  }

#display_photos ol li textarea{ position:static;top:125px;width:165px;  
padding-left:5px;overflow:auto; font-size:11px; height:62px; color:#666; background:#fff; font-family:arial;}
#display_photos ol li input,#display_photos ul li a{ padding:3px;  margin:0;font-size:11px;  }
#display_photos ol li a{ padding:4px;  margin:0 0 0 5px;font-size:11px;  }

 
#trash2{ height:24px; background:url(/cms/img/trash.gif) center left no-repeat #fff; overflow:hidden; padding-right:50px;  padding-left:30px;border-bottom:solid 1px #010000;   }
#trash2 img{ width:50px; border:solid 1px #ccc; }

#display_photos { width:620px;}
#display_photos #trash2 li .pic_title{ display:none; }
#display_photos #trash2 li .pic_description{ display:none; }
 
#display_photos #trash2 li{ border:0; padding:0; margin-left:3px; width:50px; }
#nsavebutP{position:absolute; top:1px; left:540px; z-index:80; }

 
#photoUploader{ background:#efefef; padding:0; border:0; z-index:76;}

#photoUploader #blender a{ text-decoration:underline; display:block; padding:5px; text-align:left; padding-left:10px; margin-bottom:10px; color:#656565; background:#fefeff; font-size:11px;  }
#photoUploader form { margin:10px; }
#photoUploader form input{ font-size:11px;border:solid 1px #ccc; }

#PuploadBut{ padding:3px; width:100px; margin:0;}
#pupList{}
ol{margin:0; padding:0; padding-left:25px; margin-bottom:10px; }
#uploadformer #pupList li{ width:auto; float:left;  list-style-type:decimal; margin:0; margin-bottom:5px;padding-right:30px; }

/* body */
  
  
input,textarea{ border:solid 1px #ccc; padding:4px; }
p{ margin:0; padding:0; }
body,html{
    font-family:verdana,arial,verdana,sans-serif;
    color:#222;
    height:100%; width:100%;  
    font-size:13px;
    }
body{ margin:0; padding:0; background:#fff; }
    
.backEnd{  }

/* fixed elements */

#trash,#trash2,#mainmenu,.navMenu,.sub_form{ position:fixed; }
#trash2{ width:550px; }
#trash2 li{ width:auto; float:left; margin-right:3px; margin-top:3px;}
#trash{ width:170px; }
.navMenu,.sub_form{  z-index:37; }

#mainmenu{ width:100%; }
#photolist{ height:200px;  }

ul.sortablelist .handle{ width:20px; cursor: move;   height:26px; position:absolute; margin-left:-22px; }
//ul.sortablelist ul li .handle{  left:193px;margin-top:-26px; }
ul.sortablelist div{   width:auto;  padding:6px; }


#display_content{ height:460px; overflow:auto; padding:20px; background:#efefef; }

#uploadformer ol li{ height:30px; }


#topnavi{   width:100px; position:absolute; left:750px; top:14px;}

#topnavi a:hover{  background:#ccc; }


#display_photos{ width:95%;   }