/* RESET BROWSER STYLESHEET */
  * { margin: 0; padding: 0 }
  
/* FOR ALL PAGES */
  body { background-color: #fff; margin: 0; padding: 1%; font-family: Calibri, "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1em }  
  img { border: none }
  em.silver { color: silver }
  span { color: rgb(221,74,6) }
  p, li { line-height: 1.15em }
  p.small { font-size:0.8em }
  p, div ul { margin-bottom: 1em }
  li p { margin-bottom: 0 }
  a { color: rgb(224,74,6); text-decoration: none }
  a:hover { text-decoration: underline }
  abbr, acronym { cursor: help }
  .center { text-align: center }
  .cl { clear: left }
  
/* INTRO PAGE */
  div#fox { background: transparent
                        url(/images/fox.png)
                        no-repeat;
            width: 325px;
            height: 331px;
            margin: -165px 0 0 -163px;
            position : absolute;
            top : 50%;
            left : 50%;
            /*border: 1px solid red*/
  }
  div#fox ul { position: absolute; top: 0; left: 0; background: transparent url(/images/dot.gif); list-style: none }
  div#fox ul li { position: absolute }
  div#fox ul li.fox { background: transparent url(/images/libg.gif) no-repeat left top; padding: 0 0 6px 15px; }
  li#weba { top: 200px; left: -140px }
  li#webb { top: 80px; left: -95px }
  li#webc { top: -25px; left: 100px; width: 7em}
  li#webd { top: 80px; left: 320px }
  li#webe { top: 200px; left: 320px }
  li#slogo { top: 330px; left: -285px }
  li#copy { top: 430px; left: -35px; display: inline-block; width: 550px; font-size: 0.8em }
  li#noid { top: 450px; left: 35px; display: inline-block; width: 550px; font-size: 0.8em }
  img#ftrack_1, img#ftrack_2, img#ftrack_3, img#ftrack_4 { position: absolute; visibility: hidden }
  img#ftrack_1 { top: -50px; left:-50px }
  img#ftrack_2 { top: 100px; left:-10px }
  img#ftrack_3 { top: 285px; left: 10px }
  img#ftrack_4 { top: 285px; left: 260px }
  div#bm-button { width: 222px; height: 35px; text-align: center;  margin: 310px 0 0 -111px;  position: absolute; top: 50%; left: 50% }

/* CONTACT PAGE WITH FORM */
  h2#st { margin: 150px 0 2em 0; font-size: 1.25em; clear:left }
  input, textarea { border: 1px solid rgb(224,74,6); background: rgb(255,215,183); padding: 0 2px; font-family: Calibri, "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1em; color: rgb(224,74,6) }
  .link1 { display: block; float: left; background: url(/images/b.gif) left top repeat-x; color: #fff !important; text-decoration: none }
  .link1 em { display: block; background: url(/images/bl.gif) no-repeat left top }
  .link1 b { display: block; background: url(/images/br.gif) no-repeat right top; padding: 7px 15px 35px 15px; font-weight: normal; font-style: normal }
  .link1:hover { text-decoration: underline }
  p#error { color: red }
  div#success { color: blue }
  p#hidden, div#js-show { margin-top: 10px }
  div#js-show, span.hidden, .spam { display: none }
  #kform { margin-bottom: 20px }

/* OTHER PAGES */
  body div, h1 { position: relative; }
  div#content { margin: auto; background: url(/images/bg.png) repeat-x; border: 3px solid rgb(221,74,6); padding: 0 20px 95px 20px; max-width: 850px; min-width: 600px } 
  img#ltcorner, img#rtcorner, img#lbcorner, img#rbcorner { position: absolute }
  img#ltcorner { top: -4px; left: -9px }
  img#rtcorner { top: -3px; right: -3px; z-index: 0 }
  img#lbcorner { bottom: -3px; left: -3px }
  img#rbcorner { bottom: -3px; right: -3px }
  h1 { margin: 5px 0 0 240px; max-width: 600px; min-width: 310px; text-align: center; overflow: hidden }
  div#columns-wrapper { background: url(/images/vline.gif) 50% top repeat-y }
  div.projects { clear: left; padding-bottom: 1em }
  div#columns-wrapper h3, div#columns-wrapper h4 { margin: 0 0 1em 0 }
  div#columns-wrapper h3 { font-size: 1.1em }
  div#columns-wrapper h4 { font-size: 1em }
  div.columnl { width:50%; float:left }
  div.columnr { margin-left:50%; padding-left: 20px; }
  div.columnr ul, div.columnl ul { list-style: none; margin-left: 1em }
  div.columnr ul li, div.columnl ul#contact li, ul.analysis li, ul#pfsbs li { background: transparent url(/images/libg.gif) no-repeat left top; padding: 0 0 6px 15px; }
  p.first { margin-top: 250px }
  p.bq { margin-left: 1em; font-weight: bold }
  p.mb { margin: 1em 0 5em 0 }
  .it { margin-top: 3em }
  .it2 { margin-top: 1em }
  ul.orange li { color: rgb(224,74,6); font-weight: bold }
  div#footer { border: 1px dashed transparent; height: 120px; margin: -75px auto; background: transparent url(/images/pfoxkl.png) no-repeat 50% 0; padding: 20px 20px 40px 20px; max-width: 854px; min-width: 604px }
  div#footer p, p.info { font-size:0.8em }
  p.info { margin-left: 1em }
  div#footer p#copy { position:absolute; bottom: 0 }
  div#footer p#sollspaeterulsein { position:absolute; right: 10px; bottom: 0 }

/* CSS-HACKS FOR IE 6 */
  * html div#content { width: 850px }                                             /* IE 6 doesn't interprete max-width, so DIVS #content */
  * html img#lbcorner, * html img#rbcorner { bottom: -4px }                       /* and #footer become a fix width. Further IE 6 needs */
  * html div#footer { border: none; width: 854px; background-position: 50% 1px }  /* some correction for positioning */

/* INTRO PAGE - TEXT FOR SUCKY TOOLS */
  div#sw { display: none }  
  
/* BOOKMARK-BUTTON */
  ul#bmns {
    margin: 0; padding: 0; height: 20px; position: relative; list-style: none
  }
  ul#bmns li { background: none }
  
/* PHILEAS FOX BOOKMARKING SERVICE */
  #bookmarks fieldset legend { margin-left: 10px; padding: 0 5px; font-weight: bold }
  #bookmarks fieldset { border: 1px #f60 solid; padding: 0 5px; margin-bottom: 10px }
  #bookmarks fieldset p { margin-top: 20px }
  #bookmarks fieldset#button p { text-align: center }
  #bookmarks fieldset#button input { background: none }
  #bookmarks form#bmsform { padding-bottom: 50px }
  #bookmarks form#bmsform div#js-show a { cursor: pointer }
  #bookmarks form#bmsform p#hidden input { cursor: pointer }
  #bookmarks form#bmsform p#hidden input:hover { text-decoration: underline }
  #bookmarks textarea { width: 97%; height: 100px; margin-bottom: 15px }
  #bookmarks textarea#cssc { width: 97%; height: 60px; margin-bottom: 15px }
  #bookmarks textarea#jsc { height: 45px }
  #bookmarks tt { font-family: Consolas, "Courier New", monospace; font-size: .9em; color: #ff6000 }
  input#small, input#big { border: none }
  input#page { width: 200px }
  input#title { width: 300px }
  
  div#seitwert { position: absolute; top: -1000px; left: -1000px }