*
{
 padding: 0;
 margin: 0;
}

html
{
 height: 101%;
}

body
{
 font: 90%/1.5em   verdana, arial, helvetica, sans-serif;
 background: #0e0e0e url(images/bodybg.jpg) repeat-x fixed;
 color: #ccc;
}

h2,h3,h4
{
  color: #FFCC00;
}

a
{
 text-decoration: none;
 outline: none;
}

img
{
 border: none;
}


#wrapper
{
 padding: 5px;
 margin: 0 auto;
 width: 720px;
 background: #2e2e2e;
 border: 4px solid  #999;
}

#header
{
 margin: 0 auto;
 background: #202020 url(images/header.jpg) no-repeat top left;
 width: 720px;
 height: 200px;
}

/*Skiplinks*/

.skiplink
{
 position:absolute;
 top:-9999px;
 left:-9999px;
 width:0px;
 height:0px;
 display:inline;
}
.skiplinktab:focus,
.skiplinktab:active
{
 position:absolute;
 top:9999px;
 left:9999px;
 display:inline;
 width:13em;
 height:auto;
 color:#fff;
}

h1 span
{
 visibility: hidden; /*image replacement */
}

#navigation
{
 margin: 0 auto;
 padding: 7px 0;
 width: 720px;
 border-top: 1px solid #999;
 border-bottom: 1px solid #999;
 color: #964B00;
 background: #202020 url(images/navbg.jpg) repeat-x;
 text-align: center;
}

#navigation li
{
 display: inline;
 list-style-type: none;
 padding: 0 3px;
}


/*Startseite*/

#content_start a
{
 text-decoration: none; color: #000;
 font-weight: bold;
}

#content_start a:hover
{
 text-decoration: underline; color: #444;
}

.startformat
{
 padding: 20px 10px 0 80px;
 width: 40%;
 color: #000;
 font-size: .8em;
 line-height: 1.4em;
}

#startformat, strong
{
  font-weight: normal;
}


.format h2
{
 color: #FAAF00;
 font-size: 1.5em;
 }

#content_start
{
 margin: 7px 0;
 width: 720px;
 height: 450px;
 background: #2e2e2e url(images/andreas06.jpg) no-repeat center;
}
/* Ende Startseite */
#footer
{
        /*cleart das float der galerie */
 padding: 2px;
 border-top: 1px solid #999;
 border-bottom: 1px solid #999;
 background: #202020 url(images/navbg.jpg) repeat-x;
 text-align: center;
 font-size: smaller;
}

#footer li
{
 display: inline;
}

#footer a
{
 margin: 3px;
 padding: 2px;
}

.sprunglink
{
 margin: 30px 0 0 0;
 padding: 0 0 30px 0;
 font-size: smaller;
 text-align: center;
 color: #B37D00;
 clear: both;
}
/* Schnellnavigation in den Seiten: biographie,unterricht,angebote,links */
#quicknavi
{
 margin: 30px 0 0 20px;
}
#quicknavi li
{
 display: inline;
 font-size: smaller;
 padding: 4px;
 color: #999;
}
#quicknavi a:visited
{
 color: #999;
}

 /* Link Formatierung allgemein */
#aktuell a
{
 color: #999;
}

 a:link, a:visited {color: #ffb200;}
 a:hover, a:focus {text-decoration: none; color: #999;}
 a:active {color: #D4D4D4;}

em
{
 font-style: normal;
 font-weight: bold;}

/* Formatierung Biografie */

#bio
{
 margin-top: 30px;
 padding: 20px;
}


#bio dl
{
 font-size: 0.9em;
}

#bio dd
{
 clear: both;
 float: left;
 width: 20%;
 padding-bottom: 20px;
 font-weight: bold;
}

#bio dt
{
 float: right;
 width: 77%;
 padding: 0 0 20px 10px;
 margin-bottom:5px;

}
#bio h4
{
 clear: right;
 padding: 3px;
 margin: 50px 0 20px 0;
 text-align: right;
 border-bottom: 2px solid #595959;
 letter-spacing: .1em;
}

#bio:after
{
 content: ".";
 visibility: hidden;
 height: 0;
 display: block;
 clear: both;
}
/*Ende Formatierung Biografie */


/* Formatierung Projekte/Auswahl */

#projekte_main p
{
 padding: 15px;
 margin: 20px;
 border: 1px dotted #666;
}

#projekte_main
{
 margin: 10px;
 padding: 20px;
}

h2
{
 font-size: 1.3em;
 margin-left: 20px;
 padding-top: 20px;
}

/* Ende Formatierung Projekte Auswahl */

/* Formatierung Projekteseiten */

#projekte
{
 margin: 2px;
 padding: 5px;
}

#projekte li
{
 list-style-type: none;
 margin: 0;
 padding: 15px 0 0 20px;
 width: 75%;
}

#projekte h2, h3
{
 margin: 40px 0;
 padding: 10px;
 letter-spacing: .3em;
 text-align: center;
}

#projekte p
{
 background: url(images/pattern5.gif);
 margin-top: 50px;
 padding: 10px 10px 10px 20px;
 width: 90%;
}

#projekte blockquote
{
 padding: 0  0 50px 20px;
 font-family: courier,serif;
}

.zitate
{
 margin: 0;
 padding-left: 20px;
}

.bandfoto
{
 margin: 30px 0 0 235px;
 padding: 3px;
 width: 200px;
 height: 143px;
 border: 1px solid #666;
}
.fotorechts
{
 float: right;
 margin: 20px 20px 0 0;
 padding: 0;
 width: 130px;
 height: 130px;
 clear: right;
}
/* Ende Formatierung Projekteseiten */

/* Formatierung Unterricht/Angebote  */

#content ul
{
 font-size: .8em;
 margin-left: 30px;
 padding: 2px;
 list-style-type: none;
}

#content h2
{
margin-top: 30px;
padding: 20px;
font-size: 1.2em;
text-align: center;
}
#content h3
{
margin: 10px;
padding: 20px;
font-size: 1em;
text-align: left;
letter-spacing: 0;
}
#content p
{
padding: 25px;
}
.foto
{
  float: right;
  margin: -20px 50px 0 0;
  padding: 1px;
  border: 1px solid #999;
}
#listerechts
{
  float: right;
  margin: 0 -30px 100px 40px;
  width: 400px;
}
#listelinks
{
 float: left;
 margin:0 20px 100px 20px;
 width: 250px;
}

/* Ende Formatierung Unterricht/Angebote */

/*  Formatierung Inhaltsverzeichnis */

.sitemap a
{
 margin: 0px;
 padding: 0px;
 font-size: 1.2em;
}
.sitemap li
{
 margin: 10px;
 padding: 3px;
}
#projektliste li
{
 list-style-type: disc;
 color: #666;
}

/* Ende Formatierung Inhaltsverzeichnis*/

/* Formatierung Kontaktformular */

.error
{
 background-color: #990000;
}

form
{
  background: url(images/pattern5.gif);
  width: 400px;
  margin: 20px auto;
  padding: 10px;
  border: 1px dotted #8c8c8c;
  font-size: 1em;
}
.danke
{
 margin: 70px;
 padding: 20px;
 text-align: center;
}

.kontakthinweis
{
 padding-top: 20px;
 width: 95%;
 font-size: .8em;
}

#fehler
{
 margin: 20px 0 10px 50px;
 letter-spacing: .1em;
}

ol
{
 margin-left: 150px;
 padding: 5px;
 list-style-type: none;
}

label
{
 display: block;
 margin: 5px;
 font-size: 0.8em;
}
.submit_background
{
 background: url(images/navbg.jpg) repeat-x top;
 width: 303px;
 height: 30px;
}
input, textarea, name, select
{
 margin-bottom: 10px;
 background-color: #666;
 border: 1px solid #999;
 color: #fff;
 width: 300px;
 font: 1em courier,serif;
}

absender, textarea, name
{
 margin-bottom: 1em;
}

textarea
{
 height: 7em;
}

input:focus, textarea:focus
{
 background-color: #999;
}
/* Ende-Formatierung Kontaktformular */



/* Formatierung Fotoseite */

.fotograf
{
 padding: 0;
 margin: 50px 0 20px 0;
 text-align: center;
}

#galerie
{
 padding: 7px;
 margin: 0 auto;
 width: 650px;
}

#galerie li
{
 display: inline;
}

#galerie a img
{
 border: 2px solid #2e2e2e;
}

#galerie a:hover img
{
 border: 2px solid  #999;
}

/*Formatierung 'impressum' */

.impressum
{
 margin: 50px 0 50px 50px;
 width: 90%;
 font-style: normal;
}
.impressum li
{
 list-style-type: none;
}

/* Formatierung 'links' */

.links li
{
 list-style-type: none;
 margin: 5px 0px 0px 30px;
 padding: 10px 10px 0px 5px;
 width: 90%;
}
h4.linkformat
{
  padding-left: 15px;
}

.absatz
{
 margin: 5px;
 padding: 20px 10px 10px 20px;
 width: 90%;
}

h3.linkformat
{

 margin-bottom: 25px;
 text-align: center;
}


.linkformat
{

 margin: 30px 10px 10px 20px;
 padding: 20px 0 0 0;
}


/* Ende Formatierung 'links' */

/*Formatierung 'termine'*/



#termine

{
 margin: 30px 5px 0 30px;
 padding: 5px;
}

#termine ul
{
 margin: 10px;
 padding: 5px;
}

#termine h3
{
 margin: 5px;
 padding: 5px;
 width: 90%;
 border-bottom: 1px dotted #999;
 text-align: left;
}
#termine li
{
 margin: 10px;
 padding: 5px;
 list-style-type: none;
}

.datenschutz
{
 margin: 20px;
 padding: 10px;
 list-style-type: none;
}

#fehler404

{
 margin: 0 auto;
 padding: 100px;
 font-size: 2em;
}
#fehler404 h1
{
 color: #FAAF00;
 font-size: 3em;}

.monat
{
 color: #F4923B;
 width: 90%;
 background: #383737;
 line-height: .4em;
 font-weight: bold;
}