body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre  { margin: 0; padding: 0; }

p, li, h1, h2, h3, h4, h5, h6   { font-size: 1em; font-weight: normal; }

body  {background-color:#000; color: #000; font: 62.5% "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; background-image: url(../bilder/grafik/back.gif); background-attachment: fixed; text-align: center }

p {
font-size:1.4em;
line-height:1.4em;
}

.vorwort
{
font-size:1.4em;
line-height:1.4em;
color:#FFF;
}

.poster{font-size:1.6em;fontweight:bold;color:#FC5B0A;letter-spacing:4px;}

.legende{margin-bottom:6px;}

.fat { color:#000; font-size:1.2em; font-weight:bold;margin-left:8px;vertical-align:bottom;}
.teamtxt { color:#000; font-size:1.2em;margin-left:8px;}

h1 { color: #000; font-size: 1.4em; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; margin: 1em 0 }
h2 { color: #000; font-size: 1.4em; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 1px; margin: 1em 0; }
h3 { color: #000; font-size: 1.4em; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 }
h4 { color: #FFF; font-size: 1.4em; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 }

.feher{color:#FFF;}

a  {color:#000; font-size: 1.2em;text-decoration: none; border-style: none; outline-style: none; }

a:hover {text-decoration: underline; }

.jump
{
color:#FF3300; 
font-family: Lucida Grande, Helvetica, Verdana, Arial; 
font-size:0.85em;
}

.vorjump
{
color:#FFF; 
font-family: Lucida Grande, Helvetica, Verdana, Arial; 
font-size:1.2em;
font-weight:bold;
text-decoration:underline;
}

.frosch
{
font-size:1em;
color:#00CC00; 
text-decoration: underline;
}


.mail{font-size:1.2em;font-family: Lucida Grande, Helvetica, Verdana, Arial;color:#D0463C;margin-left:8px;}
.footmail { font-size: 1em ;text-decoration: none;}
.stellmail{color:#000; font-size: 1em;text-decoration: underline; border-style: none; outline-style: none; }
.stellprint{color:red;font-weight:bold; font-size: 12px;text-decoration: none;}

.signum
{
color:#000; 
font-family: Lucida Grande, Helvetica, Verdana, Arial; 
font-size:0.9em;
}

td {}

#opener
{
margin:4em auto;
width:784px;
text-align:left;
background-color:#B5AEA7;
border:1px solid #FFF;

}

#container
{
margin:5% auto;
width:900px;
padding:4px 4px 10px 4px;
text-align:left;
background-color:#4E5251;
border:1px solid #808080;

}

#capo 
{
 height: 94px; 
 background-color: #4E5251; 
 background-image: url(../bilder/grafik/head.gif); 
 background-repeat: no-repeat; 
 border: solid 1px #808080 
 }


/* ---------- NAVIGATION ---------- */


#nav { visibility: visible; margin: 0; padding: 0 0 10px 0;width: 170px;float:left;}

#nav ul{
list-style:none;
margin:0;
padding:0;
}
#nav li { margin: 0; padding: 0; border-style: none; outline-style: none }

#nav a:link,
#nav a:visited{
display:block;
margin:1px 0;
padding:0.4em 0.4em 0.4em 1.0em;
font-size: 1.3em;
text-decoration:none;
letter-spacing:1px;
color:#000;
height:1em; 
/*Diese Angabe (height:1em;)ist wegen IE. Schliesslich haben wir den Links noch eine Hintergrundfarbe verpasst. Damit hat sich s fast schon.
Allerdings nur fast. Wieder macht n 0mlich Internet Explorer (IE) Probleme. Der reagiert n 0mlich nur, wenn die Maus direkt ¸ber den Linktext f 0hrt. Normalerweise m¸sste aber die komplette Linkfl 0che einschlieûlich padding maussensitiv sein. Vor allem f¸r ein Men¸ wie unseres hier ist das ziemlich essentiell.
Man kann das Problem beheben, indem man den Links eine Angabe f¸r width oder height zuweist. Mit width gibt es in anderen Browsern z.T. Darstellungsunterschiede, daher nehmen wir hier height und geben der Eigenschaft den Wert 1em, also die einfache SchriftgrÆûe.*/
background-color:#909090;


}
/*Dieser Trick ist wegen IE. Die Hoehe wird wieder annuliert
 So berechnen moderne Browser keine falsche Hoehe*/

html>body #nav a:link,#nav a:visited
{
height:auto;
} 


#nav a:hover 
{ 
color: #FFF;
}

#aktuelles #navAktuelles a, 
#mode #navMode a, 
#kosmetik #navKosmetik a, 
#textil #navTextil a, 
#papeterie #navPapeterie a, 
#kunsthandwerk #navKunsthandwerk a, 
#spielwaren #navSpielwaren a,
#bucher #navBucher a, 
#kuche #navKuche a, 
#mobel #navMobel a,
#esoterik #navEsoterik a,
#schmuck #navSchmuck a,
#kerzen #navKerzen a
{
background-color:#DCDEE3; 
cursor: default;
}


/*   SPOTLIGHT   */

#point 
{ 
visibility: visible; 
margin: 0; 
padding: 0 0 10px 0;
width: 170px;
background-color:transparent;

}

#point ul
{
list-style:none;
margin:0;
padding:0;
}
#point li 
{ 
margin: 0; 
padding: 0; 
border-style: none; 
outline-style: none; 
}


#point a:link,
#point a:visited
{
display:block;
margin:1px 0;
padding:0.4em 0.4em 0.4em 1.0em;
font-size: 1.2em;
text-decoration:none;
letter-spacing:0;
color:#A7A127;
height:1em; 
background-color:#DDFEED;
}

html>body #point a:link,#point a:visited
{
height:auto;
} 


#point a:hover 
{ 
background-color:#24FF8D;
}

#sommer #pointSommer a,
#jewel #pointJewel a,
#aktuelles #pointAktuelles a

{
background-color:#24FF8D;
color:#000;
cursor:default;
}

.spot
{
color:#FFF;
font-weight:bold;
font-size:1.1em;
padding:8px 4px 20px 4px;
border-top:1px dotted #FFF;
border-bottom:1px dotted #FFF;
margin-top:24px;
}




/*----------MENU----------*/

#menu
{
height:24px;
padding-top:6px;
margin-right:20px;
background-color:transparent;
}


#menu li 
{ 
list-style: none;
float:right; 
border-style: none; 
outline-style: none;
text-decoration:none;
font-size:1.2em;
margin-left:12px;
}

#menu a:link,
#menu a:visited
{
color:#FFF;
}



#menu a:hover
{
color:#009900;
text-decoration:none;
}

#cachet #menucachet a, 
#filialen #menufilialen a,
#warenkunde #menuwarenkunde a,
#services #menuservices a,
#stellen #menustellen a,
#kontakt #menukontakt a,
#team #menuteam a
{
cursor:default;
color:lime;
}

/* MENU FIN */

/*-------------- CACHET----------------*/



#storytell
{
margin-top:110px;
margin-left:100px;
width:200px;
font-family: Lucida Grande, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.35em; 
}



/*--------------------------------------------------------------*/

#box-corp
{
height:110px;
padding-top:10px;
background-color:#A6B3D4;
border-top:1px solid #FFF;

}

/*------------------WARENKUNDE------------------------*/


#corpo{
clear:both;
margin: 0px 16px 0px 16px;
border: 1px solid #FFF;
padding: 8px 0px 10px 0px;
background-color:#707070;
}


#inhalt-corp { background-color: #FFF; margin-right: 8px; margin-left: 180px; border: solid 1px #000;}



#box-waren
{
border-top:1px solid #FFF;
}

#corpus
{
border-right:1px solid #FFF;
float:left;
}




/*---------------------- INHALT ------------------------------*/




#inhalt-galerie
{
margin-left:180px;
margin-right:8px;
padding:10px;
background-color:#FFF;
}





#inhalt-mode
{
margin-left:180px;
margin-right:8px;
padding:10px;
border:1px solid #FFF;
background-color:#FFF;
}


#inhalt
{
margin-left:180px;
margin-right:8px;
padding:0 8px 20px 8px;
border:1px solid #000;
background-color:#FFF;
}


#inhaltfond
{
height:448px;
background-color:#85B4F6; 
margin-right: 8px; 
margin-left: 180px; 
padding:0 0 0 0px; 
border: solid 1px #000; 
background-image:url(../pages/);background-position:right;
background-repeat:no-repeat;
}


#inhalt-khw { background-color: #000; background-image: url("../bilder/kunsthandwerk/open-kw.jpg"); background-repeat: no-repeat; background-position: right 50%; margin-right: 8px; margin-left: 180px; padding: 0; height: 448px; border: solid 1px #000 }
#inhalt-kosmetik { background-color: #000; background-image: url("../bilder/kosmetik/kosmetik-open.jpg"); background-repeat: no-repeat; background-position: left 50%; margin-right: 8px; margin-left: 180px; width: 676px; height: 448px; border: solid 1px #000 }
#inhalt-spiel { background-color: #2525cc; background-image: url("../bilder/spiel/openspiel.jpg"); background-repeat: no-repeat; background-position: right 50%; margin-right: 8px; margin-left: 180px; padding: 0; height: 448px; border: solid 1px #000 }
#inhalt-mobel { background-color: #000; background-image: url("../bilder/mobel/mobelopen.jpg"); background-repeat: no-repeat; background-position: right 50%; margin-right: 8px; margin-left: 180px; padding: 0; height: 448px; border: solid 1px #000 }
#inhalt-kuche { background-color: #000; background-image: url("../bilder/kuche/kucheopen.jpg"); background-repeat: no-repeat; background-position: right 50%; margin-right: 8px; margin-left: 180px; padding: 0; height: 448px; border: solid 1px #000 }





#inhaltkontakt{
height:448px;
width:676px;
background-color:#FFF; 
margin-right: 8px; 
margin-left: 180px; 
padding:0 0 0 0px; 
border: solid 1px #000; 

}


/* ---------- TABLO ----------*/




#tablo{
height:448px;
width:676px;
margin-left:180px;
margin-right:8px;
padding:0 0;
border:1px solid #000;
background-color:#7796B2;
}




/*-----------------------------------------------------*/


.foot 
{
font-size:1em; 
}


#footer 
{
clear:left;
height:18px;
padding-top:12px;
text-align:center;
vertical-align:middle;

 }
 
 
#subnavbox  {background-color:transparent;}
.gump { color: #ff3300; font-size: 1.1em; font-family: "Lucida Grande", Helvetica, Verdana, Arial; font-weight: bold; text-decoration: underline; float:right;}
#subnavteka{clear:right;padding:10px 0;border-bottom: 1px dotted #000;background-color:transparent}
.subnav{color: black; font-size: 1.2em; font-family:Lucida Grande, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }
.grau { color: #2F3F4F; font-family: Lucida Grande, Verdana, Geneva, Arial, Helvetica, sans-serif; }


/* Bildklassen */

.full
{
padding-bottom:10px;

}

/*-----------------------------------------------------*/

/* VORWORT */

#vorwort
{ 
width:182px;
padding:15px 5px 0 10px;
background-color:transparent;
}


/*-----------------------------------------------------*/



/* STELLENINSERATE */

#box{
margin-left:180px;
margin-right:8px;
border:1px solid #000000;
background-color:#FFF;
}
#center
{	
margin-right: 110px;
padding:10px 0 0 10px;
}
.lead
{
font-size:1.4em;
line-height:1.5em;
letter-spacing:0.2em;
font-family: Lucida Grande, Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#CC1A1A;
}




/*-----------------------------------------------------*/


	
		
/* STELLMENU */




		#stellmenu
		{
		float: right; 
		width: 100px;
		padding-top:130px;
		visibility:visible;
		background-color:transparent;
		}
		
		
		#stellmenu ul
		{
		list-style:none;
		margin:0;
		padding:0;
		}
		
		#stellmenu li
		{
		margin: 0; 
		padding: 0; 
		border-style: none; 
		outline-style: none
		}
		
		#stellmenu a:link,#stellmenu a:visited{
		display:block;
		margin:1px 0;
		padding:0.6em 0.6em 0.6em 0.6em;
		font-size:1.1em;
		text-decoration:none;
		color:#FFF;
		height:1em;
		background-color:#000;
		}
		
		html>body #stellmenu a:link,#stellmenu a:visited
		{
		height:auto;
		} 
		
		#stellmenu a:hover{
		color:#CC1A1A;
		}





/*----------AKTUELLES---------- */

.aktuell

{
padding:20px 5px;
font-size:1.4em;
line-height:1.4em;
color:#FFF;
}

/*-----------------------------------------------------*/


#hallo{

width:676px;
height:448px;
margin-left:180px;
margin-right:8px;
padding:0 0;
border:1px solid #000;
background-color:#663300;
}

/*-----------------------------------------------------*/


/*------------TEAM-----------*/

#solo{
height:448px;
margin-left:180px;
margin-right:8px;
padding:14px 14px;
border:1px solid #000;
background-color:#FFF;

}