.clear {
	clear: both;
}
@media screen {
div.contentleftpane div.component-width
{
    font-size:11px;
    width:685px;
    font-family:Verdana,arial,sans-serif;
    color:#333333;
    }
}

@media print {
	div.contentleftpane div.component-width
	{
	font-size:11px;
	width:auto;
	font-family:Verdana,arial,sans-serif;
	color:#333333;
	}
}
/* header component */
div.contentleftpane div.header-component
{
    display:block;
    width:auto;
    clear:both;
    }
    
div.contentleftpane div.header-component  h2
{
    font-family:Tahoma,arial,sans-serif;
    display:block;
    font-size:13px;
    font-weight:bold;
    color:#333333;
    margin-top:4px;
    margin-bottom:4px;
    }
div.contentleftpane div.header-component  h3
{
    font-family:Tahoma,arial,sans-serif;
    display:block;
    font-size:12px;
    font-weight:bold;
    color:#333333;
    margin-top:3px;
    margin-bottom:3px;
    }    


/* text and picture component */

div.contentleftpane div.picture-component
{
    font-family:Verdana,arial,sans-serif;
    display:block;
    clear:both;
	width: 100%;
}

div.contentleftpane div.picture-component h3
{
    font-family:Tahoma,arial,sans-serif;
    display:block;
    font-size:12px;
    font-weight:bold;
    color:#333333;
    margin-top:3px;
    margin-bottom:3px;
    } 

div.contentleftpane div.picture-component h4
{
    font-family:Tahoma,arial,sans-serif;
    font-size:11px;
    color:#333333;
    font-weight:bold;
    margin-top:2px;
    margin-bottom:2px;
    display:block;
    }     

div.contentleftpane div.picture-component blockquote
,div.contentleftpane div.picture-component  ul 
,div.contentleftpane div.picture-component  ol

{
    margin-left:10px;
    margin-top:2px;
    }

div.contentleftpane div.picture-component  ul 
{
  list-style: disc inside;
  }

div.contentleftpane div.picture-component  ul li
{
    margin-top:2px;
	list-style-position:outside;
    }     

div.contentleftpane div.picture-component  ol
{
  list-style: decimal inside;
  }
div.contentleftpane div.picture-component  ol li
{
  margin-top:2px;
  }            


div.contentleftpane div.picture-component div.image_right
{
    display:inline;
    float:right;
    text-align:right;
    font-size:10px;
    width:268px;
    color:#666666;
    /* border:1px solid red; */
    }
div.contentleftpane div.picture-component div.image_right img
{
    margin-top:10px;
    border:0px;
    }    
    
    
div.contentleftpane div.picture-component div.body 
{
    /* border:1px solid red; */
    display:inline;
    float:left;
    font-size:11px;
    color:#333333;
    font-weight:normal; 
    margin-top:2px;
    width:400px;
    margin-bottom:2px;
    }
div.contentleftpane.home div.picture-component div.body  {
	width:320px;
}
	
div.contentleftpane div.picture-component div.body p
{
    text-align:left;
    margin-top:4px;
    margin-bottom:15px;
    }

div.file-component img.fileicon
{
    border-right:5px solid white;
    vertical-align:middle;
    }

    
/* link component */

div.contentleftpane div.href-component-left
 ,div.contentleftpane div.file-component 
{
    color:#428fcd;
    margin-top:2px;
    margin-bottom:5px;
    display:block;
    clear:both;
    }
div.contentleftpane div.href-list-component div.title-box-center
{
    font-size:12px;
    color:#666666;
    font-weight:bold;
    margin-top:2px;
    margin-bottom:5px;
    display:block;
    }
 
 
div.contentleftpane  a

{
    color:#428fcd;
    text-decoration:none;
    } 
div.contentleftpane a:hover
{
    text-decoration:underline;
    }   
    
    
    
div.contentleftpane div.table-component table
{
    width:400px;
    }
div.contentleftpane div.table-component tr td
{
    border:1px solid #c9c9c9;
    }
div.contentleftpane label
{
    margin-top:0px;
    margin-bottom:0px;
    }   

/* Form and Response */

input.frm_input_string
,textarea.input_textarea
,input.frm_search_string 
,input.field 
,input.btl-comboBox-input
,span.calendar input
,.generic_klantContactLayouts input
{
    font-family:Verdana,arial,sans-serif;
    font-size:11px;
    background-color:#e6e6e6;
    border:1px solid #c9c9c9;
    padding:2px;
    margin-top:2px;
    }
	
input.btl-comboBox-input{
    padding:0px;
    margin-top:0px;
}

.x-large {
	width:320px;
}

.xx-large {
	width:320px;
	height:100px;
}
.btl-comboBoxOption-td{
	text-align:left;
	font-family:Verdana,arial,sans-serif;
    font-size:11px;
}

input.frm_btn_prev
,input.frm_btn_next
,input.frm_btn_submit
,input.frm_input_button 
,input.button 
,button.button
{
    border:1px solid #c9c9c9;
    margin-top:5px;
    font-size:11px;
    color:#ffffff;
    background-image:url(/custom-files/css/img/submit_background.gif);
    background-repeat:repeat-x;
    padding:3px;
    }
input.frm_input_radio
{
    margin-top:10px;
    margin-right:5px;
    }

input.frm_input_checkbox
{
    margin-top:10px;
    margin-right:5px;
    }

input.frm_input_radio
,input.frm_input_checkbox
,select.frm_select_list
{
    }

.forms-and-response-selection-0,
.forms-and-response-selection-1,
.forms-and-response-selection-2,
.forms-and-response-text-0,
.forms-and-response-text-1,
.forms-and-response-text-2,
.forms-and-response-text-3,
.forms-and-response-text-4,
.forms-and-response-text-5 {
		padding-top:10px;
		display:block;
		}

	
/* sitemap-component */
div.contentleftpane .sitemap-component {
	
}

div.contentleftpane .sitemap-component ul {
  list-style: disc inside;
  margin-bottom: 8px;
}

div.contentleftpane .sitemap-component ul li {
	display: list-item;
	margin-left: 13px;
	font-weight: bold;
}

div.contentleftpane .sitemap-component ul li ul li {
	font-weight: normal;
}


/* nieuwsoverzicht */
.nieuws-overzicht {
	width:320px;
}

.paging {
	margin:10px 0;
}

.nieuws-overzicht  h3{
	color:#333333;
	display:block;
	font-family:Tahoma,arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:3px;
}
.nieuws-overzicht a.title {
	margin-left: 75px;
}
.nieuwsitem {
	margin-bottom:20px;
}
.nieuwsimage {
	float:left;
	position:relative;
	top:-10px;
	}
.nieuwstekst, .nieuwsdatum {
	margin-left:75px;
}



.site-homepage-banner-component {
	background-color:#E6E6E6;
	float:right;
	height:180px;
	margin: 15px 0 5px;
	width:305px;
}
.site-homepage-banner-component .groen{
	width: 3px;
	height: 180px;
	background-color: #31a02b;
	float:left;
	margin-right:8px;
}
.site-homepage-banner-component .geel{
	width: 3px;
	height: 180px;
	background-color: #FFF22A;
	float:left;
	margin-right:8px;
}
.site-homepage-banner-component .blauw{
	width: 3px;
	height: 180px;
	background-color: #458FD0;
	float:left;
	margin-right:8px;
}
.site-homepage-banner-component .rood{
	width: 3px;
	height: 180px;
	background-color: #EF463F;
	float:left;
	margin-right:8px;
}
.site-homepage-banner-component .grijs{
	width: 3px;
	height: 180px;
	background-color: #C8C8C8;
	float:left;
	margin-right:8px;
}
.site-homepage-banner-component .content{
	float:left;
	padding:15px 0 0;
	width:165px;
}

.site-homepage-banner-component .content h3{
	font-weight:bold;
}

.site-homepage-banner-component .sfeerbeeld{
	width: 117px;
	height: 180px;
	float: right;
}

.homepage-content-left .clear {
	height:0;
}

/* XXX: kpors stuff */

/* Klantcontact: inklapbare 'headers', zoals Loginggegevens, Huishoudens. */
div.spTreeOpen {
	scroll: 0 5px;
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 3px;
	padding: 0 0 3px 10px;
	position: relative;
}

/* Woningruil CSS */
div.contentleftpane .woningruilTonen a:visited {
	color: #B3B3B3;
}

.koekie{
	color: black;
}