body{
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#1a1917;
}
img{
	border:none;
}
a {
	text-decoration:underline;
	color:#8a6d3d;
}
a:hover {
	text-decoration:none;
}
#wrapper{
	margin:0 auto;
	padding:0 0 180px 0;
	width:950px;
	background:#fff;
}
/* header */
#header{
	position:relative;
	height:265px;
	border-bottom:10px solid #f0c274;
	background:url(../images/troll-beads.gif) no-repeat 0 0;
}
#header h1{
	position:absolute;
	top:36px;
	right:10px;
	margin:0;
	font-size:18px;
	font-weight:normal;
	color:#7f592d;
	text-align:right;
}
#header h1 a{
	text-decoration:none;
}
#header h1 strong{
	font-weight:normal;
	color:#931b1a;
}
#header h1 span{
	display:block;
	font-size:12px;
}
h2{
	margin:0;
	font-size:18px;
	font-weight:normal;
	color:#7f592d;
}
h2 strong{
	font-weight:normal;
	color:#931b1a;
}
/* header menu */
.nav{
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
	padding:0;
	list-style:none;
	width:950px;
	overflow:hidden;
}
* html .nav{
	position:absolute;
	bottom:-1px;
	left:0;
}
.nav li{
	float:left;
	display:inline;
	margin:0 1px 0 0;
	padding:12px 0 0 0;
}
.nav li a{
	display:block;
	height:24px;
	width:160px;
	text-align:center;	
	color:#fff;
	padding:10px 0 0 0;
	text-decoration:none;
}
.startsite{
	background:url(../images/gold-bernstein-bead.gif) no-repeat 0 0;
}
.nav li a.shop{
	padding:10px 0 0 10px;
	width:150px;
	background:url(../images/online-shop-trollbeads.gif) no-repeat 0 0;
}
.uber{
	background:url(../images/ueber-trollbeads.gif) no-repeat 0 0;
}
.kontakt{
	background:url(../images/trollbeads-silber.gif) no-repeat 0 0;
}
/* header end */
/* main */
#main{
	border-top:3px solid #fff;
}
/* navigation */
ul.navigation{
	width:950px;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.navigation li{
	display:inline;
}
.navigation li a{
	height:45px;	
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/navigation.gif) no-repeat 0 0;
}
.navigation .geschichte{
	width:160px;
}
.navigation .geschichte:hover{
	background-position: 0 -45px;
}
.navigation .herstellung{
	width:160px;
	background-position: -160px 0;
}
.navigation .herstellung:hover{
	background-position: -160px -45px;
}
.navigation .fununktion{
	width:161px;
	background-position: -320px 0;
}
.navigation .fununktion:hover{
	background-position: -320px -45px;
}
.navigation .active{
	width:161px;
	background-position: -320px -45px;
}
.navigation .activegeschichte{
	width:160px;
	background-position: -0px -45px;
}
.navigation .activeherstellung{
	width:160px;
	background-position: -160px -45px;
}
.navigation .activefunktion{
	width:160px;
	background-position: -320px -45px;
}

.navigation .designer{
	width:162px;
	background-position: -481px 0;
}
.navigation .designer:hover{
	background-position: -481px -45px;
}
.navigation .activedesigner{
	width:162px;
	background-position: -481px -45px;
}


.navigation .videos{
	width:149px;
	background-position: -643px 0;
}
.navigation .videos:hover{
	background-position: -643px -45px;
}
.navigation .activevideos{
	width:149px;
	background-position: -643px -45px;
}


.navigation .blog{
	width:158px;
	background-position: -792px 0;
}
.navigation .blog:hover{
	background-position: -792px -45px;
}
.navigation .activeblog{
	width:158px;
	background-position: -792px -45px;
}

/* main content start */
.frame{
	padding:58px 0 0 0;
	background:url(../images/schmuck.gif) repeat-x 0 0;
	width:950px;
	overflow:hidden;
}
.left-column{
	float:left;
	display:inline;
	width:619px;
	padding:24px 25px 27px 48px;
}
.left-column p{
	margin:12px 0 23px 0;
}
.items{
	padding:2px 0 0 0;
}
.items ul{
	width:520px;
	overflow:hidden;
	margin:5px 0 10px 0;
	padding:0 0 0 30px;
	list-style:none;
	text-align:center;
}
.items ul li{
	float:left;
	width:90px;
	padding:0 7px;
}
.items ul li a{
	display:block;
}
.items strong{
	display:block;
	margin:-8px 0 0 0;
	padding:0 0 8px 0;
}
.right-column{
	float:right;
	display:inline;
	padding:24px 0 0 0;
	width:256px;
}
.right-column h3{
	margin:0;
	padding:3px 0 2px 0;
	font-size:12px;
	font-weight:normal;
	background:#2c2b27 url(../images/trollbeads-onlineshop.gif) no-repeat 0 0;
	color:#fff;
	text-align:center;
}
/* online shop */
.online{
	width:246px;
	overflow:hidden;
	margin:5px 0 0 0;
	padding:8px 0 24px 10px;
	background:url(../images/shop-trollbeads.gif) repeat-x 0 0;
}
.online p{
	margin:0;
	padding:0 0 13px;
}
.online ul{
	margin:0;
	padding:13px 0 6px;
	list-style:none;
}
.online ul li{
	padding:0 0 0 9px;
	background:url(../images/armband-trollbead.gif) no-repeat 0 5px;
}
.online li.active{
	font-weight:bold;
	background:url(../images/troll-bead.gif) no-repeat 0 5px;
}
.online ul ul{
	margin:0;
	padding:0;
}
.online ul ul li{
	padding:0;
	font-weight:normal;
	background:none;
}
.shop-confirm{
	float:right;
	height:16px;
	width:125px;
	padding:3px 0 0 3px;
	text-align:center;
	background:url(../images/trollbeads-kaufen.gif) no-repeat 0 0;
	font-size:10px;
	color:#fff;
	text-decoration:none;
}
/* top sales */
.top-sales{
	padding:2px 0 0 0;
}
.top-sales ul{
	width:256px;
	overflow:hidden;
	margin:18px 0 0 0;
	padding:0;
	list-style:none;
	text-align:center;
	font-size:10px;
}
.top-sales li{
	float:left;
	width:105px;
	padding:0 20px 0 0;
}
.top-sales li a{
	display:block;
}	
.top-sales img{
	margin:0 0 5px 0;
}
.boxes{
	padding:15px 0 48px 70px;
}
.box{
	width:875px;
	margin:0 0 5px 0;
	overflow:hidden;
}
.box img{
	float:left;
	margin:0 22px 0 0;
}
.box p{
	margin:20px 0 0 0;
	padding:0 10px 0 0;
}
#main h2{
	margin:0 0 0 49px;
}
#main .frame h2{
	margin:0;
}
.block{
	width:900px;
	overflow:hidden;
	padding:24px 50px 18px 0;
}
.block p{
	margin:0;
}
.block img{
	float:left;
	margin:0 0 0 29px;
}
.column{
	float:right;
	width:630px;
	overflow:hidden;
}
/* thumbnails */
.block ul{
	margin:33px 0 0 0;
	padding:0;
	width:624px;
	list-style:none;
	overflow:hidden;
}
.block ul li{
	width:208px;
	float:left;
	display:inline;
}
.block ul li img{
	margin:0 14px 0 0;
}
.block ul li p{
	margin:5px 0 0 0;
	padding:0 10px;
	font-size:10px;
}
/* main content end */
/* adds */
.adds{
	position:relative;
	padding:4px 0;
	background:url(../images/trollbeads-ring.gif) repeat-x 0 0;
	width:950px;
	overflow:hidden;
	font-size:10px;
}
.adds a.box-link{
	position:absolute;
	top:6px;
	left:93px;
	margin:0 0 0 12px;
	color:#1a1917;
	text-decoration:underline;
}
.adds a:hover{
	text-decoration:none;
}
.adds .add{
	display:inline;
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
}
.adds .add li{
	margin:0 0 0 4px;
	display:inline;
}
.adds .adds-list{
	float:right;
	overflow:hidden;
	margin:2px 4px 0 0;
	padding:0;
	list-style:none;
	color:#1a1917;
}
.adds .adds-list li{
	float:left;
	display:inline;
	margin:0 1px 0 -1px;
	padding:0 10px 0 12px;
	background:url(../images/trollbeads-gold.gif) no-repeat 0 50%;
}
.adds .adds-list li a{
	color:#1a1917;
	text-decoration:none;
}
.adds .adds-list li a:hover{
	color:#1a1917;
	text-decoration:underline;
}
/* main end */
/* footer start */
#footer{
	padding:20px 0 0 0;
}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	font-size:10px;
}
#footer li{
	display:inline;
	padding:0 5px 0 10px;
	background:url(../images/trollbeads-shop.gif) no-repeat 0 50%;
}
#footer li:first-child{
	background:none;
}
#footer li a{
	text-decoration:none;
}
#footer li a:hover{
	text-decoration:underline;
}
/* footer end */