* {
	margin:0;
	padding:0; }
	
.box_red { padding: 10px; border-style: solid; background-color: #FCBDBD; border-width: 1px; border-color: #C77F7F; margin-bottom: 5px; margin-top: 5px; }

.box_green { padding: 10px; border-style: solid; background-color: #C0EFB5; border-width: 1px; border-color: #81BD71; margin-bottom: 5px; margin-top: 5px; }

body {
	font-family: Arial,Verdana,sans-serif;
	color:#58585A;
	font-size:12px; 
	margin-top: 15px;
	background-color: #FFFFFF; }
	
a {
	color:#0086CB; 
	text-decoration:none; }
	
	
	
a img {
	border:none; }

	
h1 {
	color:#0086CB;
	font-size:18px;
	font-weight:normal;
	margin-bottom:20px; }
	
p {
	line-height:23px;
	overflow:hidden; }

#outer_container {
	width:904px;
	margin:0 auto; }
	
#container {
	margin:0 auto;
	width:872px; }	
/*logo*/
#head {
	height: 115px;
	overflow:hidden; }
	
#head #logo {
	margin:0 0 19px 33px;
	float:left;
	display:inline; }
	
#head .phone {
	display:inline;
	float:right;
	height:24px;
	background: url(images/phone.png) no-repeat left top;
	color:#039DE3;
	margin: 84px -40px 0 0; 
	padding: 2px 0 0 35px;
	font-size:18px;
	letter-spacing:0;
}

/* /logo*/

/* menu */
#menu {
	height:31px;
	background-color:#039DE3;
	margin-bottom:5px;
	position:relative; }
	
#menu #main_menu {
	position:absolute;
	top:0;
	left:0;
	height:30px;
	margin-left:-1px;
	z-index:4; }

#main_menu li a {
	display:block;
	background-color:#039DE3;
	float:left;
	height:23px;
	padding:0 20px;
	border:1px solid white;
	border-left:none;
	border-top:none;
	padding-top:8px; }
	
#main_menu li a:hover {
	background:#646466; }
	
#main_menu li ul {
	display:none;	
	background:#039de3; }
	
#main_menu li {
	float:left;
	display:inline;
	position:relative; }
	
#main_menu li:hover ul {
	display:block;
	position:absolute;
	top:31px;
	left:-1px;
	border:1px solid white; }
	
#main_menu li ul li {
	float:none; }
		
#main_menu li ul li a {
	border:none;
	height:19px;
	display:block;
	padding-left:16px;
	padding-top:5px;
	width:170px;
	color:white;
	float:none; }
	
#main_menu li ul li a:hover {
	color:white; }
/* /menu*/	
/* /menu */

/* header */
#header {
	overflow:hidden;
	margin-bottom:23px; }

#header .flash {
	margin: 0px;
	overflow: hidden;
}
	
#header .content {
	float: right;
	display: inline;
	position: relative;
	margin-bottom: -229px;
	top: -229px;
}
	
#header .content .login {
	width:246px;
	height:94px;
	background:#646466; 
	margin-bottom:5px;
	color:white;
	padding-left:13px;
	padding-top:18px; }

#header .content .login a {
	color: white;
	text-decoration: none;
}

#header .content .login a:hover {
	text-decoration: underline;
}
	
.login input {
	width:141px;
	height:19px;
	border:1px solid #575759;
	background:#e0e0e0;
	padding-left:2px;
}
	
.login td {
	padding-bottom:5px; }
/* /header */

/* content */
#content {
	overflow:hidden; 
	margin-bottom: 20px;
	background: none;
	border: 0;
	}
	
#content .more {
	display:in-line;
	float:right;
	color:#0086CB;
	margin-top:14px; }
	
#content a:hover {
	text-decoration: underline; }
	
#content ul {
	list-style:none;
	border:1px solid #D0CFCC;
	border-left:none;
	border-top:none;
	border-right:none; }
	
#content .listitem
{ 
display: list-item; 
list-style-image: url(images/listitem.gif); 
margin-left: 30px;
}

#content .listitem_blauw
{ 
display: list-item; 
list-style-image: url(images/listitem_blauw.gif); 
margin-left: 30px;
}

#left .toprow {
	height:27px;
	line-height:27px;
	padding-left: 5px;
	vertical-align:middle;
	font-weight: bold;
}
	
#left .grey {
	color:#58585A;
	background:#E7E7E5;
	border:1px solid #D0CFCC;
	border-left:none;
	border-bottom:none;
	border-right:none;
	height:27px;
	line-height:27px;
	padding-left: 5px;
	vertical-align:middle;
}
#left .white {
	color:#58585A;
	background:white;
	border:1px solid #D0CFCC;
	border-left:none;
	border-bottom:none;
	border-right:none;
	height:27px;
	line-height:27px;
	padding-left: 5px;
	vertical-align:middle;	
}

#content li a{
	color:#58585A;
	background:white;
	border:1px solid #D0CFCC;
	border-left:none;
	border-bottom:none;
	border-right:none;
	height:27px;
	line-height:27px;
	padding-left: 14px;
	vertical-align:middle;
	display:block; }

#content li a:hover {
	text-decoration: none;
}
	
#content #right li a {
	color:#0086CB;
	padding-left:14px; }
	
#content #right li a:hover {
	color:white;
	text-decoration: none; }
	
#content #right ul {
	margin-bottom:27px; }
	
#content #right .online_offerte {
	background:url(images/online_offerte.png) no-repeat;
	width:259px;
	height:200px; 
}
	
.online_offerte p {
	color:white;
	margin-top:145px;
	margin-left:12px; }
	
.online_offerte a {
	color:white;
	text-decoration:none; }
	
#content li a span {
	color:#0086CB;
	margin-right:17px;}
	
#content li.grey a {
	background:#E7E7E5; }

#content .greybox {
	background: #E7E7E5;
	border-style: solid;
	border-color: #D0CFCC;
	border-width: 1px;
	padding-left: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#content .klantloginbutton {
	background: #E7E7E5;
	border-color: #D0CFCC;
	border-style: solid;
	border-width: 1px;
	padding-top: 10px;
	margin-right: 17px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 125px;
	height: 100px;
	text-align: center;
	display: inline-block;	
}

#content .inputtext {
	border-style: solid;
	border-color: #0086CB;
	border-width: 1px;
	background-color: white;
	padding-left: 2px;
	font-family: Arial,Verdana,sans-serif;
	font-size: 12px;
}

#content .inputsubmit {
	background-color: #0086CB;
	color: #FFFFFF;
	border: 1px solid #0086CB;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 12px;
}
	
#content li.white a {
	background:white; }
	
#content li a:hover {
	background:#039DE3;
	color:white; }
	
#content li a:hover span {
	color:white;
	text-decoration: none; }	
/* /left */	
#content #left {
	float:left;
	display:inline;
	width:588px;
	margin-right: 25px;
	overflow: hidden;}

#content #left_full {
	float:left;
	display:inline;
	width:847px;
	margin-right: 25px; }
/* /left */
	
/* right */
#content #right {
	float:left;
	display:inline;
	width:259px; }	
/* /right */
	
/* /content */
/* footer */
#footer {
	border:1px solid #D0CFCC;
	border-left:none;
	border-bottom:none;
	border-right:none;
	padding-top:5px;
	text-align:center;
	line-height: 17px;
	clear: both;
	zoom: 1;}
	
#footer a {
	color:#58585A; }
	
#footer .bottom_footer {
	background: #646466;
	margin-top:15px;
	padding-top:10px;
	color:#B2B0B4; 
	font-size:11px;
	margin-bottom: 0px; }
	
#footer .bottom_footer a {
	color: #B2B0B4;
	text-decoration: underline;
	font-size: 11px; }
	
#footer .bottom_footer a:hover {
	text-decoration: underline;
	color: white;
}	
#footer .bottom_footer ul {
	list-style:none;
/*	overflow:hidden; */
	margin-bottom:16px;
	margin-left:-10px;  
	}
	 
#footer .bottom_footer li {
	display:list-item;
	background:url(images/listitem_grijs.gif) left no-repeat;
	padding-left:13px;
	margin-left:10px; }
	
/* /footer*/

/* sIFR */     
.sIFR-active h1,
.sIFR-active p.phone {
	visibility: hidden;
    font-family: Verdana;
}
.sIFR-active h1 {font-size: 18px;}
.sIFR-active p.phone {font-size: 18px;}

/* Standaard waarden, niet aanpassen ! */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  .sIFR-replaced, .sIFR-ignore {  visibility: visible !important;  }
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}
@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  } 
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

/* referenties */

ol#referenties {
    list-style: none;
}

ol#referenties li {
    float: left;
    padding-right: 15px;
    margin: 6px 0;
}

ol#referenties li#last {
    float: left;
    padding: 0px;
}

/* meldingen - klantenlogin */