/* 1st all browsers to equal settings */
/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/* body section */
    body
    {
        background-color: #f0f0f0;
		background-image: url(/custom-files/img/background.jpg);
        background-repeat: repeat-x;
        text-align:center;
        min-width:980px;
        font-family:Tahoma,arial,sans-serif;
        font-size:12px;
		margin-top: 20px;
        }
	 
    div
        {
        display:block;
        }
   
	 	strong {
				font-weight:bold;
				}
   
	 	hr {
				border:0;
				color: #a7ce40;
				background-color: #A7CE40;
				height: 1px;
				}
				
		th, td {
				vertical-align:top;
				}

    div.main
    {
        text-align:left;
        display:block;
        margin:0 auto;
        width:980px;
        clear:both;
        color:#000000;
		position:relative;
        }

   div.main div.header 
    {
        display:block;
        width:980px;
        clear:both;
        }
   div.main div.header div.header-top
    {
        display:block;
        width:980px;
        clear:both;
        height:105px;
        background-repeat:no-repeat;
        background-image:url(/custom-files/img/header.jpg);
        text-align:left;
        }
        /* 'virtual clickable logo transparent image' */
    div.main div.header div.header-top img 
     {
        border:0px;
        width:160px;
        height:105px;
        }

.print-logo {
		width: 269px;
		height: 74px;
		display: none;
}
/* level 1 navigation */
    div.navigation-top        
    {
        height:38px;
        clear:both;
        display:block;
        width:980px;
        background-image:url(/custom-files/img/nav-level-1-bg.jpg);
        background-repeat:no-repeat;
        }

    div.navigation-top ul
    {
        display:block;
        
        }    
    div.navigation-top ul li
    {
        margin-top:7px;
        width:176px;
        float:left;
        font-size:14px;
        font-weight:bold;
        font-family:Tahoma,verdana,arial,helvetica,sans-serif;
        padding-left:18px;
       
        }
		
	div.navigation-top ul li.disabled
    {
        display:none;
       
        }    
		
    div.navigation-top ul li a
    {
        display:block;
        width:176px;
        color:#666666;
        text-decoration:none;
        }    
    div.navigation-top ul li a:hover
    {
        color:#666666;
        text-decoration:underline;
        }    

/* home page section images */
    div.home div.grid-image
    {
        /* changed line below for showing randomize images in editor modus */
        min-height:400px;
        width:196px;
        display:inline-block;
        float:left;
        }
    div.home div.footer-default
        {
            position: absolute;
            top: 570px;
            display: block;
            text-align: center;
            font-size: 11px; 
            }
    div.home div.footer-default a
        {
        color:#333333;    
            }
            
            
  /* sub page sections */
  div.page-content
    {
        background-repeat:repeat-x;
        background-color:Transparent;
        min-height:400px;
        clear:both;
        display:block;
        width:980px;
        }
		
  div.page-content-home {
		background-image:url(/custom-files/img/content-background.gif);
		background-repeat:repeat-x;
		clear:both;
		float:left;
		min-height:350px;
		width:980px;
		}

  div#page-content-grey
    {
        background-image:url(/custom-files/img/content-background-grey.gif);
        }
  
   div#page-content-green
    {
        background-image:url(/custom-files/img/content-background-green.gif);
        }
            
    div#page-content-red
    {
        background-image:url(/custom-files/img/content-background-red.gif);
        }
                    
    div#page-content-yellow
    {
        background-image:url(/custom-files/img/content-background-yellow.gif);
        }    
    div#page-content-blue
    {
        background-image:url(/custom-files/img/content-background-blue.gif);
        } 
		
	div#page-content-home
    {
        background-image:url(/custom-files/img/content-background.gif);
        }
/* sub page navigation level 2 */
    div.nav-level-2
    {
        padding-top:10px;
        display:block;
        clear:both;
        height:16px;
       
        }


    div.nav-level-2 ul
    {
        display:block;
        }    
    div.nav-level-2 ul li
    {
        float:left;
        font-size:12px;
        font-family:Tahoma,verdana,arial,helvetica,sans-serif;
        padding-left:18px;
        display:inline;
        }    
    /* 
    link colors can change with background settings
    definition under here = default
    */
    div.nav-level-2 ul li a
    {
        color:#666666;
        text-decoration:none;
        

        }    
   div.nav-level-2 ul li.selected a  
     {
        font-weight:bold;
        }
   div.nav-level-2 ul li.disabled a       
      {
        text-decoration:line-through;
        }
        
   /* these are not default */    
   div#page-content-blue div.nav-level-2 ul li a
   ,div#page-content-red div.nav-level-2 ul li a
   ,div#page-content-green div.nav-level-2 ul li a
    {
        color:#FFFFFF;
        text-decoration:none;
        }  
        
    div.nav-level-2 ul li a:hover
    {
        text-decoration:underline;
        /* design suggests: font-weight:bold; not implemented looks awful when hovering */
        }       
   

    div.topshadow
    {
        clear:both;
        width:766px;
        height:12px;
        margin-left:18px;
        background-repeat:repeat-x;
        display:block;
        
        }  
    div#topshadow_green
    {
        background-image:url(/custom-files/img/shadow_green.gif);
        }   
    div#topshadow_grey
    {
        background-image:url(/custom-files/img/shadow_grey.gif);
        }   
    div#topshadow_yellow
    {
        background-image:url(/custom-files/img/shadow_yellow.gif);
        }
    div#topshadow_red
    {
        background-image:url(/custom-files/img/shadow_red.gif);
        }
    
    div#contentleftpane-green
    {
        border-left:1px solid #9abd3d;
        border-right:1px solid #9abd3d;
        }
    div#contentleftpane-grey
    {
        border-left:1px solid #bbbbbb;
        border-right:1px solid #bbbbbb;
        }
    div#contentleftpane-yellow
    {
         border-left:1px solid #f3e829;
         border-right:1px solid #f3e829;
        }
    div#contentleftpane-red
    {
         border-right:1px solid #e3403b;
         border-left:1px solid #e3403b;
        }
    div#contentleftpane-blue
    {
         border-left:1px solid #3a86c4;
         border-right:1px solid #3a86c4;
        }
           
    div.contentleftpane
    {
        background-color:#ffffff;
        width:766px;
        margin-left:18px;
        min-height:400px;
        display:inline;
        float:left;
        padding-bottom:20px;
        } 
 
    div.contentleftpane div.breadcrumbs
    {
        width:685px;
        border-bottom: 1px solid #e6e6e6;                 
        color:#999999;
        font-size:9px;
        line-height:11px;
        display:block;
        padding-bottom:3px;
		float: left;
		margin: 13px 0pt 13px 18px;
        }
				
     div.contentleftpane div.breadcrumbs a
     {
        color:#b3b3b3;
        text-decoration:none;
        }
         
    div.contentleftpane div.breadcrumbs a:hover
     {
        text-decoration:underline;
        }             

	div.contentleftpane-home {
		background-color:#FFFFFF;
		margin-left:18px;
		min-height:400px;
		padding-bottom:20px;
		position:relative;
		top:-54px;
		width:766px;
	}
		
	.homepage-content-left {
		width:320px;
		float:left;
	}
	.homepage-content-right {
		width:320px;
		float:right;
	}
	
	
    div.component-width
        {
           margin-left:18px;
           display:block;
           clear:both;
           }
	
	.searchresults
	{
			margin-top: 15px;
			}
	
    div.contentrightpane
        {
            display:inline;
            float:right;
            width:175px;
            margin-top:27px;
            padding-left:15px;
            font-size:11px;
            line-height:16px;
            height:380px;
            overflow:hidden; /* warning */
            }
			
	div.contentrightpane.home{
		margin-top:35px;
	}
     div.nav-level-3       
        {
            width:175px;
            }

    div.contentrightpane h3
        {
           font-family:verdana,arial,sans-serif;
           font-size:11px;
           font-weight:bold; 
           color:#666666;
           display:block;
           margin-top:14px;
           margin-bottom:5px;
            }   
    
    div.contentrightpane  ul 
        {
            list-style: disc inside;
            color:#999999;
            }
     div.contentrightpane  ul li
        {
            margin-top:5px;
            }            
     div.contentrightpane  ul li a
        {
            color:#333333;
            text-decoration:none;
            }
     div.contentrightpane  ul li a:hover
        {
            text-decoration:underline;
            }
     div.contentrightpane ul li.selected a
        {
            font-weight:bold;
            text-decoration:none;
            }
			
div.logonstatus {
			margin: 15px 0px;
			color: #333333;
}
			
div.logonstatus a {
			text-decoration: none;
			color: #428FCD;
}
			
div.logonstatus a:hover {
			text-decoration: underline;
}
    
    div.search form a.h3
    {
           font-family:verdana,arial,sans-serif;
           font-size:11px;
           font-weight:bold; 
           color:#666666;
           display:block;
           margin-top:14px;
           margin-bottom:1px;
           text-decoration:none;
        }
    
     div.search form a.enteredit
    {
           font-family:Tahoma,arial,sans-serif;
           font-size:10px;
           font-weight:bold; 
           color:#f5f5f5;
           text-decoration:none;
        }
     div.search form a.enteredit:hover
        {
           color:red;
        }
        
    div.page-content div.footer-default
        {
			
			position:absolute;
			top:570px;
			display:block;
            text-align:center;
            font-size:11px;
            }
    div.footer-default
    ,div.footer-default a
    
    {
        color:#333333;
        text-decoration:none;    
        }
    
    div.footer-default a:hover
    
    {
        text-decoration:underline;    
        }

.spPostcodeChecker {
	width: 400px;
}
.spPostcodeChecker input {
	margin-bottom: 6px;
}
.currencySign{
	margin-right:5px;
}
/* default elements */

	/* button */
	.spButton {
		background: #6d6d6d url(img/submit_background.gif) repeat-x;
		height:auto;
		font-size:11px;
		/*font-weight:bold; PKOK*/
		color: #FFFFFF;
		margin-top:7px;
		cursor:pointer;
		}
		

.koopaanbod-select {
	float:left;
}
.vrije-verkoop {
	float:right;
}
  
/*woningaanbod */
	.generic_spButton {
		background: #6d6d6d url(img/submit_background.gif) repeat-x;
		height:auto;
		font-size:11px;
		/*font-weight:bold; PKOK*/
		color: #FFFFFF;
		margin-top:7px;
		cursor:pointer;
		}

    
    
   /*************************/
   /* editor */
		.content-box {  
		}
		div.content-box {
		}
		.roxen-edit-box-off { 
		}
		.roxen-edit-box-on {
						outline:          1px dotted #f8bb7b;
						/*background:       #f2f1eb;*/
						/*background:       #faf9f3;*/
						-moz-outline:     1px dotted #f8bb7b;     /*  FIXME: invalid CSS  */
		}
		.roxen-edit-marker-off {
						visibility:       hidden;
						display:          block;
						position:         absolute;
		}
		.roxen-edit-marker-on {
						visibility:       visible;
						display:          block;
						position:         absolute;
						background:       URL(/roxen-files/cms-sites/4.5/images/button_edit_comp.gif)
																																								top left no-repeat;
						width:            28px;
						height:           13px;
						z-index:          1;
		}
		div.roxen-linkbrowser-anchor a {
						visibility:       visible;
						display:          block;
						position:         absolute;
						background:       URL(/roxen-files/cms-sites/4.5/images/button_link_browser.gif)
																																								top left no-repeat;
						width:            28px;
						height:           13px;
						z-index:          1;
		}
		
		/* ===>  informatieve tabel, bijv. verantwoording */

		table.infotable {		
			border: 1px solid #9ABD3D;	
			width: 100%;
	}
	
		.infotable  td{
			border: 1px solid #9ABD3D;
			padding: 3px;
		}
		
		.infotable th{
			background-color: #9ABD3D;
			font-weight: bold;
			color: #FFFFFF;
			padding-right: 6px;
		}

.header1 {
	font-size: 10pt;
	font-weight: bold;
}

div.generic_klantContactLayouts {
	clear:both;
	}
div.generic_backbaseLoading {
	clear:both;
	}

img.hom {
	cursor: pointer;
}
.infoText {
	color:#EF463F;
}
.HoM{
	background:url(/custom-files/img/Huur-op-Maat2.jpg) top right no-repeat;
	width: 47px;
	min-height:30px;
}
.HoM .generic_html {
	height: 55px;
}

div.generic_formFoldSwitch .unfolded {
	background-image: url(/custom-files/img/bullet_red_2.gif);
	background-repeat: no-repeat;
	background-position: 1px 6px;
}

div.generic_formFoldSwitch .folded {
	background-image: url(/custom-files/img/bullet_red_1.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px;
}


/*--- house detail tables ---*/
table.overallTable {width:480px;}
table.overallTable tr td {width:240px;}

table.overallTable table.leftTable {width:230px;}
table.overallTable table.rightTable {margin-left:10px; width:230px;}

table.overallTable label {font-weight:bold;}
.boldText {font-weight:bold;}

.generic_Postcode{
	/*display: block;	pkok 09-03-2010: weggehaald vanwege rare vertoning op mijn gegevens*/
}

.generic_detailHeaderContainer .detailsSurface span.generic_Value{
	padding:0px;
}
.generic_td.detailsSurface{
	text-align:left;
	padding: 0 10px 0 0;
}

.italicTitleText label {text-decoration:underline;}

/*--- Bedragen ---*/
.Bedrag .currencySign {margin:0px 4px 0px 0px;}