/* -----------------------------------------------------------------------------*/
/* globale Formatierungen                                                             */
/* -----------------------------------------------------------------------------*/

html,body {
width: 99%;
height: 99%;
/* overflow: hidden; /* Unterdrückt Scrollleisten des Hauptfensters */ 
behavior: url("./style/csshover3.htc"); 
background-color: #cccccc;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #333333;
}

img {
border: none;
}

/* --------------------------------------------------------------------*/
/* Formatierung und Position von Ebenen GLOBAL                         */
/* --------------------------------------------------------------------*/

#container  {
position: absolute;
top: 0px;
left: 50%;
width: 986px;
height: 570px;
margin-left: -485px;   /* =50% von width */
text-align: left;      /* horizontal centering hack for IE */
border-style: solid;
border-color: #b2b3b7; /* grau */
border-width: 1px;
background: url("../images/bg-D9BD85.jpg");
clear: left;           /* required */
}

/* --------------------------------------------------------------------*/
/* Position der Ebene Titel                                           */
/* --------------------------------------------------------------------*/

#headcenter { 
position: absolute;
width: 100%;
height: 100px;
margin-top: 0px;
margin-left: 0px;
padding: 0px 0px 0px 0px;
/* background-color: #cccccc;-*/
}

/* --------------------------------------------------------------------*/
/* Formatierung und Position von Ebene NAVIGATION                     */
/* --------------------------------------------------------------------*/

#hauptnavigation { 
position: absolute;
width: 230px;
height: 435px;
margin:  100px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


#navigation {
	width: 100%;
	list-style: none;
	margin:  0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
}

.menu-left{
	font-family: Century Gothic, Helvetica, Verdana, sans-serif;
	display: block;
	margin:  0px 0px 0px 40px;
	padding: 10px 0px 10px 0px;
}

.menu-left-inactive{
	font-family: Century Gothic, Helvetica, Verdana, sans-serif;
	display: block;
	margin:  0px 0px 0px 40px;
	padding: 10px 0px 10px 0px;
	font-size: 22px;
	line-height: 44px;
	text-decoration: none;
	font-weight: normal;
	color: #333333  /* anthrazit */
}


#navigation a {
	font-family: Century Gothic, Helvetica, Verdana, sans-serif;
	font-size: 22px;
	line-height: 44px;
	text-decoration: none;
	font-weight: normal;
	color: #ffffff; /* weiss */
}	
	
#navigation a:link, a:visited {
	color: #ffffff; /* weiss */
	}

#navigation a:hover {
	color: #333333; /* anthrazit */
}

#navigation a:active {
	color: #333333; /* anthrazit */
}


/* --------------------------------------------------------------------*/
/* Formatierung und Position der unteren Inhaltsebene   (unten Mitte)  */
/* --------------------------------------------------------------------*/


#contentcenter { 
	position: absolute;
	width: 634px;
	height: 425px;
	padding: 0px 0px 0px 0px;
	margin: 100px 0px 0px 230px;
	}

#contentcentertext { 
	position: absolute;
	width: 580px;
	height: 350px;
	margin: 40px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #FFFAE5; /* creme */
	border-width: 1px;
	overflow: auto;
	}
	
#contentcentergal { 
	position: absolute;
	width: 100%;
	height: 355px;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #FFFAE5; /* creme */
	border-width: 0px;
	}

	
#contact { 
	position: absolute;
	width: 634px; /* identisch mit width von contentcenter */
	height: 15px;
	margin: 500px 0px 0px 230px;
	padding: 10px 0px 10px 0px;
	border-style: solid;
	border-color: #FFFAE5; /* creme */
	border-width: 0px;
	}	


/* -----------------------------------------------------------------------------*/
/* Formatierung der Links ohne Navigation                                       */
/* -----------------------------------------------------------------------------*/

a:link  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	font-weight: normal;
	text-decoration: underline;
	color: #333333; /* anthrazit */
}

a:visited  {
	color: #999999;  /* grau */
}

a:hover  {
	color: #ffffff; /* weiss */
}

a:active  {
	color: #999999;  /* grau */
}

/* --------------------------------------------------------------------*/
/* Formatierung der verwendeten Texte auf der gesamten Seite           */
/* --------------------------------------------------------------------*/
p {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

p.anschrift{
	font-size: 12px;
	line-height: auto;	
	text-align: center;
	font-weight: normal;
/* -	letter-spacing: 0.1em; -*/
}



p.title-left{
	font-family: Century Gothic, Helvetica, Verdana, sans-serif;
	font-size: 24px;
	letter-spacing: 0.3em;
	margin: 48px 0px 0px 40px;
}

p.title-center{
	font-size: 16px;
	margin: 0px 0px 0px 0px;
}


.text{
	font-size: 14px;
	line-height: 20px;
	margin: 20px 20px 0px 20px;
	color: #333333; /* anthrazit */
}


.text-klein{
	font-size: 12px;
	margin: 10px 10px 10px 20px;
	color: #333333; /* anthrazit */
}

ul.text {
	margin:  10px 0px 0px 15px;
	padding: 0px 0px 0px 20px;
}

li.text{
	margin:  0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-size: 14px;
	line-height: 16px;
}

/* --------------------------------------------------------------------*/
/* Position der Bilder                                                 */
/* --------------------------------------------------------------------*/

p.bilder{
	text-align: center;
/* -	float:  left;
/* -	clear:	left;
/* -	clear:	both;  -*/
}

img.neunbilder {
	width: 133px;
	height: 100px;
	border-style: solid;
	color: #9A734F; /* braun 875E38*/
	border-width: 4px;
 	margin:  5px 5px 5px 5px; 
	padding: 0px 0px 0px 0px;
	}
	
img.werkstattbilder {
	border-style: solid;
	color: #9A734F; /* braun 875E38*/
	border-width: 4px;
 	margin:  0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	}

img.schmuckgalerie {
	width: 373px;
	height: 280px;
	border-style: solid;
	color: #9A734F; /* braun 875E38*/
	border-width: 4px;
 	margin:  10px 5px 0px 5px; 
	padding: 0px 0px 0px 0px;
	}

/* ----------------------------Unbenützt----------------------------------*/


/* --leer--*/