/* CSS Document */

/*
	Hintergrund body: #f2eff6
	Schrift Dunkelviolett: #663399
	Schrift Hellviolett: #a895ce
	Schrift Standard: #000000
*/

/*														*/
/********************************************************/
/********************************************************/
/*					MAIN								*/

body, div, p, img, span, ul, li, h1, h2, h3 {
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:none;
}

body {
	background-color: #f2eff6;
	background-image:url(Bilder/dreieckmitlinien.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

a:link {
	color: #a895ce;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #a895ce;
}
a:focus {
	text-decoration: none;
	color: #663399;	
}
a:hover {
	text-decoration: none;
	color: #663399;
}
a:active {
	text-decoration: none;
	color: #663399;
}

#mainDiv {
/*	border: solid 1px #000000;	*/
	position:relative;
	margin-top:0px;
	height:auto;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	z-index:50;
}

#minHeightDiv {
	background-color:#000000;	
	position:relative;
	height:355px;
	width:1px;	
}

#backgroundHeader {
	position:relative;
	
}

/*					END MAIN							*/
/********************************************************/
/********************************************************/
/*					HEADER								*/

#headerDiv {
/*	border: solid 1px #000000;*/
	margin-left:0px;
	position:relative;
	height:260px;
	width:100%;
}

.leftHeaderDiv1 {
	background-repeat:no-repeat;
	width:257px;
	height:227px;
	position:absolute;
	left:0px;
}
.leftHeaderDiv2 {
	background-repeat:no-repeat;
	width:283px;
	height:227px;
	position:absolute;
	left:257px;
}

#headerDiv img {
	position:absolute;
	right:0px;
	height:227px;
	width:361px;
}

#indexBild1 {
	background-image:url(Bilder/index-bild01.jpg);	
}
#indexBild2 {
	background-image:url(Bilder/index-bild02.jpg);	
}

#contureBild1 {
	background-image:url(Bilder/conture-links01.jpg);	
}
#contureBild2 {
	background-image:url(Bilder/conture-links02.jpg);	
}
#kosmetikBild1 {
	background-image:url(Bilder/kosmetik-links01.jpg);	
}
#kosmetikBild2 {
	background-image:url(Bilder/kosmetik-links02.jpg);	
}
#kontaktBild1 {
	background-image:url(Bilder/kontakt-links01.jpg);	
}
#kontaktBild2 {
	background-image:url(Bilder/kontakt-links02.jpg);	
}

/*					END HEADER							*/
/********************************************************/
/********************************************************/
/*					NAVIGATION							*/

#naviDiv{
/*	border: solid 1px #000000;*/
	width: 868px;
	padding-left:20px;
	height: 26px;
	position:absolute;
	font-size:14px;
	top:231px;
	left:0px;
	z-index:120;
	text-align:left;	
}

.ActiveDivLink {
	color:#990033;
	font-weight: bold;
/*	border-bottom:#88aa67 solid 1px;
	border-right:#88aa67 solid 1px;
	border-top:#88aa67 solid 1px;	*/
}
.ActiveLink {
	color:#663399;
	font-weight: bold;
}

/*					END NAVIGATION						*/
/********************************************************/
/********************************************************/
/*					CONTENT								*/

#contentDiv {
/*	border: solid 1px #000000;*/
	position:relative;
	padding-top:60px;
	padding-left:20px;
	padding-bottom:20px;
	width:880px;
	/*************************/
	/*width of mainDiv: 		900px*/
	/*************************/
	height:auto;
	font-size:14px;
	z-index:30;
	text-align:left;
/*	background-image:url(Bilder/dreieck.jpg);
	background-position:left top;
	background-repeat:no-repeat;*/
}

#contentDiv p {
	margin-bottom:15px;
}

#contentDiv ul {
	margin-left:15px;
	list-style-type: disc;
	margin-bottom:17px;
	/*padding-top:5px;*/
}

#contentDiv li {
	margin-left:15px;
	list-style-type: disc;
	margin-top:0px;
	padding-top:8px;
	/*padding-top:5px;*/
}

/*					END CONTENT							*/
/********************************************************/

/********************************************************/
/*					VARIOUS								*/

.picRight {
	float: right;
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: 20px;
	margin-right:0px;
}

.picLeft {
	float: left;
	margin-top: 5px;
	margin-right: 40px;
	margin-bottom: 20px;
}

.betont {
	color: #663399;
	font-weight: bold;
}


h1 {
	font-size: 20px;
	font-weight:normal;
	margin-bottom: 30px;
	color: #663399;

}
h2 {
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 10px;
	margin-top: 30px;
	color:#663399;
}


/*					END VARIOUS							*/
/********************************************************/