body {
	margin:0 auto;
    background: #131C23 url(../bilder/grafiken/hg.jpg) no-repeat;
    background-position:center center;
	background-attachment: fixed;
    font-family: Arial, Helvetica, sans-serif ;
    color: #666;
}

/******************************
   Text
 ******************************/	
h1, h2, h3, h4 {font-family: "Times New Roman", Times, serif;}

h1 {
	position:absolute;
	top:0; left:50px;
	text-align:left;
	margin:0; padding:0;
	}
	
h2 { 
	font:36px normal;
	padding:0; margin:0 0 20px;
	color: #333;
	}
	
h2.index { font:56px normal; margin:40px 0;}
			
h3 { 
	font:22px normal;
	padding:0; margin:20px 0 6px 0;
	color: #666;
	}
	
h3.index { font:36px normal; line-height:46px; margin:20px 0 6px 0; width:450px;}
	
h4 { 
	font:36px normal;
	padding:60px 0 0 0; margin:0;
	color: #333;
	}
	
h5 { 
	font:14px normal;
	font-family:Arial, Helvetica, sans-serif;
	padding:0; margin:0 0 10px 0;
	}
	
p {
	margin:0; padding:0 0 10px 0;
	}
		
a:link, a:visited{
	color: #B8860B;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
	color: #B8860B;
}

ul {list-style:none}

/******************************
    Container
 ******************************/	
#gesamt {
	text-align:center;
	margin: -275px 0 0 -520px;
	padding:0px;
	position:absolute;
	top: 50%; left: 50%;
	width: 1040px; height: 550px;
	background:url("../bilder/grafiken/wrap-hg.png") no-repeat bottom;
	}
	
/******************************
    Inhalt
 ******************************/		
#content{
	position:absolute; 
	top:105px; left:400px; 
	text-align:left;	
	width:570px;
	font-size:14px
	}

/******************************
    Sidebar
 ******************************/	
#sidebar {
	position:absolute; 
	top:91px; left:51px; 
	height:381px;
	width:320px;
	text-align:left;
	}	
	
#sidebar h2 { 
	padding:0; margin:20px;
	}
	
#sidebar h3 { 
	padding:0; margin:20px;
	}
	
#sidebar h5 { 
	padding:0; margin:0 0 10px 20px;
	}
	
#sidebar p { 
	font-size:13px;
	padding:0 0 10px 20px; margin:0;
	}

/******************************
    Footer
 ******************************/	
#footer {
	color:#fff;
	position:absolute; 
	top:527px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	width:1024px
	}	
	
#footer a:link, #footer a:visited{
	color: #fff;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #ccc;
}
	
/******************************
    listen
 ******************************/	
ul.brand {margin:20px 0 0 0; padding:0;width:600px}

ul.brand li { float:left;margin: 2px 20px 2px 0; padding:0;}
	
ul.service { 
	margin: 20px 0 0 30px; padding:0;
	width:500px;
	}

ul.service li { 
	margin: 10px 10px; padding: 0 30px 10px 30px;
	background:url(../bilder/grafiken/haken.gif) no-repeat;
	}
	

/******************************
    Navi
 ******************************/
#main_nav { list-style: none; margin: 24px 0 0 394px; padding: 0;}

/* ACCESSIBLE ROLL OVERS */
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 57px;} 

#home { background: url(../bilder/grafiken/navigation/ueber.png); width: 150px; }
#home:hover { background: url(../bilder/grafiken/navigation/ueber.png)  0 -54px !important; }
#home.active { background: url(../bilder/grafiken/navigation/ueber.png)  0 -125px; }

#produkte { background: url(../bilder/grafiken/navigation/produkte.png); width: 150px; }
#produkte:hover { background: url(../bilder/grafiken/navigation/produkte.png) 0 -54px !important; }
#produkte.active { background: url(../bilder/grafiken/navigation/produkte.png) 0 -125px; } 

#service { background: url(../bilder/grafiken/navigation/service.png); width: 150px; }
#service:hover { background: url(../bilder/grafiken/navigation/service.png) 0 -54px !important; }
#service.active { background: url(../bilder/grafiken/navigation/service.png) 0 -125px; }


#kontakt { background: url(../bilder/grafiken/navigation/kontakt.png); width: 150px; }
#kontakt:hover { background: url(../bilder/grafiken/navigation/kontakt.png) 0 -54px !important; }
#kontakt.active { background: url(../bilder/grafiken/navigation/kontakt.png) 0 -125px; }


/******************************
    Subnavi
 ******************************/
 
#sidebar ul { 
 	list-style:none;
	margin:30px 0 0 0; padding:0;
	text-align:left;
	}

#sidebar ul li { 
 	list-style:none;
	margin:2px 0; padding:10px 20px;
	width:284px; height:22px;
	background:url("../bilder/grafiken/subnavi/subnavi-hg.png") no-repeat;
	}
	
#sidebar ul li a:link { 
	color:#fff;
	font-size:22px;
 	list-style:none;
	margin:0px; padding:0;
	text-transform:uppercase;
	}
 
	
/******************************
     PNG Hack
 ******************************/

img, div { behavior: url(http://www.books-and-web.de/vorlagen/juwelier/juwelier-schuetz/bilder/grafiken/iepngfix.htc) };