@charset "utf-8";
body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #333;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;		
    }
#spacer_header{
		width:920px;
	}
    .mainBody #body {
    	/*width: 900px;*/  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 1px solid #000000;
    	text-align: left;/* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */		
    }
    .mainBody #header {
    	background: #DDDDDD; 
    	padding: 0 10px 0 20px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
    }
    .mainBody #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
	
	#container{
		min-height:600px;
		float:none;
		width:940px;
	}
	
    .mainBody #mainContent {
	padding: 0 10px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background:#d22226;
	width:930px;
	background-image:url(../images/home/bg.jpg);
	background-repeat:no-repeat;
	font-size: 100%;
    }
    .mainBody #footer {
		width:950px;
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 0 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
		background:#d22226;
		/*border: solid 1px #333;*/
		border-top: solid 1px #333;
    }
	.mainBody #menue_en{
		font: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		float:left;
		width:370px;
		height:88px;
		text-align:left;
	}
	
	.mainBody #somerland_logo{
		float:left;
		width:180px
	}
	
	.mainBody #menue_ar{
		font: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		float:right;
		width:368px;
		height:88px;
		text-align:right;
	}	
#menue_ar {
	text-align: right;
}

#cosmetics_en_space{
		font-style:italic;
		text-align:left;
		float:left; 
		width:360px;
		height:88px;
	}
	
#cosmetics_ar_space{
		font-style:italic;
		text-align:left;
		float:left; 
		width:370px;
		height:88px;
	}
#menue_cosmetics_en{
		font-style:italic;
		text-align:left;
		float:left; 
		width:200px;
		height:200px;
	}
#cosmetics_woman{
		width:180px;
		float:left;
		height:300px;
		width:520px;
	}
#menue_cosmetics_ar{
	font-style:italic;
	text-align:right;
	float:left;
	width:200px;
	height:200px;
	}
	
	
a {
	color: #333;
	text-decoration:none;
	font-weight:lighter;
	}
	
a:hover {
	color: #CC0;
	text-decoration:underline;
	}
	
/* ID Styles */
	
#navigation a {
	font:10px arial;
	/*color: #336666;*/
	color:#FFFFFF;
	text-decoration:none;
	letter-spacing:.1em;
	}
	
#navigation a:hover {
	color: #fac900;
	text-decoration:underline;
	}
	
#bg_en{
		background-image:url(../images/bg_en.png);
		background-repeat:no-repeat;
		width: 100px;
		height:50px;
		text-align:left;
	}
#bg_ar{
		background-image:url(../images/bg_ar.png);
		background-repeat:no-repeat;
		width: 100px;
		height:50px;
		text-align:right;
	}
#hair{		
		float:left;		
		width:520px;
	}
#hair_table{
		text-align:center;
	}
#diadem_artikel{
		width:920px;
		min-height:500px;
	}
#table_text{
		font: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		width:800px;
		background-color:#FFF;
		border: solid 1px #333;
		min-height:500px;
	}