<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="imagetoolbar" content="no">

<title>Kastelen en buitenplaatsen in Utrecht</title>

<link rel="stylesheet" type="text/css" href="src/superfish.css" media="screen" charset="utf-8">
<script type="text/javascript" src="src/jquery-1.2.6.min.js" charset="utf-8"></script>
<script type="text/javascript" src="src/hoverIntent.js" charset="utf-8"></script>
<script type="text/javascript" src="src/superfish.js" charset="utf-8"></script>
<script type="text/javascript">

	// initialise plugins
	jQuery(function(){
	     jQuery('ul.sf-menu').superfish({
		delay:       100,
		animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
		speed:       'fast',
		autoArrows:  true,
		dropShadows: false                            // disable drop shadows 
	     });
	});

</script>

<style type="text/css">

@charset "utf-8";

body {
   	font-family: Arial, Helvetica, sans-serif;
   	font-size: 12px;
   	color: #000;
	background-color: #EEFFFF;
	background-image: url('images/IJsselstein_1646.jpg');
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center;
	text-align: center; /* for IE */
}

body.menu {
}
   
body.page {
}

body.page a{
    text-decoration: none;
    }

body.page a:hover{
    /*color: #ff0000;*/
    }


body.content {
	font-size: 12px;
}

h2 {
	margin-top: 0px;
	margin-bottom: 5px;
}

/* containers */
#container {
	margin:0px auto;
	width:1100px;
	border:0px solid #fff;
	/*height=1000px;*/
}

#kheader {
	width:220px;
	height:90px;
	border:0px solid #f00;
	float:left;
	background-color: #eeffff;
}

#title{
	width:880px;
	height:90px;
	float:right;
        background-image: url('images/HeaderFotos.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: float;
}

#t1{
	font-size: 13px;
	font-family: "verdana";
	font-variant: small-caps;
	text-align: center;
	color: #0000ff;
	width:100%;
	height:40px;
	float:right;
	position:fixed;
}

#t2{
	/*font-size: 300%;*/
	font-size: 40px;
	font-family: "times";
	font-variant: small-caps;
	text-align: center;
	color: #0000ff;
	width:100%;
	height:50px;
	float:right;
}

 
/*pagecontent - single page*/
#pagecontent {
	margin: 0px auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	border:0px solid #fff;
}
    
/* links */
a {
	/*text-decoration: none;
	color: #555;
	font-style: italic;
	display:block;*/
}

a:hover{
    /*color: #ff4444;*/
    }

/* frame */


#frame-menu { 
    width:100%;
    height:100%;
    border:0px solid #000;

}

#frame-content { 
	width:880px;
	border:0px solid #000;
	height:100%;
}
#frame-title { 
    width:880px;
    height:100%;
    border:0px solid #000;
}

/* menu */

#menu-content {
	width:100%;
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position: bottom center;
	height:100%;
}

body.menu {
	width:90%;
	font-size:100%;
	font-family: "sans-serif";
}

body.menu a{
    display:block;
    font-size:90%;
    white-space: nowrap;
    }

body.menu a:hover{
    color: #FF0000;
    }

.menu-back {
		font-size:100%;
		color: #fff;
		padding-bottom:10px;
}


.menu-head{
		font-size:150%;
		color: #fff;
		padding-bottom:10px;
}

#menu-referentie {
		padding-top:10px;
		padding-bottom:10px;
}

#menu-wijzigingen {
		padding-top:10px;
		padding-bottom:10px;
}

.menu-content {
		margin-top: 10px;
		margin-bottom: 0px;
}

.menu ul{
	margin-top: 0px;
}

.menu li{
		margin-left: -25px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;		
		display:inline; /*fix for IE7*/
		float:left; /*fix for IE7*/
		clear:left; /*fix for IE7*/
}

.menu li a{
		margin: 0px;
		padding: 0px;
}

/* footer */
div.copy {
	font-size: 100%;
	font-family: "sans-serif";
	font-variant: small-caps;
	text-align: center;
	color: #0000ff;
	float: center;
}

.caption div{
	font-style: italic;
}

/* Some rules for captions, headers and running text */

H3.table-caption {
	background: transparent; 
	font-family: sans-serif;
	font-size: 1em; 
	font-style: normal; 
	font-weight: bold; 
	margin: 0;
	padding: 0.3em; 
	text-align: left; 
	width: auto;
	border: solid  #2f3b4b 1px;
}

H5.colhdr {
	background: transparent; 
	border: solid #000 0px; 
	font-family: sans-serif; 
	font-size: 0,9em; 
	font-style: normal;
	font-weight: normal; 
	margin: 0; 
	padding: 0.3em 0.3em 0 0.3em;
	text-align: normal; 
	width: auto;
}

P.text {
	border: solid #0000 0px; 
	margin: 0; 
	padding: 0.3em 0.3em 0 0.3em;
	font-style: normal; 
	font-size: 1em; 
	text-align: left; 
	text-indent: 0;
	width: auto;
}

/* End of layer specific style rule set */


.link-head{
		font-size:200%;
		color: #000	;
		padding-bottom:10px;
}


.link-content {
		margin-top: 10px;
		margin-bottom: 0px;
}

.link ul{
	margin-top: 0px;
}

.link li{
		margin-left: -25px;
		
}

.link a:hover{
    color: #ff0000;
    }

.linkemp  {
    font-size: 120%;
    }
.linkemp  a:hover{
    color: #ff8800;
    }


.onbekend {
	color: #ff0000;
	font-style: italic;
}

/*
#zoeken {
	margin-top: 100%;
	margin-bottom: 0px;
	text-align: center;
}*/

.zoeken {	
	margin-bottom: 5px;
}	

.fonanza {
	background-color: white;
	text-align: center;
}

div.ff {
  height: 20px;
	width: 100px;
	float: right;
	margin: 0px;
  padding: 0px;
	background-color: #2f3b4b;
}

a.ff{
	margin: 0px;
  padding: 0px;
}

img.ff {
	margin: 0px;
	padding: 0px;
	width=80;
	height=15;
	border= 0px;
}

.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

br 
{ 
line-height:7px; 
} 

#kmenu { 
	width:220px;
	float:left;
	border-right: 0px solid #EEFFFF;
	height: 100%;	
}

#kcontent{
	width:880px;
	float:right;
	border:0px solid #f00;
}

</style>

</head>

<body class="index" topmargin="0" onresize="document.location=window.location;">
<div id="container">
	<div id="kheader">
	    <center>
		<IMG src="images/provinciewapenutrecht.jpg" 
		alt="Provinciewapen Utrecht" height="90"></a>
	    </center>
	</div>

	<div id="title">
		<div id="t2">
			Kastelen en buitenplaatsen in Utrecht
		</div>
	</div>

	<div id="kmenu">
		<iframe id="menu-content" name="menu" src="lijst.htm"></iframe>
	</div>
	<div id="kcontent">
		<div id="t1">
		    <ul class="sf-menu">
			<li>
			    <a href="informatie.htm" target="hoofd1">Home</a>
			</li>
			<li class="current">
			    <a href="#">Sortering</a>
			    <ul>
			        <li>
				    <a href="lijst.htm" target="menu">Op naam</a>
				</li>
				<li>
				    <a href="plaats.htm" target="menu">Op plaats</a>
				</li>
				<li>
				    <a href="jaartal.htm" target="menu">Op jaartal</a>
				</li>
				<li>
				    <a href="type.htm" target="menu">Op type</a>
			 	</li>
			    </ul>
			</li>
			<li class="current">
			    <a href="#">Thema</a>
			    <ul>
				<li>
				    <a href="musea.htm" target="hoofd1">Musea</a>
				</li>
				<li>
				    <a href="restaurants.htm" target="hoofd1">Restaurants</a>
				</li>
				<li>
				    <a href="theekoepels.htm" target="hoofd1">Theekoepels</a>
				</li>
			    </ul>
			</li>
			<li>
			    <a href="bisschoppen.htm" target="hoofd1">Bisschoppen</a>
			</li>
			<li>
			    <a href="GoogleEarth.htm" target="hoofd1">Google Earth</a>
			</li>
			<li>
			    <a href="gezocht.htm" target="hoofd1">Gezocht</a>
			</li>
			<li class="current">
			    <a href="#">Overige</a>
			    <ul>
				<li>
				    <a href="bronnen.htm" target="hoofd1">Gebruikte bronnen</a>
				</li>
				<li>
				    <a href="links.htm" target="hoofd1">Links</a>
				</li>
				<li>
				    <a href="onduidelijk.htm" target="hoofd1">Wel of geen kasteel</a>
				</li>
				<li>
				    <a href="wijzigingen.htm" target="hoofd1">Wijzigingen op de website</a>
				</li>
				<li>
				    <a href="mailto:cwbraaksma@gmail.com">Mailen</a>
				</li>
			    </ul>
			</li>	
		    </ul>
		</div>

		<iframe id="frame-content" name="hoofd1" src="informatie.htm"></iframe>
	</div>
</div>

<script type="text/javascript" language="JavaScript">
//<![CDATA[
  
	var wHeight=screen.availHeight/4*3-90+"px";
	var windowHeight;
	var minHeight=94;
	if (navigator.appName == "Netscape")
		minHeight=104;

	if (typeof window.innerWidth != 'undefined')
	{
	    windowHeight = window.innerHeight;
	}
	// IE6 in standards compliant mode (i.e. with a valid doctype as the first 
	// line in the document)
	else if (typeof document.documentElement != 'undefined'
	        && typeof document.documentElement.clientWidth != 'undefined' 
	        && document.documentElement.clientWidth != 0)
	{
	    windowHeight = document.documentElement.clientHeight;
	}
	// older versions of IE
	else
	{
	    windowHeight = document.getElementsByTagName('body')[0].clientHeight;
	}

function sniffer() {
	var el=document.getElementById("kmenu");
	var el2=document.getElementById("kcontent");
	el.style.height= windowHeight-minHeight+"px";
	el2.style.height= windowHeight-minHeight+"px";
}
onload=sniffer;
//]]>
</script>


</body>
</html>