* { font-family: sans-serif, Verdana, Arial; padding: 0; margin: 0; font-size: 9px;
    font-weight: bold; }
ul { list-style: none; }
li { display: inline; }

body { background-color: #f9f7f4;  }

div#wrapper {  margin: 0 auto; width: 1070px; position: relative; padding: 30px 0; text-align: center;}
div#frame { width: 915px; height: 624px; border: 1px solid #bd9f93; margin: 0 auto; position: relative;}
img#sig { position: absolute; left: 90px; top: 60px; border: none;}

div#content { width: 820px; height: 410px; margin: 90px auto 0 auto; background-color: white; position: relative; }
div#hide_text { margin-left: -5000px; }

/* Main and category navigation: portfolio, vita, kontakt, impressum & categories */
ul#main_navigation     { margin: 76px 0 0 88px; padding: 0;}
ul#category_navigation { margin: 50px 0 0 88px; padding: 0;}
ul#main_navigation li, ul#main_navigation li a,
ul#category_navigation li, ul#category_navigation li a { float: left; }
ul#main_navigation a span, ul#category_navigation a span { display: none; }
li.sep { background: url(/media/img/foto/doppelpunkt.png) 0 0 no-repeat; width: 15px; height: 15px; }

a.portfolio, a.impressum, a.kontakt, a.vita, ul#category_navigation a
{ background: 0 0 no-repeat; height: 10px;}
a.portfolio { background-image: url(/media/img/foto/portfolio-sprite.png); width: 53px; }
a.impressum { background-image: url(/media/img/foto/impressum-sprite.png); width: 56px; }
a.kontakt { background-image: url(/media/img/foto/kontakt-sprite.png); width: 44px; }
a.vita { background-image: url(/media/img/foto/vita-sprite.png); width: 22px; }
body#portfolio a.portfolio, body#kontakt a.kontakt, body#impressum a.impressum, body#vita a.vita
{ background-position: 0 -32px; }
ul#main_navigation a:hover, ul#category_navigation a:hover { background-position: 0 -16px; }
ul#category_navigation a.selected { background-position: 0 -32px; }
ul#category_navigation li.spacer { display: inline-block; width: 45px; }

ul#page_navigation { position: absolute; right: 85px; top: 492px; height: 20px; }
ul#page_navigation > li { margin: 0 0 0 7px; float: left;}
ul#page_navigation > li > ul { display: inline; float: left;}

ul#page_navigation a.page_link { width: 8px; height: 21px; float: left; margin-right: 4px;
                background: url(/media/img/foto/page-sprite.png) 0 -32px no-repeat; }
ul#page_navigation a.selected  { background-position: 0 0;  }
ul#page_navigation a.page_link:hover { background-color: orange; }
ul#page_navigation span { /*margin-left: -5000px;*/ }

/* Home page - animation */
div#content div#frame1, div#content div#frame2 { position: absolute; border: 1px solid #bd9f93; }
div#content div#frame1 { top: 30px; left: 460px; height: 350px; width: 254px; }
div#content div#frame2 { top: 80px; left: 380px; height: 254px; width: 364px; }

/* Foto page */
div#content div.image { position: absolute; }
div#cover {
    position: absolute; top: 0; left: 0; width: 820px; height: 410px;
    z-index: 20; background-image: url(/media/img/foto/overlay.gif); background-repeat: repeat; }

div#project_name { position: absolute; right: 85px; top: 549px; height: 15px;
                   background-position: 0px 0px; background-repeat: no-repeat; margin-right: 4px;}
div#project_name span { margin-left: -5000px; }

div#login {  background-color: #d6cdce; margin: 0 auto; width: 300px; position: relative;
             border: 1px solid #aaa; padding: 3px 4px;}
div#login h1 { font-size: 15px; font-weight: bold;}
div#login td.formlabel { font-size: 11px; text-align:right; }

/* Builtin Admin facilities  */
div#forms { position: relative; top: 428px; }
form#page_form { display: inline;}
form#new_page {display: inline; }
form input { font-size: 11px; }
a.logout { display: block; margin: 5px 0 0 80px; font-size: 11px; color: black; }