BODY
{
    FONT-SIZE: 10pt;
    MARGIN: 10px 0 0 10px;
    FONT-FAMILY: Arial, Verdana, Tahoma, helvetica;
    scrollbar-face-color:#400040;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-3dlight-color:#0F0F0F;
    scrollbar-shadow-color:#808080;
    scrollbar-darkshadow-color:#404040;
    scrollbar-track-color:E0E0E0;
    background-color:#000000;
    color:#ffffff;
}
#home { scrollbar-arrow-color:#33ccff;}
#mosaik, #termine { scrollbar-arrow-color:#ee0000;}
#kontakt, #anfahrt, #impressum { scrollbar-arrow-color:#ff9900;}
#galerie, #malerei, #grafik { scrollbar-arrow-color:#ffcc00;}
#aktuelles { scrollbar-arrow-color:#ffff99;}
#lebski { scrollbar-arrow-color:#99ff99;}
#links { scrollbar-arrow-color:#33cc00;}
P, TD,A
{
    FONT-SIZE: 9pt;
    MARGIN: 0px;
    FONT-FAMILY: Arial, Verdana, Tahoma, helvetica, sans-serif;
    color:#ffffff;
}
A
{
    FONT-SIZE: 9pt;
    MARGIN: 0px;
    FONT-FAMILY: Arial, Verdana, Tahoma, helvetica, sans-serif;
   	padding:0;
    TEXT-DECORATION: underline
}
A:link,A:hover
{
    COLOR: #ffffff
}
A:visited
{
    COLOR: #fffff0
}
#home p, #links p, #aktuelles p, #lebski p
{
	FONT-SIZE:12pt;
    MARGIN: 0px;
    FONT-FAMILY: courier, garamond,'Times New Roman'
}
H1
{
    FONT-SIZE: 18pt;
    MARGIN: 0px;
    FONT-FAMILY: Verdana, Tahoma,  Arial, helvetica;
} 
H2
{
    FONT-WEIGHT: 700;
    FONT-SIZE: 12pt;
    MARGIN: 3px 0;
    FONT-FAMILY: Arial, Verdana, Tahoma, helvetica;
    COLOR: #ffffff;
}
H3
{	
	padding:0;
	text-decoration:none;
    FONT-WEIGHT: 400;
    FONT-SIZE: 12pt;
    line-height:18pt;
    FONT-FAMILY: Arial, Verdana, Tahoma, helvetica;
    COLOR: #ffffff;
}
H4
{
	padding:0;
	text-decoration:none;
    FONT-WEIGHT: 500;
    FONT-SIZE: 11pt;
    FONT-FAMILY: Arial, Verdana, Tahoma, helvetica;
    COLOR: #ffffff;
}
H5
{
	padding:0;
	text-decoration:none;
    FONT-WEIGHT: 600;
    margin:0
    FONT-SIZE: 11pt;
    FONT-FAMILY: Arial, Verdana, Tahoma, helvetica;
    COLOR: #ffffff
}
H6
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 10pt;
    MARGIN: 3px 0;
    FONT-FAMILY: Arial, Verdana, Tahoma, helvetica;
    COLOR: #ffffff;
}
h4.galerie 
{ 
	COLOR:#ffcc00;
	text-align:right;
}
#container
{	
	margin:0;
	width: 750px;
}
#inhalt p
{	
	text-align: justify;
}
#aktuelles #inhalt p
{
	text-align:left;
}

#inhalt H1
{
	text-align: right;
	text-bottom: 5px;
}
#navi
{
    MARGIN: 0px;
	width:250px;
	float:left;
	height:100%;
}
#navi ul
{
	list-style:none;
}
#navi li{
	vertical-align:top;
	margin:0;
	/*line-height: 50px;*/
}
#navi li.mosaik 
{
	list-style-image:url(images/rot.gif);
}
#navi li.kontakt
{
	list-style-image:url(images/orange.gif);
}
#navi li.galerie
{
	list-style-image:url(images/gelb.gif);
}
#navi li.aktuelles
{
	list-style-image:url(images/limo.gif);
}
#navi li.lebski 
{
	list-style-image:url(images/salat.gif);
}
#navi li.links
{
	list-style-image:url(images/gruen.gif);
}
#navi li.home
{
	list-style-image:url(images/blau.gif);
}
#navi div
{
	width: 250px;
	float:left;
	text-align:left;
}
#navi a
{	
	padding:0;
	text-decoration:none;
    FONT-WEIGHT: 400;
    FONT-SIZE: 12pt;
	margin:0 0 0 10px;/*von oben */
    FONT-FAMILY: Arial, Verdana, Tahoma, helvetica;
    COLOR: #ffffff;
}
#navi span
{
	padding:0;
	height:50px;
	margin:0 0 0 100px;
	display:block;
	visibility:hidden
}
#navi span:hover, #navi li:hover span {visibility:visible;}
#navi li span a, #navi li span a:link{
    FONT-SIZE: 9pt;
    MARGIN: 0px;
    FONT-FAMILY: Arial, Verdana, Tahoma, helvetica, sans-serif;
    display:block;
   	text-decoration:none;
   	padding:0;
   	color: #ffffff;
}
#navi li.mosaik a:hover {   COLOR: #ee0000;}
#navi li.kontakt a:hover {   COLOR: #ff9900;}
#navi li.galerie a:hover {  COLOR: #ffcc00; /*play-during: url(fehler.wav) mix;*/}
#navi li.aktuelles a:hover {  COLOR: #ffff99; }
#navi li.lebski a:hover {  COLOR: #99ff99; }
#navi li.links a:hover {  COLOR: #33cc00;}
#navi li.home a:hover {  COLOR: #33ccff;}

#navi a.home:hover {   COLOR: #33ccff; }
#navi li a:link{ color: #ffffff};

#home li.home{list-style-image:url(images/blau-home.gif);}
#mosaik li.mosaik,#termine li.mosaik { list-style-image:url(images/rot-mosaik.gif);}
#kontakt li.kontakt, #anfahrt li.kontakt, #impressum li.kontakt { list-style-image:url(images/orange-kontakt.gif);}
#galerie li.galerie, #malerei li.galerie, #grafik li.galerie {   list-style-image:url(images/gelb-galerie.gif);}
#aktuelles li.aktuelles { list-style-image:url(images/limo-aktuelles.gif);}
#lebski li.lebski {   list-style-image:url(images/salat-vita.gif);}
#links li.links {   list-style-image:url(images/gruen-links.gif);}
#mosaik li.mosaik span, #kontakt li.kontakt span, #galerie li.galerie span, #termine li.mosaik span, #impressum li.kontakt span, #malerei li.galerie span, #grafik li.galerie span, #anfahrt li.kontakt span
{
	visibility:visible;
}
#home a.home, #home a.home:link, #home h1, #home a:link {   COLOR: #33ccff;}
#mosaik span a.mosaik, #mosaik h1, #termine span a.termine, #termine h1, #mosaik a:link, #termine a:link {   COLOR:#ee0000;}
#kontakt span a.kontakt, #kontakt h1, #anfahrt span a.anfahrt, #anfahrt h1, #kontakt a:link, #anfahrt a:link, #impressum span a.impressum, #impressum h1, #impressum a:link {   COLOR:#ff9900;}
#galerie span a.galerie, #galerie h1, #malerei span a.malerei, #malerei h1, #grafik span a.grafik, #grafik h1, #galerie a:link, #malerei a:link, #grafik a:link { COLOR:#ffcc00;}
#aktuelles a.aktuelles, #aktuelles h1, #aktuelles a:link { COLOR:#ffff99;}
#lebski a.lebski, #lebski h1, #lebski a:link {   COLOR:#99ff99;}
#links a.links, #links h1,  #links a:link {   COLOR:#33cc00;}
A.ab
{
    FONT-WEIGHT: 300;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Tahoma, Verdana, Helvetica;
    TEXT-DECORATION: none
}
A.ab:link
{
    COLOR: #b22222
}
A.ab:visited
{
    COLOR: #b22222
}
A.ab:hover
{
    COLOR: #333366;
    BACKGROUND-COLOR: #ffffff
}
.kl{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Tahoma,  Arial, helvetica;
}
#inhalt SPAN.colleft
{
	width:215px;
	float:left;
	height:100%
}
#inhalt SPAN.colleft-b
{
	width:270px;
	float:left;
	height:100%
}
#inhalt span.lebski
{
	width: 350px;
}
span.links
{
	width: 450px;
}

.button
{
    FONT-SIZE: 9pt;
    MARGIN: 2px;
    FONT-FAMILY: Arial, Verdana, Tahoma, helvetica, sans-serif;
    BACKGROUND-COLOR: #000000;
    color:#ff9900;
    border:0;
}
#bilder
{
	width:100%;
	height:400px;
	text-align:center;
	vertical-align:middle;
	z-index:0;
	margin-top:10;
}
#bildover
{
	width:100%;
	height:400px;
	z-index:1;
	top:10;
	position: absolute;
}
#bildtext
{
	text-align:center;
	width:100%;
	z-index:20;
}