/* Fabian84.de */

* { margin: 0px; padding: 0px; }

html { height: 100%; }

body { background-image: url('../img/bg.jpg'); background-position: center;
       height: 100%; background-repeat: no-repeat; background-color: #d7d2c6;
       cursor: default; font-size: 0.8em }
       
h1 { font-size: 1.2em; color: #4a483c; margin-bottom: 10px; }
h1 > span { border-bottom: 1px dotted #4a483c }
h2 { font-size: 1.0em; color: #4a483c }

a { font-weight: bold; text-decoration: none; color: #4a483c }
a:hover  { text-decoration: none; color: #d7d2c6 }
a:active { text-decoration: none; }
a:focus  { text-decoration: none; }

p {  }
img { border: none; }
       
#content { width: 800px; height: 500px; position: absolute; left: 50%; top: 50%;
           margin-left: -400px; margin-top: -250px; overflow: hidden;
           font-family: sans-serif }
           
#news { width: 300px; border-right: 1px dotted #4a483c; position: absolute;
        top: 10px; left: 10px; height: 475px }
#news > p { margin-right: 10px; border-bottom: 1px dotted #4a483c;
            padding-bottom: 5px; padding-left: 1em }
#hobby { width: 250px; border-right: 1px dotted #4a483c; position: absolute;
         top: 10px; left: 320px; height: 475px }
#hobby > p { margin-right: 10px; border-bottom: 1px dotted #4a483c;
             padding-bottom: 5px; padding-left: 1em; clear: both; overflow: hidden }
#pics { clear: both; overflow: hidden; padding: 5px 0 }
#pics a > div { padding: 2px; border: 1px solid #4a483c; width: 50px; height: 75px;
              float: left; margin-left: 4px; background-image: url('img/pic_tn.png') }
#pics a > div > div { width: 50px; height: 75px; background-image: url('../img/pic_tn.png') }
#pics .p1 { background-position: 0 0 }
#pics .p2 { background-position: -50px 0 }
#pics .p3 { background-position: -100px 0 }
#pics .p4 { background-position: -150px 0 }

.website { clear: both; overflow: hidden; padding-top: 5px; }
.web_pic { padding: 2px; border: 1px solid black }
.web_pic > div { background-image: url('../img/web_pic.png'); width: 75px; height: 50px }
.pic_left  { float: left; margin-right: 5px }
.pic_right { float: right; margin: 0 5px }
#biker { background-position: 0 0 }
#stoday { background-position: -75px 0 }
#lwt { background-position: -150px 0 }
.right { text-align: right; }

#rechts { width: 210px; position: absolute; top: 10px; left: 580px; height: 475px }
#rechts > p, #rechts > ul { margin-right: 10px; border-bottom: 1px dotted #4a483c;
              padding-bottom: 5px; padding-left: 1em }
#impress { width: 210px; position: absolute; top: 410px; left: 580px;  }

#footer { width: 100%; position: absolute; text-align: center; bottom: 0px;
          font-family: monospace }