/* CSS Document */

* {
margin:0; padding:0;

}


body{ margin: 0; padding:0; background-color:#CCCCCC; font-size: 100.1%; text-align: center;
		font-weight: lighter; color: #5d5c58;


}






/* -----> ANFANG allgemeine Formatierungen*/



h1 {   	font-family: Helvetica, Verdana, Lucida Grande, Lucida Sans Unicode, Geneva, sans-serif;
		font-size: 12px;
		text-align: left;
		letter-spacing: 0.05em;
		
		}
		
		
h2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		
		text-align: left;
		letter-spacing: 0.04em;
		
		
}


p {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: left;
		letter-spacing: 0.04em;
		
}



a {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align: left;
		letter-spacing: 0.04em;
		
		
}



img { border:none; background-repeat: no-repeat; padding: 0px; margin: 0px;
	} /* zwischen den linkbildern gibt es lücken ---> nochmal modifizieren */
	

	
li { font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: left;
		letter-spacing: 0.04em;
		list-style: none;
		
		



}
 

/* -----> ENDE allgemeine Formatierungen*/








#container {

		width: 980px;
		height: 665px;
		background-color: yellow;
		margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
		margin-top: 30px;
		border: 1px;
		border-color:#000000;
		border-style:solid;
}




#header {
		width: 980px;
		height: 40px;
		background-color: white;
		padding:0px;
		margin: 0px;
}

/* -----> ANFANG Hauptnaviagtion*/

#main_navi {
height:40px;
margin-left: 350px;
}

#main_navi li {
display: inline;

}


#homeNorm a {
text-indent: -999em;
float: left;
height: 40px;
width:67px;
background-image:url(../images/de/navi_home_norm_01.jpg);
background-repeat:no-repeat;
}


#homeActive a, #homeNorm a:hover {
text-indent: -999em;
float: left;
height: 40px;
width:67px;
background-image:url(../images/de/highlight/navi_home_active.jpg);
background-repeat:no-repeat;
}




#ladyNorm a {
float: left;
height: 40px;
width:149px;
text-indent: -999em;
background-repeat:no-repeat;
background-image:url(../images/de/navi_ladyemmasteel_norm_02.jpg);

}



#ladyActive a , #ladyNorm a:hover {
float: left;
height: 40px;
width:149px;
text-indent: -999em;
background-image:url(../images/de/highlight/navi_ladyemmasteel_active.jpg);
background-repeat:no-repeat;
text-indent: -999em;
}


#sessionNorm a{
float: left;
height: 40px;
width:77px;
text-indent: -999em;
background-repeat:no-repeat;
background-image:url(../images/de/navi_session_norm_03.jpg);
text-indent: -999em;
}

#sessionActive a, #sessionNorm a:hover {
float: left;
height: 40px;
width:77px;
text-indent: -999em;
background-image:url(../images/de/highlight/navi_session_active.jpg);
background-repeat:no-repeat;
text-indent: -999em;
}

#workshopsNorm a {
float: left;
height: 40px;
width:106px;
text-indent: -999em;
background-repeat:no-repeat;
background-image:url(../images/de/navi_workshops_norm_04.jpg);
text-indent: -999em;
}


#workshopsActive a, #workshopsNorm a:hover {
float: left;
height: 40px;
width:106px;
text-indent: -999em;
background-image:url(../images/de/highlight/navi_workshop_active.jpg);
background-repeat:no-repeat;
text-indent: -999em;
}

#photosNorm a {
float: left;
height: 40px;
width:68px;
background-image:url(../images/de/navi_photos_norm_05.jpg);
background-repeat:no-repeat;
text-indent: -999em;

}

#photosActive a, #photosNorm a:hover{
float: left;
height: 40px;
width:68px;
text-indent: -999em;
background-image:url(../images/de/highlight/navi_photos_active.jpg);
background-repeat:no-repeat;
text-indent: -999em;
}


#linksNorm a {
float: left;
height: 40px;
width:59px;
background-image:url(../images/de/navi_links_norm_06.jpg);
background-repeat:no-repeat;
text-indent: -999em;
}


#linksActive a, #linksNorm a:hover{
float: left;
height: 40px;
width:59px;
text-indent: -999em;
background-image:url(../images/de/highlight/navi_links_active.jpg);
background-repeat:no-repeat;
text-indent: -999em;
}


#contactNorm a{
float: left;
height: 40px;
width:99px;
text-indent: -999em;
background-image:url(../images/de/navi_contact_norm_07.jpg);
background-repeat:no-repeat;
text-indent: -999em;
}


#contactActive a, #contactNorm a:hover{
float: left;
height: 40px;
width:99px;
text-indent: -999em;
background-image:url(../images/de/highlight/navi_contact_active.jpg);
background-repeat:no-repeat;
text-indent: -999em;
}




/* -----> ENDE Hauptnaviagtion*/




#mainContent {
		height: 625px;
		width: 980px;
		padding:0px;
		margin: 0px;
		/*background-image:url(../images/start_background.jpg);
		background-position:top;
		background-color: white;
		background-repeat:no-repeat;*/


}


/* -----> ANFANG Module fuer die HintergrundBilder*/



#backgroundimageStart {
height: 625px;
		background-image:url(../images/backgrounds/background_home.jpg);
		background-position:top;
		background-color: white;
		background-repeat:no-repeat;



}

#backgroundimageLadyEmmaSteel {
height: 625px;
		background-position:top;
		background-color: white;
		background-repeat:no-repeat;
		background-image:url(../images/backgrounds/background_uebermich.jpg);



}


#backgroundimageSession {
height: 625px;
		background-position:top;
		background-color: white;
		background-repeat:no-repeat;
		background-image:url(../images/backgrounds/background_session.jpg);



}


#backgroundimageWorkshops {
height: 625px;
		background-position:top;
		background-color: white;
		background-repeat:no-repeat;
		background-image: url(../images/backgrounds/background_workshop1.jpg);



}



#backgroundimagePhotos {
height: 625px;
		background-position:top;
		background-color: white;
		background-repeat:no-repeat;
		background-image:url(../images/backgrounds/background_photos.jpg);



}


#backgroundimageLinks {
height: 625px;
		background-position:top;
		background-color: white;
		background-repeat:no-repeat;
		background-image:url(../images/backgrounds/background_links.jpg);



}




#backgroundimageContact {
height: 625px;
		background-position:top;
		background-color: white;
		background-repeat:no-repeat;
		background-image: url(../images/backgrounds/background_contact.jpg);



}


#backgroundimageGallery {
height: 625px;
		background-position:top;
		background-color: white;
		background-repeat:no-repeat;
		background-image:url(../images/backgrounds/background_gallery.jpg);



}




#backgroundimageRex {
height: 625px;
		background-position:top;
		background-color: white;
		background-repeat:no-repeat;
		background-image:url(../images/backgrounds/background_rex.jpg);



}



#backgroundFensterGallery {
height: 625px;
z-index:100;
position: relative;
		background-color:yellow;
		background-repeat:no-repeat;



}



/* -----> ENDE Module fuer die HintergrundBilder*/




/* -----> ANFANG Gallerybutton*/



#gallerybutton a {
float: right;
width: 93px;
height: 23px;	
margin-top: 200px;	
background-image: url(../images/de/navi_gallery_norm.jpg);
text-indent: -999em;
}

#gallerybuttonaktiv a, #gallerybutton a:hover {
float: right;
width: 93px;
height: 23px;	
margin-top: 200px;	
background-image: url(../images/de/highlight/navi_gallery_active.jpg);
text-indent: -999em;
}

#gallerybuttonActive a{
float: right;
width: 93px;
height: 23px;	
margin-top: 200px;	
background-image: url(../images/de/highlight/navi_gallery_active.jpg);
text-indent: -999em;

}


/* -----> ENDE Gallerybutton*/



/* -----> ANFANG Sprachmenue*/



#language_navi {
width: 170px;
float: left;
margin-left: 42px;
background-color: white;

}

#language_navi li{
		display: inline;
}





#english a {
float: left;
width: 83px;
height: 23px;	

text-indent: -999em;
background-image:url(../images/de/navi_sprache_english_norm.jpg);
}



#englishactive a, #english a:hover {
float: left;
width: 83px;
height: 23px;	
text-indent: -999em;
background-image:url(../images/de/highlight/navi_sprache_english_active.jpg)
}





#deutsch a {

float:right;
width: 83px;
height: 23px;	
text-indent: -999em;
background-image:url(../images/de/navi_sprache_deutsch_norm.jpg);
}


#deutschactive a, #deutsch a:hover {
float:right;
width: 83px;
height: 23px;	
text-indent: -999em;
background-image:url(../images/de/highlight/navi_sprache_deutsch_active.jpg)
}




/* -----> ENDE Sprachmenue*/






/* -----> ANFANG Textfenster*/

#textfieldklein {
		height: 400px;
		width: 330px;/*ohne scrollbalken 300px;*/
		background-color:white;
		float: right;
		margin-right: 70px; /*ohne scrollbalken 120px;*/
		margin-top:200px;
	
		/*overflow:auto;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #000000; */
		
}



#textfieldgross {
		height: 580px;
		width: 350px;/*ohne scrollbalken 300px;*/
		background-color:white;
		float: right;
		margin-right: 50px; /*ohne scrollbalken 120px;*/
		margin-top:20px;
	
		/*overflow:auto;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #000000; */
		
}

#textfieldmittel {
		height: 480px;
		width: 330px;/*ohne scrollbalken 300px;*/
		background-color:white;
		float: right;
		margin-right: 70px; /*ohne scrollbalken 120px;*/
		margin-top:129px;
	
		/*overflow:auto;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #000000; */
		
}



#textfieldbreit {
		height: 580px;
		width: 450px;/*ohne scrollbalken 300px;*/
		background-color:white;
		float: right;
		margin-right: 50px; /*ohne scrollbalken 120px;*/
		margin-top:20px;
		
}










#inhaltsbereichText {	
		height: 268px;
		overflow: hidden;
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 17px;
		background-color: white;
		

}


#inhaltsbereichTextMittel {	
		height: 406px;
		overflow: hidden;
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 24px;
		

}


#inhaltsbereichTextLang {	
		height: 536px;
		overflow: hidden;
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 21px;
		margin-bottom: -8px;
		background-color: white;
		

}


#inhaltsbereichHeadline {
margin-top: 10px;
		margin-right: 18px;
		

}

/* -----> ENDE Textfenster*/







/* -----> ANFANG VorundZurueckText*/

#forandback {
		height: 22px;
		width: 330px;
		background-color:white;
		position: static;
		margin-top: 5px;
}

#forandback li {
		display: inline;
}

#weiter a {
float: right;
height: 22px;
width: 150px;
text-indent: -999em;
background-image:url(../images/de/text_weiter_norm.jpg);

}

#weiter a:hover {
background-image:url(../images/de/highlight/text_weiter_active.jpg);

}

#zurueck a {
float: left;
height: 22px;
width: 150px;
text-indent: -999em;
background-image:url(../images/de/text_zurueck_norm.jpg);
}

#zurueck a:hover {
background-image:url(../images/de/highlight/text_zurueck_active.jpg);
}



#next a {
float: right;
height: 22px;
width: 150px;
text-indent: -999em;
background-image:url(../images/eng/text_next_norm.jpg);

}

#next a:hover {
background-image:url(../images/eng/text_next_active.jpg);

}

#back a {
float: left;
height: 22px;
width: 150px;
text-indent: -999em;
background-image:url(../images/eng/text_back_norm.jpg);
}

#back a:hover {
background-image:url(../images/eng/text_back_active.jpg);
}





/* -----> ENDE VorundZurueckText*/











#logo {
		float:left;
		margin-top: 567px;
		margin-left: -212px;
}


#small p{ 	
margin-top: 10px;
font-size: 10px;
color:#333333;
text-align: center;

}
#small a{ 	
color:#333333;
text-decoration: none;

		

}


#small a:hover { 	
color: #ce523a;
text-decoration: none;
}




/* -----> ANFANG Klassen*/




.textfield_lauf_anfang {
		line-height: 17px;
		padding-bottom: 5px;
		padding-top: 8px;
}


.textfield_lauf_anfang li {
		line-height: 18px;
}



.textfield_lauf {
		line-height: 17px;
		padding-bottom: 5px;
}



.textfield_lauf_head {
		line-height: 17px;
		padding-bottom: 5px;
		padding-top: 10px;
		font-weight: bold;
		color: #ce523a;
		
		
}

.textfield_subline {
	   	line-height: 17px;
		padding-top: 10px;
		padding-bottom: 5px;
		letter-spacing: 0.1em;
		font-weight: bold;
		font-size: 13px;
		

}



.textfield_lauf h2{
		line-height: 17px;
		padding-bottom: 5px;
}




.textfield_lauf a  {
		color: #5d5c58;
		
		text-decoration:none;
		padding-top: 8px;
}

.textfield_lauf a:hover  {
		color: #ce523a;
}


.textfield_lauf_anfang a  {
		color: #5d5c58;
		display:block;
		text-decoration:none;
		padding-top: 8px;
}

.textfield_lauf_anfang a:hover  {
		color: #ce523a;
}





.visible {
		visibility: visible;
}

.unvisible {
		visibility:hidden;
}


.displaynone {
		display:none;
	}

/* -----> ENDE Klassen*/




/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../gallery/slimbox/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
	background: transparent url(../gallery/slimbox/images/prevlabel.gif) no-repeat 0% 75%;
}

#lbPrevLink:hover {
	background: transparent url(../gallery/slimbox/images/prevlabel.gif) no-repeat 0% 75%;
}

#lbNextLink {
	right: 0;
	background: transparent url(../gallery/slimbox/images/nextlabel.gif) no-repeat 100% 75%;
}

#lbNextLink:hover {
	background: transparent url(../gallery/slimbox/images/nextlabel.gif) no-repeat 100% 75%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 113px;
	height: 22px;
	background: transparent url(../gallery/slimbox/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}