html
{
padding: 0px auto;
background-color: #777;
}

body
{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
line-height:13pt;
margin: 0px auto;
margin-top: 100px;
width: 1000px;
height: 415px;
background-color: #FBFAF1;;
}

*
{
margin: 0px;
padding: 0px;
}

#index
{
border: 0px solid red;
height: 415px;
}

#container
{
height: 415px;
position: relative;
}

#adresse
{
background-color: none;
height: 415px;
width: 250px;
border-right: 2px dotted black;
float: left;
}

#inhalt
{
width: 748px;
height: 415px;
float: left;
}


/******************************/

#navi_spalte
{
position: absolute;
top: 380px;
left: 252px;
width: 748px;
height: 32px;
z-index: 555;
white-space: nowrap;
}

#navi_home
{
float: left;
width: 290px;
border:0px solid black;
margin-top:3px;
border-right:1px dotted black;
}

#navi_produkte,
#navi_projekte,
#navi_manufaktur
{
float: right;
width: 450px;
border:0px solid black;
margin-top:3px;
}

#bg_spalte{
position:relative;
width:748px;
height:35px;
background-color:#FBFAF1;
filter:alpha(opacity=95); /* IE */
opacity: 0.95; /* Opera */
}



/******************************/

#navi_home a,
#navi_produkte a,
#navi_projekte a,
#navi_manufaktur a
{
color:#333;
display: block;
float: left;
text-decoration: none;
font-weight: bold;

}

#navi_produkte a#best{
color: #5E6A13;}

#navi_home a
{
font-size: 1.0em;
padding: 4px 6px;
margin: 2px 3px;
letter-spacing:0.1em;
}

#navi_produkte a,
#navi_projekte a,
#navi_manufaktur a
{
font-size: 1.0em;
padding: 0px 5px 1px 5px;
margin: 2px 2px 2px 3px;
}




/******************************/

#navi_home a:hover,
#navi_produkte a:hover,
#navi_projekte a:hover,
#navi_manufaktur a:hover
{
color:#FBFAF1;
background-color: #000;
}

#navi_produkte  a#best:hover{
color:#FBFAF1;
background-color: #5E6A13;
}




#produkte a#prod,
#kirschstein  a#prod,
#teppich  a#prod,
#ipod a#prod,
#halstuch a#prod,
#bestellung a#prod,
#projekte a#proj,
#projekt1 a#proj,
#projekt2 a#proj,
#projekt3 a#proj,
#manufaktur a#manu,
#fabrikli a#manu,
#person a#manu,
#kirschstein a#kirs,
#teppich a#tepp,
#ipod a#ipod,
#halstuch a#hals,
#projekt1 a#pro1,
#projekt2 a#pro2,
#projekt3 a#pro3,
#fabrikli a#fabr,
#person a#pers
{
color:#FBFAF1;
background-color: #000;
}



/******************************/

#bestellung a#best{
color:#FBFAF1;
background-color: #5E6A13;
}

#bestellung #bg{
display:block;
}




#bildlink
{
display: block;
width: 748px;
height: 380px;
}

#produkte #bildlink,
#projekte #bildlink,
#manufaktur #bildlink
{
filter:alpha(opacity=0); /* IE */
opacity: 0.0; /* Opera */
}



#bg
{
position: absolute;
top: 0px;
left: 252px;
width: 748px;
height: 379px;
background-color: #FBFAF1;
filter:alpha(opacity=70); /* IE */
opacity: 0.70; /* Opera */
display: none;
border-bottom:1px dotted black;
}

#bestellung #bg,
#bestellung #txt

{
display:block;
background-color:#EEEBD5;
border-bottom:1px dotted black;
}

#bestellung #txt a{
color:#5E6A13}


#txt
{
position: absolute;
top: 0px;
left: 252px;
width: 748px;
height: 380px;
display: none;
z-index: 200;
}

#spalte1
{
position: absolute;
top: 70px;
left: 25px;
border: 0px solid black;
width: 330px;
height: 260px;
}

#spalte2
{
position: absolute;
top: 70px;
left: 390px;
border: 0px solid black;
width: 330px;
height: 260px;
}



/*Logik Sublinks****************************************/

#navi_produkte,
#navi_projekte,
#navi_manufaktur{
display:none;
}


#produkte #navi_produkte,
#kirschstein #navi_produkte,
#teppich #navi_produkte,
#ipod #navi_produkte,
#halstuch #navi_produkte,
#bestellung #navi_produkte
{display:block;}

#projekte #navi_projekte,
#projekt1 #navi_projekte,
#projekt2 #navi_projekte,
#projekt3 #navi_projekte
{display:block;}

#manufaktur #navi_manufaktur,
#fabrikli #navi_manufaktur,
#person #navi_manufaktur
{display:block;}



/*Hintergrundbilder****************************************/

#index #inhalt{background-image:url(Bilder/bgLeinen.jpg); background-repeat:no-repeat;}
#produkte #inhalt{background-image:url(Bilder/bgLeinen.jpg); background-repeat:no-repeat;}
#projekte #inhalt{background-image:url(Bilder/bgalleprojekte.jpg); background-repeat:no-repeat;}
#projekt1 #inhalt{background-image:url(Bilder/bgProjekte.jpg); background-repeat:no-repeat;}
#projekt2 #inhalt{background-image:url(Bilder/bgStickerei.jpg); background-repeat:no-repeat;}
#projekt3 #inhalt{background-image:url(Bilder/bgStuhl.jpg); background-repeat:no-repeat;}
#kirschstein #inhalt{background-image:url(Bilder/bgKirschstein.jpg); background-repeat:no-repeat;}
#teppich #inhalt{background-image:url(Bilder/bgTeppiche.jpg); background-repeat:no-repeat;}
#ipod #inhalt{background-image:url(Bilder/bgIpod.jpg); background-repeat:no-repeat;}
#halstuch #inhalt{background-image:url(Bilder/bgHalstuch3.jpg); background-repeat:no-repeat;}
#manufaktur #inhalt{background-image:url(Bilder/bgFabrikliaussen.jpg); background-repeat:no-repeat;}
#fabrikli #inhalt{background-image:url(Bilder/bgManufaktur.jpg); background-repeat:no-repeat;}
#person #inhalt{background-image:url(Bilder/bgTabea.jpg); background-repeat:no-repeat;}