* {
margin:0;
padding:0;
}

html,
body {
height:100%;
}

body {
background:#343434 url(/img/background/spring_bg.gif) bottom left repeat-x fixed;
color:#C1C1C1;
font:100.1% Arial, sans-serif;
padding:10px 0;
}

p {
font-size:0.82em;
line-height:1.4;
margin:8px 3px;
position:relative;
}

strong {
color:#E5E5E5;
}

a {
color:#75B3FF;
cursor:pointer;
}

a:visited {
color:#A5E2FF;
}

a:hover,
a:focus {
color:#797979;
text-decoration:none;
}

a strong {
color:#75B3FF;
}

a:visited strong {
color:#A5E2FF;
}

a:hover strong,
a:focus strong {
color:#797979;
}

a img {
border:0;
}

label {
display:block;
font-size:0.82em;
}

::-moz-selection {
color:#000;
background:#CCC;
}

.clear {
clear:both;
}

#twitter {
position:absolute;
bottom:-6px;
left:6px;
display:block;
width:64px;
height:64px;
}



#headerbild {
position:absolute;
top:7px;
right:5px;
}

* html #headerbild {
position:absolute;
top:3px;
right:5px;
}

.spamschutz {
display:none;
}

img.left {
  float:left;
  margin:0 10px 10px 0;
}

.sprechblase {
position:absolute;
bottom:-10px;
left:60px;
}

.bg_img {
position:fixed;
bottom:0;
right:10px;
z-index:1;
}


/********************
|        DIVS       |
********************/

#wrap {
border:1px solid #000;
border-bottom-color:#797979;
margin:20px auto 50px auto;
width:47.55em;
position:relative;
z-index:1;
}

#topbar {
background:#1C1C1C url(/img/topbar_verlauf.gif) repeat-x;
position:fixed;
top:0;
width:100%;
z-index:10;
}

*+html #topbar {
position:static;
}

* html #topbar {
position:static;
}

#topbar p {
margin:0;
padding:3px 20px 3px 10px;
}

#topbar p img {
vertical-align:top;
margin-left:10px
}

#topbar .status {
float:right;
}

#head {
background:#333 url(/img/header.png);
height:150px;
position:relative;
}

#head a {
color:#DBDBDB;
text-decoration:none;
}

#navi {
background:#000 url(/img/navi.png) repeat-x;
font-family:Century Gothic, Verdana, sans-serif;
border:1px solid #000;
border-color:#797979 #000 #797979 #000;
border-width:1px 0 1px 0;
}

#content {
background:#444 url(/img/schatten.png) repeat-x;
padding:10px;
}

#footer {
background:#000 url(/img/footer.png) repeat-x;
padding:10px 0 4px;
text-align:center;
}

#ads {
padding:3px;
text-align:center;
width:728px;
margin:auto;
}

#linkbox {
background:#333;
border:1px #000 solid;
padding:6px;
margin:10px auto;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}

div#overlay {
position:fixed !important;
text-align:center;
z-index:2000;
position:absolute;
background:#000;
padding:25px 10px 15px;
width:300px;
left:50%;
top:50%;
margin:-79px 0 0 -160px;
opacity:0.8;
z-index:1000;
-moz-border-radius:15px;
-khtml-border-radius:15px;
-webkit-border-radius:15px;
display:none;
}

div#overlay p {
font-weight:700;
font-size:1.12em;
margin:10px;
}

.last {
background:#444;
width:226px;
float:left;
border:1px solid #262626;
margin:5px 5px 5px 0px;
height:226px;
position:relative;
border-radius:5px !important;
-moz-border-radius:5px !important;
-webkit-border-radius:5px !important;
}

.last h3 {
background:url(/img/last_verlauf.png) repeat-x;
margin:0 0 14px !Important;
border-bottom:1px solid #262626 !important;
padding:1px 0 0;
text-align:center;
color:#000;
font-size:1em;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}

.last p {
background:url(/img/last_verlauf.png) repeat-x;
margin:5px 0 0 !Important;
border-top:1px solid #262626 !important;
padding:0 0 1px;
text-align:center;
color:#000;
font-size:1em;
position:absolute;
bottom:0;
width:100%;
min-height:19px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.last:hover h3,
.last:hover p {
background:url(/img/last_verlauf_h.png) repeat-x;
color:#FFF;
}

.last.folder img {
background:transparent;
border:0;
margin:55px auto 0;
}


/********************
|   ÜBERSCHRIFTEN   |
********************/

h1 a {
background:url(/img/logo_h.png) no-repeat;
position:absolute;
top:13px;
left:12px;
}

h1 a:hover img {
visibility:hidden;
}

h2 {
font-size:1.32em;
font-weight:100;
margin:4px 15px 4px 6px;
color:#D8D8D8;
position:relative;
border-bottom:1px solid #333;
}

h3 {
font-size:1.12em;
font-weight:100;
margin:4px 15px 4px 6px;
color:#D8D8D8;
position:relative;
border-bottom:1px solid #515151;
}

h3.frage {
color:#CCEEFF;
}

/********************
|     NAVIGATION    |
********************/

#navi ul {
font-weight:bold;
margin:0 5px;
}

#navi li {
position:relative;
float:left;
list-style-type:none;
}

#navi li a,
#menu li a:visited {
color:#FFFFFF;
font-family:Arial, sans-serif;
padding:10px 0;
margin:0 7px;
text-decoration:none;
font-size:0.68em;
display:block;
}

#navi li a:hover,
#navi li a.current,
#navi ul li:hover a {
color:#797979 !important;
}

#navi ul ul {
background:#000;
position:absolute;
z-index:10;
border:1px solid #797979;
border-top:0;
width:auto;
display:none;
}

#navi ul li:hover ul {
display:block;
}

#navi ul ul li {
display:block;

float:none;
}

#navi ul ul li a,
#navi ul li:hover ul li a {
display:block;
padding:4px 7px 4px 21px;
margin:0;
color:#FFF !important;
}

#navi ul ul li a:hover,
#navi ul li:hover ul li a:hover {
display:block;
background-color:#797979;
color:#000 !important;
}

#navi li a.imgs {
background:url(/img/images_small.png) 3px center no-repeat;
}

#navi li a.folders {
background:url(/img/folder_small.png) 3px center no-repeat;
}
#navi li a.fav {
background:url(/img/fav.png) 3px center no-repeat;
}

#navi li a.docs {
background:url(/img/docs_small.png) 3px center no-repeat;
}

#navi li a.account {
background:url(/img/account_small.png) 3px center no-repeat;
}

#navi li a.informed {
background:url(/img/inform.png) 3px center no-repeat;
}

#navi li a.bugs {
background:url(/img/bugs_small.png) 3px center no-repeat;
}

#navi li a.unseen {
background:url(/img/unseen_small.png) 3px center no-repeat;
}

*+html #navi ul ul {
display:none !important;
}

/********************
|      KLASSEN      |
********************/

.bugtracker {
width:25em;
padding:6px;
margin:10px auto 15px;
background:#2D2D2D url(/img/verlauf.png) repeat-x top;
border:1px solid #262626;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}

.bugtracker .button {
display:block;
margin:auto;
}

.bugtracker input {
display:block;
}

.bugtracker textarea {
display:block;
width:100%
}

.upload {
width:19.3em;
padding:6px 0 6px 6px;
margin:10px auto 15px;
background:#2D2D2D url(/img/verlauf.png) repeat-x top;
border:1px solid #262626;
text-align:center;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}

.nohome {
margin:10px auto -10px;
padding:10px 0;
border-top:1px solid #EEE;
}

div.bildansehen img {
background:#FFF;
border:1px solid #EEE;
display:block;
margin:auto;
padding:2px;
}

div.bildansehen img.maxsize {
width:99%;
}

.beschreibung {
background:#2D2D2D url(/img/verlauf.png) repeat-x top;
border:1px solid #262626;
margin:15px !important;
padding:10px;
}

.options {
background:#2D2D2D url(/img/verlauf.png) repeat-x top;
border:1px solid #262626;
margin:15px !important;
padding:10px;
font-size:0.88em;
}

.options img {
vertical-align:middle;
}

.bild {
background:#2D2D2D url(/img/verlauf.png) repeat-x top;
border:1px solid #262626;
margin:15px;
padding:10px;
}

.bild img {
background:#FFF;
border:1px solid #EEE;
display:block;
margin:auto;
padding:2px;
}

.bild label {
margin:5px 0 0 0;
}

.bild input {
margin:0 0 5px 0;
font:0.82em Courier New;
}

.center {
text-align:center;
}

.bild input {
width:99%;
}

.registrieren {
background:#2D2D2D url(/img/verlauf.png) repeat-x;
border:1px solid #262626;
padding:10px;
margin:auto;
width:26em;
}

.registrieren p{
margin:8px 5px;

}

.registrieren label {
float:left;
font-weight:bold;
width:17em;
}

.registrieren input {
font-size:1em;
width:30em;
}

.registrieren input.button {
width:auto;
margin:auto;
padding:0 5px;
display:block;
}

.login {
background:#2D2D2D url(/img/verlauf.png) repeat-x;
border:1px solid #262626;
padding:10px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
margin:auto;
width:16em;
}

.login p{
margin:8px 5px;

}

.login label {
float:left;
font-weight:bold;
width:10em;
}

.login input {
font-size:1em;
width:18em;
}

.login input.button {
width:auto;
margin:auto;
padding:0 5px;
display:block;
}

.login p.text {
margin:0 5px;
}

#navi .login {
background:transparent;
border:0;
width:auto;
padding:0;
float:right;
}

* html #navi .login {
width:24em;
}

*+html #navi .login {
width:25em;
}

#navi .login p{
margin:8px 5px;
}

#navi .login p.button{
width:2em;
margin:19px 0;
}

#navi .login label {
float:none;
font-weight:bold;
padding:0 5px;
display:inline;
}

#navi .login input {
background:#525155;
border:0;
font-size:1em;
width:7em;
display:inline !important;
padding:1px 0;
color:#FFF;
}

#navi .login input:focus {
background:#626166;
border:0;
font-size:1em;
width:7em;
display:inline !important;
padding:1px 0;
}

#navi .login input.button {
width:auto;
display:block;
float:right;
font-size:0.75em;
padding:1px 6px 2px;
margin:0 0 0 5px;
}

* html #navi .login input.button {
width:auto;
display:block;
margin:1px 0 0;
float:right;
color:#FFF;
font-size:0.75em;
padding:2px 6px 1px;
}

*+html #navi .login input.button {
width:auto;
display:block;
margin:1px 0 0;
float:right;
color:#FFF;
font-size:0.75em;
padding:2px 6px 1px;
}

.aendern {
background:#2D2D2D url(/img/verlauf.png) repeat-x;
border:1px solid #262626;
padding:10px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
width:20em;
font-family:Arial, sans-serif !important;
}

.aendern p{
margin:8px 5px;
}

.aendern label {
float:left;
font-weight:bold;
width:14em;
}

.aendern input {
font-size:1em;
width:12em;
position:relative;
}

* html .aendern input {
width:10em;
}

.aendern input.button {
width:auto;
margin:auto;
padding:0 5px;
display:block;
}

.aendern p.text {
margin:0 5px;
}

a.misterwong {
background:url(/img/socialbookmarks/misterwong_h.png) no-repeat;
margin:-1px 3px;
float:left;
}

* html a.misterwong,
* html a.delicious {
display:none;
}

a.misterwong:hover img {
visibility:hidden;
}

a.delicious {
background:url(/img/socialbookmarks/delicious_h.png) no-repeat;
margin:-1px 3px;
float:right;
}

a.delicious:hover img {
visibility:hidden;
}


/********************
|       LISTEN      |
********************/

ol,
#content ul {
font-size:0.82em;
margin:10px 30px 10px 30px;
line-height:1.4;
}

ol li,
#content ul li {
margin:10px;
}

#content .bild ul {
font-size:0.82em;
margin:0;
}

#content .bild ul li {
margin:0;
}

ul.kontrollnavi,
ul.pagenavi {
font-size:0.82em !important;
margin:0 0 10px !important;
list-style-type:none;
}

* html ul.kontrollnavi li,
* html ul.pagenavi li {
float:left;
}

*+html ul.kontrollnavi li,
*+html ul.pagenavi li {
float:left;
}



ul.pagenavi li a {
margin:0 2px 4px !important;
float:left;
background:#333;
border:1px solid #262626;
padding:7px 3px;
color:#FFF;
font-weight:700;
text-decoration:none;
position:relative;
line-height:1;
width:22px;
text-align:center;
}

ul.pagenavi li em {
margin:0 2px 4px !important;
float:left;
background:#2D2D2D;
border:1px solid #262626;
color:#797979 !important;
padding:7px 3px;
font-weight:700;
text-decoration:none;
position:relative;
font-style:normal;
line-height:1;
width:22px;
text-align:center;
}

ul.kontrollnavi li a:visited
ul.pagenavi li a:visited {
color:#FFF;
}

ul.pagenavi li a:hover
{
background:#2D2D2D url(/img/verlauf2.png) repeat-x bottom;
color:#797979 !important;
}

ul.kontrollnavi li a {
margin:-11px 5px 5px 0 !important;
float:left;
background:#2D2D2D url(/img/kontrollnavi.png) repeat-x bottom;
border:1px solid #262626;
padding:3px 13px 13px;
color:#FFF;
font-weight:700;
text-decoration:none;
position:relative;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}

ul.kontrollnavi li a:hover,
ul.kontrollnavi li a.current {
background:#2D2D2D url(/img/kontrollnavi_h.png) repeat-x bottom;
}

ul.kontrollnavi li a span {
position:absolute;
bottom:-3px;
display:block;
left:0;
color:#000;
width:100%;
text-align:center;
font-size:0.82em;
font-weight:100;
}

ul.kontrollnavi li a:hover span,
ul.kontrollnavi li a.current span {
color:#FFF;
}


/***Verwaltung***/

ul.thumb_login_ul,
ul.ordner_login_ul {
list-style-type:none;
border:1px solid #222;
border-bottom:0;
clear:both;
}

ul.thumb_login_ul li,
ul.ordner_login_ul li {
background:#2D2D2D url(/img/verlauf.png) repeat-x top;
border-bottom:1px solid #222;
position:relative;
}

*+html ul.thumb_login_ul li,
*+html ul.ordner_login_ul li {
background:#2D2D2D;
}

*+html ul.thumb_login_ul li:hover,
*+html ul.ordner_login_ul li:hover {
background:#373737;
}

ul.thumb_login_ul li:hover,
ul.ordner_login_ul li:hover {
background:#373737 url(/img/verlauf_h.png) repeat-x top;
border-bottom:1px solid #222;
position:relative;
}

ul.thumb_login_ul img,
ul.ordner_login_ul img {
margin:10px;
display:inline;
float:left;
max-height:150px;
max-width:150px;
}

ul.ordner_login_ul img {
background:transparent;
border:0;
-moz-border-radius:0;
-khtml-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}

*+html ul.thumb_login_ul img,
*+html ul.ordner_login_ul img {
position:relative;
left:10px;
}

ul.thumb_login_ul div.slideToggle {
background:#2D2D2D url(/img/verlauf.png) repeat-x top;
border-top:1px solid #222;
}

ul.thumb_login_ul img.maxsize {
width:150px;
}

ul.thumb_login_ul p {
margin:0 0 0 180px !important;
padding:10px !important;
}

ul.ordner_login_ul p {
margin:0 0 0 80px !important;
padding:10px !important;
}

ul.thumb_login_ul input {
width:97%;
margin:0 10px 6px;
border:0;
background:#525155;
padding:1px 0;
color:#FFF;
}

ul.thumb_login_ul input:focus {
background:#626166;
}

ul.thumb_login_ul label {
margin:0 10px;
}

ul.thumb_login_ul span.icons,
ul.ordner_login_ul span.icons {
position:absolute;
top:0;
right:0;
background:#666;
line-height:1;
text-align:right;
padding:3px;
border:1px solid #222;
border-top:0;
border-right:0;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:5px;
}

ul.thumb_login_ul span.icons a,
ul.ordner_login_ul span.icons a {
text-decoration:none;
}

ul.thumb_login_ul span.icons img,
ul.ordner_login_ul span.icons img {
border:0;
background:transparent;
margin:0;
float:none;
}

*+html ul.thumb_login_ul span.icons img,
*+html ul.ordner_login_ul span.icons img {
position:relative;
left:0;
}

ul.thumb_login_ul span.icons a:hover img,
ul.ordner_login_ul span.icons a:hover img {
background:#777;
}

ul.thumb_login_ul a.slideToggle {
cursor:pointer !important;
display:none
}

.bild.verwalten {
margin:10px;
border:1px solid #222;
}

table {
background:#2D2D2D url(/img/verlauf2.png) repeat-x bottom;
border:1px solid #222;
width:100%;
border-collapse:collapse;
}

table img {
  background: transparent !important;
  border: 0 !important;
  display:inline !important;
  padding:0 !important;
}


tr,
td,
th {
border:1px solid #222;
font-size:0.93em;
}

tr:hover {
background:#444;
}

th,
td {
padding:3px;
text-align:center;
}

table a {
text-decoration:none;
}

table.accountverwaltung thead tr th {
    background:#555;
    padding:3px 12px;
}
table.accountverwaltung thead tr .header {
    background:#555 url(/img/bg.gif) no-repeat center right;
    cursor: pointer;
}
table.accountverwaltung thead tr .headerSortUp {
    background-image: url(/img/asc.gif);
}
table.accountverwaltung thead tr .headerSortDown {
    background-image: url(/img/desc.gif);
}

.Ordner_erstellen {
width:20em;
background:#2D2D2D url(/img/verlauf.png) repeat-x;
border:1px solid #262626;
padding:10px;
margin:auto;
}

.Ordner_erstellen p {
padding-bottom:10px;
}

.Ordner_erstellen label {
width:50%;
float:left;
margin:0;
font-weight:bold;
}

.Ordner_erstellen input {
font-family:Arial;
width:48%;
margin:0;
}

/********************
|      ABSÄTZE      |
********************/

#content p {
font-size:0.82em;
margin:10px 20px 10px 10px;
line-height:1.4;
}

p.fehler {
background:#FFC7CE;
border:1px solid #E5A2A2;
color:#5B0004;
margin:10px auto !important;
padding:1px 6px !important;
width:90% !important;
}

p.fehler a {
background:#FFC7CE;
color:#5B0004;
font-weight:700;
}

p.hinweis {
background:#FFEB9C;
border:1px solid #9C6500;
color:#724800;
margin:10px auto !important;
padding:1px 6px !important;
width:90% !important;
}

.upload p.hinweis {
width:40% !important;
}

p.allright {
background:#C6EFCE;
border:1px solid #90DB9E;
color:#003300;
margin:10px auto !important;
padding:1px 6px !important;
width:90% !important;
width:90% !important;
}

p.fehler strong {
color:#5B0004;
}

p.allright strong {
color:#003300;
width:90% !important;
}

p.allright a {
color:#002200;
}


p.layer {
position:absolute;
z-index:10;
width:220px !important;
left:50%;
margin-left:-110px !important;
top:30px;
box-shadow: 7px 7px 5px black;
-moz-box-shadow: 0 0 5px black;
-webkit-box-shadow: 5px 5px 3px black;
}

.upload p {
font-size:0.68em !important;
}

p.bildansehen {
font-size:0.75em;
border:1px solid #222;
background:#555;
padding:2px 5px;
}

#footer p {
color:#FFFFFF;
font-size:0.68em;
margin:7px 50px;
font-weight:700;
}

#footer p a {
text-decoration:none;
}

ul.thumb_login_ul form.ordner {
width:20em;
margin:0 auto 10px;
text-align:center;
}

ul.thumb_login_ul form.ordner p {
margin:0 !important;
padding:5px !important;
}

ul.thumb_login_ul form.ordner select {
margin:5px 10px 0;
}

ul.thumb_login_ul form.ordner input.button {
font-family:Arial !important;
font-size:13px !important;
width:17em;
}

input,
textarea {
font-family:Arial !important;
}