  body
      {
      z-index: 1; height: 100%; padding: 0px; margin-top: -20px; overflow-x: auto; overflow-y: scroll;
      background-color: #444; background-size: 100% auto;
      cursor:url(..images/pinselcursor0.png), url(../images/pinselcursor0.cur), auto;
      /* background-image:url(../images/background.jpg); background-repeat:no-repeat; background-size:100% 100%; background-attachment:fixed; */
      }
      
  /* @font-face
      {
      font-family:dsgabriele;
      src:url(../fonts/DSGabriele.woff) format('woff'), url(http://www.malschule-goart.de/fonts/dsgabriele.ttf) format('ttf');
      font-weight: normal; font-style: normal;
      } */

  p
      {
      font-size: 15px; letter-spacing: 1px; line-height: 20px; color: #FFF;
      font-family: arial, verdana, calibri, helvetica, sans-serif;
      }

  b
      {
      font-size: 15px; letter-spacing: 1px; line-height: 20px; color: #FFF;
      font-family: arial, verdana, calibri, helvetica, sans-serif;
      }

  #center
      {
      margin: 0 auto; width: 1100px;
      }

  #navi
      {
      z-index: 5; position: relative; width: 260px; top: -32px; left: 50px;
      }
      
  td.navi
      {
      height: 20px; width: 230px; border-spacing: 20em; background-color: #006666; padding: 2px 0px 0px 20px; border: 1px solid #888888;
      }

  td.gal
      {
      border: 1px solid #888888;
      }

  #hamb
      {
      position:relative; width:30px; height:30px; margin-top:30px;
      cursor:url(..images/pinselcursor.png), url(../images/pinselcursor.cur), auto;
      }

  #hamb:hover
      {
      position:relative; background-color:#F1A403;
      }

  #hambnavi
      {
      z-index:100; position:relative; margin-top:-95px; text-align:left; margin-left:-25px; padding-left:20px;
      }

  .hambnavi
      {
      display:none; width:300px; margin-left:0px; padding-top:8px; padding-bottom:10px; padding-left:20px; list-style-type:none;
      background-color:#006666;  border:solid 1px #FFF;
      }

  #box1
      {
      z-index: 10; position: absolute; text-align: justify; top-margin: -910px; margin-left: 60px; width: 655px;
      }
      
  #box2
      {
      z-index:10; position:absolute; text-align:justify; top:140px; width:850px;
      }
      
  #goart
      {
      z-index:5; position:relative; left:80px; width:100px; margin-top:-10px;
      }

  #bild-top
      {
      position:absolute; top:40px; margin-left:360px; border:1px solid #888;
      }

  #bild-left
      {
      position:relative; top:0px; left:50px;
      }

  #kontakt
      {
      position:relative; font-size:0.8em; letter-spacing:0.1em; line-height:20px; color:#FFF; font-family:arial, verdana, calibri, helvetica, sans-serif;
      }

  #bottom
      {
      position:relative; width:1045px; font-size:15px; letter-spacing:5px; color:#FFF; font-family:arial, verdana, helvetica, sans-serif;
      }


  ul.ul1
      {
      padding:0px 0px; margin-left:50px;
      font-size:0.8em; font-weight:bold; color:#FFF; letter-spacing:0.2em; line-height:18px; font-family:arial, verdana, helvetica, sans-serif;
      }
      
  table.table1
      {
      margin-left:30px; font-size:14px; color:#FFF; letter-spacing:0.2em; line-height:22px; font-family:arial, verdana, helvetica, sans-serif;
      }

  td.bot2
      {
      text-align:center; vertical-align:middle;
      }
      
  tr.vita
      {
      vertical-align:top; text-align:left; line-height:28px;
      font-size:15px; color:#FFF; letter-spacing:1px; font-family:arial, verdana, calibri, sans-serif;
      }

  td.mal1
      {
      height:180px; width:150px; vertical-align:middle; text-align:center;
      }
      
  td.mal1 img
      {
      border:2px solid #888;
      }
      
  td.mal2
      {
      width:320px; vertical-align:middle; padding-left:10px;
      }
      
  td.mal3
      {
      vertical-align:middle; text-align:center; width:220px; height:190px; padding:0px;
      }
      
  td.mal3 img
      {
      border:2px solid #888;
      }

  img.close:hover
      {
      content:url(../images/close_x2.png);
      }
      
  h1 {font-size:16px; color:#FFF; line-height:25px; margin-top:10px; margin-bottom:5px; font-family:arial, verdana, sans-serif;}
  h2 {font-size:16px; color:#FFF; line-height:25px; letter-spacing:3px; margin:0px 0px; font-family:arial, verdana, sans-serif;}
  h3 {font-size:12px; color:#AAA; line-height:15px; margin-top:3px; margin-bottom: 0px; letter-spacing:3px; font-family: arial, verdana, sans-serif;}

  a.a1:link {text-decoration:none; font-size:15px; color:#FFF; letter-spacing:2px; font-family:arial, verdana, sans-serif;}
  a.a1:visited {text-decoration:none; font-size:15px; color:#FFF; letter-spacing:2px; font-family:arial, verdana, sans-serif;}
  a.a1:hover {text-decoration:none; font-size:15px; color:#F1A403; letter-spacing:2px; font-family:arial, verdana, sans-serif;}
  a.a1:active {text-decoration:none; font-size:15px; color:#FFF; letter-spacing:2px; font-family:arial, verdana, sans-serif;}
  .a1 {cursor:url(../images/pinselcursor.png), url(../images/pinselcursor.cur), auto;}

  a.a2:link {text-decoration:none; font-size:15px; color:#FFF; letter-spacing:2px; font-family:arial, verdana, sans-serif;}
  a.a2:visited {text-decoration:none; font-size:15px; color:#FFF; letter-spacing:2px; font-family:arial, verdana, sans-serif;}
  a.a2:hover {text-decoration:none; font-size:15px; color:#F1A403; letter-spacing:2px; font-family:arial, verdana, sans-serif;}
  a.a2:active {text-decoration:none; font-size:15px; color: #FFF; letter-spacing:2px; font-family:arial, verdana, sans-serif;}
  .a2 {cursor:url(../images/pinselcursor.png), url(../images/pinselcursor.cur), auto;}

  a.a3:link {text-decoration:none; font-size:25px; color:#FFF; letter-spacing:3px; font-family:arial, verdana, sans-serif;}
  a.a3:visited {text-decoration:none; font-size:25px; color:#FFF; letter-spacing:3px; font-family:arial, verdana, sans-serif;}
  a.a3:hover {text-decoration:none; font-size:25px; color:#F1A403; letter-spacing:3px; font-family:arial, verdana, sans-serif;}
  a.a3:active {text-decoration:none; font-size:25px; color:#FFF; letter-spacing:3px; font-family:arial, verdana, sans-serif;}
  .a3 {cursor:url(../images/pinselcursor.png), url(../images/pinselcursor.cur), auto;}
  
  a.a4:link {text-decoration:none; font-size:14px; color:#000; letter-spacing:1px; font-family:arial, verdana, sans-serif;}
  a.a4:hover {text-decoration:none; font-size:14px; color:#E18700; letter-spacing:1px; font-family:arial, verdana, sans-serif;}
  .a4 {cursor:url(../images/pinselcursor.png), url(../images/pinselcursor.cur), auto;}
  
