body{
background: url(images/bg.jpg) repeat-x #999966;
font-family: "trebuchet ms";
}

#container{
width:721px;
margin:auto;
padding:0;
text-align:left;
border:none;}

* html #container{
background: url(images/lt_4.jpg) repeat-y;
}

  *:first-child+html #container{
background: url(images/lt_4.jpg) repeat-y;
}
/* Das hier verschiebt die deco_top Zeile an die richtige Stelle.
Ich nehme an, die Verschiebung kommt nicht durch box-modell bug 
zustande, da sie bei IE 5.x-6.0 auftritt. Der Boxmodellbug tritt nur bei Version 5 und 5.5 auf
der peekaboo bug ist es wohl auch nicht. */
* html #deco_top{ 
position:relative;
top:-32px;			
}


#oben{
background: transparent url(images/lt_1.jpg) no-repeat;
height:162px;									/*162*/

}

#bildnavi{
background: transparent url(images/lt_2.jpg) no-repeat;
height:50px;									 /*50*/
}

#deco_top{
background: transparent url(images/lt_3.jpg) no-repeat;
height:17px;
}							/*17*/

#inhalt{
background:transparent url(images/lt_4.jpg) repeat-y;
padding:0 60px 10px 50px ;
}


#inhalt img.fl_links{
float:left;
margin:0 5px 0 0;
padding:0;
position: relative;
left: -10px;
}

#inhalt img.fl_rechts{
float:right;
margin:0;
padding:0;
}

#inhalt img.wide{
margin: 10px 0 10px 0;
padding:0;
}

#inhalt a{
color: #999966;
font-weight: bold;
}

#inhalt a:hover{
color: #cccccc;
}


#inhalt p{
font-size: 1em;
padding: 0 0 1em 0;
margin: 0;
}

/*#navigation a{
display:block;
margin: 0 10px 0 0;
padding:0;
heigth: 41;
}
background: url(images/navigation/1home.jpg)
#navigation a span{
display:none;
}

hier funktionier was nicht! 

*/

#navigation{
position: relative;
left: 17px;
top:0px;
color:#000000;
background:transparent;
margin:0;
padding:0 0 0 15px;
list-style:none;
height:82px;
}



#navigation li{
margin:0;
padding:0;
float:left;}



#navigation a{
margin:0;
padding:0;
display:block;
height:41px;}

#navigation a span{
display:none;
}

#navigation a.home{
width:95px;
background: transparent url(images/navigation/home.jpg) no-repeat top left;
}

#navigation a.kuenstler{
width:112px;
background: transparent url(images/navigation/kuenstler.jpg) no-repeat top left;
}

#navigation a.mehr{
width:75px;
background: transparent url(images/navigation/mehr.jpg) no-repeat top left;
}

#navigation a.galerie{
width:100px;
background: transparent url(images/navigation/galerie.jpg) no-repeat top left;
}

#navigation a.gaestebuch{
width:138px;
background: transparent url(images/navigation/guestbook.jpg) no-repeat top left;
}

#navigation a.buchen{
width:103px;
background: transparent url(images/navigation/buchen.jpg) no-repeat top left;
}

#navigation a:hover,
#navigation .aktiv a{
background-position: 0 -41px;

}


#footer{
background: transparent url(images/lt_5.jpg) no-repeat;
height:68px;	 
text-align:left;
padding:0 60px 0 50px ;
}
#footer a{
color: #999966;
}

#footer a:hover{
color: #cccccc;
}

#footer a.anchor{
color: #999966;
}

#footer a.anchor:hover{
color: #cccccc;
}

#footer div{
float:right;
}

#f_right{
margin-left: 1em;
}

h1{
margin:0 0 0.6em 0;
color:#999966; 
font-weight: bold;
font-size:1.8em;
font-style: normal;
line-height:0.8em;
} 

h2{
margin: 0 0 1em 0;
font-weigth:bold; 
font-size: 1em;
color: black;
}

h3{
margin: 0 0 1em 0;
font-weigth:bold; 
font-size: 1em;
color: black;
}