* {
	margin:0;
	padding:0;
	color:#8c7c6c;
}

.xx {
	position: absolute;
	height: 257px;
}

.herfst {
	background-image: url(../images/herfst.jpg);
	background-repeat: no-repeat;
	height: 257px;
	width: 71px;
	position: absolute;
	margin: 30px 0 0 856px;
	display: none;
}

.jarig {
	background-image: url(../images/30jaar2.png);
	background-repeat: no-repeat;
	height: 250px;
	width: 70px;
	position: absolute;
	margin: 30px 0 0 856px;
	display: none;
}

.jarig2 {
	background-image: url(../images/30jaar.png);
	background-repeat: no-repeat;
	height: 250px;
	width: 70px;
	position: absolute;
	margin: 30px 0 0 -15px;
	display: none;
}

.sinterklaas {
	background-image: url(../images/sinterklaas.jpg);
	background-repeat: no-repeat;
	height: 269px;
	width: 67px;
	position: absolute;
	margin: 30px 0 0 856px;
	display: none;
}

.kerst {
	background-image: url(../images/kerst.jpg);
	background-repeat: no-repeat;
	height: 254px;
	width: 71px;
	position: absolute;
	margin: 30px 0 0 856px;
	display: none;
}

.lente {
	background-image: url(../images/lente.jpg);
	background-repeat: no-repeat;
	height: 254px;
	width: 71px;
	position: absolute;
	margin: 175px 0 0 856px;
	display: none;
}

.winter {
	background-image: url(../images/winter.jpg);
	background-repeat: no-repeat;
	height: 111px;
	width: 48px;
	position: absolute;
	margin: 375px 0 0 856px;
	display: none;
}

.herfst2 {
	background-image: url(../images/herfst2.png);
	background-repeat: no-repeat;
	height: 257px;
	width: 71px;
	position: absolute;
	margin: 30px 0 0 -15px;
	display: none;
}

.sinterklaas2 {
	background-image: url(../images/sinterklaas2.png);
	background-repeat: no-repeat;
	height: 269px;
	width: 67px;
	position: absolute;
	margin: 30px 0 0 -11px;
	display: none;
}

.kerst2 {
	background-image: url(../images/kerst2.png);
	background-repeat: no-repeat;
	height: 254px;
	width: 71px;
	position: absolute;
	margin: 30px 0 0 -15px;
	display: none;
}

.lente2 {
	background-image: url(../images/lente2.jpg);
	background-repeat: no-repeat;
	height: 254px;
	width: 71px;
	position: absolute;
	margin: 175px 0 0 -15px;
	display: none;
}

.winter2 {
	background-image: url(../images/winter2.png);
	background-repeat: no-repeat;
	height: 111px;
	width: 48px;
	position: absolute;
	margin: 375px 0 0 7px;
	display: none;
}


body {
  	margin:0px;
	padding:0px;
	font-family: Verdana;
	font-size:12px;
	background-color: #eeeae6;

}


#container {
	margin: 0 auto;
	width: 800px;
	background-color:#FFF;
}


#header {
	background-image: url("../GFX/header.jpg");
	width: 800px;
	height: 438px;
	margin-top:40px;
	z-index:2;
}


#menu {
	padding: 0px; 
}

hr	{ height:1px; border:0px; background-color:#cabdaf; }

#menu ul { /* all lists */
	float:right;
	padding: 0;
	margin: 0;
	list-style: none;background-color:#;
}


#menu ul li { /* all list items */
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-position: center right;
}


#menu ul li a {
	font-family: impact;
	color: #FFF;
	text-transform: uppercase;
	font-size: 17px; letter-spacing:1px;
	font-weight:400;
	display: block;
	float: right;
	height: 30px;
	text-align: center;
	padding: 8px 0 0 0;
	margin: 0 13px;
	text-decoration: none;
}




#menu ul li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 3.1em;
	left: 0;
	border: 1px solid #ccc;
	background-color: #8db5e8;
}

#menu ul li ul li a {
	display: block;
	height: auto !important;
	background-color: #a78462;
	color: #FFF;
	font-size: 12px !important;
	font-weight: normal !important;
	margin: 0 !important;
	width: 140px;
	padding: 0px 5px !important;
	text-align:left;
	text-decoration: none;
}

#menu ul li ul li a:hover { color:#e3d7bf;}

#menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#menu li:hover ul, #menu li.over ul { /* lists nested under hovered list items */
	display: block;
	color: #a78462;
	
}

ul#menuLos{
	list-style-type: none;margin-bottom:30px;
}
ul#menuLos li a {
	background-repeat: no-repeat;
	width: 275px;
	height: 15px;
	margin: 6px 0 5px 8px;
	padding: 12px 0 8px 15px;
	font-family:impact;
	text-transform:uppercase;
	font-weight:normal;letter-spacing:1px;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	display: block;
}

ul#menuLos li a:hover{
	color: #dfd1b5;
}

#banner {
	width: 203px;
	height: 157px;
	margin: 43px 0 0 644px;
	z-index: 10;
}


.bannerlink {
	display: block;
	width: 203px;
	height: 157px;
	text-decoration: none;
	position: absolute;
	margin: -157px 0 0 0;
	z-index: 1;
}


#breadcrumb {
	width: 800px;
	float:left;
	padding: 290px 0 0 40px; 
	color: #fff;
	font-size: 10px;
}

#breadcrumb a {
	color: #FFF;
	text-decoration: underline;
	font-weight:bold;
}

#breadcrumb p {
	color: #FFF;
	}

#title {
	width:400px;
	float:left; padding: 0 0 0 40px;
}

#title h1 {
	padding: 0; 
	margin: 0;
	color: #fff;
	letter-spacing:-1px;
	font-size: 24px; text-transform:uppercase;
}

#content {
	margin: 0;
	width: 800px;
	padding: 0px;
}

#content a {
	color: #6896ca;
}

#content a:hover {
	text-decoration: none;
}

#contentleft {
	float: left;
	width: 436px;
	min-height: 400px;
	padding: 25px 30px 5px 40px;
}

#contentleft h1 {
	color: #155094;text-transform:uppercase;
	letter-spacing: -2px;
	padding: 5px 0;
}

#contentleft h2 {
	color: #494949;
	padding: 5px 0;
}

#contentleft h3 {
	color: #494949;
	padding: 5px 0;
}

#contentleft p {
	line-height: 18px;
	padding: 5px 0;
	color: #8c7c6c;
	text-align: left;
}

#contentleft ul, #contentleft ol {
	padding: 5px 0;
	color: #494949;
	margin: 0 0 0 20px;
}


.product_blok {
  float:left;
  width:127px;
  height: 100px;
  background-color: #6d675b;
  color: #fff;
  margin: 0 10px 15px 0px;
  padding: 4px;
}


.product_blok .image {
	width: 127px;
	height: 85px;
	overflow: hidden;
}


.product_blok .image img {
  width:127px;
}



.product_blok a {
  color: #fff;
  margin: 0;
  text-align: center;
  text-decoration: none;
}


.product_blok a:hover {
  color: #fff;
  font-weight: normal;
  text-decoration:none;
}


#contentleft form fieldset legend {
  display: none;
}


#contentleft form fieldset dl {
   clear:both;
   float:left;
   margin: 0 0 0 0px;
}


#contentleft form fieldset dt {
   clear:both;
   float:left;
   width: 160px;
   padding: 10px 0 0 0;
}


#contentleft form fieldset dl dt.dt_postcode, #contentleft form fieldset dl dd.dd_postcode  {

   float:left;
   padding: 10px 0 0 0;
   width:80px;
}


#contentleft form fieldset dt.service {
   clear:both;
   float:left;
   width: 160px;

}

#contentleft form fieldset dd {
   float:left;
   width: 200px;
   padding: 10px 0 0 20px;
}


#contentleft form fieldset {
    border:0px solid #000;
    margin: 10px 0 0 0;
}


#contentleft fieldset dt.form_gegevens {

  clear: both;
  color: #494949;
  font-size: 0.9em;
  margin: 0px 45px 10px 0px;
  padding: 0px;
  text-align:left;
  font-weight: bold;
}


#contentleft form fieldset input.submit {
  clear: both;
  width: 74px;
  height: 21px;
  background: #333 url("../images/submit.gif") no-repeat;
  border: 1px solid #000;
  color: #fff;
  font-size: 0.9em;
  margin: 10px 0 10px 180px;
  	
}

#contentleft form fieldset input.pc_submit {
  float:left;
  outline: none;
  color: #EEE;
  font-size: 0.9em;
  background:none;
  border:none;
  cursor:pointer;
  padding: 10px 0 0 0;
  text-decoration: underline;

}


.slideshoweffect {
	z-index:2;
	position: relative;
	top: -45px;
	left: 506px;
	background-image: url("http://www.intreal.nl/GFX/slideshow2.png");
	width: 294px; 
	height:30px; 
}


#contentright {
	z-index:0;
	background-image: url("../GFX/sidebar.png");
	background-position: bottom;
	width: 294px;
	float: left;
	margin-top:-75px;
	padding-top:0;
	
}

#contentright p {
	padding: 0;
}

#contentright li  { margin:0;}



#footer {
	clear:both;
	background-image: url("../GFX/footer.jpg");
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 800px;
	height: 150px;
	padding-bottom:10px;
	margin-bottom:50px;
}

#social		{ width:80px; float:right; clear:both; }
#social img { border:0; }




#footer p {
	padding: 105px 0 0px 20px;
	margin: 0 0 0 0;
	color: #cabdaf;
	font-size: 10px;
}

#footer p a {
	color: #cabdaf;
}

#modal_container {
	padding:0;
	background-color:#fff;
	border:1px solid #000;
	overflow:none;
	scroll: none;
	font-family:"Lucida Grande",Verdana;
	font-size:12px;
	color:#333;
	text-align:left;
}

#modal_iframe {
	scroll: none;
	overflow: none;
}

#modal_container.test {
	background-color:#900;
	color:#fff;
	padding:30px;
	text-align:center
}

#modal_overlay {
	background-color:#000;
}

#modal_overlay.test {
	background-color:#fff;
}