﻿/* Standaard HTML */
/*----------------*/
body {
    color: #45545d;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica;
	padding: 0px;
	margin: 0px;
	line-height: 17px;
}
h1 {
    color: #45545d;
    margin-top: 0px;
    padding-top: 0px;
    font-size: 14pt;
}

h1.HomepageTitel {
    font-family: 'Trebuchet Ms', Arial, Verdana, Sans-Serif, Georgia, Helvetica;
    color: #45545d;
    margin-top: 0px;
    padding-top: 0px;
    font-size: 26pt;
    line-height: 34px;
}

h2 {
    font-family: 'Trebuchet Ms', Arial, Verdana, Sans-Serif, Georgia, Helvetica;
    color: #45545d;
    margin-top: 0px;
    padding-top: 0px;
    font-size: 18px;
    line-height: 34px;
}

h3 {
    font-family: 'Trebuchet Ms', Arial, Verdana, Sans-Serif, Georgia, Helvetica;
    color: #FFFFFF;
    font-size: 16pt;    
}

A:link    { color: #45545d; text-decoration: none; }
A:visited { color: #45545d; text-decoration: none; }
A:hover   { color: #e36826; text-decoration: underline; }
A:active  { color: #45545d; text-decoration: none; }

/* Eigen classes */
/*---------------*/
.immooranje, .immooranje:hover {
    color:#e36826; font-style:italic; text-decoration:none; font-weight:bold;
}
.immogrijs, .immogrijs:hover {
    color:#45545d; font-style:italic; text-decoration:none; font-weight:bold;
}

.menutext {
    color: #45545d; /* grijs */
    font-size: 10pt;
    text-decoration: none;
}
.menutext:hover {
    color: #e36826; /* oranje */
    font-size: 10pt;
    text-decoration: underline;
}

.breadcrumtext A, .breadcrumtext  {
    font-family: Verdana, Sans-Serif, Georgia, Helvetica;
    color: #e36826; 
    font-size: 7pt;
    text-decoration: none;
}

.vline {
    color: #45545d; 
    font-size: 9pt;    
}


.groeneboxtitel {
    font-family: 'Trebuchet Ms', Arial, Verdana, Sans-Serif, Georgia, Helvetica;
    color: #FFFFFF;
    font-size: 16pt;
    padding: 15px 0px 0px 3px;  
    line-height: 30px;
}
.groeneboxtext {
    color: #FFFFFF;
    font-weight: bold;
}
a.groeneboxlink {
    color: #FFFFFF;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
}
a.groeneboxlink:hover {
    color: #FFFFFF;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}

.homeboxtitel {
    font-family: 'Trebuchet Ms', Arial, Verdana, Sans-Serif, Georgia, Helvetica;
    color: #45545d;
    font-size: 12pt;
    line-height: 30px;
    font-weight: bold;
}
.homeboxaantaltext {
    font-family: 'Trebuchet Ms', Arial, Verdana, Sans-Serif, Georgia, Helvetica;
    color: #45545d;
    font-size: 12pt;
    line-height: 18px;
    font-weight: bold;
}
.homeboxaantal {
    font-family: 'Trebuchet Ms', Arial, Verdana, Sans-Serif, Georgia, Helvetica;
    color: #45545d;
    font-size: 12pt;
    line-height: 18px;
    font-weight: bold;
    text-align:right; 
    width: 90px;   
}


.tblHeaderImmo {
    color: #ffffff;
    font-weight: normal;
    font-family: Verdana, Arial; 
    font-size: 11px;
}

.Opsomming {
    line-height: 25px;
}

/* ============ tbv Images ascx =========== */    
table.tblDefault {
    background-color            : #eaeaea;
}
.tblHeader {
    background-color: #E26828;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Verdana, Arial; 
    font-size: 11px;
}
.tblRow {
    color                       : #000000;
	font-size					: 11px;
	font-weight                 : normal;
	font-family                 : Verdana, Arial, Helvetica;
	text-align                  : left;
	vertical-align              : top;
	height						: 22px;
	background-color            : #eaeaea;
}
.titel
    {
    font-size                   : 13px;
    color                       : #E26828;
    font-family                 : Verdana, Arial, Helvetica; 
    font-weight                 : bold;  
} 

.Breadcrumb
    {
    font-size                   : 11px;
    color                       : #5c5b60;
    font-family                 : Verdana, Arial, Helvetica;   
    }   
/* ============ Einde Images ascx  =========== */ 

.gridDefaultHeaderStyle {
    color                       : #FFFFFF;
	font-size					: 9pt;
	font-weight                 : normal;
	font-family                 : Arial, Helvetica;
	height						: 22px;
	background                  : #E26828;
	}
	
.RowStyle td {
	font-size					: 9pt;
	font-family                 : Arial, Helvetica;
	height						: 20px;
	border-bottom				: 1px solid #8EADBF; /* NORMAALDONKER */
    background					: #F6F6F6;
}

.RowStyleAlternate td {
	font-size					: 9pt;
	font-family                 : Arial, Helvetica;
	height						: 20px;
	border-bottom				: 1px solid #8EADBF; /* NORMAALDONKER */
    background					: #E3E7EA; 
}   


/* CSS layout */
/*------------*/
#container {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 950px;	
	clear: left;
}

#header {
	height: 90px;
	padding-bottom: 4px;
	margin-top: 10px;
}

#immoruillogo {
	width: 275px;
	height: 90px;
    float:left;
}
#immoruilimage {
    text-align:right;
	margin-left: 0px;
	margin-right: auto;
	width: 675px;
	height: 90px;
    float:left;	
}


#top_nav {
    width: 550px;
    background-color: #FFFFFF;
    border-top: dotted 1px #45545d;
    padding-left: 75px;
	height: 17px;
	float: left;
}

#top_loggedin {
    width: 325px;
    background-color: #FFFFFF;
    border-top: dotted 1px #45545d;
    font-family: Arial, Verdana, Sans-Serif, Georgia, Helvetica;
    font-size: 8pt;
    font-style: italic;
    text-align: right;
    color: #CCCCCC;
	float: left;	
}

#top_breadcrum {
    padding-left: 75px;
	width: 550px;
	height: 30px;
	float: left;
}

#top_slogan {
    background-color: #FFFFFF;
    font-family: 'Trebuchet Ms', Arial, Verdana, Sans-Serif, Georgia, Helvetica;
    font-size: 12pt;
    font-style: italic;
    font-weight: bold;
    color: #E36826;
    text-align: right;
    width: 325px;
	height: 30px;
	float: left;
}

#top_slogan_sub {
    background-color: #FFFFFF;
    font-family: 'Trebuchet Ms', Arial, Verdana, Sans-Serif, Georgia, Helvetica;
    font-size: 8pt;
    font-style: italic;
    font-weight: bold;
    color: #E36826;
    text-align: right;
    width: 325px;
	height: 30px;
	float: left;
}

#page_content {
    margin-top: 55px;
    font-size: 9pt;
}

#footer
    {
    background-color: #FFFFFF;
    border-top: dotted 1px #45545d;
    width: 950px;   
    float: left;
    height: 40px;
    margin-top: 10px;    
    }

#footerleft
    {
    background-color: #FFFFFF;
    width: 150px;
    float: left;
    height: 40px;
    }

#footermiddle {
    background-color: #FFFFFF;
    width: 650px;   
    float: left;
    height: 40px;
    
    text-align: center;
        
    color: #45545d; /* grijs */
    font-size: 10pt;
    text-decoration: none;
}

#footerright
    {
    background-color: #FFFFFF;
    width: 150px;
    float: left;
    height: 40px;
    
    text-align: right;
    
    color: #45545d; /* grijs */
    font-size: 10pt;
    text-decoration: none;
    }



#left_nav {
	background-color: #FFFFFF;
	width: 200px;
	height: auto;
    float:left;	
}
#home_content {
    /*background-image: url(/App_Themes/Website/images/layout/content_background.jpg); */
	/*background-color: #EEEEEE;*/
	width: 400px;
	padding-left: 20px;
	margin-left: 10px;
    margin-right: 10px;	
	padding-left: 20px;
	padding-bottom: 20px;
    float:left;
}
#home_image {
    background-image: url(/App_Themes/Website/images/layout/groeneboxback.gif);
    width:280px;
    height:142px; 
    margin: 0px 0px 6px 10px;
    padding:  1px 10px 10px 10px;
}
#home_teller {
    background-image: url(/App_Themes/Website/images/layout/backrighthome.gif); 
    background-color: #EEEEEE;
    width:290px; 
    border: dotted 1px #45545d;
    margin-bottom: 6px;
    margin-left: 10px;
    padding: 5px 5px 5px 5px;
}
#home_registratierechten {
    background-image: url(/App_Themes/Website/images/layout/backrighthome.gif); 
    background-color: #EEEEEE;
    width:290px; 
    border: dotted 1px #45545d;
    margin-bottom: 6px;
    margin-left: 10px;
    padding: 5px 5px 5px 5px;
}
#home_slogan {
    background-image: url(/App_Themes/Website/images/layout/groeneback.gif); 
    width:400px; 
    height:40px;
    font-family: 'Trebuchet Ms', Arial, Verdana, Sans-Serif, Georgia, Helvetica;
    color: #FFFFFF;
    margin-top: 0px;
    padding-top: 0px;
    font-size: 16pt;
    text-align: center;
    vertical-align:middle;
    line-height: 34px;   
}
#home_faq {
    background-image: url(/App_Themes/Website/images/layout/groenebackmetpijl.gif); 
    width:360px; 
    height:40px;
    font-family: 'Trebuchet Ms', Arial, Verdana, Sans-Serif, Georgia, Helvetica;
    color: #FFFFFF;
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 40px;
    font-size: 16pt;
    vertical-align:middle;
    line-height: 34px;
}
#right_home {
    float: left;
    width:300px; 
}


#right_content {
    background-image: url(/App_Themes/Website/images/layout/content_background.jpg); 
	background-color: #EEEEEE;
	width: 550px;
	padding-left: 20px;
	margin-left: 10px;
    margin-right: 10px;	
	padding-left: 20px;
	padding-bottom: 20px;
    float:left;
    min-height: 486px;
}

#right_content_makelaar {
    background-image: url(/App_Themes/Website/images/layout/content_background.jpg); 
	background-color: #EEEEEE;
	width: 720px;
	padding-left: 20px;
	margin-left: 10px;
    margin-right: 0px;	
	padding-left: 20px;
	padding-bottom: 20px;
    float:left;
    min-height: 486px;
}

#left_content {
    background-image: url(/App_Themes/Website/images/layout/content_background.jpg); 
	background-color: #EEEEEE;
	width: 598px;
	margin-left: 0px;
    margin-right: 10px;	
    padding: 0px 20px 20px 20px;
    float:left;
    min-height: 486px;
}
#right_contentpagina {
    float: left;
    width:300px; 
}
#right_contentimage {
    width:300px; 
    border: dotted 1px #45545d;
}
#right_box {
    margin-top: 6px;
    width:290px; 
    border: dotted 1px #45545d;

    background-image: url(/App_Themes/Website/images/layout/backrighthome.gif); 
    background-color: #EEEEEE;
    margin-bottom: 6px;
    padding: 5px 5px 5px 5px;       
}


/* Rounded */
/*---------*/
.top-left {
    margin-right: 15px; /* clip right corner */
    background-image: url('/App_Themes/Website/images/layout/corners1280x18.gif');
    height: 15px; /* vertical: show first half of the image with the top-corners in it */
    font-size: 2px; /* correct height for IE */
}
.top-right {
    margin-top: -15px; /* to level of top-left corner */
    margin-left: 15px; /* clip left corner */
    background-image: url('/App_Themes/Website/images/layout/corners1280x18.gif'); 
    background-position: 100% 0; /* show bg-image starting at the right */
    height: 15px; 
    font-size: 2px;
}
.bottom-left {
    margin-right: 15px; /* clip right corner */
    background-image: url('/App_Themes/Website/images/layout/corners1280x18.gif');
    background-position: 0 -15px; /* show under half of the image */
    height: 15px;
    font-size: 2px;
}
.bottom-right {
    margin-top: -15px; /* to level of bottom-left corner */
    margin-left: 15px; /* clip left corner */
    background-image: url('/App_Themes/Website/images/layout/corners1280x18.gif'); 
    background-position: 100% -15px; /* under half, right side */
    height: 15px; 
    font-size: 2px; 
}
.inside {
    border-left: 2px solid #e36826;
    border-right: 2px solid #e36826;
    background: #FFFFFF;
    color: #000000;
    padding-left: 0px;
    padding-right: 0px;
}
.notopgap {
    margin-top: 0;
}

/*---------*/






/* -------------------------------- */
/* SubMenu */
/* -------------------------------- */   
          
div.SubMenu {	
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

div.SubMenu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
    
div.SubMenu ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}  

div.SubMenu ul li a  {
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
    /*height: 20px;*/
    width: 188px;

	font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF; 
    line-height:20px;

 	display: block; 

	text-decoration: none;
	
	background-color: #e36826;
	border-bottom: solid 4px #FFFFFF;  
 
}

div.SubMenu ul li a:hover {
	color: #FFFFFF;
	/*background: url('/App_Themes/blue.png') repeat-x top;*/
    background-color: #45545d;	
	text-decoration: none;
    font-weight:normal;
     /*height: 20px;*/
}  

div.SubMenu h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    height: 30px;
	width: 188px;

    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #45545d; 
    line-height:20px;

	background-color: #FFFFFF;
	border-bottom: solid 4px #FFFFFF;  	
	
	vertical-align: top;
}          





/* ============ Begin ModelPopup =========== */    
.modalBackground {
	background-color:#F0F0F0;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:#5c5b60;
}
/* ============ Eind ModelPopup =========== */   


.btnDefault 
    {
    padding                     : 3px;
    border                      : solid 1px #45545d;
    background-color            : #45545d;
    font-size                   : 11px;
    font-family                 : Verdana, Arial, Helvetica;
    color                       : #FFFFFF;
    font-style                  : italic;
     text-transform:uppercase;
    }
 
 .tbDefault 
    {
    padding                     : 4px;
    padding-top                 : 5px;
    border                      : solid 1px #45545d;
    background-color            : #FFFFFF;
    font-size                   : 11px;
    font-family                 : Verdana, Arial, Helvetica;
    }   
    
  .tbInactive 
    {
    padding                     : 4px;
    padding-top                 : 5px;
    border                      : solid 1px #EAEAEA;
    background-color            : #EAEAEA;
    font-size                   : 11px;
    font-family                 : Verdana, Arial, Helvetica;
    }     
    
.ddlDefault 
    {
    font-size                   : 11px;
    font-family                 : Verdana, Arial, Helvetica; 
    }
    
.listbox 
    {
	width                       : 180px;
	height                      : 200px;
	border-color                : Silver;
	border-width                : 1px;
	font-size                   : 11px;
    font-family                 : Verdana, Arial, Helvetica; 
    }