HTML {  
  height: 100%; 
  overflow-y: scroll ; 
}


BODY {
  background-color: #247283;
  background-image:url('/images/bg.gif');
  background-repeat: repeat-x;
  background-attachment:scroll;
  margin: 0px;
  padding: 0px;
  height: 100%; 
  font-family: Arial,Verdana,sans-serif;
  font-size:12px;
  color:#333333;
}

H1 {
  font-size:14px; 
  margin-top:0px;
  text-transform:uppercase;
  margin-bottom:2px;
}

H2 {
  font-size:14px;
  text-transform:uppercase;
  margin-bottom:2px;
}

H3 {
  text-transform:uppercase;
  font-size:14px;
}

A { text-decoration: underline; }
A:link { color: #00427C; }
A:visited { color: #00427C; }
A:hover { text-decoration: underline; color: #00427C; }

TD{
  font-size: 12px;
  font-style : normal;
  line-height: 14px;
}

LI{
  list-style-type: square;
/*  color:#476b81; */
}

UL{
  margin-left:17px;
  padding-left:0px;  
}

#page{
  width:966px;
  margin-left:auto;
  margin-right:auto;
  height:auto;
}

#header{}

#logo{float:left;margin:0px;padding:0px;}


#cols{  
  background-image:url('/images/bg_cols.gif');
  margin:auto;
  height:100%; 

}

#colA{
  color:#FFFFFF;
  float:left;
  width:219px;
  margin-top:0px;
  padding:20px;
  height:auto;
  margin-bottom:0px;

}

#right{  
  margin-top:0px;
  padding:0px;
}

#colB{
  float:left;
  border:1px solid #FFF;
  background-color:#FFF;
  margin-top:0px;
  padding:20px;
  height:100%;
  min-height:100%;
  line-height:20px;
}

#colB H1, #colB H2 ,#colB H3{
 color:#006699;
}

#colC{
  color:#FFF;
  border:1px none #FFF;
  float:right;
  width:220px;
  margin-top:0px;
  padding:10px;
  padding-right:20px;
  padding-top:20px;
}

#colC A { text-decoration: underline; }
#colC A:link { color: #FFFFFF; }
#colC A:visited { color: #FFFFFF; }
#colC A:hover { text-decoration: underline; color: #FFFFFF; }

#footer{
  background-color: #247283;
  background-image:url('/images/footer_shaduw.gif');
  background-repeat: repeat-x;
  clear:both;
  text-align:left;
  padding-top:10px;
  padding-left:20px;
  padding-bottom:10px;
  font-size:10px;
}

.floatcontainer:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}
	
.floatcontainer{
  display: inline-block;
} 

/* Hides from IE Mac \*/
* html .floatcontainer {height: 1%;}
   .floatcontainer{display:block;}
/* End Hack */ 


/*--------------------------------------------------------------- projecten template*/

#cols_projects{
   background-image:url('/images/bg_cols_projecten.gif');
	 position:relative;
	 width:966px;
}

#colA_projects{
  color:#666666;
  float:left;
  width:145px;
  margin-top:0px;
  padding-left:20px;
  padding-top:20px;
}

#colB_projects{
  margin-top:0px;
  padding-top:20px;
	float:left;
}

#colC_projects{
  color:#fff;
  width:220px;
  margin-top:0px;
  padding:10px;
  padding-right:0px;
	top:0px;
	left:715px;
	right:20px;
  padding-top:20px;
	position:absolute;
}

#colC_projects A { text-decoration: underline; }
#colC_projects A:link { color: #FFFFFF; }
#colC_projects A:visited { color: #FFFFFF; }
#colC_projects A:hover { text-decoration: underline; color: #FFFFFF; }


/*--------------------------------------------------------------- menus  */

#menu{
  text-transform: uppercase;
  background-image:url('/images/header_top_blauw.gif');
  height:70px;
  padding:0px;
  padding-top:0px;
  overflow:hidden;
  margin:0px;
}

.menuOff{
  background-color:#FFFFFF;
  color:#006666;
  font-weight:bold;
  height:50px;
  padding:15px;
  padding-top:20px;
  cursor:pointer;
}

.menuOn{
  background-color:#f26800;
  color:#FFFFFF;
  font-weight:bold;
  height:50px;
  padding:15px;
  padding-top:20px;
  cursor:pointer;
}

/*--------------------------------------------------------------- homepage */

#home{
  height:230px;
  overflow:hidden;
  padding:0px;
  padding-left:4px;
  background-image:url('/images/bg_homepage.jpg');
}

#foto{
  float:left;
  width:50%;
}
#intro{
  font-size:11px;
  float:right;
  width:49%;
  color:#FFF;
  overflow:auto;
  height:100%;
  margin:auto;
}

#intro H1{
  font-size:18px;
  text-transform:uppercase;
}

#intro #module A, #intro #module LI{
  color:#FFF;
}

#centertext{
  width:400px;
  top:50%;
  margin-top:35px;
}

#prj_home_container{
    border:1px solid #6b959e;
    border-top:0px;
}
#prj_home_container A{
    color:#fff;
    text-decoration:none;
}

.prj_home_item{
  padding:7px;
  border-top:1px solid #6b959e;
  background-image:url('/images/prj_home_bg.gif');
  background-position:left bottom;
  background-repeat:repeat-x;
  background-color:#155765;
  color:#fff;
  display:block;
  clear:both;
}
.prj_home_title{
  font-size:18px;
}

.prj_home_subtitle{
  font-size:12px;
}

.prj_home_image{
  float:left;
  height:35px;
  width:35px;
  background-position:center center;
}

/*--------------------------------------------------------------- forms */

.FrmBtnOut
{  
  cursor:  pointer ; 
  height: 20px;
  font-size: 10px;
  color: #006699;
  font-weight: bold;
  margin: 0px;
  background-color: #FFFFFF;
  border : 1px solid #006699;
}

.FrmBtnOn{  
  cursor:  pointer ; 
  height: 20px;
  font-size: 10px;
  color: #3cb8d4;
  font-weight: bold;
  margin: 0px;
  background-color: #FFFFFF;
  border : 1px solid #006699;
}

.TextField{  
  height: 18px;
  font-family : Arial, Sans-serif, Verdana, Helvetica;
  font-size: 11px;
  color: #000000;
  margin: 0px;
  padding-top:3px;
  padding-left:3px;
  background-color: #FFFFFF; 
  border-color: #CCCCCC; 
  border-style: solid; 
  border-top-width: 1px; 
  border-right-width: 1px; 
  border-bottom-width: 1px; 
  border-left-width: 1px;
}

.select{  
  height: 22px;
  font-family : Arial, Sans-serif, Verdana, Helvetica;
  font-size: 11px;
  color: #000000;
  background-color: #FFFFFF; 
}


/*--------------------------------------------------------------- news */

#newsContainer{
}

.newsHeader{
  font-weight:bold;
  font-size:12px;
  color:#476b81;
}

.newsIntro{
}

.newsBody{
}

.newsSource{
}

.newsList{
}

.newsItem A{
  color:#000000;
  text-decoration: underline;
  line-height:16px;
}

.newsBack A{
  line-height:30px;
  color:#476b81;
  text-decoration:underline;
  float:left;
}

.newsDate{
  color:#476b81;
  line-height:30px;
  float:right;
}

.newsMore A{
  color:#476b81;
  line-height:30px;
}

/*--------------------------------------------------------------- rep verzoek */

#repForm{
  margin-top:10px;
  border:1px solid #CCC;
  padding:10px;
  height:100%;
}
#repText{
  background-color:#fcdfc9;
  border:1px solid #CCC;
  padding:10px;
  margin-bottom:10px;
}

/*--------------------------------------------------------------- projecten */

#projectList{ width:500px;}

#projectList H1, #projectList H2 ,#projectList H3{
 color:#006699;
}

#projectList H2{
  margin-bottom:8px;
}

.projectItemOff{
min-height:100%;
  display:block;
  height:100%;
  padding:10px;
  border-top:1px dotted #CCC;
  cursor:pointer;
  background-color:#FFF;
}

.projectItemOn{
  display:block;
  height:100%;
  padding:10px;
  border-top:1px dotted #CCC;
  cursor:pointer;
  background-color:#EEF;
}

.projectImg{
  float:left;
  width:180px;
  display:block;
}

.projectText{
  float:left;
	width:300px;
}

#projectDetails{
  width:490px;
  padding-right:10px;
}

#projectDetails H1, #projectDetails H2 ,#projectDetails H3{
 color:#006699;
}

.projectTitel{width:100%;margin-bottom:8px;}

.projectFase{}
.projectGemeente{float:right;padding-right:10px;}
.projectImgLarge{margin-bottom:15px;}
.projectDetailsText{margin-bottom:15px;}
.projectResponse{}

#projectLeft H1, #projectLeft H2 ,#projectLeft H3{
 color:#006699;
}

#projectRight{
}

.backbutton{
  background-color:#f26800;
  color:#FFF;
  height:16px;
  padding-top:2px;
  padding-left:5px;
  margin-bottom:10px;
 cursor:pointer;
}
 .backbutton A{
  color:#FFF;
}

.subitem{
  height:20px;
  border-top:1px solid #49bdd7;
  border-bottom:1px solid #32abc6;
  padding-top:4px;
 cursor:pointer;
}

.subitemOn{
  color:#FFF;
  background-color:#4fcde9;
  height:20px;
  border-top:1px solid #49bdd7;
  border-bottom:1px solid #32abc6;
  padding-top:4px;
  cursor:pointer;
}


.subitemWhite{
  height:20px;
  border-top:1px solid #CCC;
  border-bottom:1px solid #DDD;
  padding-top:4px;
 cursor:pointer;
}
.subitemWhiteOn{
  color:#000;
  background-color:#EEF;
  height:20px;
  border-top:1px solid #AAA;
  border-bottom:1px solid #DDD;
  padding-top:4px;
  cursor:pointer;
}

/*--------------------------------------------------------------- formulier velden */
.TextField
{  
  height: 18px;
	font-family : Arial, Sans-serif, Verdana, Helvetica;
  font-size: 11px;
  color: #000000;
  margin: 0px;
  background-color: #FFFFFF; 
  border-color: #CCCCCC; 
  border-style: solid; 
  border-top-width: 1px; 
  border-right-width: 1px; 
  border-bottom-width: 1px; 
  border-left-width: 1px;
}
.TextFieldOut
{  
  height: 20px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 8pt;
  color: #001243;
  margin: 0px;
  background-color: #FFFFFF; 
  border-color: #999999; 
  border-style: solid; 
  border-top-width: 1px; 
  border-right-width: 1px; 
  border-bottom-width: 1px; 
  border-left-width: 1px;
}

.TextFieldOn
{  
  height: 20px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 8pt;
  color: #001243;
  margin: 0px;
  background-color: #FFFFFF; 
  border-color: #000000; 
  border-style: solid; 
  border-top-width: 1px; 
  border-right-width: 1px; 
  border-bottom-width: 1px; 
  border-left-width: 1px;
}
/*--------------------------------------------------------------- woning aanbod */


.wa_list_row{
}

.wa_list_item{
  margin-right:8px;
  margin-bottom:8px;
  float:left;
  height:100%;
  cursor:pointer;
  padding:5px;
  padding-bottom:2px;
  width:300px;
  background-color:#FFF;
  border:1px dotted #CCC;
}

.wa_list_itemOn{
  margin-right:8px;
  margin-bottom:8px;
  float:left;
  height:100%;
  cursor:pointer;
  padding:5px;
  padding-bottom:2px;
  width:300px;
  background-color:#eeeeff;
  border:1px dotted #CCC;
}

.wa_list_img{
  float:left;
}

.wa_list_text{
  clear:right;
  margin-left:160px;
  padding:0px;
  line-height:18px;
}

#wa_details_leftcol{
  float:left;
  padding:3px;
  width:250px;
}

#wa_details_rightcol{
  float:right;
  padding:3px;
}

#wa_details_header{background-color:#eeeeff;height:25px;margin-bottom:10px;font-size:14px;font-weight:bold;}
#wa_details_titel{float:left;padding:3px;}
#wa_details_advnummer{float:right;padding:3px;}
#wa_detais_prijzen{margin-top:10px;padding:10px;background-color:#eeeeff;border:1px solid #FFF;}

#wa_list{

  width:660px;
}

/* -------------------------------- footer */

.footerlink{
  text-decoration:none; 
  color:#069;
}

/* -------------------------------- quicklinks */

.quicklink{
  color:#FFF;
  text-decoration:none;
  padding:5px;
  padding-left:10px;
  margin:2px;
  border-bottom:solid 1px #32abc6;
}
A.quicklinkLink{
  color:#FFF;
  text-decoration:none;
}