*
  {
  margin: 0;
  padding: 0;
  }

body
  {
  width: 100%;
  background: #f2e8d0 url("../images/bg.jpg");
  color: #333333;
  font-family: Verdana, sans-serif;
  font-size: 100.01%;
  padding-bottom: 1px;
  }
  
hr
  {
  clear: both;
  height: 1px;
  width: 1px;
  border: 1px solid #ffffff;
  }

ul
  {
  list-style-position: inside; 
  }

p,li
  {
  font-size: .75em;
  margin-bottom: .5em;
  line-height: 1.5em;
  }

a
  {
  outline: none;
  color: #6d003e;
  }

h2
  {
  text-align: center;
  font-size: 1.2em;
  color: #6d003e;
  margin-bottom: .75em;
  padding: .2em 0 .2em 0;
  }

h3
  {
  clear: both;
  text-align: center;
  font-size: 1em;
  color: #6d003e;
  margin: 2em 0 .5em 0;
  padding: .2em 0 .2em 0;
  }
  
h2,h3
  {
  background: url(../images/bg-h.png) repeat-y;
  }

h4
  {
  font-size: .75em;
  margin-bottom: .5em;
  }

#head
  {
  position: absolute;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  height: 150px;
  }

#head img
  {
  margin-left: 290px;
  }

#head a img, a img:hover, a img:active, a img:visited
  {
  border: none
  }

/*  Struktur  */
#wrapper0
  {
  position: absolute;
  left: 50%;
  width: 1024px;
  height: 328px;
  margin-left: -512px;
  background: url("../images/utensilien.png") 0 50% no-repeat;
  }

#wrapper1
  {
  position: absolute;
  left: 50%;
  top: 150px;
  width: 800px;
  margin-left: -400px;
  }

#wrapper1-header
  {
  height: 22px;
  background: url("../images/bg-content-top.png") no-repeat; 
  }
  
#wrapper2
  {
  width: 798px;
  border-left: 1px solid #6d003e;
  border-right: 1px solid #6d003e;
  background: #ffffff url("../images/bg-content.jpg") 100% 100% no-repeat; 
  }

#galerie #wrapper2, #step-by-step #wrapper2, #kurse #wrapper2, #malerei #wrapper2, #zeichn #wrapper2
  {
  background: #ffffff url("../images/bg-content-kunst.jpg") 100% 100% no-repeat; 
  }

#web-grafik #wrapper2, #web #wrapper2, #grafik #wrapper2, #links #wrapper2 
  {
  background: #ffffff url("../images/bg-content-webdesign.jpg") 100% 100% no-repeat; 
  }

#wrapper1-footer
  {
  width: 800px;
  background: url("../images/bg-content-bottom.png") 0 0 no-repeat; 
  padding-top: 25px;
  text-align: right;
  }

#wrapper1-footer a, #wrapper1-footer a:active, #wrapper1-footer a:focus, #wrapper1-footer a:focus, #wrapper1-footer a:visited
  {
  padding-right: 10px;
  color: #6d003e;
  font-size: .75em;
  text-decoration: none;
  }

#navi, #content
  {
  display: inline;
  float: left;
  }

/*  Haupt-Navigation  */

#navi
  {
  margin: 0 25px 0 0;
  width: 210px;
  }

#navi ul, #navi ul li
  {
  list-style: none;
  }

#navi li
  {
  width: 210px;
  }
  
#navi li a
  {
  display: block;
  width: 210px;
  height: 60px;
  font-size: 1px;
  text-indent: -10000px;
  background: url("../images/navi.jpg") 0px 0px no-repeat;
  }

#navi li a#btn-start
  { background-position: 0px 0px; }

#navi li a#btn-start:active, #navi li a#btn-start:hover, #navi li a#btn-start:focus 
  { background-position: -210px 0px; }

#navi li a#btn-airbrush
  { background-position: 0px -60px; }

#navi li a#btn-airbrush:active, #navi li a#btn-airbrush:hover, #navi li a#btn-airbrush:focus 
  { background-position: -210px -60px; }

#navi li a#btn-kunst
  { background-position: 0px -120px; }

#navi li a#btn-kunst:active, #navi li a#btn-kunst:hover, #navi li a#btn-kunst:focus 
  { background-position: -210px -120px; }

#navi li a#btn-web-grafik
  { background-position: 0px -180px; }

#navi li a#btn-web-grafik:active, #navi li a#btn-web-grafik:hover, #navi li a#btn-web-grafik:focus 
  { background-position: -210px -180px; }

#navi li a#btn-kontakt
  { background-position: 0px -240px; }

#navi li a#btn-kontakt:active, #navi li a#btn-kontakt:hover, #navi li a#btn-kontakt:focus 
  { background-position: -210px -240px; }
  
/*  Sub-Navigation  */

#navi li ul
  {
  padding: 10px 0 20px 0;
  background: url("../images/bg-subnavi.jpg") 0 100% no-repeat;
  }

#navi li li a
  {
  background: none;
  }

#navi li li a
  {
  height: 40px;
  width: 210px;
  font-size: 1px;
  text-indent: -10000px;
  display: block;
  }

#sub-navi-start li a#btn-start-person
  {  background: url("../images/sub-navi-start.png") 0px 0px no-repeat;  }

#sub-navi-start li a#btn-start-person:active, #sub-navi-start li a#btn-start-person:hover, #sub-navi-start li a#btn-start-person:focus
  {  background: url("../images/sub-navi-start.png") -210px 0px no-repeat;  }

#sub-navi-airbrush li a#btn-airbrush-galerie
  {  background: url("../images/sub-navi-airbrush.png") 0px 0px no-repeat;  }

#sub-navi-airbrush li a#btn-airbrush-galerie:active, #sub-navi-airbrush li a#btn-airbrush-galerie:hover, #sub-navi-airbrush li a#btn-airbrush-galerie:focus
  {  background: url("../images/sub-navi-airbrush.png") -210px 0px no-repeat;   }

#sub-navi-airbrush li a#btn-airbrush-step-by-step
  {  background: url("../images/sub-navi-airbrush.png") 0px -40px no-repeat;  }

#sub-navi-airbrush li a#btn-airbrush-step-by-step:active, #sub-navi-airbrush li a#btn-airbrush-step-by-step:hover, #sub-navi-airbrush li a#btn-airbrush-step-by-step:focus
  {  background: url("../images/sub-navi-airbrush.png") -210px -40px no-repeat;   }

#sub-navi-airbrush li a#btn-airbrush-kurse
  {  background: url("../images/sub-navi-airbrush.png") 0px -80px no-repeat;  }

#sub-navi-airbrush li a#btn-airbrush-kurse:active, #sub-navi-airbrush li a#btn-airbrush-kurse:hover, #sub-navi-airbrush li a#btn-airbrush-kurse:focus
  {  background: url("../images/sub-navi-airbrush.png") -210px -80px no-repeat;   }

#sub-navi-kunst li a#btn-kunst-malerei
  {  background: url("../images/sub-navi-kunst.png") 0px 0px no-repeat;  }

#sub-navi-kunst li a#btn-kunst-malerei:active, #sub-navi-kunst li a#btn-kunst-malerei:hover, #sub-navi-kunst li a#btn-kunst-malerei:focus
  {  background: url("../images/sub-navi-kunst.png") -210px 0px no-repeat;  }

#sub-navi-kunst li a#btn-kunst-zeichn
  {  background: url("../images/sub-navi-kunst.png") 0px -40px no-repeat;  }

#sub-navi-kunst li a#btn-kunst-zeichn:active, #sub-navi-kunst li a#btn-kunst-zeichn:hover, #sub-navi-kunst li a#btn-kunst-zeichn:focus
  {  background: url("../images/sub-navi-kunst.png") -210px -40px no-repeat;  }

#sub-navi-web-grafik li a#btn-web-grafik-web
  {  background: url("../images/sub-navi-web-grafik.png") 0px 0px no-repeat;  }

#sub-navi-web-grafik li a#btn-web-grafik-web:active, #sub-navi-web-grafik li a#btn-web-grafik-web:hover, #sub-navi-web-grafik li a#btn-web-grafik-web:focus
  {  background: url("../images/sub-navi-web-grafik.png") -210px 0px no-repeat;  }

#sub-navi-web-grafik li a#btn-web-grafik-grafik
  {  background: url("../images/sub-navi-web-grafik.png") 0px -40px no-repeat;  }

#sub-navi-web-grafik li a#btn-web-grafik-grafik:active, #sub-navi-web-grafik li a#btn-web-grafik-grafik:hover, #sub-navi-web-grafik li a#btn-web-grafik-grafik:focus
  {  background: url("../images/sub-navi-web-grafik.png") -210px -40px no-repeat;  }

#sub-navi-web-grafik li a#btn-web-grafik-links
  {  background: url("../images/sub-navi-web-grafik.png") 0px -80px no-repeat;  }

#sub-navi-web-grafik li a#btn-web-grafik-links:active, #sub-navi-web-grafik li a#btn-web-grafik-links:hover, #sub-navi-web-grafik li a#btn-web-grafik-links:focus
  {  background: url("../images/sub-navi-web-grafik.png") -210px -80px no-repeat;  }


/*  Content  */

#content
  {
  width: 545px;
  margin: 10px 0 0 0;
  }

#content p
  {
  width: 545px;
  }

#content img, #content a img
  {
  border: solid 1px #6d003e;
  padding: 2px;
  }

#impressum #content img
  {
  border: none;
  }

#content img.right
  {
  float: right;
  margin: 0 10px 0 10px;
  }

#content img.left
  {
  float: left;
  margin: 0 10px 0 0;
  }

/*  Startseite  */

#start #start-links
  {
  width: 520px;
  height: 390px;
  padding: 3px;
  border: 1px solid #6d003e;
  }

#start #start-links a
  {
  float: left;
  display: block;
  width: 260px;
  height: 195px;
  font-size: 1px;
  text-indent: -10000px;
  background: url(../images/start.jpg) no-repeat;
  }

#start #start-links a#start-airbrush:hover, #start #start-links a#start-airbrush:active, #start #start-links a#start-airbrush:focus
  {background-position: 0 -390px;}

#start #start-links a#start-grafik
  {background-position: -260px 0;}

#start #start-links a#start-grafik:hover, #start #start-links a#start-grafik:active, #start #start-links a#start-grafik:focus
  {background-position: -260px -390px;}

#start #start-links a#start-kunst
  {background-position: 0 -195px;}

#start #start-links a#start-kunst:hover, #start #start-links a#start-kunst:active, #start #start-links a#start-kunst:focus
  {background-position: 0 -585px;}

#start #start-links a#start-web
  {background-position: -260px -195px;}

#start #start-links a#start-web:hover, #start #start-links a#start-web:active, #start #start-links a#start-web:focus
  {background-position: -260px -585px;}


/*  Zur Person  */

#person #content img
  {
  border: none;
  }

/*  Galerie  */


ul#gallery {
  list-style: none;
}

ul#gallery li {
  float: left;
  display: block;
  width: 114px;
  margin: 0 16px 16px 0;
}

#content .wrapper-thumb span
  {
  float: left;
  display: block;
  width: 114px;
  margin: 0 16px 16px 0;
  }
  
/*  Links  */

#links ul
  {
  list-style: none;
  
  }

#links a
  {
  font-weight: bold;
  }

