@charset "utf-8";
/* CSS Document */

html, body{height:100%}

body {
	font-family:Tahoma, Verdana, Arial, Helvetica;
	color:#648aae;
	font-size:11px;
	background-image:url(../images/submenu/bg.gif);
	background-position:left;
	background-repeat:repeat-y;
	margin:0px;
	background-color:#efe9dc;
}

.red_body {
	color:#fff;
}

.main_content {
	background-image:url(../images/main%20content/content_bg.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.bg_menu {
	background-image:url(../images/menu/menu.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:100%;
}

.content {
	width:684px;
}

.boxxes_what {
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:11px;
	color:#355c82;
}

.boxxes_para {
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:11px;
	color:#fff;
}


			/* Recente Klanten */


.recente_klanten {
	background-image:url(../images/bottom/recente%20klanten/recente_klanten.gif);
	background-position:right;
	background-repeat:no-repeat;
	position:absolute;
	margin-left:453px;
	width:231px;
	height:38px;
	display:block;
	outline: none;
}

.current_assignment {
	background-image:url(../images/bottom/recente%20klanten/recente_klanten_en.gif);
	background-position:right;
	background-repeat:no-repeat;
	position:absolute;
	margin-left:453px;
	width:231px;
	height:38px;
	display:block;
	outline: none;
}

.recente_klanten_right {
	background-image:url(../images/bottom/recente%20klanten/recente_klanten_right.gif);
	background-position:right;
	background-repeat:no-repeat;
	position:absolute;
	margin-left:231px;
	width:2px;
	height:178px;
	display:block;
	outline: none;
}

.bg_line {
	width:100%;
	height:1px;
	border-bottom:1px solid #e0d7c2;
	
}

.alle_recente_klanten a{
	background-image:url(../images/bottom/recente%20klanten/alle.gif);
	position:absolute;
	margin-left:162px;
	width:46px;
	height:29px;
	display:block;
	outline: none;
}
.alle_recente_klanten a:hover {
	background-position:0 29px ;
}

.r_k {
	height:178px;
}

.r_k ul{
	list-style-type: none;
	margin:0;
	margin-left: 45px;
	padding:0;
	padding-top:60px;
}

.r_k li{
	display:inline;
	margin:0;
	padding:0;
}

.r_k a{
	float:left;
	background:url(../images/bottom/recente%20klanten/rollover/over_left.gif) no-repeat left top;
	margin:0;
	margin-right: 5px;
	padding:0 0 0 6px;
	text-decoration:none;
	display:block;
	outline: none;
}

.r_k a span {
	float:left;
	display:block;
	background:url(../images/bottom/recente%20klanten/rollover/over_right.gif) no-repeat right top;
	padding: 1px 15px 1px 10px;
	font-size:11px;
	color:#fff;
	font-weight:bold;
}

/* Hack IE5-Mac \*/
.r_k a span {float:none;}
/* Einde IE5-Mac hack */

.r_k a:hover span {
	color: #2b600e;
}

.r_k a.current{
	background-position:0 -62px;
}

.r_k a.current span{
	background-position:100% -62px;
	color: #2b600e;
}

.r_k a:hover{
	background-position:0% -62px;
}

.r_k a:hover span{
	background-position:100% -62px;
}





a.beige_bg_button{
	background: transparent url('../images/main content/buttons/beige_bg/beige_bg_button_left.gif') no-repeat top left;
	display: block;
	float: left;
	font: bold 11px Tahoma, Verdana, Arial, Helvetica;
	line-height: 20px;
	height: 26px; /* Height of button background height */
	padding-left: 32px; /* Width of left menu image */
	text-decoration: none;

}

a:link.beige_bg_button, a:visited.beige_bg_button, a:hover.beige_bg_button, a:active.beige_bg_button{
	color:#8a1e24; /*button text color*/
}

a.beige_bg_button span{
	background: transparent url('../images/main content/buttons/beige_bg/beige_bg_button_right.gif') no-repeat top right;
	display: block;
	padding: 3px 30px 3px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.beige_bg_button{ /* Hover state CSS */
	background-position:0 -26px;
}

a:hover.beige_bg_button span{ /* Hover state CSS */
	background-position: bottom right;
	color:#244f79;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}



a.red_bg_button{
	background: transparent url('../images/main content/buttons/red_bg/red_bg_button_left.gif') no-repeat top left;
	display: block;
	float: left;
	font: bold 11px Tahoma, Verdana, Arial, Helvetica;
	line-height: 20px;
	height: 26px; /* Height of button background height */
	padding-left: 32px; /* Width of left menu image */
	text-decoration: none;

}

a:link.red_bg_button, a:visited.red_bg_button, a:hover.red_bg_button, a:active.red_bg_button{
	color:#8a1e24; /*button text color*/
}

a.red_bg_button span{
	background: transparent url('../images/main content/buttons/red_bg/red_bg_button_right.gif') no-repeat top right;
	display: block;
	padding: 3px 30px 3px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.red_bg_button{ /* Hover state CSS */
	background-position:0 -26px;
}

a:hover.red_bg_button span{ /* Hover state CSS */
	background-position: bottom right;
	color:#244f79;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}








.news_list {
	width: 100%;
	margin-left:0px;
	padding-left:0px;
}

.news_list li {
	float:left;
	list-style-type: none;
	background-image:url(../images/main%20content/arrow2.gif);
	background-position:0 7px;
	background-repeat:no-repeat;
}
.news_list li a{

	font:11px Tahoma, Verdana, Arial, Helvetica;
	color:#9c494c;
	display: block;
	padding: 6px 0;
	padding-left: 10px;
	margin-left:18px;
	text-decoration: none;
	border:1px solid #fff;

}

* html .news_list li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
	width: 200px;
}

.news_list li a:visited, .submenu_menu li a:active{
	color:#9c494c;
}

.news_list li a:hover{
	border:1px solid #efeade;
	background-color:#f6f2e8;
}