body, h1, h2, h3, h4, h5, h6, div, p, table, td, 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 
{
font: 62.5% Lucida Grande, Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align:center;
background-image:url(../bilder/grafik/back.gif);
background-attachment:fixed;
background-color:#000;
color: #000;
margin:0;
padding:0;

}

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

.legende
{
margin-bottom:6px;
}
.legend
{padding:8px 0 8px 0;}

.blokk
{
text-align:justify;
}


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

.spotlight{font-size:1.5em;color:#FE0000;font-weight:bold;letter-spacing: 1px; }

p2 
{ 
color: #000; 
font-size: 1.4em;
line-height: 1.4em;  
font-family: Lucida Grande, Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-weight: bold; 
text-decoration: none 
}

.p3  { color: black; font-size: 1.2em; line-height: 1.3em }
.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: #FFF; font-size: 1.4em; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 }
h4 { color: #FFF; font-size: 1.6em; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 }

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;
}

.frog
{
font-size:0.85em;
color:#FE0000; 
text-decoration: underline;
}



.mail{font-size:1.2em;font-family: Lucida Grande, Helvetica, Verdana, Arial;color:#D0463C;margin-left:8px;}
.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-image:url(../bilder/grafik/head.gif);
background-color:#4E5251;
background-repeat:no-repeat;
border:1px solid #808080;
}


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


#nav 
{ 
visibility: visible; 
margin: 0; 
padding: 0 0 10px 0;
width: 170px;
background-color:transparent;
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 naemlich Internet Explorer (IE) Probleme. Der reagiert naemlich nur, wenn die Maus direkt ueber den Linktext faehrt. 
Normalerweise muesste aber die komplette Linkflaeche einschliesslich padding maussensitiv sein. Vor allem fuer ein Menu wie unseres hier ist das 
ziemlich essentiell.
Man kann das Problem beheben, indem man den Links eine Angabe fuer 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 Schriftgroesse.*/
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,
#kuriositaeten #navKuriositaeten 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:#000;
height:1em; 
background-color:#F7E8C8;
}

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


#point a:hover 
{ 
color:#FF5600;
}

#modeaktuell #pointModeaktuell a,
#news #pointNews a

{
background-color:#FF5600; 
color:#FFF;
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;
}

/* NAVIGATION FIN */



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

#menu
{
height:24px;
padding-top: 0;
background-color:transparent;
margin: 10px 16px 5px 16px;
}



#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,
#ueberuns #menuueberuns a,
#newsletter #menunewsletter a,
#index #menuhome a
{
cursor:default;
color:lime;}

/* MENU FIN */



#inhalt-cachet-01
{
margin-left:180px;
margin-right:8px;
border:1px solid #000000;
background-color:#FFF;
width:676px;
background-image:url(../bilder/cachet/cachet-story-01.jpg);
background-repeat: no-repeat;
}


#inhalt-cachet-02
{
margin-left:180px;
margin-right:8px;
border:1px solid #000000;
background-color:#FFF;
width:676px;
background-image:url(../bilder/cachet/cachet-story-02.jpg);
background-repeat: no-repeat;
}




#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;

}

/*------------------FILIALEN------------------------*/


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

#socialMediaContainer
{
	padding: 10px 0 15px 12px;
	background-image:url(../bilder/facebook-button.jpg);
	background-repeat:no-repeat;
	padding-left: 50px;
	background-position: 5px 5px;
}

#nav  #socialMediaContainer a
{
	font-size: 9px;
	color: #ffffff;
	padding-top: 2px;
	margin-top: 4px;
}

#nav  #socialMediaContainer a:hover
{
	text-decoration: underline;
}


#nav #socialMediaContainer a
{
	padding: 0;
	background-color: #707070;
}

.clear
{
	clear: both;
}

#corpo_spez
{
clear:both;
margin: 24px 0 0 0;
border: 0px solid #FFF;
padding:12px;
background-color:#D1D12A;
}

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

#box-waren
{
height:120px;
padding-top:10px;
background-color:#B5AEA7;
border-top:1px solid #FFF;
}

#corpus-l
{
width:104px;
height:110px;
border-right:1px solid #FFF;
margin-left:40px;
float:left;
}

#corpus
{
width:104px;
height:110px;
border-right:1px solid #FFF;
margin-left:20px;
float:left;
}

#corpus-r
{
width:100px;
height:110px;
margin-left:20px;
float:left;
}




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

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

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

#inhaltHome,
#inhaltHomeimg
{
	padding: 0;
	border-right:1px solid #000;
	border-left:1px solid #000;
	border-top:1px solid #000;
	border-bottom: none;
	background-color:#fff;
	margin: 0 8px 0 180px;
}

#inhaltHomeimg
{
	border-top: none;
	border-right:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
}

#inhaltHome img,
#inhaltHomeimg img
{
	text-align: left;
	padding: 5px 5px 10px 8px;
	border: none;
	margin: 5px 0 0 1px;	
}

#inhaltHomeimg img
{
	margin: 0 0 3px 5px;
	padding: 0 0 3px 4px;
}

#inhaltContainer
{	
	background-color:#FFF;
	margin-left:180px;
	margin-right:8px;
	border-right:1px solid #000;
	border-left:1px solid #000;
	border-bottom: none;
	text-align: left;
	padding: 10px 10px 220px 10px;

}

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

#inhaltch
{
height:484px;
background-color:#FFF; 
margin-right: 8px; 
margin-left: 180px; 
padding:0 0 0 0px; 
border: solid 1px #000; 
background-image:url(../bilder/stellen/ch.jpg);
background-repeat:no-repeat;
}

#inhalt-khw
{
height:448px;
background-color:#000; 
margin-right: 8px; 
margin-left: 180px; 
padding:0px 0px 0px 0px; 
border: solid 1px #000; 
background-image:url(../bilder/kunsthandwerk/open-kw.jpg);
background-position:right;
background-repeat:no-repeat;
}


#inhalt-kosmetik
{
height:448px;
width:676px;
background-color:#000; 
margin-right: 8px; 
margin-left: 180px; 
border: solid 1px #000; 
background-image:url(../bilder/kosmetik/kosmetik-open.jpg);
background-position:left;
background-repeat:no-repeat;
}


#inhalt-spiel
{
height:448px;
background-color:#2525CC; 
margin-right: 8px; 
margin-left: 180px; 
padding:0px 0px 0px 0px; 
border: solid 1px #000; 
background-image:url(../bilder/spiel/openspiel.jpg);
background-position:right;
background-repeat:no-repeat;
}

#inhalt-mobel
{
height:448px;
background-color:#000; 
margin-right: 8px; 
margin-left: 180px; 
padding:0px 0px 0px 0px; 
border: solid 1px #000; 
background-image:url(../bilder/mobel/mobelopen.jpg);
background-position:right;
background-repeat:no-repeat;
}

#inhalt-kuche
{
height:448px;
background-color:#000; 
margin-right: 8px; 
margin-left: 180px; 
padding:0px 0px 0px 0px; 
border: solid 1px #000; 
background-image:url(../bilder/kuche/kucheopen.jpg);
background-position:right;
background-repeat:no-repeat;
}

#inhaltkontakt
{

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;

}
 
#subnavteka
{
padding:10px 0;
border-bottom: 1px dotted #000;
background-color:transparent;
width:100%;
margin-bottom:10px;
}


.subnav
{
color: #000; 
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
{

margin-bottom:10px;
border-bottom:1px dotted #000;
}

.thin
{
float:left;
margin-right:20px;
width:480px;
padding-bottom:10px;
border-bottom:1px dotted #000;
}



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

.preis
{
font-weight:bold;
font-size:1.5em;
}

.wahlbutton   
{ 
font-weight: bold; 
color:red;
text-decoration:underline; 
background-color: white; 
text-align: right; 
width: 100px; 
height: 20px; 
float: right; 
}





/* 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;
padding:40px 40px  40px 40px;
}
#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;
		margin-right:8px; 
		width: 140px;
		padding-top:40px;
		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:#951F2B;
		}
		
		html>body #stellmenu a:link,#stellmenu a:visited
		{
		height:auto;
		} 
		
		#stellmenu a:hover{
		color:#000;
		}





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

#bon { background-color:transparent; background-image: url("../bilder/aktuell/bon.jpg"); background-repeat: no-repeat; margin-right: 8px; margin-left: 180px; width: 676px; height: 484px; border: solid 1px #000000 }
#ca { background-color:transparent; background-image: url("../bilder/cachet/ca-story.jpg"); background-repeat: no-repeat; margin-right: 8px; margin-left: 180px; width: 676px; height: 484px; border: solid 1px #000000 }
#print{text-align:left;background-color:transparent;padding-top:10x;padding-left:20px;margin-top:440px;}


#tropic
{

width:676px;
height:448px;
margin-left:180px;
margin-right:8px;
border:1px solid #000;
background-color:#FFF;
background-image:url(../bilder/aktuell/tropic.jpg);
background-repeat:no-repeat;
}


#tropictxt
{
padding:135px 0 10px 0;
width:500px;
margin-right:15px;
background-color:transparent;
float:right;
}




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


#rain
{

width:676px;
height:448px;
margin-left:180px;
margin-right:8px;
border:1px solid #000;
background-color:#FFF;
background-image:url(../bilder/aktuell/rain.jpg);
background-repeat:no-repeat;
}

.aktuell

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

#aktuellfond
{
padding:20px 0 20px 5px;
width:223px;
margin-right:20px;
background-image:url(../bilder/aktuell/png-akt.png);
background-repeat:no-repeat;
float:right;
}


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


#hallo
{

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

#ca-fufzig
{

width:676px;
height:448px;
margin-left:180px;
margin-right:8px;
padding:0 0;
border:1px solid #000;
background-color:#FFF;
background-image:url(../bilder/aktuell/ca-50.jpg);
background-repeat:no-repeat;
}







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

#aktmenu
		{
		
		width:100px;
		visibility:visible;
		margin: 192px 0 0 0;
		}
		
		
		#aktmenu ul
		{
		list-style:none;
		margin:0;
		padding:0;
		}
		
		#aktmenu li
		{
		margin: 0; 
		padding: 0; 
		border-style: none; 
		outline-style: none
		}
		
		#aktmenu a:link,#aktmenu 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-image:url(../bilder/aktuell/akt-menubg.png);
		
		}
		
		html>body #aktmenu a:link,#aktmenu a:visited
		{
		height:auto;
		} 
		
		#aktmenu a:hover
		{
		color:#CC1A1A;
		}



#rain #aktmenuforest a,
#tropic #aktmenutropic a,
#hah #akthallo a
{ cursor:default;
color: lime;
}


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

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

}

/*------------WEIHNACHTSAKTION----------*/



		
	.bigtxt
	{
	font-size:40px;
	font-family: "Times New Roman";color:#FFF;
	}	
		
	#imagebox
	{
	width:640px;
	height:460px;
	background-image:url(../../bilder/weihnachten/w-open.gif);
	}	
		
	#bock
	{
	height:130px;
	width:640px;
	background-color:transparent;
	}
	
	
	#rollbox
	{
	padding:20px 0 20px 0;
	width:640px;
	background-color:red;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;

	}		
		



ul#afl
{
list-style-type: square;
list-style-position:outside;
color: #000;
font-size: 1.4em;
line-height: 1.4em;
}