/*************Eigen************/
*{
padding:0;
margin: auto;
border:0;
font-family: Arial;
	list-style:none;
}
body {

	color:#000000;
    font-family: Arial;
	background-color:#FFFFFF;



}
p {
margin: 0;
padding: 1em 0;
line-height: 1.5em;
}
a {
	font-family: Arial;
	color:#999999;
	
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color:#FF0000;
}
a:active {
	text-decoration: underline;
}

#box{
margin:0 auto;
width:1000px;
position: relative;
height:600px;
max-height:600px;
max-width:1000px;
	background-image:url(hinter.jpg);
background-repeat:no-repeat;

}
#artikelblatt{
text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FF0000; font-weight:bold;
}
#artikelblatt a{text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FF0000; font-weight:bold; text-decoration:none;
 }
 #artikelblatt a:hover {color:#000000;}
#preise{ text-align:center; letter-spacing:0.5em;}
#preise a{font-size:24px; text-decoration:none; font-weight:900;}
#Layer5 {
	position:absolute;
	width:1000px;
	max-width:1000px;
	height:80px;
	max-height:80px;

	overflow:hidden;

}
#text1{
left:200px;
position:absolute;
top:10px;
}
#text2{
left:550px;
position:absolute;
top:10px;
}
#text3{
left:483px;
position:absolute;
}
#text4{
position:absolute;
left:370px;
top:60px;
color:#0000FF;
}
#text5{
position:absolute;
left:890px;
top:58px;
font-size:10px;
}
#text5 a{
color:#0000FF;}


#navlinks {
	position:absolute;
	width:124px;
	max-width: 124px;
	height:570px;
	max-height:570px;
	border-top:thick;
	border-top-color:#CCCCCC;
	border-top-style:groove;
	border-top-width:thick;
top:68px;

}
#marken {
	position:absolute;
	width:124px;
	max-width: 124px;
	height:20px;
	max-height:20px;
	
}
#preisliste {
	position:absolute;
	width:124px;
	max-width: 124px;
	height:40px;
	max-height:40px;
	top:30px;
}
#parfum {
	position:absolute;
	width:124px;
	max-width: 124px;
	top:80px;
	height:70px;
	max-height:70px;
	text-align:center;
}
#pflegewomen {
	position:absolute;
	width:124px;
	max-width: 124px;
		height:70px;
	max-height:70px;
	top:165px;
	text-align:center;

}
#pflegemen {
	position:absolute;
	width:124px;
	max-width: 124px;
		height:55px;
	max-height:55px;
	top:255px;
	text-align:center;

}
#haar {
	position:absolute;
	width:124px;
	max-width: 124px;
	top:325px;
	text-align:center;
		height:25px;
	max-height:25px;


}
#uptodate {
	position:absolute;
	width:124px;
	max-width: 124px;
	top:360px;
	text-align:center;
		height:70px;
	max-height:70px;


}
#euro {
	position:absolute;
	width:124px;
	max-width: 124px;
	top:450px;
	text-align:center;
		height:25px;
	max-height:25px;

}
#fil{
	position:absolute;
	width:124px;
	max-width: 124px;
	top:485px;
	height:20px;
	max-height:20px;

}
#home{
	position:absolute;
	width:124px;
	max-width: 124px;
	top:505px;
	height:20px;
	max-height:20px;
	text-align:center;
}



#impressum{
	position:absolute;
	left:869px;
	width: 50px;
	max-width:50px;
	height: 15px;
	max-height:15px;
	top:0px;
	overflow:hidden;
	border-bottom-color: #FFFFFF;
	border-bottom-style:ridge;
	border-bottom: thin;
	border-bottom-width: thin;
		border-left-color: #FFFFFF;
	border-left-style:ridge;
	border-left: thin;
	border-left-width: thin;

	border:#FFFFFF;
}
#filialen{
position:absolute;
left:947px;;
width: 50px;
max-width:50px;
height: 15px;
max-height:15px;
	border-bottom-color: #FFFFFF;
	border-bottom-style:ridge;
	border-bottom: thin;
	border-bottom-width: thin;
		border-left-color: #FFFFFF;
	border-left-style:ridge;
	border-left: thin;
	border-left-width: thin;
	border-right-color: #FFFFFF;
	border-right-style:ridge;
	border-right: thin;
	border-right-width: thin;

	border:#FFFFFF;
top:0px;
overflow:hidden;
}


#start {
	position:absolute;
	width:127px;
	min-width:127px;
	max-height:118px;
	height:118px;
	left: 388px;
	top: 213px;
	overflow: hidden;
	background:none;	
}

#oben1{
	position: absolute;
	height: 70px;
	max-height:70px;
	overflow:inherit;
	font-size:10px;
	text-align:left;
	top: 0px;
}
#oben2{
	position: absolute;
	height: 40px;
	max-height:40px;
	width:auto;
	max-width:auto;
	overflow:inherit;
	top: 0px;
	font-size:10px;
	text-align:right;
	left: 680px;
	


}
#oben3{
position: absolute;
width: 1000px;
height: 70px;
max-height:70px;
max-width:1000px;
overflow:inherit;
}
#oben4{
	position: absolute;
	height: 40px;
	max-height:40px;
	width:1000px;
	max-width:1000px;
	overflow:inherit;
	font-size:10px;
	text-align:center;
	left: 0px;
	top: 110px;
	border-bottom:medium;
	border-bottom-style:solid;
	border-bottom-width: thin;
	border-top:medium;
	border-top-style:solid;
	border-top-width: thin;


}
#oben5{
	position: absolute;
	height: 15px;
	max-height:15px;
	width:350;
	max-width:350;
	overflow:inherit;
	top: 90px;
	font-size:10px;
	text-align:right;
	left: 400px;


}

#links{
position: absolute;
width: 200px;
height: auto;
max-height:auto;
max-width:200px;
overflow:inherit;
top: 160px;


}
#links50{
position: absolute;
width: 200px;
height: auto;
max-height:auto;
max-width:200px;
overflow:inherit;
top: 520px;
}

div.inhalt{
position: absolute;
width: 870px;
max-width:870px;
top: 80px;
overflow:inherit;
left: 130px;


}
#inhalt{
min-height:490px;
padding-left:3px;

}


#unten{
width: 870px;
max-width:870px;
border-top:inset;
border-top-color:#000000;
border-top-style:inset;
border-top-width:1px;
font-size:10px;



}
#unten2{
width: 870px;
max-width:870px;
font-size:10px;
text-align:center;
color:#0000FF;
}

#bowliste{
border-bottom:thin;
border-bottom-color:#999999;
border-bottom-style:inset;
font-family:Arial, Helvetica, sans-serif;
width: 750px;
max-width: 750px;
height:inherit;
max-height:inherit;


}

#ballkopfzeile{
border-bottom:thin;
border-bottom-color:#999999;
border-bottom-style:inset;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
width: 750px;
max-width: 750px;
height:inherit;
max-height:inherit;
text-align:right;
}
#lexikon{
border-style:groove;
border:thin;
}
table.tabmodul{  
	border-width:1px;
	border-style:solid;
	width:90%;
		border-color:#0000FF;
	

}
table.tabmodul td,
table.tabmodul th {
	border-width:1px;
		border-color:#0000FF;
	border-style:solid;
	text-align:center;
	background-color:#FFFFFF;
}
table.tab{  
	border-width:1px;
	border-style:solid;
	width:90%;
		border-color:#0000FF;
	

}
table.tab td,
table.tab th {
	border-width:1px;
		border-color:#0000FF;
	border-style:solid;
	text-align:center;
	background-color:#FFFFFF;
		color:#0000FF;

}
table.tab a{color:#000000; font-size:11px;}

#artikel{
padding-left:30px;}

#copy{
margin:0;
padding:0;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
width:170px;
max-width: 170px;
height: auto;
max-height: auto;
}
#copy2{
margin:0;
padding:0;
background-color:#FFFF99;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
width:170px;
max-width: 170px;
height: auto;
max-height: auto;
}

.Stil1 {color: #FF0000}
.Stil3 {font-size: 16px}
.Stil6 {font-size: 11px}
.Stil7 {color: #000000; font-size:10px;}
.Stil8 {color: #000000; font-size:8px;}
.Stil9 {font-size: 24px}
.Stil10 {font-size:10px; color:#FFFF99;}
.Stil20 {font-size:12px; color:#FFFFFF;}

/* JAOS Gallery
*******************************************************************************/
.jaosg_galerie	{
				text-align:left; 
				vertical-align:inherit;
				padding:20px;
				}
.jaosg_thumbnail	{
				margin: auto;	
				vertical-align:center;
				padding:15px;
				
				}

.jaosg_nav 		{
				text-align: center;
				font-size:10px;
				}
.jaosg_bildbeschreibung	{
				text-align:center;
				font-size:10px;
				color:#FFFF99;
				}
.jaosg_bild		{
				text-align: center;
			
				}
				
				div.navi1 {
position: absolute;
left: 230px;
width:140px;
height: 60px;
max-width: 140px;
max-height: 60px;
}
div.navi2 {
position: absolute;
left: 430px;
width:140px;
height: 60px;
max-width: 140px;
max-height: 60px;

}
div.navi3 {
position: absolute;
left: 830px;
width:140px;
height: 60px;
max-width: 140px;
max-height: 60px;

}
div.navi4 {
position: absolute;
left: 630px;
width:140px;
height: 60px;
max-width: 140px;
max-height: 60px;

}


/* *** Bildcontainer *** */ 
div.bildcontainer { 
   padding: 10px 0 0 0; 
} 

div.bildcontainer div.rechts-1von3 { 
   width: 33%;
   max-width: 33%;
   height:auto;
   max-height: auto;
   text-align: center; 
   float: right; 
} 

div.bildcontainer div.links-1von3 { 
   width: 33%; 
   text-align: center; 
   float: left; 
      height:auto;
	  max-width: 33%;
	  max-height: auto;

} 

div.bildcontainer div.mitte-1von3 { 
   text-align: center; 
   width: 33%;
   max-width: 33%;
      height:auto;
	  max-height: auto;

} 

div.bildcontainer img { 
   border: 0px; 
   padding: 5px;
   text-align:center;
 
}







/* Jede Tabelle und jedes Tabellen Element kann seine eigene Class ID erhalten. Ein Beispiel von meines Site: */

table.standard {
    background-color:#ffffff;
	border-width:1px;
	border-style:inset;
	border-spacing:2px;
	font-size:1em;
	frame:box;
	width:100%;
}


table.standard td,
table.standard th {
    border-style:outset;
	border-width:1px;
	padding:4px;
}
.contenta {
	font: 12px/16px Arial, Helvetica, Geneva, sans-serif;
	}

.contenta .linkespalte {
	width: 165px;
	float: left;
	}

.contenta .rechtespalte {
	width: 365px;
	margin-left: 40px;
	margin-top: 10px;
	float: left;
	}
	.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}

/*	Navigation vertical -
 für jede Ebene ein a.level? , a.current? und li.navhistory? zur Formatierung anlegen
------------------------------------------------------------------------------*/
#navigation {
	float:left;
	width:124px;
	max-width:124px;
	height:auto;
	max-height:auto;
	color:#FFFFFF;

	}
	



#navigation ul.nav1st {
	position:inherit;
list-style: none;
line-height:30px;

}

#navigation ul.nav1st a{
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	  padding-left:1.0em;
font-size:14px;

}

#navigation ul.nav1st a.level1,
#navigation ul.nav1st a.current1{
    padding-left:1.0em;
line-height:20px;
font-size:14px;
 	background: url(navi1.gif) 0% 50% no-repeat;
	background-position:center;

}
#navigation ul.nav1st a.level2,
#navigation ul.nav1st a.current2{
    padding-left:1.0em;
line-height:5px;
font-size:12px;
 color:#666666;

}
#navigation ul.nav1st a.level3,
#navigation ul.nav1st a.current3{
    padding-left:1.0em;
line-height:20px;
font-size:10px;
 

}

#navigation ul.nav1st a.level4,
#navigation ul.nav1st a.current4{
    padding-left:4.0em;
	line-height:15px;
font-size:9px;
}
#navigation ul.nav1st a.level5,
#navigation ul.nav1st a.current5{
    padding-left:5.0em;
	line-height:15px;
font-size:8px;
}

#navigation ul.nav1st li,
#navigation ul.nav1st li.navhistory1,
#navigation ul.nav1st li.navhistory {
	padding:0px 0px 0px 0px;
	
}

#navigation ul.nav1st li.active {
	padding:0px 0px 0px 0px;
	
	
}

#navigation ul.nav1st li.active a,
#navigation ul.nav1st li.active a:link,
#navigation ul.nav1st li.active a:active
#navigation ul.nav1st li.active a:focus {
	color:#FFFF00;
		
		

}

#navigation ul.nav1st a:hover {
	color:#FFFF00;
	/*background: url(navi2.gif) 0% 50% no-repeat; */
	
}

/**************************************************************************************************************************/
/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {font-size:1.0em; line-height:1.3em;}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
.wysiwygimg a.wysiwygimg img {vertical-align:top;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #d4d4d4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #d4d4d4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #d4d4d4;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}

/************************************************************Blinktext********************************************************/
.laufbanner { 
      width:700px; 
      /* border: 1px solid #000000;  */ 
      font-family:Verdana, Arial, Helvetica, sans-serif; 
      font-size:12px; 
      color:#FFFFFF;
      padding:2px 10px 2px 10px; 
      /* background-color:#CCCCCC; */ 
      margin-top:10px; 
      margin-bottom:10px; 
      font-weight:bold; 
} 

div.laufbanner a:link { color:#FFFFFF; text-decoration: none; } 
div.laufbanner a:visited { color:#FFFF00; text-decoration: none; } 
div.laufbanner a:active { color: #724121; text-decoration: none; } 
div.laufbanner a:hover { color: #724121; text-decoration: none; } 
/*****************************************************************************************************************************/
	Navigation horizontal and vertical - 
	Wenn die Navigation mit der ID 2 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
------------------------------------------------------------------------------

#header-nav {
	position:absolute;
	
	




	

	
}

#header-nav ul.nav1st {
font-size:10px;
	
		

}


#header-nav ul.nav1st li {
	display:block;
	float:left;
	padding:5px 7px 5px 7px;

}

#header-nav ul.nav1st li.active {
	color:#FF0000;
	
}

#header-nav ul.nav1st li.active a,
#header-nav ul.nav1st li.active a:link {
	color:#FF0000;
}

#header-nav ul.nav1st a, 
#header-nav ul.nav1st a:link {
	color: #000000;
	
}

#header-nav ul.nav1st a:hover {
	color:#FF0000;
}

/* ### Modul Artikel blättern ######################## */

div.links_zum_blaettern {
 float: left;
 width: 100%; 
 font-weight: bold;
 background-color: transparent;
 margin-top: 10px;
 margin-bottom: 10px;
}
div.links_zum_blaettern p.links,
div.links_zum_blaettern p.mitte,
div.links_zum_blaettern p.rechts {
 background-color: transparent;
 float: left;
 width: 49.9%;
}
div.links_zum_blaettern p.links,
div.links_zum_blaettern p.rechts {
 width: 25%;
}
div.links_zum_blaettern p.rechts {
 float: right;
 text-align: right;
}
div.links_zum_blaettern p.mitte {
 text-align: center;
}