/* Front CSS for InmoQuest */

/* For everything undescribed */
* {
	margin: 0;
	padding: 0;
}

/* HTML */
html {
	height: 100%;
}

/* Body */
body {
	background: #ffffff url(../images/layout/body-back.gif) top center repeat-x;
}

/* Headings */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #99042e;
	margin: 0px 0px 20px 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #99042e;
	line-height: 19px;
	margin: 2px 0px 10px 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #6e5159;
	line-height: 20px;
	margin: 15px 0px 11px 0px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 19px;
	color: #8e8f91;
	margin: 4px 0px 5px 0px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 19px;
	color: #99042e;
	margin: 0px 0px 3px 0px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #8e8f91;
}

/* Paragraph */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 19px;
	margin: 0px 0px 10px 0px; 
}

/* Links */
a {
	color: #4c8da7; 
	text-decoration: underline;
}

	/* Link rollovers */
	a:active, a:hover, a.active {
		color: #349dc7;
		text-decoration: none;
	}
	
	/* Link back */
	a.link-back {
		padding: 0px 0px 0px 12px;
		background: transparent url(../images/layout/link-back.gif) left center no-repeat;
	}
	
	/* Link forward */
	a.link-forw {
		padding: 0px 0px 0px 12px;
		background: transparent url(../images/layout/link-forw.gif) left center no-repeat;
	}
	
	/* Link download */
	a.link-down {
		padding: 0px 0px 0px 15px;
		background: transparent url(../images/layout/link-down.gif) left center no-repeat;
	}

blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #57757b;
	margin: 0px 0px 17px 0px;
}

  blockquote p {
  	font-size: 12px;
  	font-weight: normal;
  	color: #57757b;
  	line-height: 20px;
  }

/* Images */
img { 
	border: 0px;
}

.clear {
	clear: both;
}

.quote {
  padding-left: 13px;
	border-left: 4px solid #ececee;
	margin-bottom:40px;
}
.quote.blog p {
	color: #57757B;
}
.quote.blog h5 {
	padding-bottom: 3px;
}

.trigger {
  margin: 0px 0px 20px 0px;
}

/* Contains the whole site */
#container {
	width: 920px;
	margin: 0px auto;
}

  /* Logo */
  #logo {
    position: absolute;
    margin: 5px 0px 0px 12px;
  }
  
  	#logo img {
  		display: block;
  	}

  /* Main menu */
	#menu {
		font-family: Arial, Helvetica, sans-serif;
	  	font-size: 12px;
	    text-transform: uppercase;
	    text-align: right;
		background: #ffffff;
	}
	
		#menu .nav-head li {
			list-style: none;
			display: inline;
			margin-left: -3px;
			margin-right: -1px;
			background: transparent url(../images/layout/menu-divider.gif) left center no-repeat;
		}
		
			#menu .nav-head li.first-child {
				background: none;
			}
			
  			#menu .nav-head li a {
  				font-weight: normal;
        	color: #45565a; 
        	text-decoration: none;
        	padding: 28px 15px;
        	line-height: 70px;
        }
  			
    			#menu .nav-head li a:active, #menu .nav-head li a:hover, #menu .nav-head li a.active {
          	color: #ffffff;
            background: #99042e url(../images/layout/menu-active.gif) center bottom repeat-x;
    			}
    							
	/* Header */
	#header {
		clear: both;
		border-collapse: collapse;
	}
  
    #header img {
  		display: block;
  	}

	/* Portals */
	#portals {
		width: 920px;
		background: #4f0016;
    padding: 27px 0px 30px 0px;
	}
	
  	#portals.binnen {
  		width: 920px;
  		background: #4f0016;
  		padding: 18px 0px;
  	}
	
  	#portals ul {
  		font-family: Arial, Helvetica, sans-serif;
      list-style: none;	
      display: block;	
  	}
  	
    	#portals li {
        border-right: 1px solid #99042e;
        padding: 0px 30px 0px 30px;
        display: block;
        width: 169px;
        float: left;
      } 
      
        #portals li.clearer {
          border-right: none;
          padding: 0px;
          display: block;
          width: 0px;
          float: none;
        }  
      
        #portals li.last-portal {
          border-right: none;
        }
    
    #portals p {
    	margin: 0px;
    }
    
      #portals p a {
      	color: #cdcece;
      	text-decoration: none;
      	font-weight: normal;
      	margin: 0px;
      }
      
      	#portals p a:active, #portals p a:hover, #portals p a.active {
          color: #cecece;
          text-decoration: underline;
      	}
       
    #portals h1 {
    	margin-bottom: 13px;
    }
    
      #portals h1 a {
      	color: #ffffff;
      	text-decoration: none;
      	font-weight: bold;
      	text-transform: uppercase;
      	font-size: 22px;
      }
      
        #portals h1 a:active, #portals h1 a:hover, #portals h1 a.active {
          text-decoration: underline;
      	}

  /* All content */
  #content {
    background: #ffffff url(../images/layout/back-content.jpg) top center no-repeat;
    clear: both;
  }
    
    #content.home {
      background: #ffffff url(none);
      padding: 30px 30px 0px 30px;
    }
    
    /* News column */
    #news {
      width: 169px;
      padding-right: 30px;
      float: left;
    }
    
      #news ul {
        list-style: none;
      }
      
        #news ul li {
          background: #ececee url(../images/layout/news-tip.gif) bottom right no-repeat;
          padding: 7px 10px 18px 10px;
          margin-bottom: 10px;
        }
        
          #news ul li p {
            color: #57757b;
            margin-bottom: 1px;
          }
    
    /* Submenu column */
    #submenu {
      float: left;
      width: 179px;
      margin: 15px 20px 0px 0px;
      padding-left: 20px;
    }

      #submenu ul {
        border-top: 1px solid #d6dee1;
        list-style: none; 
        font-family: Arial, Helvetica, sans-serif;
    		font-size: 12px; 
    		line-height: 30px;  		     
      }
      
        #submenu ul li {
    		  border-bottom: 1px solid #d6dee1;  
        }
          
          #submenu ul li a {
      		  display: block;
      		  padding-left: 18px;
            background: #ffffff url(../images/layout/li-forw.gif) 7px 13px no-repeat;
          }
          
            #submenu ul li a.active, #submenu ul li a:active, #submenu ul li a:hover {
        		  color: #ffffff;
        		  background: #99042e url(../images/layout/li-active.gif) 7px 13px no-repeat;
            }
            
        #submenu ul li ul {
          border-top: 1px solid #ffffff;
          list-style: none; 
          font-family: Arial, Helvetica, sans-serif;
        	font-size: 11px; 
        	line-height: 25px; 		     
        }
        
          #submenu ul li ul li {
      		  border-bottom: 1px solid #ffffff;  
          }
            
            #submenu ul li ul li a {
        		  display: block;
        		  padding-left: 25px;
        		  color: #6e5159;
              background: #faf2f4 url(../images/layout/li-sub.gif) 13px 13px no-repeat;
            }
            
              #submenu ul li ul li a.active, #submenu ul li ul li a:active, #submenu ul li ul li a:hover {
          		  color: #6e5159;
          		  background: #ebcdd5 url(../images/layout/li-sub-active.gif) 13px 14px no-repeat;
              }           
       
    /* Main column binnenpagina */
    #main {
      width: 459px;
      float: left;
      border: 1px solid #d6dee1;
      margin-top: -45px;
      margin-bottom: -18px;
      padding: 15px 20px 7px 20px;
      background: #ffffff url(../images/layout/main-back.gif) bottom center repeat-x;
    }
    
    /* Main column homepage */
    #main.home {
      width: 399px;
      border-top: none;
      margin-top: 0px;
      padding: 0px 30px 15px 30px;
    }
    
      #main ul {
  			margin: 0px 0px 12px 5px;
  			list-style: none;
  			font-family: Arial, Helvetica, sans-serif;
  			font-size: 11px;
  			color: #646464;
  		}
  		
  			#main ul li {
  				padding-left: 15px;
  				line-height: 19px;
          background: #ffffff url(../images/layout/li-forw.gif) 0px 8px no-repeat;
  			}
  		
  		#main ol {
  			margin: 0px 0px 10px 28px;
  			font-family: Arial, Helvetica, sans-serif;
  			font-size: 11px;
  			color: #646464;
  			line-height: 16px;
  		}
  		
  		  #main ol li {
  				padding-left: 0px;
  				line-height: 19px;
  			}
    	
    	/* Breadcrumbs */
      #breadcrumbs {
        border-top: 1px solid #d6dee1;
        border-bottom: 1px solid #d6dee1;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        margin-bottom: 17px;
        padding: 5px 0px;
        color: #99042e;
      }
      
        #breadcrumbs a {
          text-decoration: underline;
          color: #8e8f91;
          padding: 0px 10px 0px 0px;
	       	background: transparent url(../images/layout/li-forw.gif) right center no-repeat;
        }
        
          #breadcrumbs a:active, #breadcrumbs a:hover, #breadcrumbs a.active {
        		text-decoration: none;
        	}
    
    	#main .errors {
  			margin: 0px 0px 10px 0px; 
  			font-family: "Trebuchet MS",Verdana, Arial, sans-serif;
  			font-size: 12px;
  			line-height: 20px;
  			color: red;			
  		}		
  		
  		#main fieldset {
  			margin-top: 20px;
  			padding: 10px 0px;
  			border: 1px solid #d0dfeb;
  		}
  	
    		#main fieldset div {
    			margin-bottom: 12px;
    			display: block;
    		}
  		
  			#main fieldset div input, #main fieldset div textarea {
  				width: 275px;				
  				border-top: 1px solid #6391b5;
  				border-left: 1px solid #6391b5;
  				border-bottom: 1px solid #d0dfeb;
  				border-right: 1px solid #d0dfeb;
  				font-family: "Trebuchet MS", Arial, sans-serif;
  				font-size: 12px;
  				padding: 4px;
  				color: #0c1e2f;
  				}
  			
			#main fieldset div input.error {
				border: 1px solid red;								
			}
  			
  			#main fieldset div textarea {
  				height: 150px;
  			}
	
  		#main legend {
  			font-family: "Trebuchet MS", Arial, sans-serif;
        	margin: 0px 0px 12px 10px;
  			padding: 2px 7px;		
  			background-color: #ffffff;	
  			border: 1px solid #d0dfeb;
  			font-size: 14px;
  			line-height: 20px;
  			color: #99042e;
  			font-weight: bold;
  		}
  		
  		#main label {
  			float: left;
  			width: 120px;
  			padding: 0px 15px 0px 10px;
  			text-align: right;
  			font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  			font-size: 11px;
  			font-weight: bold;
  			color: #143350;
  			line-height: 30px;
  		}
  	
  		#main #verzenden {
  			margin: 15px 22px 0px 0px;
  			text-align: right;
  		}
  	
  			#main #verzenden input {
  				margin-left: 5px;
  				padding: 3px;
  				background: #fff;	
  				font-size: 11px;		
  				color: #99042e;	
  				cursor: pointer;
  			}
  	
  				#main input:focus, textarea:focus {
					background: #e9e3e3;					
  				}	
  		
  		 ul.thumbs {
  			margin:0 !important;
  			padding:0 !important;
  			background:0;  			
  		}
  		ul.thumbs li {
  			margin:0 !important;
  			padding:0 !important;
			background:0 !important;  
		} 

    
    /* Quotes column */
    #quotes {
      float: left;
      padding-left: 30px;
      width: 169px;
    }

      #quotes h5 {
      	line-height: 14px;
      	margin: 0px;
      }
    
    /* Extra column */
    #extra {
      float: left; 
      width: 159px;
      margin: 20px 0px 0px 20px;
    }
    
      #extra .trigger ul {
        list-style: none; 
        font-family: Arial, Helvetica, sans-serif;
    		font-size: 11px;
      }
          
        #extra .trigger ul li a {
    		  display: block;
    		  padding: 7px 0px 9px 15px;
          background: #ffffff url(../images/layout/li-forw.gif) 4px center no-repeat;
          border-top: 1px solid #d6dee1;
          border-bottom: 1px solid #d6dee1;
        }
        
          #extra .trigger ul li a.active, #extra .trigger ul li a:active, #extra .trigger ul li a:hover {
      		  color: #ffffff;
      		  background: #99042e url(../images/layout/li-active.gif) 4px center no-repeat;
          }
        
        #extra .trigger img {
          display: block;
        }
	
  /* Footer */
  #footer {
    font-family: Arial, Helvetica, sans-serif;
  	clear: both;
  	padding: 8px 0px 13px 0px;
  	font-size: 11px;
  	text-align: center;
  	background: #ffffff url(../images/layout/footer-back.gif) center top no-repeat;
  }
  
  	/* Footer unordered list */
  	#footer ul {
      width: auto;
  		margin: 25px 0px 10px 0px;
  		list-style: none;
  	}
  
  		/* Footer list items */
  		#footer ul li {
        display: inline;
  			color: #8e8f91;
  			padding: 0px 4px;
  		}
  		
    		#footer ul li.last-foot {
          display: inline;
    			color: #8e8f91;
    			padding: 0px 0px 0px 4px;
    		}
  		
  			/* Footer list items link */
  			#footer ul li a {
  				color: #99042e;
  			}
  						
  			/* Footer images */
  			#footer ul li img  {
  				padding: 0px;
  				vertical-align: -3px;
  			}

/* End */





ul#blog {
	margin:0;
}
ul#blog li {
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	background:transparent;
	overflow:hidden;
	
	border-bottom: 1px solid #D6DEE1;
}
ul#blog li h2 {
	margin:0;
}
ul#blog li h2 a {
	color: #99042E;
	text-decoration:none;
}
.author {
    color: #646464;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
	font-style:italic;
}
h1 .author {
	clear: both;
	display: block;
	font-weight: normal;
	padding: 4px 0 0;
}
ul#blog li p {
	padding:0;
	margin:0;
}
ul#blog li > a {
	margin-top:5px;
}


.blogging {
	margin-top: 20px;
	padding-top:10px;
	font-family: Arial,Helvetica,sans-serif;
}
.blogging .jot-row {
	border: 1px solid #D6DEE1;
    margin: 0 0 30px;
    padding: 10px;
	overflow:hidden;
}
.blogging .jot-row:before {
	content:"";
	border:10px solid #FFF;
	border-bottom-color:#D6DEE1;
	position:absolute;
	margin-top:-31px;
}
.blogging .jot-row .blog-user {
	color: #646464;
}
.blogging .jot-row .blog-user b {
	color:#000;
}
.blogging .jot-row .blog-head,
.blogging .jot-row .jot-content {
	font-size:11px;
	overflow:hidden;
	margin-bottom:5px;
}
.blogging .jot-row .blog-head {
	border-bottom: 1px solid #E9F0F2;
	padding-bottom:10px;
	margin-bottom:10px;
}
.blogging .jot-row .blog-head .blog-reacties,
.blogging .jot-row .jot-content .jot-mod {
	float:right;
	color: #646464;
	text-align:right;
	line-height:16px;
}
.blogging .jot-row .jot-content {
	margin:10px 0 0;
	padding-top:10px;
	border-top: 1px solid #E9F0F2;
}
.blogging .blog-message {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
}
.blogging .blog-extra a {
	color: #646464;
}
#main .blogging fieldset label {
	float:none !important;
	width:100% !important;
	display:block !important;
	text-align:left;
	padding:0 20px;
}
#main .blogging fieldset input,
#main .blogging fieldset textarea {
	margin:0 20px;
	width: 405px;
}




.blogging .jot-row.jot-row-author {
	background: #4F0016;
	color:#FFF;
	border-color:#99042E;
}
.blogging .jot-row.jot-row-author:before {
	border-bottom-color:#99042E;
}
.blogging .jot-row.jot-row-author .blog-head {
	border-color:#99042E;
}
.blogging .jot-row.jot-row-author .jot-content {
	border-color:#99042E;
}
.blogging .jot-row.jot-moderator:before {
	border:0px none;
}
.blogging .jot-row.jot-moderator {
	font-size:12px;
	line-height:16px;
    font-family: Arial,Helvetica,sans-serif;
	margin:0 20px;
}
.blogging .jot-row.jot-row-author .blog-extra a,
.blogging .jot-row.jot-row-author .blog-user,
.blogging .jot-row.jot-row-author .blog-head .blog-reacties,
.blogging .jot-row.jot-row-author .jot-content .jot-mod {
	color: #EA7474;
}
.blogging .jot-row.jot-row-author .blog-user b {
	color:#FFF;
}
.jot-form div {
	overflow:hidden;
}
.jot-form fieldset legend {
	margin: 0 0 3px 10px !important;
}
.jot-form fieldset label {
	float:left;
}
.jot-form fieldset input,
.jot-form fieldset textarea {
	float:left;
}
.jot-form fieldset div {
	margin-bottom: 5px !important;
}
.blog-submit {
	margin-top:10px;
	float:right;
	clear: left;
}
.captcha {

}
.captcha a {
    float: right;
    margin: 10px 20px 0 0;
}
.captcha label {
	clear:left;
}
.jot-list {
	margin-top: 21px;
	float:left;
}
.jot-list ul {
	margin:0;
}
.jot-list ul li {
	background-color:transparent !important;
}
#main .blogging #verzenden {
	float:right;
	margin: 15px 0 0 0;
}
.jot-cfm,
.jot-err {
	font-size:12px;
	line-height:16px;
    font-family: Arial,Helvetica,sans-serif;
}
.jot-err {
	background: #4F0016;
	padding:10px 20px;
	border: 1px solid #99042E;
	color: #EA7474;
}
.jot-cfm {
	background: #134F00;
	padding:10px 20px;
	border: 1px solid #049916;
	color: #FFF;
}


#blogli {
	padding:20px 0 0;
}