/*============================= global.css ============================= */
/*---- GLOBAL STYLES ----*/
/*---- declare default settings for typical elements ----*/

html {
	height:				100%;
	width:				100%;
    overflow:           auto;
    overflow-y:         scroll;
}

body {
	height:				100%;
	width:				100%;
	background-color:	#fff;
	margin:				0;
	padding:			0;
}

img {border:				none;border-width:       0;}
form {display:			inline;}

fieldset {
    border:             0;    
    padding:            0;
    margin:             0;
}

legend {margin:             0;padding:            0;    }

h1, h2, h3, h4, h5, h6 {
	margin:				0;
	padding:			0;
	font-weight:		normal;
	font-style:			normal;
}

table, th, td{
	text-align:			left;
	font-weight:		normal;
	border:				0;
	margin:				0;
	padding:			0;
	border-collapse:	collapse;
}

p {margin:				0;padding:			0;}
a {text-decoration: 	none;}
a:hover {text-decoration: 	underline;}

/*---- NAVIGATION PARTS ----*/
map ul, map li {
	margin:				0;
	padding:			0;
	list-style-type:	none;
	display:			block;
	text-indent:		0;
}

span.TODO {
    border:             1px solid red;
    padding:            2px;
    color:              red;
    font-weight:        bold;
    background-color:   #fff0f0;
}

div.clearer {clear:              both;font-size:          0;line-height:         0;}
.hidden {display: none;}
.visible {display: block;}

/*============================= tekst.css ============================= */
body {
    font-family:        Verdana,Tahoma,sans-serif;
    font-size:          10px;
    line-height:        1.5em;
    color:              #777;    
}

body.home {line-height:normal;}

p, td, th {/*font-size:          10px;*/}
h1, h2, h3 {font-family:        Arial,Helvetica,sans-serif;}

/* page title */
h1 {
    font-size:          22px;
    color:              #00476e;
    margin-top:         4px;
    margin-bottom:      4px;
}

/* content block title */
h2 {
    font-size:          15px;
    font-weight:        bold;
    margin:             8px 0 4px 0;         
}

h2 {color:              #00476E;}

div.orange h2 {color:			#EE6A12;margin-bottom:	13px;}
div.interview h2 {color:			#EE6A12;margin-bottom:	13px;margin-top: 	21px;}

h3 {font-size:          11px; font-weight:        bold; color:              #777;}
h4 {font-size:          10px;font-weight:        bold;color:              #ee6a12;}
h5 {font-size:          10px;font-weight:        bold;}

/*------ LINKS ------*/
a {color:              #ee6a12;/*text-decoration:    underline;*/}
h4 a {text-decoration:    none;font-weight:        bold;    }
h4 a:hover {text-decoration:    underline;    }
/*div#rightCol a,div#rightCol a:hover,div#rightCol a:visited {color:				#fff;}*/
input, select {
    font-size:          10px;
    font-family:        Verdana,Tahoma,sans-serif;
}

/* table in content */
div.table_title {color: #00476e;font-weight:bold;}
table.content {margin-top:5px;width:100%;color: #00476e;}
table.content th {
  background-color: #F4ECEA;
  padding:5px;
  border:1px solid white;
}
table.content td {
  background-color: #F4ECEA;
  padding:5px;
  border:1px solid white;
}

/*============================= content.css ============================= */
/* --- BLOCK SEPARATOR --- */

hr {
    display:                block;
    margin:                 12px 0 4px 0px;
    border-width:           0;
    height:                 1px;
    background-color:       #6d8a9a;
	color:       			#6d8a9a;
    clear:                  both;
}

/* --- Common rules --- */
div.block {clear:                  both;}

ul.basiclist,
div.junioritems ul {
	margin:				10px 0 0 0;
	padding:			0;
	list-style:			none outside;
	display:			block;
	height:1%;
}

ul.basiclist li,
div.junioritems ul li,
ul#anchors li {
	margin-bottom:		10px;	
    padding-left:       16px;
    padding-bottom:     6px;
	background:         url(../gfx/icons/bullet_blue.gif) 6px 7px no-repeat;
}

ul#anchors li {margin-bottom:0;}
ul.iconed {
    margin:                 0;
    padding:                0;
    list-style-type:        none;
	zoom:					1;
}

ul.iconed li {padding-left:           24px;background:             url(../gfx/icons/file.gif) 2px 4px no-repeat;}
ul.iconed li.pdf {background-image:       url(../gfx/icons/pdf.gif);}
span.TFE,                   /* TFE = Telephone, fax, email */ 
span.date {font-weight:            bold;color:                  #777;}
span.head {font-weight:            bold;}
div.actions ul {text-align:         right;display:            block; margin-top:         4px;}
div.actions ul li {display:            inline;color:              #EE6A12;padding-left:       8px;}

div.sortlist {
    margin-left: 8px;
	padding:	10px 0 10px 150px;
    font-weight: bold;
    color:#4c4c4c;
}

div.sortlist a {margin-right:10px;color: #005183;text-decoration: none;}
div.sortlist a:hover {color: #005183;text-decoration: underline;}
div.sortlist a.selected {color: #ec6718;font-weight: normal;text-decoration: underline;}
div.sortlist a.sortprijs {margin-left:10px;}
div.sortlist a.sortkamers {margin-left:39px;}
*+ html div.sortlist a.sortkamers {margin-left:9px;}
div.sortlist a.sortplaats {margin-left:32px;}
div.paging {
	float:left;
	width:474px;
    text-align: center;
    background: repeat-x url(../gfx/backgrounds/paging_gradient.gif);
    height: 33px;
    border-bottom: 1px solid #dbdbdb;
}

div.paging ul {margin: 0;padding: 0;list-style: none;}
div.paging li {display: inline;}

div.paging li a {
    font-size: 10px;
    border: 1px solid #f1f1f1;
    line-height: 33px;
    margin: 0 3px;
    padding: 0 3px 2px 3px;
    text-decoration: none;
    color: #a8a8a8;
}

div.paging li a:hover,
div.paging li a.selected {
    border: 1px solid #ee6f0e;
    background-color: white;
	 color: black;
}

div.paging li a.text {font-size: 10px;color: #f36f0b;text-decoration: underline;}
div.paging li a.text:hover {color: black;background-color: transparent;border: 1px solid #f1f1f1;}

img.top-visual {display:           block; margin-bottom:      14px;}

ul.woningen-small {
    padding:            0;
    margin:             0;
    list-style-type:    none;
    background-color:   #f7f7f7;
    /*border:             1px solid #ededed;*/
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #b3b3b3;
    height:1%;
    overflow:hidden;
}

ul.woningen-small li {
    padding:            6px;
    width:              215px;
    height:             46px;
    float:              left;
    color:              #00486e;
    /*background-color:   #f7f7f7;
    border:             1px solid #ededed;*/
    margin-left:        15px;
    margin-bottom:      15px;
    display:            block;
}

ul.woningen-small li.odd { margin-left:        0; }
ul.woningen-small li h3,
ul.woningen-small li h3 a {
    text-decoration:    none;
    color:              #ee6510;
    font-family:        Verdana,Tahoma,sans-serif;
    font-size:          10px;
    text-decoration:underline;
}

ul.woningen-small li img {float:              left; margin-right:       6px;}
div.gallery ul {margin-top:         4px;}
div.gallery ul li {display:            inline;}

div.gallery ul li a {
    float:              left;
    display:            block;
    width:              14px;
    height:             14px;
    margin-right:       2px;
    border:             1px solid #ffd1a6;
}

/*============================= text.css blocks ============================= */
/* --- TEXT --- */

    div.block-text div.intro {font-weight:        bold;margin-bottom:      1.5em;    }
    div.text-main-content h2 {color:              #777;}
    div.text-main-content {color:              #00476e;}

div.block-accent{
    border:                 0 solid #6d8a9a;
    border-width:           0 1px 2px 0;
    background-color:       #f3f4f6;
    padding:                9px 9px 100px 9px;
}


div.block-headline {
    border:             1px solid #e9e9e9;
    padding:            0px;
    background-color:   #fff;
    margin-bottom:      1.6em;
	/*height:134px;*/
}

div.block-headline h3 {
    margin:             4px 0 4px 0;
    font-family:        Verdana,Tahoma,sans-serif;
}

div.block-headline div.text {
    background-color:   #f6f6f6;
    padding:            9px;
	zoom:				1;
	min-height:			160px;
}

*html div.block-headline div.text {
    background-color:   #f6f6f6;
    padding:            9px;
	zoom:				1;
	height:				160px;
}

div.brochures div.block-headline div.text,
div.brochures div.block-headline div.text h3 {color:				#004c7a;}
div.block-headline p.link {padding:            9px;}


    div.block-headline p.link a.iconed {
        background-position:    left;
        background-repeat:      no-repeat;
        padding:                4px 4px 4px 20px;
    }
    
    div.block-headline p.link a.pdf {background-image:   url(../gfx/icons/pdf.gif);} 
    
div.block-disclaimer ul {
    color:              #00476f;
    background-color:   #fdfdfd;
    border:             1px solid #e5e5e5;
    margin:             18px 0;
    padding:            6px 4px 0 4px;
    list-style-type:    none;
} 

div.block-disclaimer ul li {
    background:         url(../gfx/backgrounds/sitemap-list-item-1.gif) 3px 7px no-repeat;
    padding:            2px 12px;
    margin:             0 0 6px 0;
	height:1%;
} 

/*============================= news.css blocks ============================= */
/* --- NEWS --- */
    div.column-wide div.block-news h2 {
        background:         url('../gfx/backgrounds/news_heading_border.gif') no-repeat left bottom;
        padding-left:       9px;    
    }
    
	.block-news .sort {padding:0 0 3px 9px;}
	
    div.block-news ul.items, 
    div.block-news ul.items li {
        list-style-type:    none;
        display:            block;
        margin:             0;
        padding:            0;
    }
    
    
    div.block-news ul.items li {height:1%;margin-bottom:      9px;cursor:             pointer;}
        
        div.block-news ul.items li div.item {min-height:27px;}
        div.block-news ul.items li div.item p {margin:4px 0 4px 0px;}
        
        div.block-news ul.items div.item span.date a,
        div.block-news ul.items li div.item p a {
            text-decoration:    none !important;
            color:              #777 !important;
        }
        
        div.column-wide div.block-news ul.items li div.item {
            background:         url('../gfx/backgrounds/news_item.gif') no-repeat left bottom;
			min-height:25px;
			overflow:hidden;
			zoom:1;
        }
        
        div.column-wide div.block-news ul.items li div.item p {padding:            4px 0 4px 9px;}
        div.block-news li h4 {margin-bottom:      2px;}
        div.column-wide div.block-news li h4 {padding-left:       9px;}
        div.block-news ul.items li img {float:              left;padding-right:       8px;vertical-align:     top;}
        
    div.block-news a.read-more {display:            block;text-align:         right;}
	hr.block-news  {height:				2px;}

    div.block-news-item div.intro {
        color:                  #002945 !important;
        background:             url(../gfx/backgrounds/news_item_intro.gif) no-repeat left top;
        padding:                8px 9px 9px 9px;
        font-weight:            bold;
        margin-bottom:          12px;
    }
    
        div.block-news-item div.intro span.date {font-weight:            normal;}
        div.block-news-item img.visual {float:                  left; margin:                 0 8px 8px 0;}
    div.block-news-other h2 {margin-bottom:          12px;}

    div.block-news-other ul {
        background:             url(../gfx/backgrounds/news_other.gif) repeat-x left bottom #f9f9f9;
        list-style-type:        none;
        padding:                7px 14px 7px 14px;    
        margin:                 0;
        border-bottom:          1px solid #c4c4c4;       
    }
    
    div.block-news-other ul li {
		position:relative;
		width:446px;
		overflow:hidden;
		height:auto;

        margin:                 0;
        padding:                5px;
    }
    
    div.block-news-other ul li.odd {background-color:       white;}
    
    div.block-news-other span.date {
        float:left;
		font-weight:normal;
		width:115px;
    }
	
    div.block-news-other a:link, div.block-news-other a:active, div.block-news-other a:visited {
		float:left;
		width:320px;
        font-weight:bold;
        text-decoration:none;
    }
	
	div.block-news-other a:hover {text-decoration:underline;}
	.news-img {margin-top:15px;}
	
/*============================= service-forms.css blocks ============================= */    
/* Prefilter start 

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

div.block-service-form-prefilter,
div.block-service-form-response {
    background:                 url('../gfx/backgrounds/service_form_gradient.gif') left top repeat-x #346784;
    zoom:                       1;   
}

div.block-service-form-response div.text {padding:                    20px 15px 10px 15px;    }

div.block-service-form-prefilter li,
div.block-service-form-prefilter h3,
div.block-service-form-prefilter h4,
div.block-service-form-prefilter p,
div.block-service-form-prefilter td,
div.block-service-form-prefilter th,
div.block-service-form-prefilter a,
div.block-service-form-response h3,
div.block-service-form-response h4,
div.block-service-form-response p,
div.block-service-form-response td,
div.block-service-form-response th,
div.block-service-form-response a {color:                      #fff;}
    
    div.block-service-form-response h2, 
    div.block-service-form-prefilter h2 {
        font-size:                  14px;
        color:                      #555;
        padding:                    9px;
        margin:                     0;
    }
    
    div.block-service-form-response h3, 
    div.block-service-form-prefilter h3 {
        font-size:                  14px;
        font-weight:                bold;
        margin-bottom:              22px;
        margin-top:                 0;
    }
    
        div.block-service-form-prefilter div.tabs {height:                 50px;}
            div.block-service-form-prefilter div.tabs div.tab {
                float:                  left;
                width:                  236px;
                border-width:           0 0 1px 1px;
                border-color:           #fff;
                border-style:           solid;
                background:             url('../gfx/backgrounds/service_form_tab_gradient.gif') #fff;
                cursor:                 pointer;
            }
            
            div.block-service-form-prefilter div.tabs div.tab-active {
                border-width:           0 0 0 1px;
                background:             transparent;
            }
            
            div.block-service-form-prefilter div.tabs div.tab-first {
                border-left:            0;
                margin-left:            0;
                width:                  237px;
            }

            div.block-service-form-prefilter div.tabs div.tab h3 { margin:                 10px 15px;}

        div.block-service-form-prefilter h3.tab {
            float:                      left;
            width:                      50%;
            background-color:           blue;
            margin-bottom:              2px;
        }
        
        div.block-service-form-prefilter h3.tab-active {
            background-color:           red;
            border-bottom:              2px solid #f00;
            margin-bottom:              0;
        }
    
    div.block-service-form-response h4, 
    div.block-service-form-prefilter h4 {
        font-size:                  11px;
        font-weight:                bold;
        color:                      #fff;
        margin-bottom:              1em;
    
    }
    
        div.block-service-form-prefilter p {margin-bottom:              8px;}
        div.block-service-form-prefilter p.continue {height:                     1.1em;    margin-top:                 4px;}
	
	/*- new item - 16-07-2008 -*/
	div#tabBarSection {
		
	}
		div#tabBarSection ul {
			width:					474px;
			height:					35px;
			list-style:				none outside;
			margin:					0;
			padding:				0;
			zoom:					1;
			overflow:				hidden;
			background:				url('../gfx/backgrounds/tabbar-inactivetab-bg.gif');
		}
		div#tabBarSection ul li {
			float:					left;
			height:					27px;
			padding:				8px 8px 0 10px;
			font-size:				1.1em;
			font-weight:			bold;
			color:					#addbf5;	
		}
		div#tabBarSection ul li.active {
			color:					#ffffff;
			border-right:			1px solid #b4c7d1;
			background:             url('../gfx/backgrounds/service_form_gradient.gif') left top repeat-x #346784;
		}
		div#tabBarSection ul li.dispatched {
			color:					#a3c4d7;
			border-right:			1px solid #b4c7d1;
			background:				url('../gfx/backgrounds/tabbar-dispatchedtab-bg.gif') #6a90a5;
		}
		

    div.block-service-form-prefilter div.section {padding:                    20px 15px 10px 15px; overflow:hidden;}
        div.block-service-form-prefilter div.sub-section { border-top:                 1px solid #527c95;}
        div.block-service-form-prefilter div.first-section {border-top-width:           0;}

div.block-service-form-prefilter table col.first {width:                      239px;}
    div.block-service-form-prefilter input {vertical-align:             middle;    }
    div.block-service-form-prefilter select {vertical-align:             middle;width:                      284px;} 
    div.block-service-form-prefilter input.text {vertical-align:             middle;width:                      204px;   }
        div.block-service-form-prefilter input.address-nr {width:                      3em;  }

div.block-service-form-prefilter a.continue {
    float:                      right;
    background:                 url('../gfx/icons/arrow_transparent.gif') right center no-repeat;
    padding:                    0 20px 0 0; 
    vertical-align:             middle;
    text-decoration:            none;
}
div.block-service-form-prefilter a.continue_left {
    float:                      left;
    background:                 url('../gfx/icons/arrow_transparent_left.gif') left center no-repeat;
    padding:                    0 0 0 20px; 
    vertical-align:             middle;
    text-decoration:            none;
}


/* regular form start 

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

div.block-service-form {
    margin-top:                 1em;
    padding-bottom:25px;
    background:    		        url('../gfx/backgrounds/blog_entry_gradient.jpg') left bottom repeat-x #ffffff;
	border:						3px solid #ccdae2;
    color:                      #000;
	height:1%;
}
	
	 div.block-service-form h2 {
        background:                 url('../gfx/backgrounds/service_form_h2.gif') 13px bottom no-repeat;
        color:                      #555;
        padding:                    9px 14px;
        margin:                     0;
        zoom:                       1;
    }
    
    div.block-service-form fieldset.section {
        margin-top:                 15px;
        padding:                    4px 8px 8px 15px;
    }
    
    div.block-service-form label {color:						#000;}
    
    div.block-service-form fieldset.section legend {
		margin-bottom:				5px;
        font-family:                Arial,Helvetica,sans-serif;
        color:                      #00476e;
        font-size:                  11px;
        font-weight:                bold;
    }    

    div.block-service-form fieldset table {
        margin-left:                0px;
    }
    
    div.block-service-form fieldset table td, 
    div.block-service-form fieldset table th,
    div.block-service-form fieldset input, 
    div.block-service-form fieldset input,
    div.block-service-form fieldset ul.radio-list input {
        vertical-align:             middle;
    }
    
    
    div.block-service-form fieldset input,
    div.block-service-form fieldset ul.radio-list input {
        margin-bottom:              7px;
    }
    
    div.block-service-form fieldset input.text {
        height:                     18px;
    }
    
    div.block-service-form fieldset input.text,
    div.block-service-form fieldset textarea {
        width:                      264px;
        border:                     1px solid #759fc5;
    }
    
    div.block-service-form fieldset table td, 
    div.block-service-form fieldset table th {
        line-height:                24px;
    }
    
    div.block-service-form fieldset table th {
        width:                      104px;
    }
    
    div.block-service-form p.buttons {
        text-align:                 right;
        padding-top:                15px;
        padding-right:              20px;
        padding-bottom:             4px;
    }
    
    div.block-service-form tr.text th label,
    div.block-service-form tr.gender th label {
        display:                    none;
    }
    
    div.block-service-form ul.radio-list {
        list-style-type:            none;
        margin:                     0;
        padding:                    0;
    }
    
    div.block-service-form fieldset ul.radio-list {
        margin-left:                7px;
    } 
    
/*============================= testimonials.css blocks ============================= */ 
div.block-testimonials {margin-bottom:			20px;}
    div.block-testimonials h2 {padding:            9px;}
    div.block-testimonials table col.images {width:              148px;}
    div.block-testimonials h4 {
        color:              #833f32;
        font-size:          12px;
        font-weight:        bold;
        font-style:         italic;
        font-family:        Arial,Helvetica,sans-serif;
    }
    
    div.block-testimonials h5 {
        color:              #833f32;
        font-size:          10px;
        margin:             2px 0 2px 0;
		font-weight: 		normal;
    }
    
    div.block-testimonials tr.data th,
    div.block-testimonials tr.data td {border-bottom:      2px solid #6d8a9a;}
    
    div.block-testimonials tr.data td div.wrapper {
        height:             43px;
        overflow:           hidden;
        color:              #6d8a9a;
    }
    
    div.block-testimonials th {vertical-align:     bottom;}
    div.block-testimonials th img {display:            block;}
    
    div.block-testimonials tr.data td {background-color:   #ede3e1;padding:            4px 9px 4px 9px;}
    div.block-testimonials a.read-more {display:            block;text-align:         right;margin-top:         2px;}
	hr.block-testimonials  {height:				2px;}

/*============================= faq.css blocks ============================= */ 
    .zoeken-faq 
    {
        background:transparent url(../gfx/zoekveld_gradient.gif) repeat-x scroll left top;
        height:47px;
        position:relative;
        width:474px;
    }
	
	.zoeken-faq .stel-vraag {position:absolute; left:10px; top:17px;}
	.zoeken-faq input.submit {position:absolute; left:130px; top:17px;}
	
    .faq-home .zoeken-faq .stel-vraag 
    {
        left:16px;
        position:absolute;
        top:17px;
    }
    .faq-home .zoeken-faq input.submit 
    {
        left:136px;
        position:absolute;
        top:17px;
    }

    div.block-faq div.faq-container {
        background:         url(../gfx/backgrounds/faq_home_gradient.gif) top left repeat-x #3b6b87;
        color:              white;		
        border-top:         1px solid #afc3cf;
        border-left:        1px solid #b6c8d3;
		height:1%;
    }
    
    
    div.block-faq div.faq-container-category {
        background:         url(../gfx/backgrounds/faq_home_gradient.gif) top left repeat-x #3b6b87;
        float:              left;
        display:            inline;
        width:              236px;
    }

    div.block-faq div.faq-container-category2 {
        background:         url(../gfx/backgrounds/faq_home_gradient.gif) top left repeat-x #3b6b87;
        float:              left;
        display:            inline;
        width:              237px;
    }
    
    div.block-faq div.faq-container-category a, div.block-faq div.faq-container-category2 a {
        display:            block;
        padding:            5px 5px 4px 25px;
        font-size:          1.2em;
        font-weight:        bold;
        color:              #e8edf0;
        background:         url('../gfx/icons/faq-bullit.gif') 15px center no-repeat;
        border-bottom:      1px solid #62899f;
        border-right:       1px solid #62899f;
    }
    div.block-faq div.faq-container-category a:hover, div.block-faq div.faq-container-category2 a:hover {
        color:              #3e6e88 !important;
        background:         url(../gfx/backgrounds/faq_home_gradient_over.gif) top left no-repeat #e3eaed;
        text-decoration:    none !important;
    }
    
    

div#faq-container-cathead {float:              left;width:              246px;}
div#faq-container-subcathead {margin-left:        246px;}
    div#faq-container-cathead div,
    div#faq-container-subcathead div {
        padding:            6px 10px 5px 10px;
        font-weight:		bold;
        font-size:          1.2em;
        border-right:       1px solid #7194a9;
        border-bottom:      1px solid #7194a9;
    }

#faqnav {
	width:				100%;	
    padding-bottom:     25px;
    zoom:               1;
    overflow:           hidden;
    background:         url(../gfx/backgrounds/faqnav-container.jpg) top left no-repeat;
}
    
    #faqmainnav {float:				left;width:              245px;}
    #faqmainnav a.navitem {
    	display:			block;
    	height:				20px;
    	padding:			3px 10px 0px 10px;
    	font-weight:		bold;
        font-size:          1.2em;
    	color:				#d4dfe5;
    }
    
    #faqmainnav .activenavitem,
    #faqmainnav a:hover {	
    	display:			block;
    	height:				20px;
    	padding:			3px 10px 0px 10px;
    	font-weight:		bold;
        font-size:          1.2em;
    	color:				#fff;
        background-color:   #6089a0;
    	text-decoration:	none;
    }
    
    div#faqsubnav {margin-left:        245px;display:            block;background-color:	#6089a0;}
    div#faqsubnav  a, div#faqsubnav  a.subnavitem {
    	display:			block;
        height:				20px;
    	padding:			3px 10px 0px 10px;
    	color:				#c7d5dd;	
    }
    
    div#faqsubnav a.subnavitem:hover{background-color:	#86a5b6;color:				#eff3f6;text-decoration:	none;}
    div#faqsubnav a.activesubnavitem {
        height:				20px;
    	background-color:	#86a5b6;
    	color:				#fff;
    	text-decoration:	none;
    }
    
    div#faqsubnav div {display:			none;}
div#block-faq-question .show {display:            block;}
div#block-faq-question .hide {display:            none;}
div#faq-list, div#faq-list2 
{	
	padding:			8px 13px 13px 13px;
	background:    		#edf2f5;
	border:				3px solid #ccdae2;
    color:				#00476e;
	zoom:				1;
}
    
    div#faq-list h2, div#faq-list2 h2 {margin-bottom:		8px;color:				#0a496b;}
    div#faq-list ul, div#faq-list2 ul {padding:			0;list-style:			none outside;}
    
    div#faq-list li, div#faq-list2 li {
    	margin-bottom:		5px;	
        padding-left:       8px;
        padding-bottom:     0px;
    }
    div#faq-list li a, div#faq-list2 li a {color:              #0a496b;text-decoration:    none;}
    div#faq-list li a:visited, div#faq-list2 li a:visited {color:              #547e96;}
    div#faq-list li a:hover, div#faq-list2 li a:hover {text-decoration:    underline;}


div.faq-cat-choice {
    padding:            10px 10px 10px 15px;
    font-size:          1.1em;
    font-weight:        bold;
}
    div.faq-cat-choice span {
        width:              5px;
        padding:            0 10px 0 10px;
        background:         url('../gfx/icons/arrow-transparent.gif') center 3px no-repeat;
    }


div.faq-answer div {
    padding:			8px 13px 20px 13px;
    background:         #ccdae2;
    border:				3px solid #ccdae2;
    color:				#00476e;
	height:1%;
}
    div.faq-answer a.print {display:            block;float:              right;}
    div.faq-answer h3 {color:				#0a496b;}


div.backbttn {margin:             35px 0 0 1px;}
    div.backbttn a {
        padding:            5px 0 0 25px;
        background:         url('../gfx/icons/arrow_orange_back.gif') left bottom no-repeat;
        font-size:          1.1em;
        font-weight:        bold;
        text-decoration:    none;
    }
    div.backbttn a:hover {text-decoration:    underline;}
        div.block-faq div.faq-container a {color:              white;text-decoration:    none;}
        div.block-faq div.faq-container a:hover {text-decoration:    underline;}

        div.block-faq div.helper-text {
            border-color:       #ccdae2;
            border-style:       solid;
            border-width:       0 1px 1px 1px;
            background-color:   #fff;
            color:              #777;
            padding:            16px;
        }
    

    div.block-faq div.helper-text h4 {color:              #777;margin-bottom:      8px;}

/*============================= events.css blocks ============================= */ 
/* --- EVENTS --- */
    div.block-events h2 {padding:            9px;}
    div.block-events table col.images {width:              120px;}
    div.block-events table {
        background:         url(../gfx/backgrounds/events_table_top_border.gif) top left no-repeat;
        margin-bottom:      9px;
    }
    
    
    div.block-events tr.first th {padding-top:        1px;}
    div.block-events th {
        background:         url(../gfx/backgrounds/events_item_image_border.gif) bottom left no-repeat;
        padding-bottom:     1px;
		border-left: 		1px solid #efefef;
		border-right:		1px solid #efefef;
    }


    div.block-events td {background:         url(../gfx/backgrounds/events_item_border.gif) bottom left no-repeat;}
    div.block-events th {vertical-align:     bottom;}
    div.block-events th img {width:              120px;display:            block;}
    div.block-events td {padding:            4px 9px 4px 9px;}
    div.block-events a.read-more {display:            block;text-align:         right;}
    
/*============================= related.css blocks ============================= */ 
/* --- RELATED CONTENT --- */

div.block-related {margin-top: 18px}
    div.block-related h3 {margin-bottom:      8px;}
    div.block-related li {padding-bottom:     8px;}
    div.block-related h4 {padding-top:        4px;padding-bottom:     4px;}

/*============================= addresses.css blocks ============================= */ 
/* --- ADRESSES --- */

    div.block-addresses h2 { margin:             12px 0 8px 0;}
    div.block-addresses div.item {margin-top:         8px;}
    div.block-addresses a {color:              #777;text-decoration:    none;}
	div.block-addresses a.route {color:              #EE6A12;text-decoration:    underline;}
/*============================= vacancies.css blocks ============================= */ 
 /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */    
div.block-vacancies, div.block-vacancies_werken {
    position:				relative;
    margin:          		15px 0 12px 0;
	border:                 0 solid #6d8a9a;
    border-width:           0 1px 2px 0;
    background-color:       #f3f4f6;
    padding:                9px 9px 10px 9px;
}

div.block-vacancies_werken {margin-top:0; height:290px;}

    div.block-vacancies ul, div.block-vacancies_werken ul {
        list-style-type:    none !important;
        margin:             12px 0 0 0;
        padding:            0;
    }

    div.block-vacancies ul li, div.block-vacancies_werken ul li {
        background:         url(../gfx/icons/bullet_blue.gif) 6px 6px no-repeat;
        padding-left:       16px;
        padding-bottom:     6px;
		zoom:1;
    }
    
    div.block-vacancies ul li a:link,  
	div.block-vacancies ul li a:active,  
	div.block-vacancies ul li a:visited,
    div.block-vacancies_werken ul li a:link,  
	div.block-vacancies_werken ul li a:active,  
	div.block-vacancies_werken ul li a:visited {font-weight:bold; text-decoration:none;}
	
	div.block-vacancies ul li a:hover, div.block-vacancies_werken ul li a:hover {text-decoration:underline;}

	div.block-vacancies a.read-more, div.block-vacancies_werken a.read-more {
		display:block;
		width:205px;
		text-align:right;
    }
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */    
div.block-staedion-in-kleur {position:               relative;min-height:             280px;}
    div.block-staedion-in-kleur a.read-more {position:               absolute;bottom:                 10px;right:                  10px;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */    
div.block-stage {
    background:             url(../gfx/backgrounds/stage_gradient.gif) bottom left repeat-x #6d937a;
    color:                  #fff;
    position:               relative;
   	height:             310px;
}

    div.block-stage h2,
    div.block-stage a {color:              #fff;}
    
    div.block-stage a.read-more {
        position:               absolute;
        bottom:                 10px;
        right:                  10px;
    }
    
    div.block-stage div.text {padding:                0 9px 30px 9px; /* jurg: padding-bottom aangepast van 0 naar 30px tbv IE6 */}
    
    
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */    
div.block-vacancy {color:                      #003957;}
div.block-vacancy div.details {
    padding:                    4px;
    border:                     1px solid #f2f2f2;
    background-color:           #f9f9f9;
    margin-top:                 20px;
}

div.block-vacancy div.details p {
    margin:                     0;
}

/*============================= weblog.css blocks ============================= */ 
/* weblog preview */

    /* height in content column must be fixed, in right column it shouldn't */
    div.column div.block-weblog-preview p {
        height:         119px;
		min-height:		119px;
        overflow:       hidden;
    }

	div.column div.block-weblog-preview div.text {background:		url('../gfx/backgrounds/blog_gradient.jpg') left top no-repeat #d46440;}

/* weblog archive */

div.block-weblog-archive {padding:            12px;background:			url('../gfx/backgrounds/blog_archief_leftcol_gradient.jpg') left bottom repeat-x; }
select#archiefitems, .selectarchiefitems 
{
	width:				200px;
	font-size:			10px;
	font-family:		Verdana, Sans-Serif;
}	

/* weblog category nav */

div.block-weblog-categories {
    margin:             0 0 15px 0;  
	padding:			0 12px 6px 12px;
	background:			url('../gfx/backgrounds/blog_archief_leftcol_gradient.jpg') left bottom repeat-x; 
}
div.block-weblog-categories li {margin-bottom:		6px;}	
/* actual weblog */
    
div.block-weblog div.item h3.item-title {
	height:				1%; /* IE hasLayout fix */
	padding:			7px 10px 7px 6px;
	margin-bottom:		8px;
	font-size:			15px;
	line-height:		1.3em;
    color:              #fff;
	background:			url('../gfx/backgrounds/blog_entry_title_gradient.jpg') top left repeat-y;
}

.weblog .buttons .CommentButton 
{   
    float:left;
	font-size:          10px;
    font-weight:        bold;
	padding: 4px 0 5px 0; 
    text-align:         center;
    color:              #fff;
    background:         url('../gfx/backgrounds/blog_bttn_bg.gif') left top no-repeat;
    border:             none;
    text-transform:     uppercase;
    cursor:             pointer;
	text-decoration:    none;
	display:block;
	margin-right:5px;
}


div.block-weblog div.item p.date {color:              #00345c;font-weight:		bold;}
div.block-weblog div.item p.date a {font-weight:        bold;}
div.block-weblog div.item div.post {
  	padding:            20px 20px 20px 0;
	background:			url('../gfx/backgrounds/blog_entry_gradient.jpg') left bottom repeat-x;
}

div.block-weblog div.item div.post img {
	float:				left;
	margin: 			5px 10px 5px 0;
}

div.block-weblog div.item div.post p {
	padding:			0 0 0 10px;
	text-align:         justify
}


/* form styles */
div.block-weblog div.actions div.form {	
	padding-top:		20px;
	margin-bottom:30px;
	background:			url('../gfx/backgrounds/blog_form_balloon_bg.gif') top left no-repeat;
	zoom:				1;
}

div.block-weblog div.actions div.hidden {
	display:			none;
}

div.block-weblog div.actions div.visible {
	display:			block;
}

div.block-weblog div.actions div.form div {
	padding:			13px;
	background-color:	#ededed;
	border-right:		1px solid #d0d0d0;
	border-bottom:		1px solid #d0d0d0;
}

div.block-weblog div.actions div.form dl {
	margin:				0;
	padding:			0;
}
div.block-weblog div.actions div.form dt, div.block-weblog .actions div div th
{
	color:				#04324c;
	font-weight:		bold;
}
div.block-weblog div.actions div.form dd,  div.block-weblog .actions div div td
{
	padding:				5px 0 5px 0;
	
}
div.block-weblog div.actions div.form dd input, div.block-weblog .actions div div td .textinput
{
	width:				255px;
	font-size:			11px;
	padding:			2px 5px 3px 5px;
	border:				1px solid #8f8f8f;
}
div.block-weblog div.actions div.form dd textarea, div.block-weblog .actions div div td .textarea
{
	width:				435px;
	height:				80px;
	overflow:			auto;
	font-size:			11px;
	font-family:		Arial, Sans-Serif;
	padding:			2px 5px 3px 5px;
	border:				1px solid #8f8f8f;
}

div.block-weblog div.actions div.form .buttons {
	margin:				12px 0 2px 0;
}

/* post / reactions */
div.block-weblog div.actions div.posts {clear:both; margin:0; padding:0;}
div.block-weblog div.actions div.posts div.reaction {	
  margin:0;
	padding:0;
	padding-top:     20px;
	margin-bottom:   30px;
	background:      url('../gfx/backgrounds/blog_form_balloon_bg.gif') top left no-repeat;
	zoom:            1;
	color: #00345C;
}
div.block-weblog div.actions div.posts div.reaction div.header {
  padding:          0 10px;
  line-height:      35px;
  background-color:	#ededed;
  border-left:      1px solid #ededed;
  border-right:		  1px solid #d0d0d0;
  border-bottom:    1px solid #DEDEDE;
}
div.block-weblog div.actions div.posts div.reaction div.header span.date{
  color: #00345C;
}
div.block-weblog div.actions div.posts div.reaction div.text {
  padding:          5px 10px;
  background-color: white;
  border-left:      1px solid #ededed;
  border-right:		  1px solid #d0d0d0;
	border-bottom:    1px solid #d0d0d0;
}

/*============================= projects.css blocks ============================= */ 

/* project */


/* interview entry */
div.entryitem {
	margin-bottom:		15px;
	background:			url('../gfx/backgrounds/item_entry_gradient.jpg') right bottom repeat-y; 
}

	div.entryitem h3.item-title {
		zoom:				1;
		padding:			4px 10px 20px 8px;
		color:				#2f4450;
		font-size:			11px;
		font-family:		Verdana, Sans-Serif;
		background:			url('../gfx/backgrounds/project_textballoon_bg.gif') right bottom no-repeat;
	}
	
	div.entryitem div.post {
		text-align:			left;
		padding:			0 10px 10px 0;
	}

	
/* interview 'about..'  */
div.interview img {
	display:			block;
}

div.interview h5 {
	margin-bottom:		15px;
}

div.interviewtext {
	width:				200px;
	padding:			10px;
	background:			url('../gfx/backgrounds/project_interview_gradient.jpg') top left no-repeat;
}


/* project portfolio */

div.projectentry {
	padding-bottom:		10px;
	margin:				10px 0 20px 0;
	background:			url('../gfx/backgrounds/blog_entry_gradient.jpg') left bottom repeat-x;
	color:				#06436f;
}

div.projectentry div.projectdata div {
	float:				left;
	width:				50% !important;
	margin:				8px 0px 10px 0;
}
div.projectentry div.projectdata div p {
	padding:			0 10px 10px 0;
}

div.projectentry div.projectgallery {
	padding:			0;
	overflow:			hidden;
}

div.projectentry div.projectgallery ul {
	margin-top:			4px;
}

div.projectentry div.projectgallery ul li{
	display:            inline;
}

div.projectentry div.projectgallery ul li a {
	float:				left;
	display:			block;
	width:				14px;
	height:				14px;	
	margin-right:		2px;
	border:				1px solid #ffd1a6;
}

div.projectentry div.projectgallery ul li a.active {
	border:				1px solid #f0a240;
}


div.projectentry div.projectdetails {
	clear:				both;
	padding:			0 10px 0 10px;
}

div.projectentry div.projectdetails h3 {
	color:				#06436f;
	font-family:		Verdana, Sans-Serif;
	margin-bottom:		8px;
}	

/*============================= subsubnavigatie.css blocks ============================= */ 
/* subnavigation styles */
div#subsubnavigation {
	margin-bottom:		30px;
}

div#subsubnavigation ul li {
	zoom:				1;
	margin:				0;
	padding:			0;
	line-height:		0;
	font-size:			0;
	border-bottom:		1px solid #d5dde0;
}

div#subsubnavigation ul li.last {
	border-bottom:		none;
}

div#subsubnavigation ul li a {
	display:			block;
	padding:			2px 8px 2px 10px;
	color:				#00436a;
	font-size:			11px;
	line-height:		2.1em;
	text-decoration:	none;
	background-color:	#fff;
	height:1%;
}

div#subsubnavigation ul li a:hover {
	text-decoration:	underline;
	background-color:	#eef3f7;
}

div#subsubnavigation ul li.active a,
div#subsubnavigation ul li.active a:hover {
	background-color:	#eef3f7;
	text-decoration:	none;
}

/*============================= members.css blocks ============================= */ 
/* --- MEMBERS --- */

div.block-members {
    
}

    div.block-members h2 {
        padding:            9px 9px 9px 0px;
    }

    div.block-members table col.images {
        width:              120px;
    }    
    
    div.block-members table {
        margin-bottom:      9px;
    }
    
    
    div.block-members tr.first th,
	div.block-members tr.first td {
		border-top:			1px solid #cbcbcb;
    }


    div.block-members td {
		vertical-align:     top;
        background:         url(../gfx/backgrounds/members_cell_gradient.jpg) right;
		border-bottom:		1px solid #cbcbcb;
    }
	
	 div.block-members td div.wrapper {
	 	padding:            4px 9px 4px 9px;
	 }


    div.block-members th {
        vertical-align:     bottom;
		border-bottom:		1px solid #cbcbcb;
    }


    div.block-members th img {
        display:            block;
    }
        
	div.block-members h4 {
		display:			block;
		padding:            4px 9px 4px 9px;
		background-color:	#FFF;
	}
	
	div.block-members h4 a {
		font-size:			11px;
		color:				#EE6A12
	}
    
    div.block-members a.read-more {
        display:            block;
        text-align:         right;
    }

    hr.block-members  {
        height:				2px;
    }

/*=============================gekozen-wijk.css blocks ============================= */ 
/* gekozen wijk */

div.wijk-map {
    margin-bottom:      10px;
}
div.wijk-map img {
    border:             1px solid #b6b6b6;
}

div.wijk-nieuws-overzicht div.item {
    clear: 				both;
    height: 			auto;
	margin-bottom: 		10px;

	color:				#00476e;
    font-size:          1.1em;
    background:         url(../gfx/backgrounds/wijk-nieuws-overzicht-background.png) repeat-y;
	zoom:				1;
	overflow:			hidden;
}

div.wijk-nieuws-overzicht div.item div.header {
    padding: 			5px 10px;
    background:         #ffffff;
}
div.wijk-nieuws-overzicht div.item div.header span.date {
    color:              #00476e;
}
div.wijk-nieuws-overzicht div.item div.header a {
    font-weight:        bold;
    text-decoration:    none;
}
div.wijk-nieuws-overzicht div.item div.header a:hover {
    text-decoration:    underline;
}

div.wijk-nieuws-overzicht div.item table {
    width:              100%;
    padding:            0;
    background:         url(../gfx/backgrounds/gradient-ruler-wijknieuws.gif) bottom left no-repeat;
    border-collapse:    collapse;
}

div.wijk-nieuws-overzicht div.item table th {
    padding: 			0px;
    vertical-align:     top;
}   
div.wijk-nieuws-overzicht div.item table th img{
    margin:             10px 0 10px 10px;
}
 

div.wijk-nieuws-overzicht div.item table td {
    width:              100%;
    padding: 			10px 10px 10px 10px;
    vertical-align:     top;
}    
div.wijk-nieuws-overzicht div.item table td p {
    font-size:          11px !important;
    font-weight:        normal;
}



div.wijk-intro {
    margin:                 0 0 14px 0;
    color:                  #00476e;
    background-color:       #edf3f7;
    border-bottom:          2px solid #6d8a9a;
}
    div.wijk-intro table {
        width:                  100%;
        padding:                0;
        border-collapse:        collapse;
    }
    
    div.wijk-intro table th {
        padding: 			    0px;
        vertical-align:         top;
    }   
    div.wijk-intro table th img{
        margin:                 0;
    }
    div.wijk-intro table td {
        width:                  100%;
        padding: 			    12px 15px 10px 15px;
        vertical-align:         top;
    }    
    div.wijk-intro table td p {
        font-size:              1.1em !important;
        font-weight:            normal;
        line-height:            1.7em;
    }
	
    
    
	div.block-gekozen-wijk div.column div.gekozen-wijk-entry {
		background:			url(../gfx/backgrounds/gekozenwijk_gradient.png) left bottom no-repeat;
		padding:			2px 0 15px 0;
	}
	
	div.block-gekozen-wijk div.column div.gekozen-wijk-entry p {
		padding-left:		15px;
		padding-top:		5px;
		padding-bottom:		5px;
	}
	
	div.block-gekozen-wijk div.gekozen-wijk-entry h4 {	
		display:			block;
		padding:            4px 9px 4px 15px;
		background-color:	#FFF;
		color:				#00476e;
		font-size:			11px;
		height:1%;
	}	
	
	div.block-gekozen-wijk div.wrapper {
		padding:            4px 9px 4px 9px;
	}
	
	div.block-gekozen-wijk a.read-more {
		display:            block;
		text-align:         right;
		margin-top:         2px;
		width:				185px;
	}
	
	div.width {
		width:				226px;
	}
	
/*============================= team.css blocks ============================= */     
div.block-team div.main-member {
    background:             url(../gfx/backgrounds/member_main_background.gif) left top repeat-y;
    height:                 151px;
    overflow:               hidden; 
}

div.block-team div.main-member div.stats {
    background:         url(../gfx/backgrounds/member_main_border.gif) left bottom no-repeat #fff; 
    padding-bottom:     3px;    
}

div.block-team div.member {
    width:              230px;
    height: 		234px;
}
div.block-team div.member div.text {
    clear:              both;
    display:            block;
    padding:            10px 15px;
    height:             85px;
    overflow:           hidden;
    background:         url(../gfx/backgrounds/member_entry_background.gif) left top repeat-y;
}

div.block-team-no-desc div.member {
    background:         url(../gfx/backgrounds/member_entry_background.gif) left top repeat-y;
    min-height:         77px;
}

div.block-team-no-desc span.TFE {
    color:              #003f61;
}


div.block-team h3,
div.block-team h4 {
    background-color:       #fff; /* lays over gradient background */    
    color:                  #012a48;
}

div.block-team h3 {
    font-size:              13px;
    font-family:            Verdana,Tahoma, sans-serif;
}

div.block-team p {
    color:                  #012a48;
    margin-top:             3px;
}

div.team-members {
    clear:left;
	zoom:1;
}

div.block-team img {
    float:                  left;
    margin:                 0 9px 9px 0;    
}

div.block-team div.team-members div.member {
    margin:                 19px 0 0 0;
}

div.block-team div.team-members div.member h4 {
    padding:                4px 0 4px 0px;    
}

div.block-team h4 {
	font-size:				11px;
}

/*============================= contact.css blocks ============================= */     
div.contactgegevens {
	margin:				10px 0 20px 0;
	padding:			7px;
	color:				#06436f;
	border:				1px solid #ccdae2;
	zoom:				1;
}

div.contactgegevens div.image {
  float:				left;
  margin:				0;
  padding:				0;
  margin-right:			20px;
  background-color: 	white;
}
div.contactgegevens div.image img{
  float:				left;
}
div.contactgegevens div.text {
  float:				left;
}
div.clear{
  clear: 				both;
}
div.contactgegevens h2 {
	margin-bottom:		20px;
  color: 				#555555;
}
div.contactgegevens span.header{
  font-weight:			bold;
}

/* form styles */
div.contactformulier {	
	padding:			5px 13px 13px 13px;	
	margin-top:			1em;
	background:    		url('../gfx/backgrounds/blog_entry_gradient.jpg') left bottom repeat-x #ffffff;
    
	border:				3px solid #ccdae2;
    
    color:				#00476e;
	zoom:				1;
}

div.contactformulier h2 {
	margin-bottom:		15px;
	color:				#555555;
}
div.contactformulier dl {
	margin:				0;
	padding:			20px 0 10px 0;
}
div.contactformulier dt {
	padding-bottom:		5px;
	clear:				both;
	font-weight:		bold;
}
div.contactformulier dd {
	margin:				0px 0 0px 0;
}
div.contactformulier span.verplicht {
  margin-left:			5px;
  float:				left;
}
div.contactformulier dd input, div.contactformulier dd select {
	float:				left;
	width:				255px;
	font-size:			11px;
	padding:			2px 5px 3px 5px;
	border:				1px solid #8f8f8f;
	margin:				5px 0px 15px 0px;
}
div.contactformulier dd span.inputfield input{
	margin-right:			10px;
	width:				auto;
	border:				none;
	margin-top:			0px;
}
div.contactformulier dd textarea {
	float:				left;
	width:				415px;
	height:				80px;
	overflow:			auto;
	font-size:			11px;
	font-family:		Arial, Sans-Serif;
	padding:			2px 5px 3px 5px;
	border:				1px solid #8f8f8f;
	margin:				5px 0px 0px 0px;
}

div.contactformulier .buttons {
	margin:				12px 0 2px 0;
	text-align:			right;
}

.level-2 projectontwikkeling .contactformulier .buttons input,
div.contactformulier .buttons input {	
	width:				94px;
	font-size:			10px;
	font-weight:		bold;
	padding:			0px 0px 3px 0; /*5px*/
	text-align:			center;
	color:				#fff;
	background:			url('../gfx/backgrounds/blog_bttn_bg.gif') left top;
	border:				none;
	height:             24px;
}

.projectontwikkeling .contactformulier .buttons input {padding:0 0 3px 0; text-align:center;}

/*============================= maps.css blocks ============================= */ 
/* resultaten tabs */


div.block-tabs {
    margin: 0;
    padding: 0;
    margin-top: 15px;
    height: 20px;
    display: block;
	border-bottom: 6px solid #EF6508;
}

div.block-tabs.blauwe-tab {border-bottom: 6px solid #08496b;}

div.block-tabs div.tab {
    float: left;
    width: 33.3%;
    background-image: url(../gfx/backgrounds/maps_tab.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

div.block-tabs div.tab {
    background-color: #E7E3E7;
    color: white;
    font-weight: bold;
    font-size: 11px;
    line-height: 20px;
}

div.block-tabs div.tab a {
    color: #00385A;
    text-decoration: none;
    padding: 5px;
}

/* selected state */
div.block-tabs div.selected a {
    color: white;
}

#kaart-tab.selected,#lijst-tab.selected {
    background-color: #EF6508;
}

#detail-tab.selected {
    background-color: #08496B;
}

/* disabled state */
div.block-tabs div.disabled {
    background-color: #B5C7CE;
}

div.block-tabs div.disabled a {
    color: white;
}

/* tab content */
div.block-tab-content {
    clear: both;
    display: block;
	margin-bottom:20px;
}

/*
div.block-tab-content #kaart-content, div.tab-content #lijst-content {
    border-top: 6px solid #EF6508;
}*/

#overzichtlijst ul {list-style:none;}

#kaart-content {width:475px; float:left;}

div.block-tab-content #detail-content {
    padding-top: 6px;
    background-color: #fff;
}

div.block-tab-content div.content {
    background-color: #fff;
}

/* content kaart */
div.block-tab-content div.kaart div.uitleg {
    margin-top: 10px;
}

/* eerder bekeken */
#eerder-bekeken h2.column-title {
    color: #00456B;
}

#eerder-bekeken div.column-green {
    width:              230px;
    float:              left;
    margin-top:         150px;
    border-bottom:      none;
}

#eerder-bekeken div.column-blue {
    width:              230px;
    float:              left;
    margin-top:         150px;
    border-bottom:      none;
}



/* RESULTATENLIJST */

#lijst-content div.content div.items a.item {
    display:block;
    clear: both;
    position:relative;
	height:90px;
    min-height: 90px;
    border-top: 1px solid #e0e0e0;
    background-color: #f3f3f3;
    font-size:1.1em;
    color: #005183;
    margin-bottom: 10px;
    text-decoration:none;
}

#lijst-content div.content div.items a.item:hover {
    background-color:#e3edf3;
}

#lijst-content div.content div.items a.item img {
    float: left;
    margin: 10px;
}

#lijst-content div.content div.items a.item div.text {
    position: absolute;
    bottom:10px;
    left:120px;
    width:230px;
}
#lijst-content div.content div.items a.item div.text h3 {
    font-size:1.0em;
    color:#005183;
}

#lijst-content div.content div.items a.item div.itemvalues {
    position: absolute;
    left: 110px;
    margin-top: 10px;
    width: 350px;
    height: auto;
    z-index: 10;
}

#lijst-content div.content div.items a.item div.itemvalues table {
    border-collapse:collapse;
    width:100%;
}   

#lijst-content div.content div.items a.item div.itemvalues table td {
    vertical-align:top;
    font-size:1.0em;
}
#lijst-content div.content div.items a.item div.itemvalues table td.prijs {
    width:50%;
    text-align:right;
    font-weight:bold;
}
#lijst-content div.content div.items a.item div.itemvalues table td.kamers {
    width:15%;
    padding:0 30px 0 40px;
    text-align:left;
}
#lijst-content div.content div.items a.item div.itemvalues table td.plaats {
    width:35%;
    text-align:right;
    padding-right: 15px;	
}

#lijst-content div.content div.items a.item div.icon {
    position: absolute;
    bottom:10px;
    left:350px;
    width:80px;
    padding:0 30px 4px 0;
    font-size:0.9em;
    text-align:right;
    line-height:1em;
}


/* ....type specifiek.... */ /* nieuwbouw ontwikkeling */
#lijst-content div.content div.items a.nb-ontwikkeling {
    border-bottom: 2px solid #48851e;
}

#lijst-content div.content div.items a.nb-ontwikkeling div.icon {
    color:      #48851e;
    background: url(../gfx/icons/huisje_groen.gif) right top no-repeat;
}


/* nieuwbouw verkoop */
#lijst-content div.content div.items a.nb-verkoop {
    border-bottom: 2px solid #43b1f0;
}

#lijst-content div.content div.items a.nb-verkoop div.icon {
    color:#43b1f0;
    background: url(../gfx/icons/huisje_blauw.gif) right top no-repeat;
}


/* bestaande bouw */
#lijst-content div.content div.items a.bb {
    border-bottom: 2px solid #f26918;
}

#lijst-content div.content div.items a.bb div.icon {
     color: #f26918;
    background: url(../gfx/icons/huisje_oranje.gif) right top no-repeat;
}


/* nieuwbouw verhuur */
#lijst-content div.content div.items a.nb-verhuur {
    border-bottom: 2px solid #d60b44;
}

#lijst-content div.content div.items a.nb-verhuur div.icon {
    color:#d60b44;
    background: url(../gfx/icons/huisje_red.gif) right top no-repeat;
}



/* ....type specifiek.... */ 
/* parkeren parkeerplaats */
#lijst-content div.content div.items a.p-parkeerplaats {
    border-bottom: 2px solid #4486aa;
}

#lijst-content div.content div.items a.p-parkeerplaats div.icon {
    color: #4486aa;
    background: url(../gfx/icons/parkeer_blauw.gif) no-repeat;
    padding-left:30px;
    height: 20px;
}

#lijst-content div.content div.items a.p-parkeerplaats div.link a {
    color: #4486aa;
}

/* parkeren overdekte parkeerplaats */
#lijst-content div.content div.items a.p-overdekteparkeerplaats {
    border-bottom: 2px solid #7c4c31;
}

#lijst-content div.content div.items a.p-overdekteparkeerplaats div.icon {
    color: #7c4c31;
    background: url(../gfx/icons/parkeer_bruin.gif) no-repeat;
    padding-left:30px;
    height: 20px;
}

#lijst-content div.content div.items a.p-overdekteparkeerplaats div.link a {
    color: #7c4c31;
}

/* parkeren garagebox bouw */
#lijst-content div.content div.items a.p-garagebox {
    border-bottom: 2px solid #52b046;
}

#lijst-content div.content div.items a.p-garagebox div.icon {
    color: #52b046;
    background: url(../gfx/icons/parkeer_groen.gif) no-repeat;
    padding-left:30px;
    height: 20px;
}

#lijst-content div.content div.items a.p-garagebox div.link a {
    color: #52b046;
}

/* parkeren berging */
#lijst-content div.content div.items a.p-berging {
    border-bottom: 2px solid #f8ae23;
}

#lijst-content div.content div.items a.p-berging div.icon {
    color: #f8ae23;
    background: url(../gfx/icons/parkeer_geel.gif) no-repeat;
    padding-left:30px;
	height:20px;
}

#lijst-content div.content div.items a.p-berging div.link a {
    color: #f8ae23;
}


/* huur bedrijfsruimte */
#lijst-content div.content div.items div.huurbedrijfsruimte {
    border-bottom: 2px solid #b20043;
}

#lijst-content div.content div.items div.huurbedrijfsruimte div.icon {
    color: #b20043;
    background: url(../gfx/icons/huurbedrijfsruimte.gif) no-repeat;
}

#lijst-content div.content div.items div.huurbedrijfsruimte div.link a {
    color: #b20043;
}

/* koop bedrijfsruimte */
#lijst-content div.content div.items a.koopbedrijfsruimte {
    border-bottom: 2px solid #9f392e;
}

#lijst-content div.content div.items a.koopbedrijfsruimte div.icon {
    color: #9f392e;
    background: url(../gfx/icons/koopbedrijfsruimte.gif) no-repeat;
    padding: 0 0 15px 25px;
}

#lijst-content div.content div.items a.koopbedrijfsruimte div.link a {
    color: #9f392e;
}



/* DETAIL DATA */
#detail-content div.detail-data {
    padding-top: 5px;
    padding-bottom: 10px;
    min-height: 50px;
    color: #06436f;
    background: no-repeat url(../gfx/backgrounds/detail-data-header-background.png);
}

#detail-content div.detail-data div.detailgallery {
    float: left;
    width: 158px;
    margin-bottom:5px;
}

#detail-content div.detail-data div.detailgallery div.galleryvisual {
    position:relative;
    float:left;
    display:inline;
    width:240px;
}
#detail-content div.detail-data div.detailgallery div.galleryvisual a.zoom{
    position:absolute;
    bottom:0px;
    right:0px;
}

#detail-content div.detail-data div.text {
    margin-left:255px;
}

#detail-content div.detail-data div.header {
    padding: 0px 10px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: normal;
    text-align:center;
}

#detail-content div.detail-data div.text div.body {
    margin-left: 0px;
    font-size:1.1em;
    color:#777777;
}
#detail-content div.detail-data div.text div.body strong {
    color:#06436f;
}

#detail-content div.detail-data div.text div.body p.react {
    padding:15px 0 0 0;
}
#detail-content div.detail-data div.text div.body p.react a{
    padding: 5px 25px 5px 0;
    background: url('../gfx/icons/arrow_orange_transparent.gif') right center no-repeat;
	zoom:1;
}

#detail-content div.detail-data div.detailgallery ul {
    margin-top: 4px;
}

#detail-content div.detail-data div.detailgallery ul li {
    display: inline;
    text-align:center;
}

#detail-content div.detail-data div.detailgallery ul li a {
    float: left;
    display: block;
    width: 14px;
    height: 14px;
    margin-right: 2px;
    text-decoration:none;
}
#detail-content div.detail-data div.detailgallery ul li a:hover {
    text-decoration:underline;
}

#detail-content div.detail-data div.detailgallery ul li a.active {
    border: 1px solid #f0a240;
}

div.ruler {
    clear:both;
}


#detail-content div.woningdetails {
    clear: both;
    padding: 10px;
    color: #06436f;
    background: url('../gfx/backgrounds/blog_entry_gradient.jpg') left bottom repeat-x;
}

#detail-content div.woningdetails h3 {
    color: #06436f;
    font-family: Verdana, Sans-Serif;
    margin: 10px 0;
}

#detail-content div.woningdetails p {
    padding:8px 0 8px 0;
}
#detail-content div.woningdetails p.link a {
    padding: 0 0 2px 18px;
    margin-left: 10px;
    background:   url(../gfx/icons/pdf.gif) no-repeat;
}

#detail-content div.woningdetails div.ground-plan {
    position:relative;
	clear: both;
	padding: 10px;
}
#detail-content div.woningdetails div.ground-plan img {
	position:relative;
}

#detail-content div.woningdetails div.ground-plan div.magnifier {
	position: absolute;
    left: 20px;
    margin-top: 10px;
    width: 23px;
    height: 32px;
    z-index: 10;
}


/*============================= forms.css blocks ============================= */ 

hr.form-border {
	height:1px;
	color:#dddddd;
	border-top:1px solid #dddddd;
}


input.text {
    border:1px solid #777;
}

input.button,
input.submit {
    border-width:1px;
    cursor:pointer;
}


div.simple table {
    
}

    div.simple fieldset {
        border: 0;
        margin: 0;
        padding: 0;
    }
    
    div.simple tbody th,
    div.simple tbody td {
        vertical-align:     middle;
        height:             28px;
    }
    
    div.simple th {
        width:              100px;
    }

    div.simple table th label {
        color: #4A494A;
        font-weight: bold;
    }
    
    div.simple input.text,
    div.simple select  {
        border: 1px solid #7B9EBD;
        width: 125px;
        font-size: 10px;
    }

div.simple tfoot td {
    text-align:right; 
    padding-top:8px;   
}

form.search {
}

    form.search fieldset.checkbox {
        padding-left:24px;
        margin-top:2px;
    }
    
    form.search fieldset.checkbox input {
        vertical-align:top;
    }
	
	form.search fieldset.checkbox input#w {vertical-align:middle; margin: 3px 3px auto auto}
    *:first-child+html form.search fieldset.checkbox input#w {vertical-align:middle; margin: -1px 0 auto auto}
	
    form.search fieldset.checkbox {
        text-align:right;
    }
    
    form.search fieldset.checkbox label {
        font-weight: normal;
        line-height: 19px;
        float:       left;
    }


form.search div.types,
form.search div.types {
    margin-top:     30px;
    margin-bottom:  60px;
}

table.extra-options th {
    width:100%;
    height:15px !important;
}
table.extra-options td select {
    width:223px;
}


    /*
    fieldset.nb-ontwikkeling {
        background:                 url(../gfx/icons/checkbox-nb-ontwikkeling.gif) left top no-repeat #3a6b17;
        color:                      black;
    }
    
    fieldset.nb-verkoop {
        background:                 url(../gfx/icons/checkbox-nb-verkoop.gif) left top no-repeat #1b85c0;
        color:                      black;
    }
    
    fieldset.bb {
        background:                 url(../gfx/icons/checkbox-bb.gif) left top no-repeat #c35512;
        color:                      black;
    }
    
    fieldset.starters {
        padding-left:               0;    
    }
    


    fieldset.sociale-huur {
        background:                 url(../gfx/icons/checkbox-sociale-huur.gif) left top no-repeat #c35512;
        color:                      black;
    }
    
    fieldset.vrije-sector-nb {
        background:                 url(../gfx/icons/checkbox-vrije-sector-nb.gif) left top no-repeat #1b85c0;
        color:                      black;
    }
    
    fieldset.vrije-sector-bb {
        background:                 url(../gfx/icons/checkbox-vrije-sector-bb.gif) left top no-repeat #054061;
        color:                      black;
    }
    
    fieldset.starters {
        padding-left:               0;    
    }
	


    fieldset.koopwoning {
        background:                 url(../gfx/icons/checkbox-jongeren-koop.gif) left top no-repeat #5ca400;
        color:                      black;
    }
    
    fieldset.studentenhuis {
        background:                 url(../gfx/icons/checkbox-jongeren-student.gif) left top no-repeat #0084c7;
        color:                      black;
    }
    

    
    fieldset.checkbox-B {
        background:                 url(../gfx/icons/checkbox-B.gif) left top no-repeat #00486f;
        color:                      black;
    }

    fieldset.checkbox-I {
        background:                 url(../gfx/icons/checkbox-I.gif) left top no-repeat #01b1d9;
        color:                      black;
    }

    fieldset.checkbox-V {
        background:                 url(../gfx/icons/checkbox-V.gif) left top no-repeat #e88202;
        color:                      black;
    }

    fieldset.checkbox-N {
        background:                 url(../gfx/icons/checkbox-N.gif) left top no-repeat #ee4011;
        color:                      black;
    }

    fieldset.checkbox-H {
        background:                 url(../gfx/icons/checkbox-H.gif) left top no-repeat #86413a;
        color:                      black;
    }

    fieldset.checkbox-S {
        background:                 url(../gfx/icons/checkbox-S.gif) left top no-repeat #ffb608;
        color:                      black;
    }

    fieldset.checkbox-A {
        background:                 url(../gfx/icons/checkbox-A.gif) left top no-repeat #6da802;
        color:                      black;
    }


	fieldset.parkeerplaats {
        background:                 url(../gfx/icons/checkbox-parkeerplaats.gif) left top no-repeat #2d5a72;
        color:                      black;
    }
    
    fieldset.overdekteparkeerplaats {
        background:                 url(../gfx/icons/checkbox-overdekteparkeerplaats.gif) left top no-repeat #7c4c31;
        color:                      black;
    }
    
    fieldset.garagebox {
        background:                 url(../gfx/icons/checkbox-garagebox.gif) left top no-repeat #3d8434;
        color:                      black;
    }
	
	fieldset.berging {
        background:                 url(../gfx/icons/checkbox-berging.gif) left top no-repeat #bc8622;
        color:                      black;
    }
    
    fieldset.starters {
        padding-left:               0;    
    }*/
	

    form.site-search h3 {
        color:                      #336995;
        margin-bottom:              9px;
    }
    
    form.site-search div.types {
        margin:                     9px 0;
    }

    form.site-search input.search-query {
        width:                      223px;  /* 227 - 4 */
        border:                     1px solid #777;
        padding-left:               4px;
    }

    form.site-search fieldset.checkbox {
        background:                 url(../gfx/icons/checkbox-site-search.gif) left top no-repeat #eae9ea;
        color:                      #005077;
        padding-left:               4px;
    }
    
    form.site-search input.inactive {
        color:                      #a9c1cb;
    }

form .buttons input, .CommentButton 
{   
    width:              94px;
    font-size:          10px;
    font-weight:        bold;
	padding:5px; /*	padding:			0 0 4px 0;*/
    text-align:         center;
    color:              #fff;
    background:         url('../gfx/backgrounds/blog_bttn_bg.gif') left top no-repeat;
    border:             none;
    text-transform:     uppercase;
    cursor:             pointer;
	text-decoration:    none;
}


form .buttons input.selectie {  
    width:              120px;
    float:              right;
	margin:				10px 5px 10px auto;
    background:         url('../gfx/backgrounds/selectie_bttn_bg.gif') left top no-repeat;
    text-align:         center;
} 

div.legenda {
	margin-top:			7px;
	padding: 			3px;
	background-color:	#f6f6f6;
	border:				1px solid #e0e0e0;
	color:				#4A494A;
}

div.legenda table td {padding:			2px 4px 2px 4px;}

/*============================= subscribe.css blocks ============================= */ 
div.block-subscribe {
    background:         url(../gfx/backgrounds/subscribe_form_gradient.gif) bottom left repeat-x #fff;
    padding-bottom:     12px;
}

div.block-subscribe h2 {
    font-size:          10px;
    font-family:        Verdana,Tahoma;
    font-weight:        bold;
}

/*============================= google-maps-overlay.css blocks ============================= */ 
/* g- id's just for positioning... */
#g-closed {
    position: absolute;
    top: 75px;
    left: 50px;
    z-index: 100;
}

#g-hover {
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 100;
}

#g-open {
    position: absolute;
    top: 350px;
    left: 150px;
    z-index: 100;
}

/*  */
.google-overlay {
    position: relative;
}

.google-overlay a.g-icon {
    display: block;
    float: left;
    width: 26px;
    height: 35px;
    background-image: url(../gfx/icons/google_huisje_orange.gif);
}

.google-overlay a img {float: left;}

.google-overlay div.g-address {
    float: left;
    background-image: url(../gfx/backgrounds/google-orange.gif);
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
    border-right: 1px solid #bababa;
    height: 22px;
    width: 280px;
    margin-left: -2px;
}

.google-overlay div.g-address a {
    display: block;
    line-height: 22px;
    border-right: 1px solid white;
    color: white;
    text-decoration: none;
}

.google-overlay div.g-address a:hover {text-decoration: underline;}

.google-overlay div.g-detail {
    position: absolute;
    left: 0;
    top: -150px;
    height: 150px;
    width: 303px;
    background-color: white;
    border-top: 1px solid #bababa;
    border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
}

.google-overlay div.g-detail a.g-close {
    position: absolute;
    right: -1px;
    margin-top: -1px;
    width: 17px;
    height: 17px;
    display: block;
    background-image: url(gfx/icons/google_close_orange.gif);
}

.google-overlay div.g-detail div.g-content {
    margin: 10px;
    color: #003f63;
}

.google-overlay div.g-detail div.g-content img {
    float: left;
    margin-right: 10px;
    background-color: lime;
}

.google-overlay div.g-detail div.g-content div.g-specs {
    clear: both;
}

.google-overlay div.g-detail div.g-content div.g-description {
    display: block;
    margin-top: 10px;
}

.google-overlay div.g-detail div.g-content div.g-description div.g-description-text {
	display:inline;
}


.google-overlay div.g-detail div.g-content div.g-description a {
    text-decoration: underline;
}

/* COLOR SCHEMES */ /* orange (default) */
.g-orange div.g-address {
    background-image: url(../gfx/backgrounds/google-orange.gif);
}

.g-orange a.g-icon {
    background-image: url(../gfx/icons/google_huisje_orange.gif);
}

.g-orange div.g-detail a.g-close {
    background-image: url(../gfx/icons/google_close_orange.gif);
}

/* blue */
.g-blue div.g-address {
    background-image: url(../gfx/backgrounds/google-blue.gif);
}

.g-blue a.g-icon {
    background-image: url(../gfx/icons/google_huisje_blue.gif);
}

.g-blue div.g-detail a.g-close {
    background-image: url(../gfx/icons/google_close_blue.gif);
}

/* green */
.g-green div.g-address {
    background-image: url(../gfx/backgrounds/google-green.gif);
}

.g-green a.g-icon {
    background-image: url(../gfx/icons/google_huisje_green.gif);
}

.g-green div.g-detail a.g-close {
    background-image: url(../gfx/icons/google_close_green.gif);
}

/*============================= video.css blocks ============================= */ 
div.block-video-preview {
    margin-bottom:  20px;    
}

div.block-video-preview div.video-container {
    float:          left;
    margin:         0 9px 9px 0;
}

/*============================= search-results.css blocks ============================= */ 
div.block-search-results {
}
  div.block-search-results span.match {
        font-weight:    bold !important;
    }
    
    div.block-search-results h3 {
        color:          #336995;
        font-size:      12px;
        font-family:    Verdana,Tahoma,sans-serif;
        margin-bottom:  9px;
        font-weight:	normal;           
    }

    /* Zoekresultaat match in de header van het klantenservice deel */
    div.block-search-results h3.zoekresultaat_klantenservice {
        color:          #336995 !important;
        font-weight:	normal !important;      
    }
    div.block-search-results h3.zoekresultaten_klantenservice a{color:#336995 !important;}
    div.block-search-results h3.zoekresultaten_klantenservice a span.match {color:#336995 !important;}
    
    /* Zoekresultaat match in de header van het website deel */
    div.block-search-results h3.zoekresultaat {
        color:          #EE6A12 !important;
        font-weight:	normal !important;
    }
    div.block-search-results h3.zoekresultaten a{color:#EE6A12 !important;}
    div.block-search-results h3.zoekresultaten a span.match{color:#EE6A12 !important;}    
    
    div.block-search-results p.read-more {
        text-align:     right;
    }
    
    div.block-search-results div.result {
        border-bottom:          1px solid #ededed;
        margin-bottom:          12px;
        padding-bottom:         12px;
    }
    
    div.block-search-form p.buttons input {
        text-align:             center;
        padding:                5px 0 6px 0;
    }
    
    
div.block-search-form div.result {
    margin-top:                 15px;
    padding-top:                15px;
    border-top:                 1px solid #cacaca;
}

div.block-search-form div.result span.marker {
    color:                      #035783;
    font-weight:                bold;
}    


/*============================= senioren.css blocks ============================= */ 
div.block-senioren-boxen {margin-top:12px;}
    
	div.seniorenDownloads {
		border:            1px solid #ebebeb;
		border-top:			1px solid #e9e9e9;
		border-right:		1px solid #e9e9e9;
		border-bottom:		1px solid #c4c4c4;
		border-left:		1px solid #e9e9e9;
		zoom:1;
	}
	
	div.seniorenDownloadsCol {
		float:left;
		width:215px;
		margin:				10px 0;
		padding:			10px;
		/*background-color:   #f7f7f7;*/
	}
	
	div.seniorenDownloadsCol ul {
		list-style:			none outside;
		margin:				5px 0 0 0;
		padding:			0;
	}
	
	div.seniorenDownloadsCol ul li {line-height:		3em;}
	div.seniorenDownloadsCol ul li a {
		padding:			0 0 3px 23px;
		background:       	url(../gfx/icons/pdf.gif) no-repeat;
	}
	
 
div.block-senioren-complex {margin-bottom:12px;}

    div.block-senioren-complex div.text {
        border:             1px solid #ebebeb;
        background-color:   #f7f7f7;
        padding:            8px;
        margin-bottom:      20px;
		zoom:1;
    }
    
        div.block-senioren-complex div.text div.intro {font-weight:        bold;}
        
        div.block-senioren-complex div.text img {
            float:              left;
            margin-right:       8px;
            margin-bottom:      8px;          
        }
        
    
    div.block-senioren-woning div.items h2,
    div.block-senioren-complex div.items h2 {
        margin-bottom:      8px;
    }


div.block-senioren-woning {
}
    
    div.block-senioren-woning div.detail-data h3 {
        border:                 1px solid #ebebeb;
        background-color:       #f7f7f7;
        color:                  #777;
        padding:                8px 0;
        margin:                 0 0 8px 0;
    }
    
    div.block-senioren-woning div.detail-data div.gallery {
        float:                  left;
        margin:                 0 8px 8px 0;
    }
    
    div.block-senioren-woning div.detail-data div.details {
        background:             url(../gfx/backgrounds/senioren-details-gradient.gif) left top repeat-x #f3f3f3;
        border-bottom:          1px solid #e6e6e6;
        padding:                8px;
        margin-bottom:          8px;
    }
    
    
    div.block-senioren-woning div.woningdetails {
        margin-bottom:          20px;
    }
    
    
/*============================= sitemap.css blocks ============================= */ 

div#toggleSitemap {
	float:right;
}

div.block-sitemap h2 {
    border:             1px solid #e8e8e8;
    background-color:   #f3f3f3;
    padding:            13px 11px;
    margin:             0;
}
    
    div.block-sitemap ul {
        margin:             9px 0;
		zoom:1;
    }
    
        div.block-sitemap ul ul {
            margin:             0;
        }
    
        div.block-sitemap ul li {
            padding-left:       11px;
            background:         url(../gfx/backgrounds/sitemap-list-item-1.gif) 3px 7px no-repeat;
        }
        
        
        div.block-sitemap ul ul li {
            padding-left:       11px;
            background-image:   url(../gfx/backgrounds/sitemap-list-item-2.gif);
        }
		
div#contentCon div.toggle-sitemap {
    position:           absolute;
    right:              0;
    top:                12px;
	
}
		
		div#contentCon div.toggle-sitemap a{
            color:				#ea8302 !important;
			text-decoration: 	underline !important;
        }
		
		div#contentCon div.toggle-sitemap a:hover{
            color: 				#ea8302 !important;
			text-decoration: 	none !important;
        }
		
		div#contentCon div.toggle-sitemap a.active {
            color: 				#004c7a !important;
			text-decoration: 	none !important;
        }
		
		div#contentCon div.toggle-sitemap a:visited{
            color: 				#777;
			text-decoration: 	none;
        }
        
        div#contentCon div.toggle-sitemap ul {
            display:            block;
            text-align:         right;
        }
        
        div#contentCon div.toggle-sitemap li {
            display:            inline;
            padding-left:       5px;
			background:			none;
        }
       	
/*============================= products.css blocks ============================= */ 
div.block-products {
    
}


div.block-products div.item {
    border:             1px solid #eaeaea;
    min-height:         106px
}

div.block-products h2 {
    clear:              left;
}

div.block-products div.item div.intro {
    background-color:   #f5f5f5;
    padding:            6px 8px 6px 0;
}

div.block-products div.item img {float:              left; margin-right:       8px}
div.block-products p.link {padding:            9px;}


    div.block-products p.link a.iconed {
        background-position:    left;
        background-repeat:      no-repeat;
        padding:                4px 4px 4px 20px;
    }
    
    
    div.block-products p.link a.pdf {background-image:   url(../gfx/icons/pdf.gif);} 
    
/*============================= junioren.css blocks ============================= */ 
div.junioritems div.item {
    clear: 				both;
    height: 			auto;
	margin-bottom: 		10px;
	color:				#666666;
    background-color: 	#f3f3f3;
	border:             1px solid #ebebeb;
	border-top:			1px solid #e9e9e9;
	border-right:		1px solid #e9e9e9;
	border-bottom:		1px solid #c4c4c4;
	border-left:		1px solid #e9e9e9;
	zoom:				1;
	overflow:			hidden;
}

div.junioritems div.item img {margin:14px 0 0 10px; padding-bottom:10px;}
div.junioritems div.item div.visual {float:				left;display:			inline;margin: 			0 0px 10px 0;}
div.junioritems div.item div.text {margin:0;padding: 			10px 15px 13px 10px;}
div.junioritems div.item h3 {margin-bottom:		5px;}
div.junioritems div.item div.icon {
    position: 			absolute;
    right: 				10px;
    margin-top: 		10px;
    width: 				23px;
    height: 			32px;
    z-index: 			10;
}

div.junioritems div.item p.link {padding-top:		8px;}
div.junioritems div.item table {width:              100%;padding:            0;border-collapse:    collapse;}
div.junioritems div.item table th {vertical-align:     top;}    
div.junioritems div.item table td {
    width:              80%;
    padding: 			10px 15px 13px 10px;
    vertical-align:     top;
    font-weight:        normal;
}    

/*============================= nieuwbouw.css blocks ============================= */ 

div.legenda-wrap {float:left; width:222px; margin-top:-18px;}
div.legenda {
	float:				left;
	width:				222px;
	background-color:	#f6f6f6;
	border:				1px solid #e0e0e0;
	color:				#4A494A;
	font-size:			10px;
}

div.legenda table td {padding:			2px 4px 2px 4px;}
div.block-nieuwbouw div.nieuwbouw-items div.column {padding:            20px 0 0 0;}
div.block-nieuwbouw div.nieuwbouw-items div.column div.nbp-header {
    padding:            7px 15px 7px 10px;
    margin-bottom:      10px;
    background-repeat:  no-repeat;
    background-position:top left;
	height:1%;
}

div.block-nieuwbouw div.nieuwbouw-items div.column div.nbp-header h2 {margin:             0;color:              #fff;}
div.block-nieuwbouw div.nieuwbouw-items div.column div.column-green div.nbp-header {background-image:   url(../gfx/backgrounds/nieuwbouw-header-green.gif);}
div.block-nieuwbouw div.nieuwbouw-items div.column div.column-blue div.nbp-header { background-image:   url(../gfx/backgrounds/nieuwbouw-header-blue.gif);}
div.block-nieuwbouw div.nieuwbouw-items div.column div.objects-list {padding:            12px 10px 20px 10px;background-color:   #f5f5f5;}
/*div.block-nieuwbouw div.nieuwbouw-items div.column div.objects-list hr {
    display:                block;
    margin:                 10px 0 8px 0px;
    border-width:           0;
    height:                 1px;
    background-color:       #d5d5d5;
	color:       			#d5d5d5;
    clear:                  both;
}*/

div.block-nieuwbouw div.nieuwbouw-items div.column div.objects-list hr {
    display:                block;
    margin:                 10px 0;
    border-width:           0;
    height:                 1px;
    background-color:       #d5d5d5;
	color:       			#d5d5d5;
}

div.block-nieuwbouw div.nieuwbouw-items div.column div.column-green div.objects-list {
	height:1%;
    border-top:         1px solid #88ae69;
    border-bottom:      none;
}

div.block-nieuwbouw div.nieuwbouw-items div.column div.column-blue div.objects-list {
	height:1%;
    border-top:         1px solid #7fb8d9;
    border-bottom:      none;
}

div.block-nieuwbouw div.object {position:relative; min-height:62px;}
div.block-nieuwbouw div.object img {padding-right:10px; float:left;}

div.block-nieuwbouw div.object h4 {color: #4b4b4b;}
div.block-nieuwbouw div.object div {margin:10px 0 10px 0;}


/*============================= layout.css ============================= */ 

body {text-align:         center;    }
div#outerCon {
	position:			relative;
	width:				980px;
	height:				100%;
	margin-left:		auto;
	margin-right:		auto;
	left:				7px;
    background:         url('../gfx/staedion_logo.gif') top left no-repeat;
    text-align:         left;
}

div#site, .home #outerCon {
	width: 980px;
	min-height: 860px;
	margin: 0 auto;
	background:url(../gfx/logo2.gif) top left no-repeat;
	position: relative;
}

            
div#mainCol {
    float:              left;
    display:            inline;
    width:              734px;
    padding-bottom:     24px; /* scroll-out padding */
}


div#serviceMenuCon,
div#navigationCon {font-family:        Arial,Helvetica,sans-serif;line-height:        1.5em;}
div#serviceMenuCon a,
div#navigationCon a { text-decoration:    none;}
div#serviceMenuCon a:hover,
div#navigationCon a:hover {text-decoration:    underline;}

/*---- SERVICEMENU PARTS ----*/

div#serviceMenuCon {
	width:				972px; /* 979 - 7 - 0 */
	height:				25px; /* 30 - 3 - 0 */
	padding:			5px 7px 0 0;
	color:				#8a8a8a;
	font-size:          11px;
	line-height:        1.5em;
}

    div#serviceMenuCon div {float:				right;display:			inline;}
        div#servicemenuNav,
        div#servicemenuNav a,
        div#servicemenuSearch { color:              #8a8a8a;}

        div#servicemenuNav a {margin:0; padding-right:      10px;}
            div#servicemenuNav a.small {padding-right:      0px;font-size:          10px;}
            div#servicemenuNav a.medium {padding-right:      0px;font-size:          11px;}
            div#servicemenuNav a.large {font-size:          12px;}
            div#servicemenuSearch { padding-left:0;} /*10px*/
            
            input#searchsubmit {
                vertical-align:     bottom;
                margin-bottom:      2px;
                margin-left:        8px;
            }
            
            input#searchbox {
                width:              142px; /* 152 - 5 - 5 */
                height:             14px;
                padding:            0 5px 0 5px;
                
                color:              #000;
                font-size:          10px;
                border:             1px solid #cecece;
            }

/*---- NAVIGATION PARTS ----*/
div#navigationCon {width:              734px; clear:              both;}

    div#mainNavCon {
        float:              left;
        display:            block;
        width:              734px;
    }

        /*---- MAINNAVIGATION STYLES ----*/
        div#mainNavCon li a,
        div#mainNavCon li img {
            display:            inline;
            vertical-align:     bottom;
            margin:             0;
            padding:            0;
        }
        
        div#mainNavCon li a {font-size:          12px; color:              #fff;text-decoration:    none; }
        
        /* level styles, see states.css for different page states of these styles */
    
        /* -- First level -- */
        div#mainNavCon div#first-level{float:              left;width:              245px;}
            div#mainNavCon div#first-level a {line-height:    0 !important;font-size:      0 !important;}
        
            /*---- default ----*/
            div#mainNavCon div#first-level ul li {
                border-style:       solid;
                border-width:       0 1px 1px 0;
            }
            
            div#mainNavCon div#first-level ul li.last {border-bottom:      0 none;}
            
        /* -- second level -- */
        div#mainNavCon div.sub {float:              left;width:              244px;color:              #fff;}
            div#mainNavCon div.sub li {
                overflow:           hidden;
                border-style:       solid;
                border-width:       0 0 1px 0;
                height:             23px;
            }
            
                div#mainNavCon div.sub a {
                    display:            block;
                    height:             24px;
                    padding:            4px 5px 0px 15px;
                    font-family:        Verdana,Tahoma,sans-serif;
                    font-size:          11px;
                }
                
                div#mainNavCon div#second-level ul {border-width:       0 1px 0 0;}
                div#mainNavCon div#second-level li {border:             0 none;}
				div#mainNavCon div#second-level li a:hover{background:url('../gfx/nav/secondlevel_over.png');}
				div#mainNavCon div#second-level li a.active-tab {color:#00456a; background:url('../gfx/nav/secondlevel_over.png');}
				
				
            /*---- second level active ----*/
            div#mainNavCon div.sub li.active a {color:              #fff;}
            div#mainNavCon div.sub li.active a:hover {text-decoration:    none;}
            
            /*---- second level: show second level nav ----*/
            
            /* intro divs */
            div#mainNavCon div#second-level div.intro { height:             137px;overflow:           hidden;}
                div#mainNavCon div#second-level div.intro div.wrapper {padding:            10px 20px 10px 12px;}
                div#mainNavCon div#second-level div.intro h6 {
                    font-size:          12px;
                    font-weight:        bold;
                    margin:             0;
                }
            
            

        /* -- third level -- */
        div#mainNavCon div#third-level {float:              left;width:              245px;}
          
/*---- HEADER PARTS ----*/

div#headerVisual {
    float:              right;  
    width:              489px;
    height:             230px;
    border-bottom:      1px solid #fff;
}
    
    div#headerPayoff {font-family:        Verdana, Sans-Serif;color:              #57869f; font-size:          11px;}   
    div#headerLogo {height:             97px;display:			block;}
	div#headerLogoPrint {height:             97px;display:			none !important;}
    div#headerLeftCol {float:              left;width:              244px;}


div#breadCrumbCon {
    clear:              both;
    display:            none;
    width:              719px; /* 734 - 0 - 15 */
    height:             22px; /* 26 - 4 - 0 */
    padding:            4px 0 0 15px;
    color:              #fff;
}

    div#breadCrumbCon a {
        color:              #fff;
        text-decoration:    underline;
    }

    div#breadCrumbCon a:hover {
        color:              #fff;
        text-decoration:    none;
    }

div#navigationToggler {
    clear:              both;
    width:              707px; /* 734 - 27 - 0 */
    height:             18px;
    padding-right:      27px;
    background:         url('../gfx/nav/underborder.gif');
    background-position:top left;
    background-repeat:  no-repeat;
    background-color:   none;
    font-family:        Verdana, Sans-Serif;
    font-size:          10px;
    color:              #e7d9d7;
    text-align:         right;
}

    div#navigationToggler a {
        font-family:        Verdana, Sans-Serif;
        font-size:          10px;
        color:              #e7d9d7;
		padding-right:		15px;
		background:			url('../gfx/icons/nav-close.gif') 5px right no-repeat;
    }
	
	 body.collapsed-nav div#navigationToggler a {
		background:			url('../gfx/icons/nav-open.gif') 5px right no-repeat;
	}

/*---- CONTENT PARTS ----*/

div#contentCon {
	padding-bottom: 20px !important; /* nodig om ruimte te creeren tussen de content container en de footer */
}
    div#contentCon br.clear {
        clear:          both;
        display:        block;
        height:         0px;
    }

    div#contentCon div.column {
        float:          left;
        width:          230px;
        margin-right:   14px;
        position:       relative;
		margin-top:	0;
    }
    
        /* baseline van h1.page-title moet overeenkomen met baseline van h2.column-title */
        div#contentCon div.column h1.page-title {
            margin-top:         15px;
            margin-bottom:      12px;
            line-height:        1em;
        }
    
        div#contentCon div.column h2.column-title, 
         div#contentCon div.column h2.homepage-title, 
		div#contentCon div.column h2.column-title_home {
            margin-top:         22px;
            margin-bottom:      6px;
            padding-bottom:     6px;
            line-height:        1em;
        }
        
      div#contentCon div.column h2.homepage-title{
            font-size:          18px;
            font-weight:        normal;
        }
		
		div#contentCon div.column h2.column-title_home {color:#00476E;}
        div#contentCon div.column-no-title {padding-top:        34px;}
        div#contentCon div.column-no-title-all,
        div#contentCon div.column-no-title-top {padding-top:        22px; }
        div#contentCon div.column-no-title-bottom {padding-top:        49px;}
    
    div#contentCon div.column-wide {width:                  474px;}
    
    div#contentCon div.column div.second-column {margin-right:           0;}
        div#contentCon div.service-buttons {
            position:           absolute;
            right:              0;
            top:                12px;
        }
		
		div#contentCon div.service-buttons a{color:				#777;text-decoration: 	none;}
		div#contentCon div.service-buttons a:hover{color: 				#777;text-decoration: 	underline;}
		div#contentCon div.service-buttons a:visited{color: 				#777;text-decoration: 	none;}
        div#contentCon div.service-buttons ul {display:            block;text-align:         right;}
        
        div#contentCon div.service-buttons li {
            display:            inline;
            background-position:3px 3px;
            background-repeat:  no-repeat;
            padding-left:       18px;
        }
        
        div#contentCon div.service-buttons li.print {background-image:   url(../gfx/icons/print.gif);}
        div#contentCon div.service-buttons li.send {background-image:   url(../gfx/icons/send.gif);}
    div.column-last { margin-right:           0 !important;}

 ul.veelgestelde-vragen li {list-style:none;}
 	 #contentCon ul.veelgestelde-vragen li a:link, 
	 #contentCon ul.veelgestelde-vragen li a:active, 
	 #contentCon ul.veelgestelde-vragen li a:visited {color:#EE6A12; text-decoration:none;}
	 #contentCon ul.veelgestelde-vragen li a:hover {text-decoration:underline;}
	 .vraag-antwoord strong {display:block;}
	  .vraag-antwoord strong:hover {cursor:pointer;}
	  .vraag-antwoord .antwoord {padding:8px; background-color:#fff; margin:10px 0;}
	  .vraag-antwoord .antwoord li {list-style-type:disc; list-style-position:inside}
 
/*---- FOOTER PARTS ----*/

/*.home div#footerCon, div#footerCon {
    clear:                 both;
	border-bottom:         1px solid #c3d3df;
	padding-top:           20px;
	margin-right:          15px; 
	margin-right: 			16px;
}*/

div#footerCon, .home div#footerCon {
	float:left;
	width:745px;
	border-top:1px solid #c3d3df;
	font-size:10px;
	color:#777;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	
div#footerConLeft {
	text-align: 			left;
	float: 					left;
	padding-top: 			5px;
}

	div#footerConLeft a {color:              #777;text-decoration:    none;}
    div#footerConLeft a:hover {color:              #777;text-decoration:    underline}
	
	div#footerConLeft img {
        width:				3px;
		height:				3px;
		vertical-align: 	middle;
		padding-left:		4px;
		padding-right:		4px;
    }

div#footerConRight {
	text-align: right;
	float: right;
	padding-top: 5px;
}

	div#footerConRight a {color:              #777; text-decoration:none;}
    div#footerConRight a:hover {color:              #777; text-decoration:    underline;}

/*---- RIGHT COLUMN PARTS ----*/

div#rightCol {
	float:left;
	width:210px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 5px 0 0 28px;
	overflow:visible;
	/*overflow:hidden;*/
	border:none;
}

* html div#rightCol {padding: 5px 0 0 16px; width:216px;}

	div#rightCol .post-it {font-size:10px;}    
    div#rightColContent div#rightCol img{display:			block;width:				244px;}
    
    div#rightColNav li {
        line-height:		0;
    	font-size:			0;
        border-bottom:      1px solid #e5cec1;
    }	

    a#loginbttn {position:			absolute;right:				1px;border-left:		1px solid #e5cec1;}
    
    div.rightColUnderborder {
        background:         url(../gfx/underborder_rightcol.gif) no-repeat;
        padding:            0px 10px 0px 10px;
        color:              #fff;
    }
    
    div.rightColUnderborder a {color:              #fff;}
    
    div.rightColContent {
    	width:				214px; /* 244 - (10 + 20)*/
    	padding: 			0px 10px 0px 20px;
        background:         #c52e00;
        color:              #fff;
    }

    div#subNavTermin {
    	height:				18px;
    	text-align:			right;
    	padding-right:		20px;
    	color:              #e7d9d7;
        font-family:        Verdana, Sans-Serif;
        font-size:          10px;
        background:         url('../gfx/nav/underborder_right.gif') left bottom no-repeat;
    }
    
/*	div#rightCol .banner {margin-top:11px;}*/
	
    div.banner {padding: 0px 0px 0px 0px;}
        div.banner a,div.banner a img {display:        block;}
        div.banner div.terminator {
            position:           relative;
            top:                -18px;
	    	margin-bottom:	-18px;
			background:         url(../gfx/underborder_rightcol.gif) no-repeat left top;
            color:              white;
        }
		
		
		div.banner div.terminator span.icon{background:         url(../gfx/icons/rightcol_span_icon.gif) no-repeat left 4px;}
        div.banner div.terminator h4{
            font-size:          10px;
            font-family:        Verdana,Tahoma,sans-serif;
            font-weight:        bold;
            color:              #fff;
            padding-left:       20px;
            line-height:        18px;
        }
        
        div.banner div.terminator h4 a{
            font-weight:        normal;
            display:            inline;
            margin-left:        9px;
        }
        
        div.banner div.terminator h5,
        div.banner div.terminator span.date,
        div.banner div.terminator a {color:white;}
	div.banner div.terminator.photo_weblog a {color:#EE6A12; text-decoration:underline;}
        div.banner div.terminator span.date {padding-right: 8px;}
        div.banner div.text {padding:12px;}
  
  /* jurg: styles gewijzigd en toegevoegd tbv schalende post-it */
 	div.post-it {
        background:         url(../gfx/backgrounds/note_bottom.gif) bottom center no-repeat;
	padding:	    0;
        margin-bottom:      5px;
        color:              #00476e;
	zoom:		    1;
    }

	div.post-it div.post-it-top {
		padding:            35px 0px 40px 0px;
		background:         url(../gfx/backgrounds/note_top.gif) top center no-repeat;
	}
	
div.post-it-top strong, div.post-it-top p{
	padding-left:20px;
}

/*div#rightCol div.banner */
	div.post-it div.post-it-top a{
		color: #ee6a12;
		text-decoration: underline;
		display: inline;
	}
    
    
    div.post-it div.terminator, div.post-it div.terminator_senjonvve {margin-top:         12px;}
    
/*============================= states.css ============================= */ 
div#mainNavCon div#second-level div.intro,
div#mainNavCon div#second-level ul {display:            none;}
body.level-1 div#headerVisual,
body.level-2 div#headerVisual {height:             97px;overflow:           hidden;}
body.level-1 div#headerPayoff,
body.level-2 div#headerPayoff {display:            none;}
body.level-2 div#mainNavCon div#second-level ul {display:            block;}
body.collapsed-nav div#mainNavCon {display:            none;}
body.collapsed-nav div#breadCrumbCon {display:            block;}

/*============================= thickbox.css ============================= */ 
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../gfx/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}

#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#e8e8e8;height:27px;}
#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	margin-bottom:1px;
}

/*============================= @google maps - woningbouw ============================= */ 

#map_canvas {border: 1px solid #999999;}

.legend {width: 115px;}

.legend ul li {
	cursor:pointer;
}

#legenda_inhoud {
	float:left; 
	width: 110px;	
	background-image: url(../gfx/googlemaps/legenda_background.png);
	padding:10px 0 0 5px;
}

#legenda_inhoud li {
	padding-left:25px; 	
	font-size: 10px;
	line-height: 10px;
	color: #FFFFFF;
	list-style:none;
	height:30px;
	margin-bottom:3px;
	text-align:left;
	font-weight:bold;
}

.legend.legend-hide {height:0; margin-bottom:20px;}

.legenda_top {
	width: 115px;
	height: 17px;
	background-image: url(../gfx/googlemaps/legenda_top.png);
}

.legenda_icon_orange {background: url(../gfx/googlemaps/legenda_orange.png) 0 0  no-repeat;}
.legenda_icon_blue {background: url(../gfx/googlemaps/legenda_blue.png) 0 0  no-repeat;}
.legenda_icon_green {background: url(../gfx/googlemaps/legenda_green.png) 0 0  no-repeat;}
.legenda_icon_red {background: url(../gfx/googlemaps/legenda_red.png) 0 0  no-repeat;}
.legenda_icon_bed {background: url(../gfx/googlemaps/legenda_bed.png) 0 0  no-repeat;}
.legenda_berging {background: url(../gfx/googlemaps/legenda_berging.png) 0 0  no-repeat;}
.legenda_garage {background: url(../gfx/googlemaps/legenda_garage.png) 0 0  no-repeat;}
.legenda_overpark {background: url(../gfx/googlemaps/legenda_overpark.png) 0 0  no-repeat;}
.legenda_park {background: url(../gfx/googlemaps/legenda_park.png) 0 0  no-repeat;}

/*------------------------------*/
div.post_vragen {
padding:0 10px 0 15px;
text-align:left;
}
/*------------------------------*/
.thin 
{
    font-weight:normal !important;
}
p.block-text
{
    margin-top: 10px;
}
div.site-search h3 
{
    color:#336995;
    margin-bottom:9px;
}
div.site-search input.search-query 
{
    border:1px solid #777777;
    padding-left:4px;
    width:223px;
    color:#A9C1CB;
}
div.site-search div.types 
{
    margin:9px 0;
}
div.types fieldset.checkbox label
{
    float:left;
    font-weight:normal;
    line-height:19px;
}
div.types fieldset.checkbox input
{
    float:right;
    margin:3px 3px auto auto;
}
div.site-search fieldset.checkbox 
{
    background:#EAE9EA url(../gfx/icons/checkbox-site-search.gif) no-repeat scroll left top;
    color:#005077;
    padding-left:4px;
}

/*============================= @datepicker ============================= */ 

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../gfx/icons/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

/*============================= @datepicker css ============================= */ 

table.jCalendar {
	border: 1px solid #487b98;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #1a5c7f;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #fff;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}

table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}

table.jCalendar td.today {
	background: #000;
	color: #fff;
}
table.jCalendar td.selected {
	background: #e98103;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #E8E8E8;
	color: #00476e;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #00476e00476e;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #fff;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
	border:1px solid #9cbfd3;
	zoom:1;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
	color:#00476e;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

#ctl00_cphKolomLinks_cbLinks ul, 
#ctl00_cphMainContent_boxDiensten ul, 
#ctl00_cphMainContent_cbIntro ul, 
#ctl00_cphMainContent_cbMain ul, 
#ctl00_cphMainContent_cbInteressant ul,
.fixfont ul {
	margin:				10px 0 0 0;
	padding:			0;
	list-style:			none outside;
	display:			block;
	height:				1%;
}
#ctl00_cphMainContent_cbMain ol {
	margin:				10px 0 0 20px;
	list-style:			decimal inside;
	padding:			0;
	display:			block;
	height:				1%;
}
*:first-child+html #ctl00_cphMainContent_cbMain ol {
	margin:				10px 0 0 0;
	list-style:			decimal inside;
	padding:			0;
	display:			block;
	height:				1%;
}
*html #ctl00_cphMainContent_cbMain ol {
	margin:				10px 0 0 0;
	list-style:			decimal inside;
	padding:			0;
	display:			block;
	height:				1%;
}

#ctl00_cphKolomLinks_cbLinks li {
	margin-bottom:		10px;	
	padding-left:       16px;
	padding-bottom:     6px;
	background:         url(../gfx/icons/bullet_blue.gif) 6px 7px no-repeat;
}

#ctl00_cphMainContent_boxDiensten li {
	padding-left:       16px;
	padding-bottom:     6px;
	background:         url(../gfx/icons/bullet_blue.gif) 6px 7px no-repeat;
}

#ctl00_cphMainContent_cbIntro li {
	padding-left:       16px;
	padding-bottom:     6px;
	background:         url(../gfx/icons/bullet_blue.gif) 6px 7px no-repeat;
}
#ctl00_cphMainContent_cbMain li, .fixfont li {
	padding-left:       16px;
	padding-bottom:     6px;
	background:         url(../gfx/icons/bullet_blue.gif) 6px 7px no-repeat;
}
#ctl00_cphMainContent_cbMain ol li{
	padding-left:       16px;
	padding-bottom:     6px;
	background:         url() 6px 7px no-repeat;
	list-style:			decimal;
}
#ctl00_cphMainContent_cbInteressant li {
	padding-left:       16px;
	padding-bottom:     6px;
	background:         url(../gfx/icons/bullet_blue.gif) 6px 7px no-repeat;
}
#ctl00_cphKolomMidden_sumVacatures {
	display: block;
}

.top_link {
	text-align:			right;
	margin-right:		0px;
}

#ctl00_cphMainContent_cbIntro p, #ctl00_cphMainContent_cbMain p {
	margin-top:			10px;
}

//Toegevoegd door pvde voor plaatsen afbeeldingen in contentblocken
.imageleft {
         border:5px;
         background-color:#ffffff;
         padding:1px;
         margin-left:0px;
         margin-right:10px;
		 margin-top:0px;
		 margin-bottom:5px;
         float:left;
} 
#gmmap {
    overflow:hidden;
}