* {
  margin:0px;
  padding:0px;
  font-size:16px;
  font-family:Helvetica;
}
h1 {
  font-size:20px;
  color:#000;
  text-align:center;
  background-color:#FDDFC7;
  margin-bottom:20px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -moz-box-shadow:0px 0px 20px #000;
  -webkit-box-shadow:0px 0px 20px #000;
  -khtml-box-shadow:0px 0px 20px #000;
}
h1:first-letter {
  font-size:40px;
  color:#934545;
  font-style:italic;
  line-height:0em;
}
ul {
  position:absolute;
  overflow:hidden;
  width:145px;
  top:150px;
  padding:12px;
  left:-170px;
}
li {
  position:relative;
  list-style:none;
}
div {
  position:relative;
}
img {
  border:0;
}
a {
  outline:0;
  text-decoration:none;
  color:#FFF;
}
input {
  font-size:12px;
  width:120px;
  background-color:#FDDFC7;
  border:1px solid #FFF;
  color:#000;
}
hr {
  border:1px solid #888;
  margin:20px auto;
}

body {
  background-color:#596969;
  background-image:url('http://www.cubmic.ch/gallery/icons/bgy.jpg');
  background-position:left top;
  background-repeat:no-repeat;
}
html, body {
  text-align:center;
  height: 100%; /* important!! scale height to 100% */
}
/* ------------------------- menu start ------------------------- */
li img {
  position:absolute;
  right:80px;
  top:2px;
  cursor:pointer;
}
li a {
  display:inline-block;
  text-align:left;
  color:#000;
  background-color:#FDDFC7 !important;
  width:160px;
  margin-bottom:5px;
  padding:2px;
  font-size:16px;
  font-weight:bold;
  padding-left:10px;

  -moz-border-radius:11px;
  -webkit-border-radius:11px;

  -moz-box-shadow:0px 0px 20px #000;
  -webkit-box-shadow:0px 0px 20px #000;
  -khtml-box-shadow:0px 0px 20px #000;
  box-shadow:0px 0px 20px #000;
}
li a:hover {
  color:#FFF;
  background-color:#934545 !important;
}
li a:focus {
  color:#FFF;
  background-color:#934545 !important;
}
/* -------------------------- menu end -------------------------- */

.loader {
  background-image:url('http://www.cubmic.ch/gallery/icons/loading.gif');
  background-position:center top;
  background-repeat:no-repeat;
}

/* -------------------------- folders --------------------------- */
.folder {
  margin:30px 0;
  height:100px;
}

.folder0, .folder1 {
  position:absolute;
  margin-top:20px;
  display:block;
  height:60px;
  width:400px;
  cursor:pointer;
  color:#999;
  background-color:#000;

  -moz-box-shadow:0px 0px 20px #000;
  -webkit-box-shadow:0px 0px 20px #000;
  -khtml-box-shadow:0px 0px 20px #000;
  box-shadow:0px 0px 20px #000;
}
a.folder0:hover, a.folder1:hover {
  color:#FDDFC7;
  -moz-box-shadow:0px 0px 20px #FDDFC7;
  -webkit-box-shadow:0px 0px 20px #FDDFC7;
  -khtml-box-shadow:0px 0px 20px #FDDFC7;
  box-shadow:0px 0px 20px #FDDFC7;
}

.bg {
  height:100%;
  width:400px;
}
.cross {
  cursor:pointer;
}
.folder0 span, .folder1 span {
  position:absolute;
  font-size:40px;
  font-style:italic;
  bottom:-20px;
}
.folder0 span {
  left:20px;
}
.folder1 span {
  right:20px;
}
span.f_info {
  font-size:16px;
  color:#000;
  bottom:-30px;
}
/* -------------------------------------------------------------- */

/* -------------------------- folder0 --------------------------- */
.folder0 {
  margin-left:0px;
  text-align:left;
  -moz-border-radius-topright:26px;
  -webkit-border-top-right-radius:26px;
  background-position:left center;
}
/* -------------------------------------------------------------- */

/* -------------------------- folder1 --------------------------- */
.folder1 {
  margin-left:180px;
  text-align:right;
  -moz-border-radius-topleft:26px;
  -webkit-border-top-left-radius:26px;
  background-position:right center;
}
/* -------------------------------------------------------------- */

.star {
  position:absolute;
  left:45px;
  bottom:110px;
  cursor:pointer;
  visibility:hidden;
}
.star img {
  position:absolute;
  left:0px;
  top:0px;
}
.star span {
  display:block;
  width:120px;
  text-align:center;
  color:#FF0;
  font-weight:bold;
  position:absolute;
  top:20px;
}
.top5 {
  display:inline-block;
  margin:0px 5px;
  width:100px;
  text-align:center;
}

.news {
  margin:0 30px;
}
.news div {
  display:inline-block;
  height:130px;
  width:130px;
  overflow:hidden;
  border:2px solid #FFF;
  margin:10px;
  margin-bottom:-70px;

  -moz-box-shadow:0px 0px 20px #000;
  -webkit-box-shadow:0px 0px 20px #000;
  -khtml-box-shadow:0px 0px 20px #000;
  box-shadow:0px 0px 20px #000;
}
#scroll {
  margin-top:20px;
  height:300px;
  overflow:hidden;
  text-align:center;
}
#nav {
  position:absolute;
  top:-35px;
  left:-5px;
  padding:4px 0 0 0;
  background-color:#FFF;
  
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  
  -moz-box-shadow:0px 0px 20px #000;
  -webkit-box-shadow:0px 0px 20px #000;
  -khtml-box-shadow:0px 0px 20px #000;
}
#nav a {
  display:inline-block;
  margin:0 5px;
  width:16px;
}


/* main wrapper */
#wrapper {
  margin:auto;
  width:600px;
  background-color:#646464;
  background-image:url('http://www.cubmic.ch/gallery/icons/bgx.jpg');
  background-position:center top;
  background-repeat:no-repeat;
  text-align:left;
  min-height: 100%; /* Mindesthöhe für moderne Browser */
  height:auto !important; /* Important Regel für moderne Browser */
  height:100%; /* Mindesthöhe für den IE */
}
#s_rm {
  position:absolute;
  top:0px;
  right:-10px;
  width:10px;
  height:100%;
  background-image:url('http://www.cubmic.ch/gallery/icons/s_rm.png');
}
#s_lm {
  position:absolute;
  top:0px;
  left:-10px;
  width:10px;
  height:100%;
  background-image:url('http://www.cubmic.ch/gallery/icons/s_lm.png');
}

#content {
  margin:10px;
}

#img_top {
  margin-left:140px;
  background-image:url('http://www.cubmic.ch/gallery/icons/logo.png');
  width:440px;
  height:140px;
}

#img {
  position:absolute;
  cursor:pointer;
  left:50%;
  top:50%;
  border:5px solid #FFF;
  color:#FFF;
  background-color:#000;
  text-align:left;

  -moz-box-shadow:0px 0px 20px #000;
  -webkit-box-shadow:0px 0px 20px #000;
  -khtml-box-shadow:0px 0px 20px #000;
  box-shadow:0px 0px 20px #000;
}
#img textarea {
  position:absolute;
  top:0px;
  right:-200px;
  width:180px;
  height:120px;
  background-color:inherit;
  border:1px solid #FFF;
  color:#FFF;
}
#com {
  position:absolute;
  top:0px;
  right:-200px;
  width:180px;
  height:120px;
  border:0;
  color:#FFF;
}
.x {
  position:absolute;
  visibility:hidden;
  bottom:100px;
  left:92px;
}
.y {
  position:absolute;
  top:-40px;
  left:0px;
}
#info {
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background-image:url('http://www.cubmic.ch/gallery/icons/1px_bg.png');
  visibility:hidden;
}
/*
#loading {
  position:fixed;
  left:50%;
  top:50%;
  margin-left:-50px;
  margin-top:-15px;
}*/
#information {
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-210px;
  margin-top:-175px;
  width:400px;
  padding:10px;
  text-align:center;
  background-image:url('http://www.cubmic.ch/gallery/icons/1px_bg.png');
  border:1px solid #FFF;

  -moz-box-shadow:0px 0px 20px #000;
  -webkit-box-shadow:0px 0px 20px #000;
  -khtml-box-shadow:0px 0px 20px #000;
  box-shadow:0px 0px 20px #000;
}
#delete {
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-200px;
  margin-top:-175px;
  width:400px;
  height:350px;
  padding:10px;
  text-align:center;
  background-image:url('http://www.cubmic.ch/gallery/icons/1px_bg.png');
  border:1px solid #FFF;

  -moz-box-shadow:0px 0px 20px #000;
  -webkit-box-shadow:0px 0px 20px #000;
  -khtml-box-shadow:0px 0px 20px #000;
  box-shadow:0px 0px 20px #000;
}
#title {
  color:#FFF;
  font-size:40px;
  font-style:italic;
}
#footer {
  padding-top:60px;
  text-align:center;
  height:160px;
}
.login {
  display:block;
  text-align:right;
  margin-top:10px;
  color:#FFF;
}

/*-------------------------- admin start --------------------------*/
#admin {
  background-color:#900;
  height:30px;
  padding:5px;
  color:#FFF;
  font-size:25px;
  text-align:left;
}
#admin a {
  border:1px solid #FFF;
  padding:0px 10px;
  margin:0px 10px;
}
/*--------------------------- admin end ---------------------------*/

/* for msie info */
#msie {
  position:fixed;
  border:1px solid #FFF;
  background-color:#934545;
  color:#FFF;
  width:250px;
  right:5px;
  top:5px;
  margin-right:-300px;
}
#msie img {
  margin:5px;
  border:1px solid #FFF;  
}

/* admin, rss, facebook, mail bar */
#bar {
  position:fixed;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:1px solid #666;
  left:5px;
  bottom:5px;
  margin-left:-300px;
  padding-right:2px;
}
#bar a {
  display:inline-block;
  margin-right:-2px;
}