/* CSS Document */
/* CSS voor Boerderij Spanjer*/
/* body */
Body{
	margin:0px;
	padding: 0px;
	background-color: #A9BF8C;
	background-attachment: fixed;
	background-image:url(/images/achtergrond.jpg);
	font-family: Arial;
	font-size: 14pt;
	color: #003300;

}

/* fontstijlen */
a:link{
	font-family: "comic sans ms";
	font-size: 80%;
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
}

a:visited{
    font-family: "comic sans ms";
	font-size: 80%;
	font-weight: bold;
    color: #CC9900;
	text-decoration: underline;

}

a:hover{
    font: "comic sans ms";
	font-size: 80%;
	font-weight: bold;
	color: #003300;
	text-decoration: underline;
	
}

a:active{
	font: "comic sans ms";
	font-size: 80%;
	font-weight: bold;
    color: #FFCC00;
	text-decoration: underline;

}

pre{
  color:#003300;
  font-weight: bold;
  line-height:75%;
  }

h1, h2, h3, h4, h5, h6 {
	font-family: Trebuchet,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Arial,sans-serif;
 font-size: 28pt;
 line-height: 1.5em;
 color: #2F3000;
}

h2{
 font-size: 20pt;
 line-height: 1.5em;
 color: #2F3000;
}

h3{
 font-size: 18pt;
 color: #2F3000;
}

h4{
 font-size: 75%;
 font-weight: bold;
 color: #2F3000;
}

h5{
 font-size: 50%;
 font-weight: bold;
 color: #2F3000;
}

h6{
 font-size: 12pt;
 font-weight: bold;
 color: #003300;
 text-align: left;
 text-decoration: none;
 line-height: normal;
  }

h7{
 font-family: arial;
 color:#990000;
 font-size: 12pt;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 line-height: normal;
 }
 


/*navigatie */

/*Dan de CSS voor een menu met meerdere niveau's: */

div#multilevel ul {
	display:block;
	width:198px;
	padding:0;
	border:0;
	position: absolute;
	margin-top: 380px;
	margin-left: 10px;
	list-style:none;
	text-indent:none; }

div#multilevel ul li {
	display:block;
	width:198px;
	padding: 20px 20px 20px 20px;
	border:2px outset;
	margin-top: 380px;
	margin-left: 100px;
	margin:0;
	text-align:left;
	background:none;
}

div#multilevel li ul {
/*met deze declaratie zorg je ervoor dat je submenu's binnen je hoofdmenu
 blijven passen*/
	width:100%; }

div#multilevel li ul li {
/* met dit stukje van je stijlblad maak je de geneste lijst in je menu, dus eigenlijk
 je submenu, als zodanig herkenbaar*/
	display:block;
	width:198px;
	padding: 20px 20px 20px 20px;
	border:2px outset;
	margin:0;
	margin-left:16px;
	text-align:left;
	background:none;
	 }

div#multilevel li a, div#multilevel li a:visited {
	display:block;
	width:100%;
	color: #666600;
	text-decoration:none; }

div#multilevel li a:hover {
	display:block;
	width:100%;
	color: #990000;
	background:none; }

div#multilevel.extra li>ul {
	display:none; } /*in eerste instantie is het submenu verborgen in het
	venster van de browser*/

div#multilevel.extra li:hover>ul {
	display:block; /*bij hoveren van een list item van het eerste niveau, wordt het
	 submenu alsnog getoond */
	position:absolute;
	margin-left:16px;
	margin-top:-4px; }

div#nav, div#background, div#multilevel {
	margin-left:2em; }
/***********************************************************************
  tabbladen navigatie...om uit te testen op appartementen en boerderij
           indien later vragen op komen... kijk dan terug op 
            http://www.alistapart.com/articles/taminglists/ 
			en als de tabbladen werken dan mooier maken via...
			http://www.alistapart.com/articles/slidingdoors/
/***********************************************************************/

#tabs ul {
	position: absolute;
	margin-left:320px;
	margin-top: 335px;
	padding-left: 0;
	border: 2px outset;
	display: inline;
	} 

#tabs ul li {
	margin-left: 0;
	margin-bottom: 0;
	padding: 2px 10px 5px;
	border: 2px outset;
	list-style: none;
	display: inline;
	}
	
		
#tabs ul li.here {
	border-bottom: 2px outset;
	list-style: none;
	display: inline;
	}
	
div#tabs li a, div#tabs li a:visited {
	display:inline;
	width:100%;
	color: #666600;
	text-decoration:none; }

div#tabs li a:hover {
	display:inline;
	width:100%;
	color: #990000;
	background:none; }

/*************************/
/* einde van de tabladen*/
/************************/

	

/* lay-out-divs */

#masthead {
    position: absolute;
	margin-left: 450px;
	margin-top: 30px;
}

#content {
    position: absolute;
	font-family: "comic sans ms";
	font-size: 14pt;
	margin-left: 300px;
	margin-top: 380px;
	width: 870px;
}

#contentappartement {
    position: absolute;
	font-family: "comic sans ms";
	font-size: 14pt;
	margin-left: 300px;
	margin-top: 380px;
	width: 870px;
}

#adreshoofd{
    display: block;
    position:relative;
	width: 100%;
	margin-top: 0;
	margin-bottom: 440px;
	text-align: center;
}

#pic-adres-top{
    position: absolute;
	margin-left: 70px;
	margin-top: 108px;
	background-image:url(../images/voorhuis.jpg);

}

#adres-top{
    position: absolute;
	margin-left: 105px;
	margin-top: 255px;
	width: 130px;
	text-align: center;
}

#foto-onder-nav1 {
    position: absolute;
	margin-left: 65px;
	margin-top: 990px;
}

#adres-footer{
    position: relative;
	margin-top: 20px;
	margin-left: 40px;
	margin-bottom: 30px;
	width: 100%;
	text-align: center;
	border-top: 2px solid #A9BF8C;
	padding-top: 10px;
}
	
 .foto{
    position: relative;
	margin-bottom: 20px;
}

.blockquote{
    display: block;
    position:relative;
	width: 100%;
	margin-top: 0;
	margin-left: 40px;
	font-family: arial;
	color:#990000;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
}

.blockinhoud1{
	display: block;
	position: relative;
	width: 100%;
	margin-top: 0;
	margin-left: 40px;
	margin-bottom: 20px;
	font-family: "comic sans ms";
	color: #003300;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
}

.blockleft{
	display: block;
	position: absolute;
	width: 480px;
	margin-top: 0;
	margin-left: 50px;
	margin-right: 390px;	
	font-family: "comic sans ms";
	font-size: 17pt;
	color:#003300;
	fontweight: bold;
	text-align: left;
}

.blockright{
	display: block;
	position: absolute;
	width: 390px;
	margin-left: 560px;
	margin-top: 0;
	margin-right:0;
	font-family: "comic sans ms";
	font-size: 17pt;
	color:#003300;
	fontweight: bold;
	text-align: left;
}




	

.huur li{
    display: block;
	list-style-type: none;
	text-align: left;
	text-indent:20px;
}