/* top elements */
* { padding: 0; margin: 0; }

body    { color: #666; font: 0.7em/1.5em Verdana, Tahoma, Helvetica, sans-serif; background: #48697a url(bg.gif) repeat-x; text-align: center; margin: 0; padding: 0 }

/* links */
a  { color: #5581aa; text-decoration: none }
a:hover  { color: #e67b29; background-color: inherit }

/* headers */
h1, h2, h3 {
        font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
        color: #333;
}
h1 { font-size: 1.5em; color: #6297BC; }
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }

p, h1, h2, h3 {
        margin: 10px 15px;
}
/* form elements */
form      { background-color: #fafafa; background-position: left top; text-align: center; margin: 10px; padding: 0; width: 70%; border: solid 1px #f2f2f2 }
.ecke  { background-color: #f4f4f4; background-image: url(ohr_lo.gif); background-repeat: no-repeat; background-position: left top; padding: 0; border-style: none }
label {
        display:block;
        font-weight:bold;
        margin:5px 0;
}
input  { color: #777; font: 1em Verdana, sans-serif; padding: 2px; border: solid 1px #c7c7c7 }
select  { color: #777; font-size: 1em; line-height: normal; padding: 2px 5px; border: solid 1px #c7c7c7 }
input:hover { color: #777; font: 1em Verdana, sans-serif; padding: 2px; border: solid 1px #8b8b8b }
textarea {
        width:300px;
        padding:2px;
        font: normal 1em Verdana, sans-serif;
        border:1px solid #eee;
        height:100px;
        display:block;
        color:#777;
}
input.button   { color: #5581aa; font: bold 1em Arial, Sans-serif; background: #fff; cursor: pointer; margin: 0; padding: 2px 3px; height: 19px; border: solid 1px #c7c7c7 }
input.button:hover { color: #e67b29; font: bold 1em Arial, Sans-serif; background: #f9f9f9; cursor: pointer; margin: 0; padding: 2px 3px; height: 19px; border: solid 1px #b2b2b2 }
/***********************
          LAYOUT
************************/
#inhalt {
        background: #FFF;
        width: 820px; height: 100%;
        margin: 0 auto;
        text-align: left;
}
#content-inhalt {
        clear: both;
        margin: 0; padding: 0;
        background: #FFF;
}

/* header */
#header  { background: #000 url(headerbg.gif) repeat-x 0 100%; position: relative; height: 85px }
#header h1#logo  { font: bolder 4.1em "Trebuchet MS", Arial, Sans-serif; letter-spacing: -2px; margin: 0; padding: 0; position: absolute; top: 0; left: 5px }
#header h2#slogan  { color: #666666; font: bold 11px Tahoma, "trebuchet MS", Sans-serif; text-transform: none; text-indent: 0; position: absolute; top: 37px; left: 45px }
#header form.searchform {
        position: absolute;
        top: 0; right: -12px;
}

/* main */
#main    { margin-left: 15px; padding: 0; width: 68%; float: left; border-right: 1px solid #e8f2f8 }
/* rightbar */
#rightbar    { margin: 0; padding: 0 7px 0 0; width: 29%; float: right }

/* Footer */
#footer {
        clear: both;
        color: #FFF;
        background: #A9BAC3;
        border-top: 5px solid #568EB6;
        margin: 0; padding: 0;
        height: 50px;
        font-size: 95%;
}
#footer a {
        text-decoration: none;
        font-weight: bold;
        color: #FFF;
}
#footer .footer-left { width: 50%; float: left }
#footer .footer-right { width: 50%; float: right }
#login  { color: #666; font-size: 10px; width: 90%; height: 20px }
#login .log   { background-image: url(login.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 1px; text-align: left; margin-left: 60px; padding-left: 16px; width: 55px; height: 18px; float: left }
#login .help  { background-image: url(help.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 1px; text-align: left; padding-left: 16px; width: 90px; height: 18px; float: left }
#login .new  { background-image: url(folder_add.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: left; padding-left: 19px; width: 90px; height: 18px; float: left }
#login .set     { background-image: url(brick_add.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: left; margin-left: 2px; padding-left: 20px; width: 90px; height: 18px; float: left }
/* menu tabs */
#header ul {
        z-index: 999999;
        position: absolute;
   margin:0; padding: 0;
   list-style:none;
        right: 0;
        bottom: 6px !important; bottom: 5px;
        font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a  { text-decoration: none; background: url(tableft.gif) no-repeat left top; margin: 0; padding: 0 0 0 4px; float: left }
#header a span  { color: #fff; background: url(tabright.gif) no-repeat right top; display: block; padding: 6px 15px 3px 8px; float: left }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
        color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
        color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
        color: #FFF;
}
/* end menu tabs */

/* alignment classes */
.float-left  { float: left; }
.float-right {        float: right; }
.align-left  {        text-align: left; }
.align-right {        text-align: right; }

/* additional classes */
.clear { clear: both; }
.orange  { color: #e67b29 }
.gray  {        color: #BFBFBF; }
/**/
#mittig { text-align: center; width: 100%; height: auto }
.table2  { font-size: 12px; font-family: Verdana, Tahoma, Arial; text-decoration: none; background-image: url(table2.jpg); background-repeat: repeat; background-position: center; height: 20px }
.table1  { font-size: 12px; font-family: Verdana, Tahoma, Arial; text-decoration: none; background-image: url(table1.jpg); background-repeat: repeat; background-position: center; height: 20px }
.oben { font-size: 12px; font-family: Verdana, Tahoma, Arial; font-weight: bold; text-decoration: none; background-position: center; height: 20px; border-top: 1px solid; border-bottom: 1px solid }
.obenrechts { font-size: 12px; font-family: Verdana, Tahoma, Arial; font-weight: bold; text-decoration: none; background-position: center; height: 20px; border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid }
.obenlinks { font-size: 12px; font-family: Verdana, Tahoma, Arial; font-weight: bold; text-decoration: none; background-position: center; height: 20px; border-top: 1px solid; border-bottom: 1px solid; border-left: 1px solid }
#zusatzinfo  { background-color: #fdfdfd; text-align: justify; padding: 5px; width: 50%; border: solid 1px #f2f2f2 }
.fieldset     { color: #6d6d6d; font-family: Tahoma, Arial; background-color: #fff; text-align: center; padding: 5px; width: 350px; border: solid 1px #568eb6 }
.bigfeld { color: #666; text-align: left; position: relative; left: 20px; width: 260px; border: solid 1px #ccc }
.bigfeld_2 { color: #666; width: 260px; height: 30px; border: solid 1px #ccc }
.bigfeld_3  { color: #666; width: 120px; border: solid 1px #ccc }
.big { font-size: 18px; font-weight: bold }
.red { color: #c03 }
.green { color: #393 }
.blue { color: #30c }
.rahmen { padding: 5px; border: solid 1px #999 }
.fieldset2 { text-align: left; margin-left: 15px; padding-left: 10px; width: 300px; border: solid 1px #ececec }
.greek_question  { color: #666; cursor: help }
.formular_space { padding-top: 15px; padding-left: 15px }
#error_message  { color: #4f4f4f; font-size: 12px; text-decoration: none; background-color: #ececec; text-align: justify; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; width: 260px; border: solid 1px #999 }
#werbung_ebene          { background-color: #fff; background-repeat: repeat-y; background-attachment: scroll; background-position: left top; text-align: left; margin-left: 5px; padding: 5px 10px 25px 15px; position: relative; left: 0; width: 85%; border: solid 1px #e8f2f8 }
.www  { font-size: 12px; font-weight: bold; background-image: url(www.jpg); background-repeat: no-repeat; background-position: 0 center; padding-left: 36px; width: 90px }
.www:hover { font-size: 12px; font-weight: bold; background-image: url(www.jpg); background-repeat: no-repeat; background-position: 0 center; padding-left: 36px; width: 90px }
#eins  { width: 250px }
.small   { font-size: 10px; margin-right: 20px }
#ajax     { background-image: url(ajax.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: center; margin-left: 40px; width: 190px; height: auto }
#ajax a, #ajax a:active, #ajax a:visited, #ajax a:link { color: #5581aa }
#ajax a:hover  { color: #1a466f }
#ajax_links   { background-position: center; width: 100%; height: 20px }
#ajax_links:hover   { background-color: #f1f1f1; background-repeat: no-repeat; background-position: center; width: 98%; height: 20px; border-right: 2px solid #cacaca; border-left: 2px solid #cacaca }
#footer_ajax    { background-image: url(ajax_footer.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center; margin-left: 40px; width: 190px; height: 18px }
.durch { text-decoration: line-through }
.klein  { color: #646464; font-size: 10px }
hr { border: solid 1px #e8f2f8 }
.clearlink { color: #666; text-decoration: none }
.center     { margin-left: 55px }
.center_ad     { }
.center_3    { }
.center_4  { margin-left: 5px }
.left_ad { text-align: left; margin-left: 0 }
.active_users  { color: #7495a6; font-size: 10px; font-family: Arial, Verdana; text-decoration: none }
.index_ad { text-align: left; float: left }
.suggest_numbers { color: #e67b29; font-size: 14px; font-family: Verdana, Arial; text-decoration: none }
.suggest_expl { color: #aaa; font-size: 11px; font-family: Verdana }
.orng  { color: #e67b29; font-size: 13px; text-decoration: none; letter-spacing: 4px }