/*html, body
------------------------------------------------------------*/

html,body  {
	width: 100%;
	margin:0 0 0 0px;
	padding:0 0px 0 0px;
	background-color: #F6EDDE;
	background-image: url(../layout/img_containter_hg.gif);
	background-repeat: no-repeat;
}


img {
	border: 0px;
	vertical-align: top;

}
/*Schriften
------------------------------------------------------------*/

P {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 15px;
	color: #99726E;

}

.adresse {margin:-30px 0 0 20px;}
.col1 {	margin:40px 0 0 200px;}

.collection {padding:0px 0 0 30px;}
.col3 {	margin:80px 0 0 90px;}

.dunkelrot{	color: #90655D;}
.mem {color: #828282;}

h1 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 17px;
	color: #99726E;
	font-style: normal;
	font-weight: lighter;
	margin: 90px 0 0px 0px;

}

#button {
	font-size: 13px;
	font-weight:bold;
	color:#FFCCCC;
	margin: -5px 0 10px 0px;
}

* html #button {margin: -15px 0 2px 0px;}

#button a {
	background-image:url(../iris/button_hg.gif);
	background-repeat: no-repeat;
	padding: 1px 5px 3px 6px;

	color:#FFCCCC;
	background-position: center bottom;
}

#button a:hover {
	background-image:url(../iris/button_hg.gif);
	background-repeat: no-repeat;
	padding: 1px 5px 3px 6px;
	color:#999999;
	z-index:5;
}

/* container
-----------------------------------------------------------------*/
#container {
	position:absolute;
	left: -2px;
}

#logoprint {
	position:absolute;
	left:31px; 
	top:17px; 
	z-index:1;
	visibility:hidden;
}


#imageContainer img {
	display:none;
	position:absolute;
	width: 390px;
	height:387px;

}



	/* Haupt-Navigation
------------------------------------------------------------*/

#mainnav {
	height:122px;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 271px;
	width:680px;
}

#mainnav span {display:none;}

#mainnav ul,#mainnav li {
	display:block;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	list-style-type: none;
}  

li#mainnavStart a{
	background: url(../navigation/bu_start.gif) no-repeat left top;
	width: 102px;
	height: 108px;	
	float: left;
}

li#mainnavStart {
	background: url(../navigation/bu_start.gif) no-repeat 0 -101px;
	width: 102px;
	height: 108px;	
	float: left;
}


li#mainnavCybele a{
	background: url(../navigation/bu_cybele.gif) no-repeat left top;
	width: 94px;
	height: 122px;	
	float: left;
}

li#mainnavCybele {
	background: url(../navigation/bu_cybele.gif) no-repeat 0 -122px;
	width: 94px;
	height: 122px;	
	float: left;
}

li#mainnavCollectionen a{
	background:  url(../navigation/bu_collectionen.gif) no-repeat left top;
	width: 119px;
	height: 122px;	
	float: left;
}

li#mainnavCollectionen {
	background:  url(../navigation/bu_collectionen.gif) no-repeat 0 -122px;
	width: 119px;
	height: 122px;	
	float: left;
}


li#mainnavKontakt a{
	background: url(../navigation/bu_kontakt.gif) no-repeat left top;
	width: 87px;
	height: 122px;	
	float: left;
}

li#mainnavKontakt {
	background: url(../navigation/bu_kontakt.gif) no-repeat 0 -122px;
	width: 87px;
	height: 122px;	
	float: left;
}

li#mainnavMakingof a{
	background: url(../navigation/bu_makingof.gif) no-repeat left top;
	width: 103px;
	height: 108px;	
	float: left;
}

li#mainnavMakingof {
	background: url(../navigation/bu_makingof.gif) no-repeat 0 -122px;
	width: 103px;
	height: 108px;	
	float: left;
}

li#mainnavImpressum a{
	background: url(../navigation/bu_impressum.gif) no-repeat left top;
	width: 157px;
	height: 108px;	
	float: left;
}

li#mainnavImpressum {
	background: url(../navigation/bu_impressum.gif) no-repeat 0 -101px;
	width: 157px;
	height: 108px;	
	float: left;
}


#Start li#mainnavStart a, #Cybele li#mainnavCybele a, #collectionen li#mainnavCollectionen a,
#Kontakt li#mainnavKontakt a, #Makingof li#mainnavMakingof a, #Impressum li#mainnavImpressum  a {background:none;}
 

li#mainnavStart a:hover, li#mainnavCybele a:hover, li#mainnavCollectionen a:hover, 
li#mainnavKontakt a:hover, li#mainnavMakingof a:hover, li#mainnavImpressum a:hover {background:none;}


	/* Unternavigation
------------------------------------------------------------*/


#subnav {
	position:absolute;
	top:9px;
	left:467px;
	width:115px;
	height:122px;
	z-index:2;
	margin: 0px;
	padding: 0px;
}

#subnav span {display:none;}

#subnav ul, #subnav li {
	display:block;
	margin:0px;
	padding:0px;
	list-style-type: none;
} 


li#subnavTag a {
	background: url(../navigation/bu_collectionen_tag.gif) no-repeat left top;
	width: 119px;
	height: 44px;	
	float: left;
}

li#subnavTag {
	background: url(../navigation/bu_collectionen_tag.gif) no-repeat 0 -44px;
	width: 119px;
	height: 44px;	
	float: left;
}

li#subnavcollectionen a {
	background: url(../navigation/bu_collectionen_collectionen.gif) no-repeat left top;
	width: 119px;
	height: 25px;	
	float: left;
}

li#subnavcollectionen {
	background: url(../navigation/bu_collectionen_collectionen.gif) no-repeat 0 -25px;
	width: 119px;
	height: 25px;	
	float: left;
}

li#subnavNacht a {
	background: url(../navigation/bu_collectionen_nacht.gif) no-repeat left top;
	width: 119px;
	height: 44px;	
	float: left;
}

li#subnavNacht {
	background: url(../navigation/bu_collectionen_nacht.gif) no-repeat 0 -44px;
	width: 119px;
	height: 44px;	
	float: left;
}


#Tag li#subnavTag a, #Nacht li#subnavNacht a, #collectionen li#subnavcollectionen a,
#One li#subnavTag a, #Two li#subnavTag a, #Three li#subnavTag a, #Four li#subnavTag a, #Five li#subnavTag a, #Six li#subnavTag a,
#NOne li#subnavNacht a, #NTwo li#subnavNacht a, #NThree li#subnavNacht a, #NFour li#subnavNacht a, #NFive li#subnavNacht a {background:none;}

li#subnavTag a:hover, li#subnavNacht a:hover, li#subnavcollectionen a:hover {background:none;}




	/* Tag Naviagtion Button1
------------------------------------------------------------*/
#button1 {
	position:absolute;
	left:200px;
	top:360px;
	width:45px;
	z-index:6;
}

#button1 span {display:none;}

#button1 ul, #button1 li {
	display:block;
	margin:0px;
	padding:0px;
	list-style-type: none;
} 

li#button1One a {
	background:  url(../navigation/tag_navigation/button_1.gif) no-repeat left top;
	width: 49px;
	height: 45px;	
	float: left;
}

li#button1One {
	background:  url(../navigation/tag_navigation/button_1.gif) no-repeat 0 -45px;
	width: 49px;
	height: 45px;	
	float: left;
}

li#button1NOne a {
	background: url(../navigation/nacht_navigation/button_1.gif) no-repeat left top;
	width: 49px;
	height: 45px;	
	float: left;
}

li#button1NOne {
	background: url(../navigation/nacht_navigation/button_1.gif) no-repeat 0 -45px;
	width: 49px;
	height: 45px;	
	float: left;
}



#One li#button1One a, #NOne li#button1NOne a {background:none;}
li#button1One a:hover , li#button1NOne a:hover {background:none;}


	/* Tag Naviagtion Button2
------------------------------------------------------------*/
#button2 {
	position:absolute;
	left:205px;
	top:411px;
	width:45px;
	z-index:5;
}

#button2 span {display:none;}

#button2 ul, #button2 li {
	display:block;
	margin:0px 0 0 0px;
	padding:0px 0 0 0px;
	list-style-type: none;
} 

li#button2Two a{
	background:  url(../navigation/tag_navigation/button_2.gif) no-repeat left top;
	width: 49px;
	height: 45px;	
	float: left;
}

li#button2Two {
	background:  url(../navigation/tag_navigation/button_2.gif) no-repeat 0 -45px;
	width: 49px;
	height: 45px;	
	float: left;
}


li#button2NTwo a{
	background: url(../navigation/nacht_navigation/button_2.gif) no-repeat left top;
	width: 49px;
	height: 45px;	
	float: left;
}

li#button2NTwo {
	background: url(../navigation/nacht_navigation/button_2.gif) no-repeat 0 -45px;
	width: 49px;
	height: 45px;	
	float: left;
}

#Two li#button2Two a, #NTwo li#button2NTwo a {background:none;}
li#button2Two a:hover, li#button2NTwo a:hover {background:none;}



	/* Tag Naviagtion Button3
------------------------------------------------------------*/
#button3 {
	position:absolute;
	left:220px;
	top:460px;
	width:45px;
	z-index:4;
}

#button3 span {display:none;}

#button3 ul, #button3 li {
	display:block;
	margin:0px;
	padding:0px;
	list-style-type: none;
} 

li#button3Three a{
	background:  url(../navigation/tag_navigation/button_3.gif) no-repeat left top;
	width: 49px;
	height: 45px;	
	float: left;
}

li#button3Three {
	background:  url(../navigation/tag_navigation/button_3.gif) no-repeat 0 -45px;
	width: 49px;
	height: 45px;	
	float: left;
}

li#button3NThree a{
	background: url(../navigation/nacht_navigation/button_3.gif) no-repeat left top;
	width: 49px;
	height: 45px;	
	float: left;
}

li#button3NThree {
	background: url(../navigation/nacht_navigation/button_3.gif) no-repeat 0 -45px;
	width: 49px;
	height: 45px;	
	float: left;
}


#Three li#button3Three a, #NThree li#button3NThree a {background:none;}
li#button3Three a:hover, li#button3NThree a:hover  {background:none;}


	/* Tag Naviagtion Button4
------------------------------------------------------------*/
#button4 {
	position:absolute;
	left:249px;
	top:505px;
	width:45px;
	z-index:3;
}

#button4 span {display:none;}

#button4 ul, #button4 li {
	display:block;
	margin:0px;
	padding:0px;
	list-style-type: none;
} 

li#button4Four a {
	background:  url(../navigation/tag_navigation/button_4.gif) no-repeat left top;
	width: 49px;
	height: 45px;	
	float: left;
}

li#button4Four  {
	background:  url(../navigation/tag_navigation/button_4.gif) no-repeat 0 -45px;
	width: 49px;
	height: 45px;	
	float: left;
}

li#button4NFour a {
	background: url(../navigation/nacht_navigation/button_4.gif) no-repeat left top;
	width: 49px;
	height: 45px;	
	float: left;
}

li#button4NFour  {
	background: url(../navigation/nacht_navigation/button_4.gif) no-repeat 0 -45px;
	width: 49px;
	height: 45px;	
	float: left;
}

#Four li#button4Four a, #NFour li#button4NFour a {background:none;}
li#button4Four a:hover, li#button4NFour a:hover  {background:none;}


	/* Tag Naviagtion Button5
------------------------------------------------------------*/
#button5 {
	position:absolute;
	left:288px;
	top:540px;
	width:45px;
	z-index:3;
}

#button5 span {display:none;}

#button5 ul, #button5 li {
	display:block;
	margin:0px;
	padding:0px;
	list-style-type: none;
} 

li#button5Five a {
	background:  url(../navigation/tag_navigation/button_5.gif) no-repeat left top;
	width: 49px;
	height: 45px;	
	float: left;
}

li#button5Five  {
	background:  url(../navigation/tag_navigation/button_5.gif) no-repeat 0 -45px;
	width: 49px;
	height: 45px;	
	float: left;
}

li#button5NFive a {
	background: url(../navigation/nacht_navigation/button_5.gif) no-repeat left top;
	width: 49px;
	height: 45px;	
	float: left;
}

li#button5NFive  {
	background: url(../navigation/nacht_navigation/button_5.gif) no-repeat 0 -45px;
	width: 49px;
	height: 45px;	
	float: left;
}

#Five li#button5Five a, #NFive li#button5NFive a  {background:none;}
li#button5Five a:hover, li#button5NFive a:hover  {background:none;}

	/* Tag Naviagtion Button6
------------------------------------------------------------*/
#button6 {
	position:absolute;
	left:335px;
	top:565px;
	width:45px;
	z-index:2;
}

#button6 span {display:none;}

#button6 ul, #button6 li {
	display:block;
	margin:0px;
	padding: 0px;
	list-style-type: none;
} 

li#button6Six a {
	background:  url("../navigation/tag_navigation/button_6.gif") no-repeat left top;
	width: 49px;
	height: 45px;	
	float: left;
}

li#button6Six {
	background:  url("../navigation/tag_navigation/button_6.gif") no-repeat 0 -45px;
	width: 49px;
	height: 45px;	
	float: left;
}

#Six li#button6Six  a {background:none;}
li#button6Six  a:hover {background:none;}


	/* Wrap - Zusammenhalt von clo1, clo2, clo3
------------------------------------------------------------*/
#wrap {
	position:absolute;
	width:995px;
	}

#col1 {
	position:relative;
	width:385px;
	float:left;
}



#col2 {
	position:relative;
	width: 194px;
	float:left;
	text-align: justify;
	padding:0px 6px 0px 11px;
	top: 50px;
	clear: right;
}



#col2night {
	position:absolute;
	width: 200px;
	height:350px;
	top:290px;
	left:440px;
	float:left;
	z-index:10;
}

#col3 {
	position:relative;
	width: 390px;
	float:left;
}

#col1 a:link {
	text-decoration: none;
	color: #828282;
}
#col1 a:visited {
	text-decoration: none;
	color: #828282;
}
#col1 a:hover {
	text-decoration:;
	color: #6C394D;
}
#col1 a:active  {
	text-decoration: none;
	color: #828282;
}

	/* Formular
------------------------------------------------------------*/

.form_box {
	width: 171px;
	height:17px;
	border: 0px;
	background-image: url(../kontakt/img/img_hg_box.gif);
	background-repeat: no-repeat;
	margin:0px 0px 0px -5px;
	padding: 0px 0 1px 10px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 16px;
	color:#530B34;
	background-color: #F4D8D2;

}

.mitteilungen {
	width: 210px;
	height:153px;
	border: 0px;
	background-image: url(../kontakt/img/img_hg_mitteilungen.gif);
	background-repeat: no-repeat;
	margin:0px 0px 0px 0px;
	padding:5px 0 0 10px;
	background-color: #EEE3D4;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 16px;
	color:#530B34;

}

.senden {
	hight:20px;
	border: 0px;
	margin:2px 0px 0px 0px;
	padding:0px 0 0px 15px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 14px;
	color: #99726E;
	text-align:left;
	float:left;
	background-color: #FCDED4;
	cursor: hand;
	background-image: url(../kontakt/img/img_hg_senden.gif);
	background-repeat: no-repeat;
}


#fehler {
 	position:absolute;
	background-image: url(../kontakt/img/img_hg_mitteilungen.gif);
	background-repeat: no-repeat;
	left:155px; 
	top:210px; 
	width:219px; 
	height:154px; 
	z-index:1;
	padding: 0px 0 0 15px;
	color: #F9F4EB;
	font-weight:600;
}

	/* Vignetten
------------------------------------------------------------*/

#v_leer {
	position:absolute;
	left:263px;
	top:333px;
	width:153px;
	height:150px;
	z-index:7;
	visibility: hidden;
}

#v_bh_hemd {
	background-image: url(../collectionen/img_vignetten/vignetten_gross_hg.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:262px;
	top:333px;
	width:153px;
	height:150px;
	z-index:7;
	padding: 20px 0 0 45px;
	visibility: hidden;
}

#v_corsage{
	background-image: url(../collectionen/img_vignetten/vignetten_gross_hg.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:262px;
	top:333px;
	width:153px;
	height:150px;
	z-index:7;
	padding: 20px 0 0 45px;
	visibility: hidden;
}


#v_slip {
	background-image: url(../collectionen/img_vignetten/vignetten_klein_hg.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:271px;
	top:333px;
	width:110px;
	height:107px;
	z-index:7;
	padding: 30px 0 0 24px;
	visibility: hidden;
}

#v_soft_bh {
	background-image: url(../collectionen/img_vignetten/vignetten_klein_hg.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:271px;
	top:333px;
	width:110px;
	height:107px;
	z-index:7;
	padding: 30px 0 0 24px;
	visibility: hidden;
}



#v_soft_bh_ge {
	background-image: url(../collectionen/img_vignetten/vignetten_klein_hg.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:271px;
	top:333px;
	width:110px;
	height:107px;
	z-index:7;
	padding: 30px 0 0 24px;
	visibility: hidden;
}

#v_string {
	background-image: url(../collectionen/img_vignetten/vignetten_klein_hg.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:271px;
	top:333px;
	width:110px;
	height:107px;
	z-index:7;
	padding: 30px 0 0 24px;
	visibility: hidden;
}

#v_hipster {
	background-image: url(../collectionen/img_vignetten/vignetten_klein_hg.gif);
	;
	background-repeat: no-repeat;
	position:absolute;
	left:271px;
	top:333px;
	width:110px;
	height:107px;
	z-index:7;
	padding: 30px 0 0 24px;
	visibility: hidden;
}

#v_buegel_bh_gemodelt {
	background-image: url(../collectionen/img_vignetten/vignetten_klein_hg.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:271px;
	top:333px;
	width:110px;
	height:107px;;
	z-index:7;
	padding: 30px 0 0 24px;
}


#v_buegel_bh_einlage {
	background-image: url(../collectionen/img_vignetten/vignetten_klein_hg.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:271px;
	top:333px;
	width:110px;
	height:107px;
	z-index:7;
	padding: 30px 0 0 24px;
	visibility: hidden;
}


#v_buegel_bh {
	background-image: url(../collectionen/img_vignetten/vignetten_klein_hg.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:271px;
	top:333px;
	width:110px;
	height:107px;
	z-index:7;
	padding: 30px 0 0 24px;
	visibility: hidden;
}



#v_mond{
	background-image: url(../collectionen/img_vignetten/leer_mond.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:305px;
	top:218px;
	width:232px;
	height:353px;
	z-index:1;

}


#v_anzug, #v_anzug2{
	background-image: url(../collectionen/img_vignetten/leer_mond.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:305px;
	top:218px;
	width:232px;
	height:353px;
	z-index:1;
	padding: 108px 0 0 29px;
}

#v_shorty{
	background-image: url(../collectionen/img_vignetten/leer_mond.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:305px;
	top:218px;
	width:232px;
	height:353px;
	z-index:1;
	padding: 108px 0 0 29px;
}

#v_traegerhemd{
	background-image: url(../collectionen/img_vignetten/leer_mond.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:305px;
	top:218px;
	width:232px;
	height:353px;
	z-index:1;
	padding: 108px 0 0 29px;
}


#v_sleepshirt, #v_mantel, #v_t-shirt {
	background-image: url(../collectionen/img_vignetten/leer_mond.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:305px;
	top:218px;
	width:232px;
	height:353px;
	z-index:1;
	padding: 108px 0 0 29px;
}



#makingofimages1, #makingofimages2, #makingofimages3, #makingofimages4, #makingofimages5 ,#makingofimages6{
	position:absolute;
	left:380px;
	top:340px;
	width:240px;
	height:353px;
	z-index:1;	
}




a:link {
	text-decoration: none;
	color: #99726E;
}
a:visited {
	text-decoration: none;
	color: #99726E;
}
a:hover {
	text-decoration: none;
	color: #6C394D;
}
a:active {
	text-decoration: none;
	color: #99726E;
}

#links {
	position:absolute; 
	left:218px; 
	top:412px; 
	width:122px; 
	height:147px; 
	z-index:10;
	float:left;


}