body {
    font-family: Arial;
    font-size: 12px;
    background-color: #303030;
    line-height: 15px;
}


/**
 * Links
 */
a       { color:#fff; text-decoration:none; }
a:hover { color:#FF7200; text-decoration:none; }

/**
 * Überschriften
 */
h1, h2, h3 { color: #fff; }
h1 { font-size: 17px; }
h2 { font-size: 15px; padding-bottom: 5px; margin-bottom: 15px; }
h3 { font-size: 13px; }
h4 { font-size: 13px; }

p { margin-bottom: 15px; }


.clear { clear: both; }



/**
 * Layout
 */
#frame { width: 920px; margin: 50px auto; color: #fff; }

#frame-top    { padding: 10px 0; margin: 0 10px; margin-left: 58px; border-top: 1px solid #707070; font-size: 11px;}

#frame-center { height: 580px; background-image:url(img/shadow.png); padding:10px; background-repeat: no-repeat;}

#frame-bottom { padding: 10px 0; margin: 0 10px;border-bottom: 1px solid #707070; font-size: 11px;}
#frame-bottom-left  { float:left; }
#frame-bottom-right { float:right; }





#panel { height:580px; background-repeat: no-repeat; }

#panel-full {
    float:left;  width: 900px; height:100%;
    background-attachment:fixed;
    background-image:url(img/overlay-right.png);
}


#panel-left  {
    float:left;  width: 650px; height:100%;
    background-attachment:fixed;
    background-image:url(img/overlay-right.png);
}



#panel-right { float:left; width: 248px; height:100%;

    background-attachment:fixed;
    background-image:url(img/overlay-left.png);
    border-left: 2px solid #000;
}

#panel-full  > .panel-top     { margin-left:40px; }
#panel-full  > .panel-content { margin-left:45px; }

#panel-left  > .panel-top,
#panel-left  > #flashholder-left > .panel-top       { margin-left:40px; }

#panel-left  > .panel-content,
#panel-left  > #flashholder-left > .panel-content   { margin-left:45px; }

#panel-right > .panel-top { margin-right: 15px; }

.panel-top      { margin-top:20px; padding:5px; border-top: 1px solid #707070; border-bottom: 1px solid #707070; height:18px; font-weight:bolder; font-size:16px;}
.panel-content  { margin: 10px; height:500px; overflow: auto; }



/**
 * Listen
 */
li.hi { font-weight: bold; }

ul#topnav               { float: right;}
ul#topnav li            { float: left; }
ul#topnav li span       { color: #707070;  padding: 0 5px; }
ul#topnav li a          { }
ul#topnav li a:hover    { color: #FF7200; text-decoration: none;}
ul#topnav li.hi a       { font-weight: bold; }

ul#topnav li.logout a   { color: #ff7200; }

ul#lang               { }
ul#lang li            { float: left; }
ul#lang li span       { color: #707070;  padding: 0 5px; }
ul#lang li a          { color: #707070; }
ul#lang li a:hover    { color: #FF7200; text-decoration: none;}
ul#lang li.hi a       { font-weight: bold; }

ul#metanav               { }
ul#metanav li            { float: left; }
ul#metanav li span       { color: #707070;  padding: 0 5px; }
ul#metanav li a          { color: #707070; }
ul#metanav li a:hover    { color: #FF7200; text-decoration: none;}
ul#metanav li.hi a       { font-weight: bold; }


ul#sidebar li ul { padding-left: 10px; }
ul#sidebar li a.hi { font-weight: bold; }


div.mod-sitemap { margin-top: 20px; }



div#page-project-thumbs     { padding-top:20px; }
div#page-project-thumbs li  { margin: 2px; padding: 1px; float: left; text-align: center;  }



.flashholder { height: 100%;}