html{
	background: #bfd7df url('../images/html-bg.jpg') repeat-x;
	height:100%;
	font-size:62.5%;
}
body{
	margin: 0;
	width: 890px;
	margin: 0 auto;
	padding: 0;
	background: url('../images/container-bg.jpg') repeat-y;
	font: 1.1em "Arial";
}
br.clear { 
	clear: both;
}

a:active
{
  outline: none;
}

a
{
  outline: none;
}

/* header */
#header{
	height:220px;
	background: url('../images/bg001.jpg') no-repeat; 
}
#header p{
	font: 1.1em "Verdana";
	color: #FFF;
	margin: 0;
	text-align: right;
	padding: 216px 140px 0 0;
	letter-spacing: 1px;
}

#header .banner {
	width: 468px;
	height: 60px;
	padding: 63px 0 0 350px;
}
#header .banner img {
	border: none;
}
#header #topmenu {
	list-style: none;
	margin: 0;
	padding: 26px 0 0 10px;
	font: 1.1em "Arial";
	height: 30px;
}
#header #topmenu li  {
	float: left;
	padding: 0 0 0 54px;
}
#header ul#topmenu a {
	color: #000000;
	text-decoration: none;
	padding: 6px 0 8px 2px;
	*padding: 0px 0 8px 2px;
	height: 26px;
	line-height: 26px;
}
#header ul#topmenu a span {
	padding: 6px 3px 8px 3px;
}
#header ul#topmenu a:hover {
	background: url('../images/topmenu-hover.jpg') no-repeat left top;
}
#header ul#topmenu a:hover span {
	background: url('../images/topmenu-hover.jpg') no-repeat right top;
	font-weight: bold;
}

/* topmenu 2 */
#header #topmenu2 {
	list-style: none;
	margin: 0;
	padding: 0 0 0 50px;
	font: 1.1em "Arial";
}
#header #topmenu2 li  {
	float: left;
	padding: 0 0 0 5px;
}
#header ul#topmenu2 a {
	color: #fff;
	text-decoration: none;
	padding: 6px 0 8px 16px;
	*padding: 0 0 8px 16px;
	height: 26px;
	line-height: 26px;
	background: url('../images/topmenu-2-bg.jpg') no-repeat left top;
}
#header ul#topmenu2 a span {
	padding: 6px 23px 8px 3px;
	background: url('../images/topmenu-2-bg.jpg') no-repeat right top;
}
#header ul#topmenu2 a:hover {
	background: url('../images/topmenu-2-hover.jpg') no-repeat left top;
}
#header ul#topmenu2 a:hover span {
	background: url('../images/topmenu-2-hover.jpg') no-repeat right top;

}
#header ul#topmenu2 a.meer {
	display: block;
	font-weight: bold;
	width: 75px;
	padding: 0;
	text-align: center;
	background: url('../images/topmenu-2-meer.jpg') no-repeat left top;
}
/* container */
#container {
	background: url('../images/bg001.jpg') no-repeat; 
	height: auto;
}
/* container2 */
#container2 {
	height: auto;
}
/* content */
#content {
	height: auto;	
}

/* left */
#content #left {
	float: left; 
	width: 197px;
	padding: 20px 0 0 30px;
	font: 1.1em "Arial";
	color: #000000;
}
#content #left .box {
	width: 172px;
	background: url('../images/left-menu-repeat.jpg') repeat-y 0 2px;
	margin-bottom: 10px;
}
#content #left .box .wrapper {
	background: url('../images/left-menu-top.jpg') no-repeat; 
}
#content #left a {
	text-decoration: none;
	color: #000000;
}
#content #left ul {	
	list-style: none;	
	margin: 0 0 0 16px;
	padding: 2px 0 0 15px;
	background: url('../images/left-menu-ul-bg.jpg') repeat-y 0 2px;
}
#content #left ul.other {	
	background: url('../images/left-menu-ul-bg.jpg') repeat-y 0 23px;
}
#content #left ul li {	
	height: 20px;
	line-height: 20px;
	padding-bottom: 1px;
}
#content #left ul li.last-dark {	background: url('../images/left-menu-last-dark.jpg') no-repeat; height: 22px; border: none; margin-left: -31px; padding: 0 0 0 31px;}
#content #left ul li.last-light {	background: url('../images/left-menu-last-light.jpg') no-repeat; height: 22px; border: none;  margin-left: -31px; padding: 0 0 0 31px;}

#content #left h5 {	
	height: 20px;
	line-height: 20px;
	padding: 1px 0 0 10px;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	
}
#content #left h5.less {	
	padding: 0px 0 0 10px;
	height: 19px;
}

/* right */
#content #right {
	width: 592px;
	float: left;
	padding: 20px 0 0 0;
}
#content #right .wrapper-top {
	padding: 10px 0 15px 0;
}
#content #right .wrapper-top .left {
	float: left;
	width: 187px;
	padding: 4px 0 0 0;
}
#content #right .wrapper-top .right  {
	width: 392px;
	float: left;
	padding: 0 0 0 10px;
}
#content #right .wrapper-top .right p {
	margin: 0;
	text-align: justify;
	font-size: 1.2em;
	padding: 0 0 7px 0;
	line-height: 14px;
}
#content #right .wrapper-top .right h2 {
	height: 17px;
	background: url('../images/wrapper-top-h2.jpg') no-repeat;
	font-size: 1.2em;
	color: #1c75b4;
	padding: 2px 0 0 10px;
	margin: 0;
}
#content #right .wrapper-top .right ul {
	line-height: 20px;
	font-size: 1.1em;
	background: url('../images/wrapper-top-ul.jpg') repeat-y;
	list-style: none;
	margin: 0;
	padding: 0 0 0 40px;
}
	/* boxes */
	#content #right .boxx {
		width: 291px;
		height: 114px;
		padding: 0 0 15px 0;
	}
	#content #right .boxx.dark {
		background: url('../images/box-bg.jpg') no-repeat;
	}
	#content #right .boxx.light {
		background: url('../images/box-light-bg.jpg') no-repeat;
		padding-top: 1px;
	}
	#content #right .boxx.lleft {
		float: left;
	}
	#content #right .boxx.rright {
		float: right;
	}
	#content #right .boxx .left {
		float: left;
		width: 73px;
		height: 100px;
		padding: 5px 0 0 8px;
	}
	#content #right .boxx .right {
		width: 210px;
		float: left;
	}
	#content #right .boxx .top {
		height: 73px;
		text-align: center;
	}
	#content #right .boxx .top p {
		margin: -6px 0 0 0;
		padding: 0 0 3px 0;
		color: #000;
		font-size: 11px;
		text-align: center;
	}
	#content #right .boxx .top span {
		font-weight: bold;
		font-size: 18px;
		color: #bb0000;
		display: block;
		text-align: center;
	}
	#content #right .boxx .bottom {
		padding: 11px 0 0 9px;

	}
	#content #right .boxx .bottom a {
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
	}
	
	#content #right .boxx .bottom b {
		display: block;
		width: 86px;
		float: left;
		text-align: center;
		padding: 0 0 0 16px;
	}
	#content #right .boxx .bottom span {
		display: block;
		width: 86px;
		float: left;
		text-align: center;
	}
	#content #right .content {
		width: 592px;
		background: #f0f0f1 url('../images/content-top.jpg') no-repeat; 
	}

	#content #right .content p {
		font-size: 1.1em;
		padding: 6px 20px;
		margin: 0;
	}
	#content #right .content .left {
		float: left;
		width: 160px;
		height: 218px;
		padding: 10px 0 0 10px;
	}

	#content #right .content .right  {
		width: 422px;
		float: left;
	}
	#content #right .content .right p {
		font-size: 1.1em;
		padding: 0 0 3px 30px;
		margin: 0;
	}
	#content #right .content .right .button {
		width: 117px;
		height: 116px;
		background: url('../images/korting-button.png') no-repeat; 
		float: left;
		padding: 0 0 0 10px;
	}
	#content #right .content .right .wrapper {
		width: 250px;
		float: left;
		padding: 10px 0 0 0;
	}
	#content #right .content .right .wrapper p {
		font-size: 14px;
		font-weight: bold;
		padding: 0 0 20px 0;
	}
	#content #right .content .right .wrapper b {
		font-size: 14px;
		font-weight: normal;
		padding: 0 0 0 0;
		display: block;
	}
	#content #right .content .right .wrapper em {
		font-size: 20px;
		font-weight: bold;
		padding: 0 0 0 0;
		font-style: normal;
	}
	#content #right .content .right .wrapper em span {
		color: #b30000;
	}
	#content #right .content .right .wrapper .buttons {
		padding: 7px 0 0 4px;
		height: 31px;
		width: 196px;
		background: url('../images/buttons2.jpg') no-repeat;
	}
	#content #right .content .right .wrapper .buttons b {
		font-size: 11px;
	}
	#content #right .content .right .wrapper .buttons a {
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
	}
	
	#content #right .content .right .wrapper .buttons b {
		display: block;
		width: 86px;
		float: left;
		text-align: center;
		padding: 0 0 0 14px;
		font-size: 11px;
	}
	#content #right .content .right .wrapper .buttons span {
		display: block;
		width: 86px;
		float: left;
		text-align: center;
	}
	#content #right .content-bottom {
		height: 17px;
		background: url('../images/content-bottom.jpg') no-repeat;
		text-align: center;
	}
/* footer */
#footer {
	width: 962px;
	height: 86px;
	background: url('../images/footer-bg.jpg') no-repeat;
	font: 1.0em "Verdana";
}

#footer p {
	margin: 0;
	text-align: center;
	padding: 16px 0 0 0;
	color: #FFF;
}
#footer p a {
	text-decoration: none;
	color: #FFF;
}
#footer p a:hover {
	border-bottom: 1px DOTTED #FFF; 
}


.link { 
	border-bottom:1px dotted #000;
	text-decoration:none;
	color:#000;
}
.link:hover { 
	border-bottom:1px dotted #B30000;
	text-decoration:none;
	color:#000;
}