/* dentesse.css - StyleSheets fuer La Dentesse  -  geschrieben 2008 (c) elus Media Design GmbH*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 113px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 700px; background-color: #555; }


html {
	height:100%;
	width:100%;
}

body {
	background-color:#FFFFFF;
	font-family:Verdana, Arial;
	font-size:11pt;
	font-weight:normal;
	color:#636363;
	text-decoration:none;
	line-height:12pt;
}

.klein {
	font-family:Verdana, Arial;
	color:#636363;
	font-size:10pt;
	font-weight:normal;
	text-decoration:none;
	line-height:14pt;
}

.kleinw {
	font-family:Verdana, Arial;
	color:#ffffff;
	font-size:4pt;
	text-decoration:none;
}

.normal {
	font-family:Verdana, Arial;
	color:#636363;
	font-size:11pt;
	font-weight:normal;
	text-decoration:none;
	line-height:13pt;
}

.normal2 {
	font-family:Verdana, Arial;
	color:#636363;
	font-size:10pt;
	font-weight:normal;
	text-decoration:none;
	line-height:13pt;
}

.normalr {
	font-family:Verdana, Arial;
/* 	color:#CE002E; */
/* 	color:#e9bbc8; */
/* 	color:#e9bbc6; */
	color:#f5b0cc;
	font-size:11pt;
	font-weight:normal;
	text-decoration:none;
	line-height:17pt;
}

.normalw {
	font-family:Verdana, Arial;
	color:#ffffff;
	font-size:11pt;
	font-weight:normal;
	text-decoration:none;
	line-height:12pt;
}

.tipps {
	font-family:Verdana, Arial;
	color:#000000;
	font-size:9pt;
	font-weight:normal;
	text-decoration:none;
	line-height:14pt;
}

.beha {
	font-family:Verdana, Arial;
	color:#000000;
	font-size:9pt;
	font-weight:normal;
	text-decoration:none;
	line-height:13pt;
}

.behaf {
	font-family:Verdana, Arial;
	color:#666666;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	line-height:14pt;
}

.behag {
	font-family:Verdana, Arial;
/* 	color:#EE71A1; */
/* 	color:#666666; */
	color:#f5b0cc;
	font-size:11pt;
	font-weight:bold;
	text-decoration:none;
	line-height:14pt;
}

.tippsg {
	font-family:Verdana, Arial;
/* 	color:#ACF3F8; */
	color:#71b9bc;
	font-size:11pt;
	font-weight:bold;
	text-decoration:none;
	line-height:14pt;
}

.gross {
	font-family:Verdana, Arial;
	color:#636363;
	font-size:16pt;
	font-weight:normal;
	text-decoration:none;
	line-height:18pt;
}

.titel {
	font-family:Verdana, Arial;
	color:#636363;
	font-size:13pt;
	font-weight:bold;
	letter-spacing:2pt;
	text-decoration:none;
}

.start {
	font-family:Verdana, Arial;
/*  	color:#636363; */
/* 	color:#935E75; */
	color:#90857E;
	font-size:11pt;
	font-weight:bold;
 	font-style:italic; 
 	line-height: 17pt;
	letter-spacing:1pt;
	text-decoration:none;
}

.iota {
	font-family:Verdana, Arial;
	color:#90857E;
	font-size:15pt;
	font-weight:normal;
	line-height: 17pt;


}

.link {
	font-family:Verdana, Arial;
	color:#636363;
	font-size:10pt;
	font-weight:normal;
	line-height:15pt;
}

.preisliste {
	position:absolute;
	display:none;
/*	border:1px solid black; */
	background-color:#eeeeee;
	z-index:2;
}

.zahnreinigung {
	position:absolute;
	top:0px;
	left:0px;
	visibility:visible;
/*	border:1px solid blue; */
	z-index:1;
}

.bleaching {
	position:relative;
	top:0px;
	left:0px;
	visibility:hidden;
/*	border:1px solid black; */
	z-index:1;
}

.kontakt {
	position:absolute;
	top:245px;
	left:400px;
	width:510px;
	height:360px;
	background-color:#ECECEC;
	z-index:1;
	visibility:hidden;
	padding:20px;
}

.fehler {
	position:absolute;
	top:180px;
	left:260px;
	width:490px;
/*	height:230px; */
	background-color:#dddddd;
	z-index:2;
/*	visibility:hidden; */
	padding:5px;
}

.okmeldung {
	position:absolute;
	top:150px;
	left:-50px;
	width:670px;
	height:50px;
	background-color:#dddddd;
	z-index:2;
	visibility:hidden;
	padding:5px;
}

.inhalt {
	background-image:url(../images/HG_Grafik01.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
 	padding-top:10px;
/* 	padding-left:10px; */
/* 	padding-right:10px; */
}

.inhalt2 {
	background-image:url(../images/HG_Grafik02.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
 	padding-top:20px;
/* 	padding-left:10px; */
/* 	padding-right:10px; */
}

.kleinw {
	font-family:Verdana, Arial;
	font-size:10pt;
	color:#ffffff;
	font-weight:normal;
}

.kleing {
	font-family:Verdana, Arial;
	font-size:10pt;
	color:#666666;
	font-weight:normal;
	line-height:12pt;
}

.neu {
	font-family:Verdana, Arial;
	font-size:13pt;
	color:#94f3f7;
	font-weight:bold;
	line-height:15pt;
}

.pinhalt {
	visibility:hidden;
	z-index:2;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.produkte {
/*	border:1px solid white;*/
	position:absolute;
	left: 100px;
	top:0px;
	width:670px;
	height:468px;
	visibility:hidden;
/*	border:1px solid white;*/
}


.inszenierung {
	visibility:hidden;
	z-index:2;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#113758;
	padding:10px;
}

.inszenierungr {
	visibility:hidden;
	z-index:2;
	position:absolute;
	top:0px;
	left:0px;
	width:98%;
	height:100%;
	padding-left:20px;
}

/*.menure{ 
	background-image:url(../images/Untermenue.jpg);
	background-repeat:no-repeat;
 	width:170px; 
 	height:15px; 
}*/

 .menuli{ 
	background-image:url(../images/menue/menuli03.jpg);
	padding:5px;
/* 	height:30px; */
 	background-repeat:no-repeat;
}

 .menulila{ 
	background-image:url(../images/menue/menulila01_blau1.jpg);
	padding:5px;
/* 	height:30px; */
 	background-repeat:no-repeat;
}

 .menulila2{ 
	background-image:url(../images/menue/menulila02_blau1.jpg);
	padding:5px;
/*  	height:44px; */
 	background-repeat:no-repeat;
}
.gutschein {
	position:absolute;
	display:none;
	background-image:url(../images/clip_HG.jpg);
	background-repeat:no-repeat;
	z-index:3
}

    #ntext {
    	font-family:Arial,Verdana;
	font-weight:normal;
	font-size:11pt;
	line-height:17pt;
	text-decoration:none;
 	color:#9b9b9b;
/*  	color:#61072d; */
	
    }
.beha {
	position:absolute;
	display:none;
  	background-color:#ffffff;
	padding:3px;
/*   	background-image:url(../images/behandlungen/HG01.jpg); */
/* 	background-repeat:repeat-x; */
}
