/* grundlegendes */
*                               { margin: 0px; padding: 0px; line-height: 1.3em; }
body                            { background: #bbbbbb; margin: 0px; padding: 0px; }
img                             { border: 0px; }
table, td, th                   { margin: 0px; padding: 0px; border-collapse: collapse; border-spacing: 0px; }
td, th                          { vertical-align: top; text-align: left; }
form, h1, h2, h3, h4, p, ul, ol { margin: 0px; padding: 0px; font-size: 1em; } 
li                              { list-style-type: square; }


/* abstaende im content-bereich */
p, .content_wrap dl, .content_wrap ul, div.ext.unten ul
                                { margin-bottom: 0.6em; clear: both; }
h2                              { margin-bottom: 0.2em; }

.content_wrap ul, div.ext.unten ul
                                { margin-left: 1.3em; }


/* vita */
dl.vita                         { padding-top: 0.4em; }
dl.vita dt                      { float: left; width: 150px; }
dl.vita dd                      { float: left; width: 400px; }
dl.vita dd p                    { margin-bottom: 0.3em; }


/* news-listen */
dl.news-teaser                  { padding-top: 0.4em; }
dl.news-teaser dt               { float: left; width: 100px; font-weight: bold; }
dl.news-teaser dd               { float: left; width: 450px; }
body.col1 dl.news-teaser dd     { width: 660px; }
dl.news-teaser dd *             { clear: none; }


/* typo */

body, th, td, h1, h4            { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }
h4                              { font-weight: bold; border-top: 1px solid #666666; padding-top: 5px; margin-top: 30px; margin-bottom: 5px; }
div.ext.unten                   { font-size: 11px; }


/* framework - positionierung und hauptelemente */

div#wrapper                     { position: absolute; left: 50%; top: 50%; width: 600px; height: 400px; margin: -200px 0px 0px -300px; }
div#wrapper.extended            { width: 800px; margin-left: -400px; }
div#main                        { width: 100%; height: 400px; background: #ffffff; }


div#visual                      { position: absolute; top: 74px; left: 5px; width: 590px; height: 85px; }
div#visual h1                   { display: none; }
/*div.content_wrap                { position: absolute; top: 164px; left: 5px; width: 590px; height: 231px; overflow: hidden; }*/
/*body.col1 div.content_wrap      { width: 780px; }*/

div.ext                         { display: none; }
.extended div.ext               { display: block; }
div.ext.oben                    { position: absolute; left: 600px; top: 5px; width: 195px; height: 154px; background: #ffffff; }
div.ext.unten                   { position: absolute; left: 600px; top: 164px; width: 185px; height: 221px; padding: 5px; background: #eeeeee; overflow: hidden; }

/* navigationselemente */

ul#main_nav, ul#sub_nav         { font-weight: bold; text-transform: lowercase; }
ul.navigation a                 { text-decoration: none; }
ul.navigation li                { list-style: none; display: inline; padding-left: 5px; }

ul#main_nav                     { position: absolute; top: 5px; left: 5px; width: 575px; height: 12px; padding-top: 47px; padding-left: 15px;
                                  background: url("../img/pfeil_weiss.gif") 5px bottom no-repeat #bbb; border-bottom: 5px solid #bbb; }
li#freshbytes-logo              { position: absolute; left: 100%; top: 100%; margin-left: -130px; margin-top: -25px; }
/*ul#main_nav table             { position: absolute; top: 40px; left: 5px; height: 22px;  }*/

ul#main_nav a, ul#main_nav li   { color: #fff; }
ul#main_nav a:hover, ul#main_nav li:hover/*, ul#main_nav li.active a:hover*/
                                { color: #fb0; border-color: #fb0;}
/*ul#main_nav li.active a         { border-top: 3px solid #fff; }*/
/*ul#sub_nav  a:hover             { color: #ff9900; }*/

ul#sub_nav                      { position: absolute; top: 164px; left: 5px; width: 555px; height: 21px; padding-left: 15px; padding-top: 0px; 
                                  background: url("../img/pfeil_grau.gif") 5px 4px no-repeat #ffffff; }

ul#meta_nav                     { float: right; }

                                  

/* links */

a                               { color: #666666; }
a:hover                         { color: #ff9900; }
a.ext                           { background: url("../img/href_ext.gif") 0px 4px no-repeat; padding-left: 12px; }
a.int                           { background: url("../img/href_int.gif") 0px 4px no-repeat; padding-left: 12px; }


/* content and backgrounds */

div.content_wrap                { position: absolute; top: 164px; left: 5px; width: 580px; height: 206px; padding: 25px 5px 0; overflow: auto; }
body.col1 div.content_wrap      { width: 780px; }

div.content_wrap.fresh          { background: url("../files/fresh_back.gif") no-repeat; }
div.content_wrap.person         { background: url("../files/person_back.gif") no-repeat; }
div.content_wrap.work           { background: url("../files/work_back.gif") no-repeat; }
div.content_wrap.contact        { background: url("../files/contact_back.gif") no-repeat; }
div.content_wrap.error          { background: url("../files/error_back.gif") no-repeat; }


/* fusszeile */

div#subline                     { position: absolute; top: 400px; left: 0px; width: 100%; color: #eeeeee; }
div#subline a                   { text-decoration: none; color: #eeeeee; }
div#subline a:hover             { text-decoration: underline; }


div.ext.unten                   { overflow: visible; }
div.ext.unten div.image dl      { margin: -5px 0px 0px -5px; }

div.partner                     { position: relative; left: 0px; top: 0px; margin-bottom: -5px; height: 42px; padding: 10px 0px 0px; line-height: 1em; } 
div.partner img                 { float: left; margin-right: 5px; margin-top: -11px; }