<!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>