*{
padding:0;
margin:0;
outline:none;
}

/*www.schreibspuren.de_030708_www.prueferpr.de*/

html{
font: 81%/1.2 helvetica, verdana, sans-serif;
}

body{
text-align:center;
margin:auto;
margin-top:10px;
background-image: url(../img/back.gif);
background-repeat: repeat-y;
background-position: 50%; 
}

#haupt, h1{
width: 770px;
}

a:link, a:visited{
color: #008000; 
}

a:hover, a:active{
color: #bd8142; 
}

h1 a, #nav-1 li, #nav-1 li a{
text-indent: -999em;
}

h1{
background: url(../img/schreibatelier.gif) no-repeat;
}

h1 a{
display: block; 
height: 130px;
}

img{ 
float:left;
border:none;
}

pre{
font-size: 100%;
font-family: helvetica, verdana, sans-serif;
}

#haupt{
position:relative;
background: url(../img/hintergrund3.jpg) no-repeat top center;
margin:auto;
text-align:left;
}

#nav-1, #nav-1 ul, #nav-1 li{
height:26px;
}

#nav-1 li{
list-style: none;
float:left;
margin-right: 5px;
width: 65px; 
}

#nav-1 li a{
display:block;
height: 100%;
}

#nav-1 li#schreibspuren a{
background: url(../img/schreibspuren.gif);
}

#nav-1 li#schreibspuren, #nav-1 li#schreibspuren a:focus, #nav-1 li#schreibspuren a:hover, #nav-1 li#schreibspuren a:active{
background: url(../img/schreibspuren-an.gif);
}

#nav-1 li#philosophie a{
background: url(../img/kreativ.gif);
}

#nav-1 li#philosophie, #nav-1 li#philosophie a:focus, #nav-1 li#philosophie a:hover, #nav-1 li#philosophie a:active{
background: url(../img/kreativ-an.gif);
}

#nav-1 li#wer a{
background: url(../img/wer.gif);
}

#nav-1 li#wer, #nav-1 li#wer a:focus, #nav-1 li#wer a:hover, #nav-1 li#wer a:active{
background: url(../img/wer-an.gif);
}

#nav-1 li#kursangebote a{
background: url(../img/kursangebote.gif);
}

#nav-1 li#kursangebote, #nav-1 li#kursangebote a:focus, #nav-1 li#kursangebote a:hover, #nav-1 li#kursangebote a:active{
background: url(../img/kursangebote-an.gif);
}

#nav-1 li#texte a{
background: url(../img/texte.gif);
}

#nav-1 li#texte, #nav-1 li#texte a:focus, #nav-1 li#texte a:hover, #nav-1 li#texte a:active{
background: url(../img/texte-an.gif);
}

#nav-1 li#feedback a{
background: url(../img/feedback.gif);
}

#nav-1 li#feedback, #nav-1 li#feedback a:focus, #nav-1 li#feedback a:hover, #nav-1 li#feedback a:active{
background: url(../img/feedback-an.gif);
}

#nav-1 li#klangspuren a{
background: url(../img/klangspuren.gif);
}

#nav-1 li#klangspuren, #nav-1 li#klangspuren a:focus, #nav-1 li#klangspuren a:hover, #nav-1 li#klangspuren a:active{
background: url(../img/klangspuren-an.gif);
}

#nav-1 li#kunstwerts a{
background: url(../img/kunstwerts.gif);
}

#nav-1 li#kunstwerts, #nav-1 li#kunstwerts a:focus, #nav-1 li#kunstwerts a:hover, #nav-1 li#kunstwerts a:active{
background: url(../img/kunstwerts-an.gif);
}

#nav-1 li#referenzen a{
background: url(../img/referenzen.gif);
}

#nav-1 li#referenzen, #nav-1 li#referenzen a:focus, #nav-1 li#referenzen a:hover, #nav-1 li#referenzen a:active{
background: url(../img/referenzen-an.gif);
}

#nav-1 li#links a{
background: url(../img/links.gif);
}

#nav-1 li#links, #nav-1 li#links a:focus, #nav-1 li#links a:hover, #nav-1 li#links a:active{
background: url(../img/links-an.gif);
}

#nav-1 li#impressum a{
background: url(../img/kontakt.gif);
}

#nav-1 li#impressum, #nav-1 li#impressum a:focus, #nav-1 li#impressum a:hover, #nav-1 li#impressum a:active{
background: url(../img/kontakt-an.gif);
}

#nav-2{
	float: left;
	height: 419px;
	width: 180px;
	margin-top: 3em;
}

#nav-2 p, #nav-2 a, #nav-2 li{
padding: 5px;
}

#nav-2 li{
list-style: none;
border-bottom: 1px solid #cccccc;
width:160px;
}

#nav-2 li a:link, #nav-2 a:visited{
display:block;
text-decoration:none;
background-color: #ebf9cd; 
}

#nav-2 li a:hover, #nav-2 :active{
background: none;
}

#inhalt{
margin: 3em 2em 0em 16em;
line-height:1.4em;
}

h2{
font-family: 'Nothing You Could Do', cursive;
font-size:180%;
color:#5f2f00;
margin-top:1.3em;
margin-bottom:2em;
line-height: 1.2em;
}

h3{
font-family: 'Nothing You Could Do', cursive;
font-size:130%;
margin:12px 20px 8px 0px;
}

h4{
font-family: 'Nothing You Could Do', cursive;
margin:15px 0 20px 0;
}

#inhalt p{
margin-bottom:0.5em;
}

#inhalt li{
 list-style-image: url(../img/fuss.gif);
line-height:1.5em;
padding-left:5px;
margin-left:1.5em;
}


hr{
margin:10px 0;}

table{

table-layout: auto;
}

#inhalt th{
text-align:left;
}

table td{
background-image: url(../img/nav-highlight.png);
padding: 5px;
border-bottom: 1px #ccc solid;
border-right: 1px #ccc solid;
background-color: #ebffd3; 
vertical-align:top;
}

#inhalt img {
margin:15px;
}

#inhalt .right{
text-align: right; 
}

#fusszeile{
 clear:both;
font-size: 80%;
border-bottom: 1px solid #b3deb2;
}

fieldset{
border: 1px #e6e6e6 solid; 
margin-top:2em;
padding: 8px;
}

legend{
font-weight: bold;
color: #004080;
background-color: #fff; 
padding: 0 0.5em;
}

select{
width:60%;
}

form p label{
float: left;
width: 30%;
}

.ok{
color: #008040;
background-image: url(../img/form/ok.gif);

}
.ok, .no{
padding-left: 1.5em;
font-size: 120%;
background-repeat: no-repeat;
font-weight: bold; 
}

.no{
color: #ff0000;
background-image: url(../img/form/stop.gif);
}

form{
margin-bottom:15px;
}

form p{
line-height:1.3em;
}

form p input, form p textarea{
background-color: #e1e1e1; 
}

form p input, form p textarea{
width: 60%;
}

form p.radio input{
width:5%;
margin-bottom:8px;
}

form p textarea{
height:100px;
}

#submit{
margin: 1em 0 0 0.3em;
}