/* CSS Document */
html, body { 		
	height: 100%; 
	margin: auto;
	padding: 0px;
	padding-top: 0px;
	font-size: 0.875em;
	text-align: left;
}
#content {
	overflow: visible; 
	position: relative; 
	margin: auto auto; 
	width: 900px; 
	text-align: center;
	background-color:#ded4ca;
	z-index:9;
	height: 660px; 
	clear: left;
	text-align:left; 
}
#middle {
	overflow: hidden; 
	position: absolute; 
	width: 880px;
	height: 550px; 
	text-align: center;
	clear: inherit; 
	z-index:10;
	top:93px;
	left:10px;
}
#header{
	overflow: inherit; 
	position: absolute; 
	width: 200px;
	height: 60px; 
	text-align: left;
	clear: inherit; 
	z-index:999;
	top:25px;
	left:257px;
	font-family:Verdana;
	font-size:22px;
	color:#ffffff;
	font-weight:normal;
	margin:12px 0px 4px 0px;
	padding-top:5px;
}
#inhalt{
	height:10px;
	width:10px;
	position:absolute;
	z-index:4;
	top:500px;
	left:600px;
	clear: none;
	overflow:hidden;
	display: none;
}
#headerfuenfelemente{
	overflow: inherit; 
	position: absolute; 
	width: 200px;
	height: 50px; 
	text-align: left;
	clear: inherit; 
	z-index:770;
	top:15px;
	left:230px;
	font-family:Verdana;
	font-size:22px;
	color:#ffffff;
	font-weight:normal;
	margin:12px 0px 4px 0px;
	padding-top:5px;
}
#headerindividuell{
	overflow: inherit; 
	position: absolute; 
	width: 400px;
	height: 50px; 
	text-align: left;
	clear: inherit; 
	z-index:770;
	top:17px;
	left:230px;
	font-family:Verdana;
	font-size:22px;
	color:#ffffff;
	font-weight:normal;
	margin:12px 0px 4px 0px;
	padding-top:5px;
}
#headerkollektion{
	overflow: inherit; 
	position: absolute; 
	width: 200px;
	height: 50px; 
	text-align: left;
	clear: inherit; 
	z-index:997;
	top:35px;
	left:258px;
	font-family:Verdana;
	font-size:22px;
	color:#ffffff;
	font-weight:normal;
	margin:12px 0px 4px 0px;
	padding-top:5px;
}
#headeranfahrt{
	overflow: inherit; 
	position: absolute; 
	width: 150px;
	height: 100px; 
	text-align: left;
	clear: inherit; 
	z-index:787;
	top:45px;
	left:390px;
	font-family:Verdana;
	font-size:22px;
	color:#ffffff;
	font-weight:normal;
	margin:12px 0px 4px 0px;
	padding-top:5px;
}
#headerausstellung{
	overflow: inherit; 
	position: absolute; 
	width: 400px;
	height: 50px; 
	text-align: left;
	clear: inherit; 
	z-index:770;
	top:17px;
	left:180px;
	font-family:Verdana;
	font-size:22px;
	color:#ffffff;
	font-weight:normal;
	margin:12px 0px 4px 0px;
	padding-top:5px;
}
#tracker {
	border:0px solid #FF0000;
	overflow: hidden; 
	position: absolute; 
	width: 0px;
	height: 0px; 
	z-index:0;
	top:0px;
	left:480px;
}
/* Home */
#homemenu {
	overflow: hidden; 
	position: absolute; 
	width: 500px;
	height: 366px; 
	text-align: center;
	clear: right;
	z-index:200;
	top:100px;
	left:200px;
}

#schmuckkollektionlink {
	overflow: hidden; 
	position: absolute; 
	width: 100px;
	height: 366px; 
	text-align: center;
	clear: left;
	z-index:55;
	top:100px;
	left:35px;
}

/* kollektion */
#kollektionmenu {
	border:0px solid #FFFFFF;
	position: absolute; 
	width: 118px;
	height: 170px; 
	z-index:222;
	top:20px;
	left:20px;
}

#kollektionborder {
	border:1px solid #FFFFFF;
	position: absolute; 
	width: 490px;
	height: 490px; 
	z-index:40;
	top:20px;
	left:220px;
	
}
#fuenfelementeborder {
	border:1px solid #FFFFFF;
	position: absolute; 
	width: 520px;
	height: 515px; 
	z-index:40;
	top:20px;
	left:210px;
}
#schmuckkollektion {
	overflow: hidden; 
	position: absolute; 
	width: 416px;
	height: 313px; 
	text-align: center;
	clear: right;
	z-index:112;
	top:90px;
	left:260px;
	padding:0;
}
#kollektionstext{
	overflow: inherit; 
	position: absolute; 
	width: 417px;
	height: 120px; 
	text-align: left;
	clear: inherit; 
	z-index:770;
	top:400px;
	left:260px;
	font-family:Verdana;
	font-size:15px;
	color:#ffffff;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding-top:5px;
}

#HLH{
	overflow: inherit; 
	position: absolute; 
	width: 200px;
	height: 50px; 
	text-align: left;
	clear: inherit; 
	z-index:770;
	top:470px;
	left:530px;
	font-family:Verdana;
	font-size:16px;
	color:#ffffff;
	font-weight:normal;
	margin:12px 0px 4px 0px;
	padding-top:5px;
}
/* kollektionsseiten */
#telefon {
	overflow: hidden; 
	position: absolute; 
	width: 140px;
	height: 25px; 
	text-align: center;
	clear: right;
	z-index:445;
	top:499px;
	left:20px;
}
#schmuckgalerie {
	height:430px;
	width:490px;
	overflow: hidden; 
	position: absolute; 
	text-align: center;
	clear: right;
	z-index:445;
	top:79px;
	left:220px;
}
#info{
	overflow: hidden; 
	position: absolute; 
	width: 120px;
	height: 290px; 
	text-align: center;
	clear: right;
	z-index:222;
	top:160px;
	left:20px;
}
#diashowstartstop {
	overflow: inherit; 
	position: absolute; 
	width: 120px;
	height: 10px; 
	text-align: center;
	clear: right;
	z-index:898;
	top:512px;
	left:224px;
}
#elemente {
	overflow: hidden; 
	position: absolute; 
	width: 510px;
	height: 480px; 
	text-align: left;
	clear: right;
	z-index:85;
	top:60px;
	left:230px;
}
#elementepanel {
	overflow: inherit; 
	position: absolute; 
	width: 200px;
	height: 300px; 
	text-align: center;
	clear: right;
	z-index:445;
	top:60px;
	left:640px;
}
/* about */
#about {
	overflow: hidden; 
	position: absolute; 
	width: 500px;
	height: 400px; 
	text-align: center;
	clear: right;
	z-index:112;
	top:100px;
	left:200px;
}
/* contact */
#contact {
	overflow: hidden; 
	position: absolute; 
	width: 320px;
	height: 400px; 
	text-align: left;
	clear: right;
	z-index:112;
	top:92px;
	left:200px;
}
/* kontakt */
#kontaktmenu {
	border:0px solid #FFFFFF;
	position: absolute; 
	width: 118px;
	height: 170px; 
	z-index:922;
	top:20px;
	left:27px;
	
}
#kontakt {
	border:1px solid #FFFFFF;
	overflow: hidden;
	position: absolute;
	width: 380px;
	height: 340px;
	z-index:222;
	top:100px;
	left:205px;
	padding:10px;
}
#impressum {
	border:1px solid #FFFFFF;
	overflow: hidden; 
	position: absolute; 
	width: 380px;
	height: 340px; 
	text-align: left;
	clear: right;
	z-index:112;
	top:100px;
	left:205px;
	padding-top:20px;
	padding-left:20px;
}
#haftung {
	border:1px solid #FFFFFF;
	overflow: hidden; 
	position: absolute; 
	width: 270px;
	height: 300px; 
	text-align: left;
	clear: right;
	z-index:1;
	top:50px;
	left:461px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	text-align:justify;
}

#map24 {
	border:0px solid #FFFFFF;
	padding-top:0px;
	padding-left:0px;
	overflow: hidden; 
	position: absolute; 
	width: 42px;
	height: 15px; 
	text-align: left;
	clear: left;
	z-index:225;
	top:112px;
	left:750px;
}
/* anfahrt */
#anfahrtkarte {
	border:0px solid #FFFFFF;
	overflow: inherit; 
	position: absolute; 
	width: 330px;
	height: 370px; 
	text-align: left;
	clear: left;
	z-index:222;
	top:100px;
	left:30px;
}
#anfahrtsbeschreibung {
	border:0px solid #FFFFFF;
	overflow: hidden; 
	position: absolute; 
	width: 250px;
	height: 400px; 
	text-align: left;
	clear: left;
	z-index:222;
	top:100px;
	left:390px;
}
/* individuell */
#contentindividuell {
	overflow: hidden; 
	position: absolute; 
	width: 400px;
	height: 430px; 
	text-align: left;
	clear: left;
	z-index:222;
	top:80px;
	left:230px;
}

/* ausstellung */
#contentausstellung {
	overflow: hidden;
	position: absolute;
	width: 850px;
	height: 397px;
	padding: 0px;
	text-align: left;
	clear: left;
	z-index:222;
	top:90px;
	left:10px;
	border:2px solid #FFFFFF;
}
/*--------------------------------------------------------------------*/
/* layout */
#frame {
	overflow: visible; 
	position: absolute; 
	width: 878px;
	z-index:6;
	height: 538px; 
	clear: left;
	margin:auto;
	background:url(hintergrundframe.jpg);
	text-align:left;
	top:0px;
	left:0px;
}
#frame_ohneBH {
	overflow: visible; 
	position: absolute; 
	width: 878px;
	z-index:6;
	height: 538px; 
	clear: left;
	margin:auto;
	text-align:left;
	top:0px;
	left:0px;
}
#abstand {
	height: 50%; 
	width: 100px;
	margin-bottom: -330px; 
	float: left; 
}
#menu {
	position: absolute; 
	overflow: hidden; 
	width: 450px;
	height: 25px; 
	z-index:33;
	clear: right;
	top:25px;
	left:430px;
	
}
#border {
	border:1px solid #FFFFFF;
	position: absolute; 
	width: 880px;
	height: 540px; 
	z-index:30;
	top:5px;
	left:5px;
	
}
/*------------------------------------------------------------*/

#inhaltborder{
	border:1px solid #ded4ca;
	background-image: url(thumb/heckelhg.gif);
	height:200px;
	width:400px;
	position:absolute;
	z-index:5;
	top:150px;
	left:230px;
	overflow:hidden;
	clear: none;
}
#links{
	height:300px;
	width:400px;
	position:absolute;
	z-index:944;
	top:200px;
	left:100px;
	overflow:hidden;
}
#noflashtext{
	height:200px;
	width:400px;
	position:absolute;
	z-index:4;
	top:150px;
	left:230px;
	clear: none;
	overflow:hidden;
}

#htmltext{
	height:200px;
	width:400px;
	position:absolute;
	z-index:999;
	top:150px;
	left:230px;
	clear: none;
	overflow:hidden;
}
/* Navi Footer (wegen Sumas) ------------------------------------------------------------*/
#navi-footer{
	position: absolute; 
	width: 650px;
	height: 10px; 
	z-index:68;
	top:695px;
	left:120px;
	line-height:0px; 
	font-size:10px; 
	border-top-width:1px; 
	border-top-style:solid; 
	border-top-color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}

ul{list-style-type:none;}

#navi-footer li{
	float: inherit; 
	padding:10px 2px 10px 5px;
	margin-left:4;
}

#navi-footer a{
	text-decoration:none; 
	color:#666666;
}

#navi-footer a:hover{
	text-decoration:underline;
}

.mail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-decoration:underline;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#FFFFFF;
	padding:0px;
	padding-bottom:20px;
	margin-bottom:200px;
}