html,body {
margin:0;
padding:0;
font-family: verdana, helvetica, sans serif;
color: #333333;	
background: #ffffff url('../images/achtergrond.gif') top repeat-x;		
background-repeat: repeat-x;			
		}
	
body 
{
	overflow:               -moz-scrollbars-vertical;         /*TOON ALTIJD EEN SCROLLBAR IN FIREFOX*/
	}/* centre for ie5.+*/

	#outer
	{
	min-height:100%;
	height:auto;
	width:956px;
	margin-left:auto;/* center it*/
	margin-right:auto;/* center it*/
	position:relative;
	text-align:left;
	font-family: verdana, helvetica, sans serif;
	
	
		} 
		
img {
 border: 0px;}

#header {
width: 956px;
float: left;
height: 239px;
background:url('../images/kader_homepage.jpg') top right no-repeat;
}

#header ul {
margin: 0;	
padding: 0;
width: 956px;
list-style-type: none;
font-weight: bold;
text-align: left;
float: left;
height: 38px !important;
height: 38px;
overflow:hidden;
    }

#header li {
padding: 0; 
margin: 0;
height: 38px;
line-height: 38px;
float: left;
position:relative;
overflow:hidden;

    }
    
#header li a {
display: block;
text-decoration: none;
color: white;	
padding: 0 20px 0 20px;
text-transform: uppercase ;
    }
	 
#header li a.active {
background:url('../images/bg_menu.gif') bottom no-repeat;
display: block;
text-decoration: none;
   }      
              
#header li a:hover {
background:url('../images/bg_menu.gif') bottom center no-repeat;
    }
	
#header #Seperator
{
	padding: 0; 
	margin: 0;
	height: 38px;
	line-height: 38px;
	float: left;
	position:relative;
	color: white;	
}
	
#submenu {
width: 956px;
height: 25px;
float: left;
margin: 0;
padding: 0;
} 

#submenu #Seperator 
{
	padding: 0; 
	margin: 0;
	height: 25px;
	line-height: 25px;
	float: left;
	position:relative;
	color: white;	
}

#submenu ul {
margin: 0;	
padding: 0;
list-style-type: none;
font-weight: bold;
text-align: left;
} 

#submenu li a { 
display: block;
height: 25px;
line-height: 25px;
color: white;
	float: left;
	position:relative;
background: none; 
padding: 0;
margin: 0;
text-transform: none ;
} 

#submenu li a:hover { 
display: block;
height: 25px;
line-height: 25px;
color: #839cc9;
	float: left;
	position:relative;
background: none; 
padding: 0;
} 

#submenu li { 
display: block;
color: white;
	float: left;
	position:relative;
margin-right: 5px;
margin-left: 5px;
height: 25px;
} 


.PanelActiveSubLeftOff { 
display: block;
float: left;
position:relative;
height: 25px;
line-height: 25px;
width: 8px;
} 


.PanelActiveSubLeft { 
background: url('../images/bg_submenu.gif') top left no-repeat; 
display: block;
float: left;
position:relative;
height: 25px;
line-height: 25px;
width: 8px;
} 

.PanelActiveSubOff { 
	display: block;
	float: left;
	position:relative;
	height: 25px;
	line-height: 25px;
} 

.PanelActiveSub { 
	background: url('../images/submenu_achtergrond.gif'); 
	display: block;
	float: left;
	position:relative;
	height: 25px;
	line-height: 25px;
} 

.PanelActiveSubRightOff { 
	display:		block; 
	float:			left;
	position:		relative;
	height:			25px;
	line-height:	25px;
	width:			8px;
} 

.PanelActiveSubRight { 
	background:		url('../images/bg_submenu_rechts.gif') top right no-repeat; 
	display:		block; 
	float:			left;
	position:		relative;
	height:			25px;
	line-height:	25px;
	width:			8px;
} 

.PanelBreadCrumbAndSearch
{
	display: block;
	float: left;
	position:relative;
	height: 35px;
	width: 956px;
}

.PanelContentLeft,
.PanelContentLeftDefault  {
width: 224px;
margin: 0px;
padding:  0px 23px 10px 10px;
float: left;
line-height: 18px;
position:relative;
}

.PanelContentLeft   
{
	margin-top: -13px;
}

.PanelContentLeftDefault   {
	margin-top: -43px;
}

.PanelContentLeft  p,
.PanelContentLeftDefault  p {
margin: 10px 0 0 0;
padding: 0;
font-weight: bold;
position:relative;
float:left;
}

.PanelContentLeft  h2,
.PanelContentLeftDefault  h2 {
color: #7f9dbc;
font-weight: 100;
margin: 24px 0 20px 0;
padding-bottom: 2px;
width: 224px;
/*top: -10px;*/
position:relative;
float:left;
clear:both;
}

.PanelContentLeft  h3,
.PanelContentLeftDefault  h3 {
color: #003b79;
width: 225px;
font-weight: 600;
margin: 8px 0 4px 0;
padding:  0;
}

.PanelVastgoedTip
{	
	position:relative;
	float:left;
	clear:both;
	top: -15px;	
}

.PanelVastgoedTip img {
background: url('../images/kader_links.jpg'); 
padding: 0 10px 0 10px;
width: 202px;
margin: 0px;
}

.ButtonAlleComplexen 
{
	display:		block;
	background:		url('../images/pijltje.gif') top right no-repeat; 
	color:			#ee7d11;
	font-weight:	bold;
	border-left:	1px solid #013c7a;
	height:			17px;
	line-height:	15px;
	padding-right:	5px;
	width:			127px;
	text-align:		center;
	position:		relative;
	float:			right;
	top:			-5px;		
}

.ButtonAlleComplexen a{
text-decoration: none;
color: #013c7a;
}

#content_wrapper {
float: left;	
position:relative;
clear:both;
	}
	
#content h2 {
/*color: #FFFFFF;*/
font-weight: bold;
margin: 4px 0 10px 0;
padding: 0;
}	
	
.TwintaLogo {
float: left;
display:block;
position:relative;
height: 81px;
width: 163px;
padding: 32px 42px 20px 41px !important;
padding: 16px 42px 20px 41px;
}
	
#gebouwen {
width: 710px;
height: 154px;
position: relative;
float: left;
margin-top: 0px !important;
margin-top: -16px;
}

#gebouwen img {
background: url('../images/kader_header.jpg'); 
padding: 10px;
position: absolute;
/*height: 110px;*/
top: 17px;
}

.HeaderGebouw1 {
right: 483px;
height: 110px;
width: 202px;
}

.HeaderGebouw2 {
right: 243px;
height: 110px;
width: 202px;
}

.HeaderGebouw3 {
right: 7px;
height: 110px;
width: 202px;
}

.left_boven { 
background: url('../images/kader_links_boven.jpg') bottom left no-repeat;
display: block; 
height: 11px;
margin: 0;
padding: 0;

	width: 226px;
} 

.left_onder { 
background: url('../images/kader_links_onder.jpg') top left no-repeat;  
display: block; 
height: 9px;
margin-top: -6px;
padding: 0;
	width: 226px;
} 

.link_links {
display: block;
width: 216px;
margin-left: 5px;
color: #ee7d11;
font-weight: bold;
text-decoration: none;
border-bottom: 1px solid #e9e9e9;
height: 25px;
line-height: 20px;
text-align:center;
}

.button {
display: block;
background: url('../images/pijltje.gif') top right no-repeat; 
color: #ee7d11;
font-weight: bold;
border-left: 1px solid #013c7a;
height: 17px;
line-height: 15px;
padding-right: 5px;
width: 127px;
text-align: center;
float: right;
}

.button2 {
display: block;
width: 626px;
float: left;
position:relative;
text-align: right;
margin-top: 10px;
}

.ButtonVersturen {
  color: #003b79;
  font: bold 84% Verdana,helvetica,sans-serif; 
  background: #FFFFFF;
  height: 17px;
  padding: 3px 25px 0px 25px;
  border: 1px solid #003b79;
  float: right;
position:relative;
text-decoration: none;
}


.button  a,
.linkbutton 
{
text-decoration: none;
color: #013c7a;
}

.button_back {
display: block;
background: url('../images/pijltje_back.gif') top left no-repeat; 
color: #ee7d11;
font-weight: bold;
border-right: 1px solid #013c7a;
height: 17px;
line-height: 15px;
margin-top: 10px;
padding-left: 5px;
width: 127px;
text-align: center;
float: left;
}

.button_back  a{
text-decoration: none;
color: #013c7a;
}

.button_next {
display: block;
background: url('../images/pijltje.gif') top left no-repeat; 
color: #ee7d11;
font-weight: bold;
border-right: 1px solid #013c7a;
height: 17px;
line-height: 15px;
margin-top: 10px;
padding-left: 5px;
width: 127px;
text-align: center;
float: left;
}

.button_next  a{
text-decoration: none;
color: #013c7a;
}


#main {
width: 958px;
float: left;
position:relative;
clear:both;
padding: 0px;
margin: 0px;
}

#content {

	float:left;
	position:relative;
	display: block;
	line-height: 18px;	
	margin-top: 9px;
}

.SmallFrame
{
	width: 699px;
	display: inline;
}

.FullFrame
{
	width: 952px;
	margin-left: 6px;
	clear:both;
}

.Disclaimer h1 
{
color: #013c7a;
font-weight: 100;
margin: 15px 0 20px 0;
}


	
#content h1 {
	color: #013c7a;
	font-weight: 100;
	margin: 3px 0 12px 0;
	padding: 0;
	line-height: normal;
	width: 690px;
	float:left;
	position:relative;
}

.UserContentDefault
{
	float:left;
	position:relative;
	top: -15px;
}

.UserContent p,
.UserContent P,
.UserContentDefault p,
.UserContentDefault P
{
	float:left;
	position:relative;
	width: 100%;
	clear:both;
}

.UserContent UL,
.UserContent UL,
.UserContentDefault UL,
.UserContentDefault UL
{
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear:both;
}


.UserContent OL,
.UserContent OL,
.UserContentDefault OL,
.UserContentDefault OL
{
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear:both;
}


.UserContent a:link,
.UserContent a:active,
.UserContent a:visited,
.UserContentDefault a:link,
.UserContentDefault a:active,
.UserContentDefault a:visited,
.UserContent p a:link,
.UserContent p a:active,
.UserContent p a:visited,
.UserContentDefault p a:link,
.UserContentDefault p a:active,
.UserContentDefault p a:visited,
.UserContent P a:link,
.UserContent P a:active,
.UserContent P a:visited,
.UserContentDefault P a:link,
.UserContentDefault P a:active,
.UserContentDefault P a:visited,
.Disclaimer a:link,
.Disclaimer a:active,
.Disclaimer a:visited
 
{
	color: #013c7a;
}

.UserContent a:hover,
.UserContent p a:hover,
.UserContent P a:hover,
.UserContentDefault a:hover,
.UserContentDefault p a:hover,
.UserContentDefault P a:hover,
.Disclaimer a:hover
{
text-decoration: none;
color: #013c7a;
}

#bezoekadres {
background: url('../images/huisje.gif') top left no-repeat; 
width: 148px;
height: 73px;
position: relative;
float: left;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
padding-top: 35px;
padding-left: 27px;
margin-top: 0px;
}

#post {
background: url('../images/enveloppe.gif') top left no-repeat; 
width: 147px;
height: 73px;
position: relative;
float: left;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
padding-top: 35px;
padding-left: 27px;
margin-top: 0px;
}

#tel {
background: url('../images/telefoon.gif') top left no-repeat; 
width: 147px;
height: 73px;
position: relative;
float: left;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
padding-top: 35px;
padding-left: 27px;
margin-top: 0px;
}

#mail {
background: url('../images/apestaartje.gif') top left no-repeat; 
width: 148px;
height: 73px;
position: relative;
float: left;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
padding-top: 35px;
padding-left: 27px;
margin-top: 0px;
}
	
#mail a:link {
text-decoration: none;
color: #013c7a;
}

#blok_wrap {
background: url('../images/blok_achtergrond.gif') top left repeat-y;
position: relative;
/*background-color:Red;*/
float: left;
top: -25px;
}

#blok_onder {
background: url('../images/blok_onder.gif') bottom left no-repeat;
/*background-color:Red;*/
position: relative;
float: left;
width: 699px;
height: 25px;
top: -25px;
}

.blokken {
width: 312px;
float: left;
background: url('../images/blok_boven.gif') top left no-repeat;
/*background-color:Yellow;*/
padding-left: 35px;
color: #FFFFFF;
top: -25px;
}

.blokken ul {
margin: 0;	
padding: 0;
list-style-image: url('../images/arrow.gif');
top: -25px;
/*line-height: 20px;*/
}

#blokken a:link
{
color: #FFFFFF;
text-decoration: none;
}

.blokken li a {
color: #FFFFFF;
text-decoration: none;
}

.blokken a:hover {
color: #FFFFFF;
text-decoration: underline;
}

.blokken h2 {
height: 30px;
width: 250px;
line-height: 37px;
font-weight: 600;
color: #FFFFFF;
margin: 0;
padding: 0 0 0 0;

}

.TextboxSnelzoeken
{
	position:relative;
	float:left;
	width: 210px;
	margin-top: 10px;
	border: solid 1px #F08B2B;
}

.SearchBox
{
	margin-top: 5px;
	width: 160px;
	border: 1px solid #003b79;
}

.ButtonSearch {
  width: 60px;
  height: 17px;
  margin: 0;
  padding: 0;
  border: 0;
  margin-left: 4px;
  margin-right: 12px;
  background: transparent url('../images/zoek2.gif') no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */

}

.ButtonSearchSnelNavigatie {
  width: 59px;
  height: 17px;
  padding: 0 0 0 0;
  margin-top: 10px;
  border: 0;
  background: transparent url('../images/zoek.gif') no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */

}

#replacement-2 {
  width: 59px;
  height: 17px;
  padding: 55px 0 0 0;
  margin: 0;
  border: 0;
  background: transparent url('../images/zoek.gif') no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
form>#replacement-2 { /* For non-IE browsers*/
  height: 0px;
}

.copyright {
width: 699px;
text-align: right;
color: #003B79;
float: left;
}

.copyright a:link,
.copyright a:visited,
.copyright a:active
{
	color:#003B79;
}

.copyright a:hover
{
	text-decoration:underline;
}

.image {
padding: 10px;
}

.image_klein {
padding: 10px;
width: 100px;

}

.afbeelding_linksboven { 
background: url('../images/hoekje_linksboven.gif') top left no-repeat;
display: block; 
float: left;
} 

.afbeelding_boven { 
/*background: url('../images/afbeelding_boven.gif') top left repeat-x;*/
display: block;
float: left;
} 

.afbeelding_rechtsboven { 
background: url('../images/hoekje_rechtsboven.gif') top right no-repeat;
display: block; 
float: left;
} 

.afbeelding_rechts { 
background: url('../images/afbeelding_rechts.gif') top right repeat-y;
display: block; 
float: left;
} 

.afbeelding_rechtsonder { 
background: url('../images/hoekje_rechtsonder.gif') bottom right no-repeat;
display: block; 
float: left;
} 

.afbeelding_onder { 
background: url('../images/afbeelding_onder.gif') bottom left repeat-x;
display: block; 
float: left;
} 

.afbeelding_linksonder { 
background: url('../images/hoekje_linksonder.gif') bottom left no-repeat;
display: block; 
float: left;
} 

.afbeelding_links { 
background: url('../images/afbeelding_links.gif') top left repeat-y;
display: block; 
float: left;
} 

.nieuwsitem {
float: left;
}

#content .H1ArchiefNieuws
{
	float: left;
	position:relative;
	clear:both;/**/
	color: #7f9dbc;
	font-weight: 100;
	margin: 8px 0px 0px 0px;
	/*padding: 0;
	width: 699px;*/
}

.lees_meer{
color: #003b79;
font-weight: bold;
float: right;
padding-bottom: 10px;
}


            .Fontchangecontainer
            {
                position:				relative;    
                float:left;
                margin-left: 45px !important;
                margin-left: 10px;
				margin-top: -17px !important;
                margin-top: -14px;              
                               /*left:					55px;      
                top:					200px;      
               width:                  auto;
                height:                 auto;
                text-align:             right;*/
                z-index:                50;  
            }   
            
                .FontchangeTextcontainer
                {
                    position:               relative;
                    color:                  #003b79;                                      
                    font-weight:            bold;   
                    float:                  left; 
                    padding-right:          5px; 
                    margin-right:           8px;
                    
                }   
                
                .FontchangeBtncontainer
                {
                    position:               relative;
                    float:                  left;
                    margin-left: 33px; 
                    margin-top:				-5px;
                   
                }


/* JS PATH */

.pathforjs
{					/* Inhoud verbergen */
	position: absolute;
	left: -1000px;
	width: 10px;
}