/* CSS Document */

html, body {
	width: 872px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#2c170d;
	width: 100%;
	overflow-x: hidden;
}

img {
	border:none;
}

#container {
	width: 872px;
	height: 670px;
	margin-top: -335px; 
	margin-left: -436px;
	position:absolute;
	background-image: url(../images/bg.jpg);
	background-repeat:no-repeat;
	left: 50%;
	top: 50%
}

#menubalk {
	position: absolute;
	width: 872px;
	height: 148px;
	top: 485px;
	left: 0px;
	background-image:url(../images/balk.png);
	background-repeat:no-repeat;
}

#content {
	position:absolute;
	width: 370px;
	height: 470px;
	color: #968278;
	top: 10px;
	left: 10px;
	overflow:auto;
	scrollbar-face-color: #000000;
	scrollbar-base-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-arrow-color: #c5c5c5;
	scrollbar-track-color: #000000;
}

h1 {
	padding-left: 10px;
	font-weight: normal;
	font-size: 15px;
	color: #968278;
}

h3 {
	padding-left: 10px;
	padding-top: 25px;
	font-size:11px;
	font-weight:normal;
	color: #968278;
}
h4 {
	padding-left: 75px;
	padding-bottom: 45px;
	padding-top: 65px;
	font-size:11px;
	font-weight:normal;
	color: #968278;
}



/* Navigation 1
-------------- */
ul#nav1 {
	margin-left:620px;
	margin-top: 10px;
	position: absolute;
	padding:0;
	color: #fff;
	top: 0px;     /* set the exact position of the navigation */
	left: 0px;		/* set the exact position of the navigation */
	width:109px;
	height:145px;
}
ul#nav1 li {
	padding:0;
	margin:0;
	text-indent:-9999px;	
	list-style-type:none;
	float:left;
}
ul#nav1 li a {
	border:0;
	color: #fff;
	display:block;
	text-decoration:none;
	background-image: url(../images/btnsa.png);
	
}

li#homepage a {
	width:105px;
	height:26px;
}

li#presentatie a {
	width:105px;
	height:30px;
}

li#uurwerken a {
	width:105px;
	height:31px;
}

li#juwelen a {
	width:105px;
	height:28px;
}
li#diensten a {
	width:105px;
	height:28px;
}


li#homepage a {	
	background-position:0px 0px;
}
li#homepage a.selected,li#homepage a:hover {	
	background-position:105px 0px;
}
li#presentatie a {	
	background-position: 0px -26px;
}
li#presentatie a.selected,li#presentatie a:hover {	
	background-position: 105px -26px;
}
li#uurwerken a {	
	background-position:0px -56px;
}
li#uurwerken a.selected,li#uurwerken a:hover {	
	background-position:105px -56px;
}
li#juwelen a {	
	background-position:0px -88px;
}
li#juwelen a.selected,li#juwelen a:hover {	
	background-position:105px -88px;
}
li#diensten a {	
	background-position:0px -116px;
}
li#diensten a.selected,li#diensten a:hover {	
	background-position:105px -116px;
}



/* Navigation 2
-------------- */
ul#nav2 {
	margin-left:710px;
	margin-top: 15px;
	position: absolute;
	padding:0;
	color: #fff;
	top: 0px;     /* set the exact position of the navigation */
	left: 0px;		/* set the exact position of the navigation */
	width:130px;
	height:145px;
}
ul#nav2 li {
	padding:0;
	margin:0;
	text-indent:-9999px;	
	list-style-type:none;
	float:left;
}
ul#nav2 li a {
	border:0;
	color: #fff;
	display:block;
	text-decoration:none;
	background-image: url(../images/btnsb.png);
	
}

li#eigencreaties a {
	width:130px;
	height:27px;
}

li#edelstenen a {
	width:130px;
	height:30px;
}

li#promoties a {
	width:130px;
	height:30px;
}

li#ligging a {
	width:130px;
	height:29px;
}
li#contact a {
	width:130px;
	height:28px;
}


li#eigencreaties a {	
	background-position:0px 0px;
}
li#eigencreaties a.selected,li#eigencreaties a:hover {	
	background-position:130px 0px;
}
li#edelstenen a {	
	background-position: 0px -27px;
}
li#edelstenen a.selected,li#edelstenen a:hover {	
	background-position: 130px -27px;
}
li#promoties a {	
	background-position:0px -58px;
}
li#promoties a.selected,li#promoties a:hover {	
	background-position:130px -58px;
}
li#ligging a {	
	background-position:0px -88px;
}
li#ligging a.selected,li#ligging a:hover {	
	background-position:130px -88px;
}
li#contact a {	
	background-position:0px -118px;
}
li#contact a.selected,li#contact a:hover {	
	background-position:130px -118px;
}