html, body
{
         margin:0px;
         padding:0px;
         height:100%;
         width:100%;
         overflow:auto;
         background:#fff;
         background-image:url('bg-striche.jpg');
         overflow:auto;
}

#background
{
         position:absolute;
         height:570px;
         width:900px;
         top:50%;
         left:50%;
         margin-top:-282px;
         margin-left:-448px;
         background-image:url('background.png');
         background-repeat:no-repeat;
         background-position:center;
}

#geruest
{
         position:absolute;
         background-image:url('content.jpg');
         background-repeat:no-repeat;
         background-position:center;
         border:2px solid #000022;
         height:550px;
         width:880px;
         top:50%;
         left:50%;
         margin-top:-275px;
         margin-left:-440px;
}

#navigation a
{
         font-family:arial, verdana, Helvetica, sans-serif;
         font-size:12px;
         color:#aaaaff;
         text-decoration:none;
         font-weight:bold;
         font-variant:small-caps;
         font-type:arial;
         line-height:15px;
}

#navigation a:hover
{
         color:#ccccff;
}

#navigation
{
         position:relative;
         margin-left:590px;
         margin-top:220px;
         text-align:left;
}

#content
{
         cursor:default;
         position:absolute;
         bottom:13px;
         left:13px;
         text-align:left;
         overflow-y:auto;
         width:485px;
         height:262px;
         border-left:2px dotted #ddddff;
         border-bottom:2px dotted #ddddff;
         font-family:arial, verdana, Helvetica, sans-serif;
         font-size:12px;
         color:#222244;
         padding-left:4px;
}

#content a
{
         font-weight:bold;
         text-decoration:none;
         color:#222244;
}

#content a:hover
{
         font-weight:bold;
         text-decoration:none;
         color:#557;
}

h1
{
         margin:2px;
         margin-left:8px;
         margin-bottom:8px;
         font-family:arial, verdana, Helvetica, sans-serif;
         font-size:20px;
         color:#444477;
         text-decoration:none;
         font-weight:bold;
         font-variant:small-caps;
         font-type:arial;
         line-height:15px;
}

h2
{
         margin:2px;
         margin-left:0px;
         margin-bottom:8px;
         margin-top:20px;
         padding-bottom:4px;
         font-family:arial, verdana, Helvetica, sans-serif;
         font-size:16px;
         color:#111133;
         text-decoration:none;
         font-weight:bold;
         font-variant:small-caps;
         font-type:arial;
         line-height:15px;
         border-bottom:2px #111133 dotted;
}

#login
{
         cursor:default;
         position:absolute;
         top:0px;
         right:0px;
         background:#222233;
         height:24px;
         width:369px;
         text-decoration:none;
         font-weight:bold;
         font-variant:small-caps;
         font-type:arial;
         font-size:12px;
         color:#aaaaff;
         line-height:22px;
}

#login form
{
         margin:0px;
         padding:0px;
         text-align:left;
         padding-left:5px;
}

#input
{
         position:relative;
         margin-top:0px;
         margin-bottom:0px;
         margin-left:3px;
         margin-right:10px;
         padding:0px;
         border:1px solid #ffffff;
         height:15px;
         width:75px;
         font-size:10px;
         background:#ffffff;
}

*html #input
{
         margin-top:3px;
}

#inp_image
{
         cursor:pointer;
         position:absolute;
         margin-top:3px;
         margin-bottom:0px;
         margin-left:20px;
         margin-right:10px;
         padding:0px;
         height:16px;
         width:16px;
         border:0px;
         background-repeat:no-repeat;
         background-position:center;
}

#inp_image2
{
         cursor:pointer;
         position:absolute;
         margin-top:3px;
         margin-bottom:0px;
         margin-left:333px;
         margin-right:10px;
         padding:0px;
         height:16px;
         width:16px;
         border:0px;
         background-repeat:no-repeat;
         background-position:center;
}

#inp_image2.logout
{
         background-image:url('logout.jpg');
}

#inp_image2.refresh
{
         background-image:url('refresh.jpg');
}

#inp_image.login
{
         background-image:url('login.jpg');
}

#message, #error
{
         margin-left:5px;
}

#error
{
         color:#a88;
}

#leiste_bottom
{
         width:99%;
         position:absolute;
         margin-bottom:2px;
         bottom:0px;
         text-align:center;
         color:#99c;
}

#left_back
{
         position:absolute;
         left:0px;
         bottom:0px;
}

#right_forward
{
         position:absolute;
         right:0px;
         bottom:0px;
}

#content a.zapp
{
         color:#99c;
         text-decoration:none;
         font-weight:normal;
}

#content b a.zapp
{
         color:#99c;
         text-decoration:none;
         font-weight:bold;
}

#content a.zapp:hover
{
         color:#227;
}