/*
----------------------------------------

THIS FILE CONTAINS ALL THE STYLE DECLARATIONS
FOR THE DEFAULT NVM WEBSITE.

THIS DECLARATIONS IN THIS FILE CAN BE 
OVERRULED BY A COSTUMIZED CSS.

----------------------------------------
*/

/*
---------------------------
START LAYOUT POSITIONING
---------------------------
*/

DIV#body {
	width: 800px;
	margin: 0px auto;
}
DIV#header {
	height: 100px;	
	width: 800px;
	position: absolute;
}
DIV#footer {
	height: 60px;
	width: 800px;
	clear: both;
	position: absolute;
	bottom: 0px;
}
DIV#content, DIV#left, DIV#right {
	position: absolute;
	top: 124px;
	bottom: 60px;
	
	/* IE scale fix */
	height: expression(document.body.clientHeight - 184 + "px");					
}

DIV#left {
	width: 160px;
	margin-left: 0px;
	background-color: white;
	z-index:2;
	
}

DIV#content {
	width: 650px;
	margin-left: 150px;

}

DIV#right {
	display:none;
	width: 150px;
	margin-left: 652px;
	background-color: white;
}

DIV#navigation {
	height: 24px;	
	position: absolute;
	width: 800px;
	top: 100px;
	z-index: 100
}
DIV#main {
	width: 620px;	
}



/*
---------------------------
START DISPLAY STYLES
---------------------------
*/

/* HTML ELEMENTS */

* {
	font-size: 0.98em;	
}
BODY {
	background-color: #FAFCFD;	
}
H1 {
	color: #0C479D;
}
A {
	color: #768DC3;
	text-decoration: none;	
}
A:hover {
	color: #FF7E00;	
}

/* LAYOUT ELEMENTS */

DIV#body {

}
DIV#header {
	height: 92px;
	background-repeat: no-repeat;
	background-position: bottom right
}
DIV#header DIV.logo {
	background-color: #ffffff;
	border: 1px solid #768DC3;
	position: absolute;
	padding: 8px;
	top: 20px;
	left :20px;
}

DIV#footer, DIV#navigation, DIV#content {
	background-color: #FFFFFF;	
}

/* GENERIC CLASSES */

DIV.section {
	margin: 6px;	
}
UL.results LI.result {
	border-bottom: 1px dashed #0C479D;
}
UL.results LI.odd {

}
UL.results LI.last {
	border-bottom: 0px !important;
}

/* NAVIGATION ELEMENTS */

DIV#menu ul li a {
	background-color: white;
	text-align: center;
	padding: 2px;
	color: #0C479D;
	font-weight: bold;
	text-decoration: none;
	width: 110px;
}
DIV#menu ul li.level1 a:hover { 
	color: #768DC3;
	background-color: white;
}
DIV#menu ul li.level1 UL a:hover { 
	color: #FF7E00;
	background-color: #EDEDED;	
}
DIV#menu ul {
	background-color: transparent;
	width: auto !important;
}
DIV#menu UL.level1 UL {
	border: 1px solid #0C479D;
	width: auto;
}

/*  TABPANELS  */

#tabs {
	margin-top: 20px;
	width: auto;
}

LI.tabMenuItem {

}

.tabContainer {
	position: relative;
	border-top: 1px solid #0C479D;
}
.tabMenuItem SPAN {
	text-align: center;
	margin-right: 3px;
}
.tabMenuItem SPAN.selected {
	background-color: #0C479D;
	
}
.tabMenuItem SPAN.selected A{
	color: #FFFFFF;
	
}
.tabMenuItem SPAN A {
	color: #0C479D;
	margin: 4px;
}

/* PAGE NUMBERS */

UL.pages {
	margin: auto;	
	
	height: 20px;
	color: #ccc;
	float: right;
}
UL.pages UL {
	margin: 0px; 	
	margin-top: 2px;
}
UL.pages .first_page A SPAN, UL.pages .last_page A SPAN, 
UL.pages .previous_page A SPAN, UL.pages .next_page A SPAN {
	display: none;	
}
UL.pages .first_page, UL.pages .last_page,
UL.pages .previous_page, UL.pages .next_page {
	width: 	18px;
	height: 18px;
	display: block;
}
UL.pages .first_page A, UL.pages .last_page A,
UL.pages .previous_page A, UL.pages .next_page A {
	width: 	18px;
	height: 18px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
}
UL.pages li.page_mumbers ul li {
	text-align: center;	
}
UL.pages li.page_mumbers ul li A {
	color: #ccc;
	font-weight: bold;
}
UL.pages li.page_mumbers ul li.current_page A{
	color: #5A8CBD;
}
UL.pages li.page_mumbers ul li.current_page {
	display: block !important;	
}
UL.pages LI.next_more, UL.pages LI.previous_more {
	color: #000	!important;
	text-align: center;
	width: 20px;
}

/* FORMS */

FORM FIELDSET {
	padding: 8px;
	margin: 4px;
}
FORM FIELDSET LEGEND {
	color:#0C479D;
	font-weight: bold;
	padding: 4px;
}
FORM DIV.form-row,DIV.form-submit {
	display: block;
	clear: both;	
	height: 26px;
}

FORM DIV.multiselect SELECT {
	height: 90px;	
	width: 300px;
}

FORM DIV.multiselect, FORM DIV.textarea {
	height: 100px;	
}

FORM DIV.form-row LABEL {
	float: left;
	width: 200px;
	font-weight: bold;
	text-align: right;
	margin-right: 6px;
}
FORM DIV.from-to-select DIV LABEL {
	width: 30px;
	text-align: left;
	margin: 0px;
}
FORM DIV.form-row .form-element, 
FORM DIV.form-row DIV {
	float: left;
}
FORM .form-element  {
	width: 350px;	
}
FORM DIV.form-submit {
	width: 490px;	
}
FORM DIV.form-submit .form-element {
	width: auto;	
}
FORM DIV.multiselect SELECT{
	width: 160px;
	height: 80px
}
FORM DIV.textarea TEXTAREA{
	height: 120px
}
FORM DIV.multiselect DIV{ 
	width: 30px;
	text-align: center
}
FORM DIV.from-to-select SELECT {
	width: 130px;	
}
FORM DIV.to-select {
	margin-left:30px;	
}
FORM DIV.first-middle-lastname INPUT[name="firstname"] {
	width: 100px;	
}
FORM DIV.first-middle-lastname INPUT[name="middlename"] {
	width: 40px;
	margin-left: 3px;	
}
FORM DIV.first-middle-lastname INPUT[name="lastname"] {
	width: 195px;
	margin-left: 3px;	
}
FORM DIV.streetname-number INPUT[ name="streetname" ] {
	width: 280px;	
}
FORM DIV.streetname-number INPUT[ name="streetnumber" ],
FORM DIV.streetname-number INPUT[ name="streetnumberextension" ]  {
	width: 28px;
	margin-left: 3px;	
}
FORM DIV.zipcode-city INPUT[ name="zipcode" ] {
	width: 100px;	
}
FORM DIV.zipcode-city INPUT[ name="city" ] {
	width: 243px;
	margin-left: 3px;
}

FORM SPAN.required {
	display: none;	
}
FORM DIV.required SPAN.required {
	display: inline;	
}
FORM DIV.required LABEL SPAN.required {
	display: none;	
}

FORM INPUT.invalid {
	border: 1px solid red;
	padding: 1px;	
}

/* OBJECT LIST ELEMENTS */

DIV.vastgoed-lijst UL LI.result {
	position: relative;
	height:120px;
}
DIV.vastgoed-lijst UL LI DIV.address {
	background-color: #0C479D;	
	height: 20px;
	font-weight: bold;
}
DIV.vastgoed-lijst UL LI.visited DIV.address {
	background-color: #768DC3;		
}
DIV.vastgoed-lijst UL LI DIV.address A{
	margin: 8px;
	color: #ffffff;
}
DIV.vastgoed-lijst UL LI DIV.address A:hover {
	color: #FF7E00;
}
DIV.vastgoed-lijst UL LI DIV.foto {
	position: absolute;
	left: 5px;
	top: 27px;
}
DIV.vastgoed-lijst UL LI DIV.description {
	position: absolute;
	left: 100px;
	top: 27px;
	width: 300px;
	font-size: 90%;
}
DIV.vastgoed-lijst UL LI DIV.details {
	position: absolute;
	left: 405px;
	top: 27px;
	font-size: 90%;
}
DIV.vastgoed-lijst UL LI DIV.price {
	position: absolute;
	left: 100px;
	top: 74px;
	font-weight: bold;
}
DIV.vastgoed-lijst UL LI DIV.mediaicons {
	position: absolute;
	left: 100px;
	top: 88px;
}
DIV.vastgoed-lijst UL LI DIV.mediaicons SPAN {
	display: none;	
}
DIV.vastgoed-lijst UL LI .mediaicons DIV {
	background-position: center center;
	background-repeat: no-repeat;
	width: 18px; 
	height: 18px;
	float: left;
	margin: 4px;
}
DIV.vastgoed-lijst UL LI .mediaicons DIV.video {
	background-image: url(/public/icons/silk/film.png);
}
DIV.vastgoed-lijst UL LI .mediaicons DIV.brochure  {
	background-image: url(/public/icons/silk/page_white_acrobat.png);
}
DIV.vastgoed-lijst UL LI .mediaicons DIV.v360  {
	background-image: url(/public/icons/silk/360.png);
}
DIV.vastgoed-lijst UL LI .mediaicons DIV.photos  {
	background-image: url(/public/icons/silk/photos.png);
}
DIV.vastgoed-lijst UL LI .mediaicons DIV.plans  {
	background-image: url(/public/icons/silk/plan.png);
}
DIV.vastgoed-lijst UL LI DIV.status SPAN{
	display: none;
}
DIV.vastgoed-lijst UL LI DIV.status DIV {
	position: absolute;
	top: 88px;
	left: 405px;
	width: 	126px;
	height: 15px;
	background-position: left center;
	background-repeat: no-repeat;
}

/* object lijst navigatie */

DIV.sorteer-formulier {
	float: right;	
}
DIV.sorteer-formulier DIV {
	float: left;
	margin-right: 4px;	
}

/* - sorteer links - */
UL.sorteer-links-menu {
	float: left;	
}
UL.sorteer-links-menu LI {
	float: left;	
}
UL.sorteer-links-menu LI.label {
	margin-right: 10px;
	font-weight: bold;	
}

UL.sorteer-links-menu LI A  {
	display: block;
	padding-right: 18px;
	
}
UL.sorteer-links-menu LI.asc A  {
	background: url(/public/icons/silk/bullet_arrow_up.png) no-repeat center right ;
}
UL.sorteer-links-menu LI.desc A  {
	background: url(/public/icons/silk/bullet_arrow_down.png) no-repeat center right ;
}
/* OBJECT PRESENTATION */

UL#presentation_navigation {
	display: block;	
	position: relative;
	height: 90px;
	
}
UL#presentation_navigation LI {
	position: absolute;		
}
UL#presentation_navigation LI IMG{
	clear:right;
}
UL#presentation_navigation LI A{
	background-position: left center;
	background-repeat: no-repeat;
}
UL#presentation_navigation LI SPAN {	
}
UL#presentation_navigation LI.previous_object {
	right: 120px;
	
}
UL#presentation_navigation LI.next_object {
	right: 0px;
	
}
UL#presentation_navigation LI.next_object A {
	padding-right: 24px;
	background-image: url(/public/icons/silk/resultset_next.png);
	background-position: right top;
	text-align: center;
	height: 90px;
	display:block;
}
UL#presentation_navigation LI.previous_object A{
	padding-left: 24px;	
	background-image: url(/public/icons/silk/resultset_previous.png);
	background-position: left top;
	height: 90px;
	text-align: center;
	display:block;
}
UL#presentation_navigation LI.back_to_list A {
	background-image: url(/public/icons/silk/arrow_left.png);
	padding-left: 24px;	
}
DIV#object_tabs DL#kenmerken DT {
	width: 200px;
	overflow: hidden;
}

/* ---- FOOTER MENU ---- */

DIV.footer-menu UL {
	width: 400px;
	margin: auto;	
}
DIV.footer-menu LI {
	float: left;	
}
DIV.footer-menu LI.seperator {
	width: 15px;	
}
DIV.footer-menu LI A {
	font-weight: normal;
	color: #ccc;	
}
DIV.footer-menu LI A:HOVER {
	color: #0C479D;
}

/* ---- vestigingen ---- */

DIV#offices UL#officelist LI.result {
	position: relative;	
	height: 240px;
}
DIV#offices DIV.photo {
	position: absolute;
	left: 0px;
	top: 15px;
	width: 300px;
	text-align: center;
}
DIV#offices DIV.photo IMG {
	border: 1px solid #0C479D;
}
DIV#offices DIV.address {
	position: absolute;
	top: 15px;
	left: 300px
}
DIV#offices DIV.address LI.name {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 12px;
	color: #0C479D;
}

/* ---- medewerkers ---- */

DIV#employees UL.results LI.result {
	width: 160px;
	height: 160px;
	margin: 6px;
	float: left;
	clear: none;
	text-align:center;
}
DIV#employees UL.results LI.first-of-three {
	clear: left;	
}
DIV#employees UL.results LI.result SPAN {
	display: block;	
}