/* StyleSheet-Datei für URL puppentheater.de
Erstellt von Jürgen Behnk am 18.06.2009

Hintergrund-Inhalt, Navi und Fuss
Schriftfarbe 
*/

body
{
background-color:#117711; /*              **************************************************************-----Hintergrundfarbe------*/
color:#ffffff;
margin:20px;
}
/* Hintergrund in Grau und ein Randabstand von 20px */

.logo
{
text-align:center;
}
/* Das logo wird mittig ausgerichtet. Mit <div class="logo"> und </div> das Logo umschliessen. */

.navi
{
text-align:left;
background-color:#117711; /*     **************************************************************-----Hintergrundfarbe navigation------*/
font-family: Arial;
}
.inhalt
{
text-align:justify;
background-color:#338833; /* **************************************************************-----Hintergrundfarbe Inhaltsfenster------*/
color:#ffffff;
padding:10px;
font-family: Comic Sans MS;
font-size: 100%;

}
/* Der Inhalt wird links ausgerichtet (ist Standard) und es wird eine dunkelere Farbe genommen. */

.fuss
{
background-color:#338833;
text-align:center;
padding:10px;
}

.pic
{
text-align:center;
font-family: Arial;
font-size: 90%;
font-weight:400;
}

.adresse
{
text-align:left;
font-family: Arial;
font-size: 130%;
font-weight:500;
}


h6, p
{
color:#ffffff;
background:transparent;
font-family: Comic Sans MS;
font-size: 120%;
font-weight:500;
}
h1
{
color:#ffffff;
background:transparent;
font-family:Comic Sans MS;
font-size: 170%;
font-weight:600;
margin-top:10px;
margin-bottom:10px;
margin-left:0px;
}

h2
{
color:#ffffff;
background:transparent;
font-family: Arial;
font-size: 150%;
font-weight:500;
margin-left:0px;
}


h3
{
color:#ffffff;
background:transparent;
font-family: Arial;
font-size: 140%;
font-weight:500;
}

h4
{
color:#ffff00;
background:transparent;
font-family:Comic Sans MS;
font-size:110%;
font-weight:100;
text-align:left;
margin-top:10px;
margin-bottom:05px;
margin-left:0px;
}

h5
{
color:#ff9911;
background:transparent;
font-family:Comic Sans MS;
font-size: 110%;
font-weight:100;
margin-top:10px;
margin-bottom:10px
}

td
{
vertical-align:top;
}

a
{
letter-spacing:1px;
background:transparent;
text-decoration:none;
font-family: Arial;
font-size: 100%;
font-weight:100;

}

a:link
{
color:white;
}

a:visited
{
color:yellow;
}

a:hover
{
color:red;
}
a:active
{
color:#999999;
}

a:focus 
{
background-color:#005500;
} 


#bild1 {
   position:absolute;
   top:90px;
   left:10px;
   width:130px;
   padding:4px;
   margin:0px;
}

#bild2 {
   position:absolute;
   top:90px;
   left:150px;
   width:130px;
   padding:4px;
   margin:0px;
}

#bild3 {
   position:absolute;
   top:90px;
   left:290px;
   width:130px;
   padding:4px;
   margin:0px;
}

#bild4 {
   position:absolute;
   top:90px;
   left:430px;
   width:130px;
   padding:4px;
   margin:0px;
}

#bild5 {
   position:absolute;
   top:90px;
   left:570px;
   width:130px;
   padding:4px;
   margin:0px;
}


#bild6 {
   position:absolute;
   top:90px;
   left:710px;
   width:130px;
   padding:4px;
   margin:0px;
}


#bild7 {
   position:absolute;
   top:290px;
   left:10px;
   width:130px;
   padding:4px;
   margin:0px;
}

#bild8 {
   position:absolute;
   top:290px;
   left:150px;
   width:130px;
   padding:4px;
   margin:0px;
}

#bild9 {
   position:absolute;
   top:290px;
   left:290px;
   width:130px;
   padding:4px;
   margin:0px;
}

#bild10 {
   position:absolute;
   top:290px;
   left:430px;
   width:130px;
   padding:4px;
   margin:0px;
}

#bild11 {
   position:absolute;
   top:290px;
   left:570px;
   width:130px;
   padding:4px;
   margin:0px;
}


#bild12 {
   position:absolute;
   top:290px;
   left:710px;
   width:130px;
   padding:4px;
   margin:0px;
}