@charset "utf-8";

/*
	Version: 1.0
	Name: Delta Lloyd
	Date: 18 Augustus 2009
	Project: Pensioenportfolio
	Project URI: 
*/

/* Imports */
@import url("reset.css");
@import url("external.css");
@import url("sifr.css");

/***** GLOBAl *****/

/* Body */
body {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 62.5%; /* 10px */
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}

/* Headings */
h1 {font-size: 2.2em}	/* 24px */ 
h2 {font-size: 2.0em}	/* 22px */
h3 {font-size: 2.0em}	/* 22px */


h1 {
	font-weight: bold;
	line-height: 1em;
	margin: 0;
	padding: 0 0 2px 0 0;
	color: #000;
}
h2 {
	font-weight: bold;
	line-height: 1em;
	margin: 0;
	padding: 0 0 14px 0;
	color: #484443;
}

h3 {
	font-weight: bold;
	line-height: 1em;
	margin: 0;
	padding: 0 0 5px 0;
	color: #00aeef;
}

h3.grijs {
		font-weight: bold;
	line-height: 1em;
	margin: 0;
	padding: 0 0 5px 0;
	color: #484443;	
}

h3.zwart {
		font-weight: bold;
	line-height: 1em;
	margin: 0;
	padding: 0 0 5px 0;
	color: #000;	
}



/* Anchors */
a {outline: none;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #00aeef;
	text-decoration: underline;
}
a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a.active {
	color: #00aeef;
	text-decoration: underline;
}

/* Paragraphs */
p {margin-bottom: 10px; }

ol, ul {
	list-style: disc;
	padding-left: 30px;
}

/* Input */


.center {
	width: 900px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 0 14px;
}

#objectgegevens th, #veilinginfo th {
	text-align: left;
	width: 100px;
	vertical-align: top;
	font-weight:bold;
}


/***** SPECIFIC *****/
/* WRAPPERS */
#wrapper_body {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-color: #FFF;
	
}


/* HEADER */
#wrapper_header {
	width: 100%;
	margin: 21px 0 0 0;
	position: relative;
	float: left;
	padding: 0;
}

#header_left {
	width: 900px;
		position: relative;
	float: left;
}

	#header_left .uitloggen a, #header_left .uitloggen a:link,  #header_left .uitloggen a:active{
 		font-size: 1.1em;
 		color: #000;
 	}
 
	#header_left .uitloggen a:hover{
	 	 color: #fff;
  	}

	#header_left .logo {
		padding: 0;
		height: 77px;
		width: 170px;
		padding: 0 14px 0 0;
		float:left;
	}



.uitloggen {
	width: 60px;
	position: relative;
	float: right;
	text-align:right;
	padding: 4px 0 0  0;
 	margin: 0;
 }

.veiling {
	height: 37px;
	padding: 15px 0 0 0;

}

/* MENU */

.menu {
	float: left;
	background-color:#bbd9eb;
	padding: 0 14px 0 19px;
	width: 682px;
	height: 77px;
}

/* IE6 hack */
* html .menu {
	float: left;
	background-color:#bbd9eb;
	padding: 0 13px 0 19px;
	width: 681px;
	height: 77px;
}


#topmenu ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;

}
#topmenu li {
	position:relative;
	float:left;
	margin:0 6px 0 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	background-color:#FFF;
}

#topmenu a:link, #topmenu a:visited {
	color: #000;
	font-weight:bold;
	font-size: 1.1em;
	text-decoration: none;
	display: block;
	padding: 7px 17px 7px 2px;
	float: left;
	background-color:#FFF;

}
#topmenu a:hover, #topmenu a:active {
		color: #00aeef;
}

#topmenu #active_topmenu {
		background-color:#ddecf5;
}


#topmenu #active_topmenu a, #topmenu #active_topmenu a:visited, #topmenu #active_topmenu a:active, #topmenu #active_topmenu a:hover{
	padding-bottom:7px;
	font-weight:bold;
		background-color:#ddecf5;
		color: #000;
}

/* SUBMENU */

#submenu {
	width: 696px;
	margin: 0 23px 0 0;
	background-color: #ddecf5;
	float: right;
	padding: 8px 0 0 18px;
	height: 22px;
	background-image: url(../images/bg_submenu.gif);
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
}

/* IE^ hack */
* html #submenu {
	width: 695px;
	margin: 0 12px 0 0;
	background-color: #ddecf5;
	border-left: solid 1px #fff;
	float: right;
	padding: 8px 0 0 18px;
	height: 22px;
	background-image: url(../images/bg_submenu.gif);
	background-repeat: repeat-x;
	background-position: 1px top;
	position: relative;
}



#submenu a:link, #submenu a:visited {
	color: #000;
	font-weight:normal;
	font-size: 1.1em;
	text-decoration: none;

}
#submenu a:hover, #submenu a:active {
	text-decoration: underline;
}

#submenu #active_submenu {
	font-weight:bold;
}


#submenu #active_submenu a, #submenu #active_submenu a:visited, #submenu #active_submenu a:active, #submenu #active_submenu a:hover{

	font-weight:bold;
	color: #000;
	text-decoration: none;
}

.divider {
	color: #8a8889;
}


/*breadcrumbs */
#breadcrumb {
	margin: 14px 0 14px 0;
	color: #00a6d6;
}



/* CONTENT */

#wrapper_content {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}

#media {
	width: 900px;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
}

.subkop {
	font-size: 1.1em;
}


/* kolommen indeling */
#content_left {
	width: 534px;
	padding: 0;
	position: relative;
	float: left;
	margin: 0;
	font-size: 1.1em;
	color: #454545;
	line-height: 145%;
}

#content_right {
	width: 336px;
	padding: 0;
	position: relative;
	float: right;
	margin: 0;
	font-size: 1.1em;
	color: #454545;
	line-height: 145%;
}



/* FOOTER */
#wrapper_footer {
	width: 100%;
	margin: 40px 0 40px 0;
	padding: 0;
	position: relative;
	color: #00aeef;
	font-size: 1em;
}

.bg_footer {
	width: 900px;
	height: 42px;
	margin: 0;
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#disclaimer{
	width: 670px;
	position: relative;
	float: right;
	text-align:right;
	padding: 18px 10px 0 0;

}

#disclaimer a, #disclaimer a:link, #disclaimer a:active {
	color: #00aeef;
	text-decoration: underline;
}

#disclaimer a:hover, #disclaimer a:active:hover {
	color: #071d64;
}

/* SPACERS */
.spacer_0px {
	clear: both;
	width: 10px;
	height: 0px;
	overflow: hidden;
}


/* formulier */

.form {
	width: 350px;
	font-size: 11px;
}

/* veiling */

#veilinginfo {
	background-color: #e2eff7;
	width: 296px;
	padding: 18px 20px 18px 20px;
	margin: 0 0 15px 0;
}

#objectgegevens {
	width: 294px;
	padding: 18px 20px 18px 20px;
	border: solid 1px #d3d3d3;
	margin: 0 0 15px 0;
}

#send_a_friend {
	width: 296px;
	padding: 20px;
}

.video_links{
	width: 534px;
	height: 252px;
	background-color:#CCC;
	float: left;
	margin: 0 0 30px 0;
}

.video_rechts {
	width: 336px;
	height: 252px;
	background-color:#CCC;
	float: right;
	margin: 0 0 30px 0;
}

#bod_uitbrengen {
	width: 494px;
	background-color: #e2eff7;
	margin: 30px 0 0 0;
	padding: 20px 20px 18px 20px;
}

#bod_uitbrengen_bekend {
	width: 494px;
	background-color: #e2eff7;
	margin: 30px 0 0 0;
	padding: 20px 20px 18px 20px;
	display:none;
}

#reminder_aanvraag {
	width: 494px;
	background-color: #e2eff7;
	margin: 30px 0 0 0;
	padding: 20px 20px 18px 20px;
	display: none;
}

.form_bod {
	color: #000;
}

.form_bod th {
	width: 110px;
	text-align: left;
}

.form_bod td {
	padding: 0 0 3px 0;
}

.form_mail {
	color: #000;
}

.form_mail th {
	width: 140px;
	text-align: left;
}

.form_mail td {
	padding: 0 0 3px 0;
}

.euro {
	width: 15px;
}

.b_plaats_bod {
	display:block;
	width: 101px;
	height: 27px;
	float:right;
	background-image: url(../images/plaats_bod.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -3000px;
	outline: none;
	margin: 10px 0 0 0;
}

.b_verstuur {
	display:block;
	width: 91px;
	height: 27px;
	float:right;
	background-image: url(../images/verstuur2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -3000px;
	outline: none;
	margin: 10px 0 0 0;
}

.b_bevestig {
	display:block;
	width: 89px;
	height: 27px;
	float:right;
	background-image: url(../images/bevestig.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -3000px;
	outline: none;
	margin: 10px 0 0 0;
}

.bod {
	width: 130px;
	padding: 3px;
	height: 15px;
	border: 1px solid #c5c5c5;
	font-size: 1em;
	padding: 3px;
	font-family: Verdana, Geneva, sans-serif;
}

.info {
	width: 357px;
	padding: 3px;
	height: 15px;
	border: 1px solid #c5c5c5;
	font-size: 1em;
	padding: 3px;
	font-family: Verdana, Geneva, sans-serif;
}

.info2 {
	width: 107px;
	padding: 3px;
	height: 15px;
	border: 1px solid #c5c5c5;
	font-size: 1em;
	padding: 3px;
	font-family: Verdana, Geneva, sans-serif;
}

.bericht {
	width: 340px;
	padding: 3px;
	border: 1px solid #c5c5c5;
	font-size: 1em;
	padding: 3px;
	font-family: Verdana, Geneva, sans-serif;
}

.mail {
	width: 340px;
	padding: 3px;
	height: 15px;
	border: 1px solid #c5c5c5;
	font-size: 1em;
	padding: 3px;
	font-family: Verdana, Geneva, sans-serif;
}


.alert{
	font-size: 10px;
	width: 250px;
}

a.alg_vw , a.alg_vw:link{
	color: #000;
	font-weight:bold;
}

a.alg_vw:hover{
	font-weight:bold;
	text-decoration: none;
}

.contact th {
width: 150px;
text-align: left;
vertical-align: top;
}

a.link_pijl{
	text-decoration: none;
	background-image: url(../images/link_pijl.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding: 0 0 0 11px;
	font-size: 11px;
	font-weight: bold;
	display: block;
	line-height:130%;
}

a.link_pijl:hover{
	color: #00aeef;
	text-decoration: underline;
}

.banner {
width: 336px;
margin: 0 0 15px 0;
}

.error {
color: #F00;
font-weight:bold;
}

