* {
	margin: 0;
	padding: 0;
}

/*----------------tags-----------------------*/
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:62.5%;
	background-color:#fefdde;
	/*background-color:#384529;*/
}

a:link, a:visited {
	color:#005b52;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#005b52;
	text-decoration:underline;
}

p {
	font-size:1.1em;
	color:#005b52;
	line-height:2em;
}

h1 {
	font-size:14px;
	color:#005b52;
	line-height:20px;
	margin-bottom:3px;
}

h2 {
	font-size:14px;
	color:#005b52;
	line-height:1.5em;
}

h3 {
	font-size:14px;
	color:#fefdde;
	letter-spacing:1px;
		background-image:url(images/pay-ofBG.gif);
	background-repeat:no-repeat;
	background-position:center;
	line-height:2em;
}
/*----------------einde tags-----------------------*/

/*----------------classes -------------------------*/

.img {
	float:left;
}

.imgR {
	float:right;
	border:1px solid #FFFFFF;
	
}

.img_homeR {
padding-bottom: 48px;
padding-left:10px;
}

.img_paddingTop {
	padding-top:20px;
}

.clear {
	clear:both;
}

.border-top-left {
	border-top:#fefdde 3px solid;
	border-left:#fefdde 3px solid;
}

.border_top {
	border-top:#fefdde 3px solid;
}

/*----------------einde classes -------------------------*/

/*----------------id's -------------------------*/

#wrapper { /*gebruikt voor voorlopige site. kan later weg*/
	width: 900px;
	margin: 0 auto;
	background-image:url(images/logo_HMR_links.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
	
#wrapper2 {/*gebruikt voor definitieve site, om alles te centreren*/
	position:relative;
	top:10px;
	width: 915px;
	margin: 0 auto;
	height:700px;
	background-image:url(images/schaduw.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#fefdde;
	z-index:10;
}
	
/*#wrapperSchaduw{
	position:relative;
	top:1em;
	width: 91.5em;
	margin: 0 auto;
	height:70em;
	background-image:url(images/schaduw.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}*/

#logo {
	float:left;
	width:900px;
	height:auto;
}

#ImagesHome {/*gebruikt voor de index page en linkerzijde overige pagina's*/
	float:left;
	top:94px;
	left:0px;
	width:920px;
	height:546px;
}

#ImagesHome img{/*alleen gebruikt voor de index page*/
	float:left;
}

/*----------------einde id's -------------------------*/


/*-------------Navigatie-----------------*/
/*#navbarImage {
	position:absolute;
	top:9.4em;
	left:0em;
	width:18em;
	height:54.5em;
	background-image:url(images/HMR-interieur_menu.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}*/


#navbar {
	float:left;/*dit was position:absolute, maar dan deed ie het niet in ie6. Met float en een negatieve margin wel?!*/
	margin-top:-160px;
	left:0px;
	width:180px;
	height:auto;
}

#navbar ul {
	list-style-type:none;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-weight:bold;
	/*font-size:1.1em;*/
	font-size:12px;
	letter-spacing:0.2em;
}

#navbar ul li {
	float:left;
	width:160px;
	text-align:left;
	/*font-size:1em;
	height:1.8em;*/
	font-size:11px;
	line-height:18px;
	color:#065e42;
	margin:0;
	/*text-indent:3em;
	margin-top:0.3em;*/
	text-indent:30px;
	margin-top:3px;
}

#navbar ul li a:link, #navbar ul li a:visited{
	float:left;
	width:180px;
	/*font-size:1em;
	line-height:1.8em;*/
	font-size:11px;
	line-height:18px;
	color:#252e1b;
	text-decoration:none;
	background-color:#fefdde;
	filter:alpha(opacity=55);
	opacity: 0.5;
}

#navbar ul li a:hover {
	background-color:#fefdde;
	filter:alpha(opacity=100);
	opacity: 1;
	background-image:url(images/HMR_roosje.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding:0;
}
/* Current link */
#navbar .currentLink a:link, #navbar .currentLink a:visited {
	filter:alpha(opacity=100);
	opacity: 1;
	background-image:url(images/HMR_roosje.gif);
	background-position:center left;
	background-repeat:no-repeat;
}
/*-----------einde Navigatie-----------------------*/


/*-----------Content-------------------------------*/

#tekstContent {
	position:absolute;
	top:140px;
	left:200px;
	width:330px;
	height:440px;
	z-index:20;
	margin-right:10px;
	overflow: scroll;
}

#tekstContentR {
	position:absolute;
	top:410px;
	left:530px;
	width:325px;
	height:auto;
	background-color: #999966;
	color:#fefdde;
	font-size:12px;
	line-height:20px;
	z-index:20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	margin-left:0px;
}

#tekstContentContact{
	position:absolute;
	top:130px;
	left:200px;
	width:330px;
	height:500px;
	z-index:20;
}


#tekstPay-off {
	position:absolute;
	top:589px;
	left:200px;
	width:695px;
	height:50px;
	z-index:40;
}

#fotoContent {
	position:absolute;
	top:140px;
	left:530px;
	width:380px;
	height:auto;
	z-index:20;	
}

#WebshopContent {
	position:absolute;
	top:120px;
	left:200px;
	width:700px;
	height:auto;
}

#Webshoplist {
	list-style-type: none;
	width:730px;
	}

#Webshoplist li{
	float: left;
	width:auto;
	height:160px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:40px;
	color:#005b52;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:12px;
}
/*ie6*/
html #Webshoplist li{
	margin-bottom:35px;
}

/*ie7*/
+html #Webshoplist li{
	margin-bottom:35px;
}

#Webshoplist img{
	display: block;
	border:#005b52 1px solid;
	margin-bottom:5px;
}

.webshop_rechtsuitvul {
	display: block;
	border:#005b52 1px solid;
	margin-bottom:5px;
	padding-right:50px;
}

#meerWebshop{
	position:absolute;
	left:600px;
	top:610px;
	width:290px;
	height:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#005b52;
	text-align:right;
}

#bestellen {
	position:absolute;
	left:200px;
	top:610px;
	width:150px;
	height:auto;
}

#content_main{
	position:absolute;
	left:220px;
	top:20px;
	width:620px;
}

/*-----------------einde content-----------------------*/

/*-----------------form elementen----------------------*/

form{
	width:500px;
	padding:5px;
	/*border: 1px dotted #993300;*/
}

#sexe {
	position:absolute;
	width:240px;
	height:50px;
	top:130px;
	left:330px;
}

#sexe input{
	width:20px;
}

#versturen{
	position:absolute;
	width:215px;
	height:49px;
	top:863px;
	left:386px;
}

.clear{
	clear:both;
}
/*legend {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#711515;
}*/

input {
	width:200px;
	height:13px;
	border:#005b52 solid 1px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color:#005b52;
}
	
input.type {
	font-family: Georgia, "Times New Roman", Times, serif;
	width:100px;
	font-size:0.9em;
}

input.text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color:#005b52;
}

input.radio {
	float:left;
	display:inline;
	width:20px;
}

input.list {
	width:300px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:0.8em;
	color:#333333;
}

form p {
	clear: left;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	font-size:1em;
}

form p label{
	float:left;
	width:110px;
	font-size:11px;
}

select {
	width:203px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	color:#005b52;
	font-weight:bold;
}

/*-----------------einde form elementen----------------------*/

#collage {
	position:absolute;
	left:0px;
	top:0px;
	width:280px;
	height:296px;
	z-index:10;
	visibility:hidden;
}

#interieur_advies {
	position:relative;
	top:-200px;
	margin:0 auto;
	width: 700px;
	height:20px;
	background-color:#fefdde;
	z-index:1;
}
#header {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}