body { background: #000; font-family: 'Habibi', serif; font-size: 13px; color: #fff; }
.clear { clear: both; }
#wrapper { width: 960px; margin: auto; }

#header { height: 116px; background: url(../img/header.png) no-repeat; position: relative; }
#header h1 { position: absolute; top: 20px; left: 255px; text-indent: -9999px; width: 310px; height: 69px; background: url(../img/tagline01.png) no-repeat; }
#header h2 { position: absolute; top: 24px; right: -2px; text-indent: -9999px; width: 209px; height: 50px; background: url(../img/tagline03.png) no-repeat; }
#header a#logout { position: absolute; right: 0px; bottom: 30px; font-size: 10px; font-family: Verdana; color: #747373; text-decoration: none; }

#logo { display: block; width: 105px; height: 96px; background: url(../img/logo.png) no-repeat; }

#content { min-height: 504px; background: url(../img/bg.jpg) repeat; margin-top: 5px; overflow: hidden; position: relative; padding-bottom: 135px;  }

.dirs { margin: 40px 0 0 0; }
.dirs > li { position: relative; min-height:420px; width: 232px; background: url(../img/box_content.png) repeat-y; float: left; margin-right: 10px; margin-bottom: 10px; }
.dirs > li:nth-child(4n) { margin-right: 0px;  }
.dirs li h2 { background: #191919; line-height: 20px; text-align: center; color: #86A20C; font-size: 16px;  text-transform: uppercase; }
.dirs li h2 span.top { height: 5px; background: url(../img/box_top.png) no-repeat; display: block; }
.dirs li h2 span.bottom { height: 5px; background: url(../img/box_bottom.png) no-repeat bottom center; display: block; }
.dirs li img { display: block; margin: auto; /*position: absolute; top: 275px; left: 11px;*/ margin-left:11px; margin-bottom:10px; }
.dirs li ul { margin: 15px 0 0 13px; }
.dirs li ul li { margin-bottom: 6px; }
.dirs li ul li a { color: white; text-decoration: none; }
.dirs li ul li span { color: #86A20C; }

#subfolder { margin-top: 40px; }
#subfolder h2 { height: ; line-height: 37px; color: #86A20C; font-size: 16px;  text-transform: uppercase; margin-left: 13px; }
#subfolder ul { padding: 10px 0 5px 13px; width: 460px; background: url(../img/box_transparent.png) repeat;  }
#subfolder ul li { margin-bottom: 6px; }
#subfolder ul li a { color: white; text-decoration: none;}

#footerinfo { width: 960px; height: 134px; background: url(../img/footer.png) no-repeat; position: relative; bottom: 11px; position: absolute;  }
#footerinfo ul { color: #737373; position: absolute; right: 10px; top: 65px; font-size: 12px; }
#footerinfo ul li { margin-bottom: 8px; } 
#footerinfo ul li a { color: #737373; text-decoration: none; }

#footer { height: 38px; background: url(../img/footer_b.png) no-repeat; }

#loginForm {  width: 185px; margin: 100px auto; color: white; }
#loginForm tr td { padding: 4px 2px 4px 2px; }
#loginForm input.submit { display: block; margin: auto; }
#loginForm p { font-size: 11px; line-height: 13px; }

a.admin { text-decoration: none; font-size: 10px; color: #86A20C !important; }
p.admin { position: relative; top: 30px; left: 15px; }

#newForm {  width: 440px; margin: 200px auto; color: white; }
#newForm tr td { padding: 4px 2px 4px 2px;  width: 250px; }
#newForm input.submit { display: block; margin: auto; }
#newForm p { font-size: 11px; line-height: 13px; }
#newForm tr td.label { text-align: right; }

#kontakt { margin: 20px 0 0 270px; }
#kontakt h2 { color: #86A20C; margin: 10px 0 5px 0; }
#kontakt p { margin-bottom: 3px; }
.imgcenter { display: block; margin: 20px auto; }
#kontakt .left { float: left; width: 240px; }
#kontakt .right { float: left; }
#kontakt p.name { color: #86A20C; }

#login h1 { text-align: center; color: #86A20C; font-size: 22px; margin-bottom: 10px; margin-top: 80px; }
#login p { text-align: center; margin-top:100px; font-size:18px; }
#login a { color: #86A20C; text-decoration: none; }