@charset "UTF-8";

    *{
     margin:0;
     padding:0;
     border:none;
     }
     
     body {
     background-color:rgb(230,229,227);
     padding:150px 0px 0px 0px;
     color:white;
     font-family:helvetica, arial;
     }
     
     h1 {
     font-size:1.2em;
     padding-bottom:5px;
     letter-spacing:2px;
     }
     
     p {
     font-size:0.9em;
     line-height:17px;
     }
     
     body#ueber p {
     letter-spacing:1px;
      }
      
      body#foto p {
      letter-spacing:1px;
      }
      
      body#grafik p {
      letter-spacing:1px;
      }
   
     div#gesamt {
     width:800px;
     height:482px;
     margin:auto;
     }
      
      div#header {
      height:90px;
      }
      
      body#ueber div#header {
      background:url(Bilder/headbalkenbl.jpg) left top no-repeat;
      }
      
      body#lebenslauf div#header {
      background:url(Bilder/headbalkenbl.jpg) left top no-repeat;
      }
      
      body#foto div#header {
      background:url(Bilder/headbalkengr.jpg) left top no-repeat;
      }
      
      body#fotoport div#header {
      background:url(Bilder/headbalkengr.jpg) left top no-repeat;
      }
      
      body#grafik div#header {
      background:url(Bilder/headbalkenge.jpg) left top no-repeat;
      }
      
      body#grafikport div#header {
      background:url(Bilder/headbalkenge.jpg) left top no-repeat;
      }
      
      div#navigation {
      height:25px;
      padding-top:7px;
      color:rgb(238,123,39);
      }
      
      body#ueber div#navigation {
      background-color:rgb(191,198,209);
      }
      
      body#lebenslauf div#navigation {
      background-color:rgb(191,198,209);
      }
      
      body#foto div#navigation {
      background-color:rgb(204,216,176);
      }
      
      body#fotoport div#navigation {
      background-color:rgb(204,216,176);
      }
      
      body#grafik div#navigation {
      background-color:rgb(247,222,164);
      }
      
      body#grafikport div#navigation {
      background-color:rgb(247,222,164);
      }
      
      div#navigation a {
      color:rgb(104,103,107);
      }
      
      body#ueber div#navigation a:hover {
      color:rgb(105,120,138);
      }
      
      body#lebenslauf div#navigation a:hover {
      color:rgb(105,120,138);
      }
      
      body#foto div#navigation a:hover {
      color:rgb(132,153,83);
      }
      
      body#fotoport div#navigation a:hover {
      color:rgb(132,153,83);      }
      
      body#grafik div#navigation a:hover {
      color:rgb(204,162,55);
      }
      
      body#grafikport div#navigation a:hover {
      color:rgb(204,162,55);
      }
      
      div#navigation a:visited {
      color:white;
      }
      
      div#navigation .pl20 {
      padding:0 20px 0 20px;
      }
      
      span {
      color: rgb(104,103,107);
      font-weight:bold;
      font-size: 0.9em;
      }
      
      a {
      color:rgb(104,103,107);
      font-size:0.9em;
      text-decoration:none; 
      font-weight:bold;
      }
      
      body#ueber a:hover {
      color:rgb(105,120,138);
      }
      
      body#lebenslauf a:hover {
      color:rgb(122,139,159);      
      }
      
      body#foto a:hover {
     color:rgb(132,153,83);
      }
      
      body#fotoport a:hover {
      color:rgb(151,175,94);      
      }
      
      body#grafik a:hover {
      color:rgb(204,162,55);
      }
      
      body#grafikport a:hover {
      color:rgb(204,162,55);
      }
      
      a:visited {
      color:white;
      }
      
      div#address a {
      color:rgb(104,103,107);
      }
      
      body#ueber div#address a:hover {
      color:rgb(105,120,138);      }
      
      body#lebenslauf div#address a:hover {
      color:rgb(105,120,138);      }
      
      body#foto div#address a:hover {
      color:rgb(132,153,83);      }
      
      body#fotoport div#address a:hover {
      color:rgb(132,153,83);      }
      
      body#grafik div#address a:hover {
      color:rgb(204,162,55);
      }
      
      body#grafikport div#address a:hover {
      color:rgb(204,162,55);
      }
      
      div#address a:visited {
      color:white;
      }
      
      div#address {
      text-align:right;
      padding-top:0px;
      width:779px;
      height: 25px;
      position: relative;
      }
     
      body#ueber div#address {
      position: relative;
      top: -72px;
      left:-2px      
      }
      
      body#lebenslauf div#address {
      position: relative;
      top: -42px;
      left:-2px
      }
      
      body#foto div#address {
      position: relative;
      top: -72px;
      left:-2px 
      }
      
      body#grafik div#address {
      position: relative;
      top: -72px;
      left:-2px 
      }
      
      div#textblock{
      }
      
      body#ueber div#main {
      height:300px;
      width:360px;
      padding-left:440px;
      padding-top:90px;
      background:url(Bilder/uebermich.jpg) left top no-repeat;
      }
      
      body#lebenslauf div#main {
      height:334px;
      width:720px;
      padding-left:80px;
      padding-top:26px;
      background:url(Bilder/lebenslauf.jpg) left top no-repeat;
      }
      
      body#foto div#main {
      height:300px;
      width:360px;
      padding-left:440px;
      padding-top:90px;
      background:url(Bilder/fotografie.jpg) left top no-repeat;
      }
      
      body#fotoport div#main  {
      height:360px;
      width:800px;
      background:url(Bilder/fotoport.jpg) left top no-repeat;
      padding: 22px 0 0 68px;
      }
      
      div#thumbnails {
      width: 300px;
      float: left;
      }      
      
      body#fotoport div#preview {
      height:307px;
      width:349px;
      background:url(Bilder/bild1gr.jpg) 0 0 no-repeat;
      float: left;
      }
      
      body#grafikport div#preview {
      height:307px;
      width:349px;
      background:url(Bilder/grafik1gr.jpg) 0 0 no-repeat;
      float: left;
      }
 
      body#grafik div#main {
      height:300px;
      width:360px;
      background:url(Bilder/grafik.jpg) left top no-repeat;
       padding-left:440px;
      padding-top:90px;
      }
      
      body#grafikport div#main {
      height:360px;
      width:800px;
      padding: 22px 0 0 68px;
      background:url(Bilder/grafikport.jpg) left top no-repeat;
      }
      
      body#ueber a.portfolio {
      padding:62px 0 0 9px;
      display:block;
      }
      
      body#foto a.portfolio {
      padding:62px 0 0 9px;
      display:block;
      }
      
      body#grafik a.portfolio {
      padding:62px 0 0 9px;
      display:block;
      }