<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<title>My style sheet</title>


<head>
<style>

/**************************************************************
   DATE:    2006.03.19
   PURPOSE: Controls the layout of the site and styles
            the menus
 **************************************************************/



/**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/

#content {  
  height: 100%;
  min-height: 100%;

  text-align: left;
}

#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "50%");  
  max-width: 1000px;
  margin: 0 auto;
}

#content[id],
#width[id] {
  width: 100%;
  height: auto;
}




/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
  position: relative;
  height: 80px;
}

/* Holds the site title and subtitle */
#header #title {
  position: absolute;
  z-index: 3;
  top: 1px;
  right: 30px;

  padding: 8px;
  text-align: right;
}

#header h1 {
  margin: 0;
  padding: 0;

  font: 700 2em "trebuchet ms", serif;
  letter-spacing: -3px;
  text-transform: lowercase;
}

#header h2 {
  position: absolute;
  top: 0px;
  right: 5px;

  margin: 0;
  padding: 0;

  font: 700 1em "trebuchet ms", serif;
  text-transform: lowercase;
  }


/* Sets where the header images will go */
#header img.left {
  position: absolute;
  z-index: 1;
  
top: 0;
  left: 0;
}

#header img.right {
  position: absolute;
  z-index: 0;

  top: 0;
  right: 0;
}

#header img.balloons {
  position: absolute;
  z-index: 2;

  top: 0px;
  right: 400px;
}



/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {
  float: right;
  width: 100%;
  clear: both;
  
  padding-bottom: 4em;
}




/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {
  float: center;
  width: 99,1%;
  clear: both;
  
  margin-top: -3.8em;background: # url('../images/bg/footer.jpg')
 repeat-x top left;
}

/* Sets the width of the footer content */
#footer #width {
  position: relative;
  z-index: 3;
  font-size: 0.85em;
  padding-top: 27px;
}



/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
}

.width75 {
  width: 74%;
}

.width50 {
  width: 49.7%;
}

.width33 {
  width: 32.7%;
}

.width25 {
  width: 24.7%;
}



/**************************************************************
   Alignment classes
 **************************************************************/
.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}



/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
}

.green {
  color: #A1FF45;
}

.red {
  color: #EA1B00;
}

.grey {
  color: #666;
}

.grey a {
  color: #999;
}

.grey a:hover {
  color: #EEE;
}

.gradient {
  margin-bottom: 2em;
  background: #555 url('../images/bg/gradient.jpg') repeat-x bottom left; 
}







</style>

             



<h6>
Dit is H6 Welcome to my Home Pages!
</h6><p>
<br><br>










<div id="header">

    <div id="title">
      <h1>My Travels in South East Asia</h1>
      <h2>China Vietnam Cambodia Laos Thailand</h2>
    </div></div>














<h2>Dit is h2</h2> 
<h3>Dit is h3</h3>
<h4>Dit is h4</h4>
<h5>Dit is h5</h5>
<h7>Dit is h7</h7>
<br><br>



<body>Dit is de body tekst</body>
<br><br>

<font>Dit is de font text</font>
<br><br>


<p>Dit zou de P tekst moeten zijn van<br>
een p tje dus de kantlijn en regel afstand kan<br> hier beinvloed worden</P>


<div class="box">
This code has produced this inner  box
This code has produced this inner  box

</div>










<p class="postmetadata" style="margin-bottom: 0px;">maandag 20 november 2006 door bettine vriesekoop </p>
			<h2><a href="http://weblogs.nrc.nl/weblog/china/2006/11/20/weekend-in-peking/" rel="bookmark" title="Permanente link: Weekend in Peking">Weekend in Peking</a></h2>
	













<span class="red">Dit moet red rood worden</span>
<br>
<span class="blue">Dit is span class blue</span>
<br>
<span class="pn">En dan hebben we hier pn</span> 
<br>
<span class="pnc">En dan hebben we hier pnc</span>
<br>
<span class="pnd">En dan hebben we hier pnd</span>
<br>
<span class="ieonly">En dan hebben we hier ieonly voor Kader titels</span>
<br>


<div>dit is div what ever it means. Ik moet hier nu kunnen zien hoe dit div.. uitwerkt</div>
<br>

<font class="leuk">Zeer erg idioot leuk</font>


<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>


<hr>Dit is het lijntje</hr>

<br><br>



<a href="https://www.angelfire.com/wi/erikwienese/index.html">link</a><br />

<a class="left" href="https://www.angelfire.com/wi/erikwienese/index.html/default.asp" target="_pagina">Left link</a><br />

<br><br>

<TABLE CLASS="MYTABLE">
<CAPTION CLASS="MYTABLE">Erik's Travels in South East Asia ---Gallery</CAPTION>
    
    <THEAD >
      <TR CLASS="MYTABLE">
        <TH CLASS="MYTABLE">China</TH>
        <TH CLASS="MYTABLE">Cambodia</TH>
        <TH CLASS="MYTABLE">Vietnam</TH>
      </TR>
    </THEAD>
    
    <TBODY>
      <TR CLASS="MYTABLE">  
        <TD CLASS="MYTABLE"><a href="http://new.photos.yahoo.com/erikwienese/album/576460762350710821"  target="pagina">China 2006</a>  </TD>
        <TD CLASS="MYTABLE"><a href="http://new.photos.yahoo.com/erikwienese/album/576460762350704382"  target="pagina">
Cambodia 2006</a></TD>
        <TD CLASS="MYTABLE"><a href="http://new.photos.yahoo.com/erikwienese/album/576460762350740902"  target="pagina">Vietnam 2006</a></TD>
      </TR>
   
      <TR CLASS="MYTABLE">  
        <TD CLASS="MYTABLE">Row 2, Column 1</TD>
        <TD CLASS="MYTABLE">Row 2, Column 3</TD>
        <TD CLASS="MYTABLE">Row 2, Column 3</TD>
      </TR>
   
      <TR CLASS="MYTABLE">  
        <TD CLASS="MYTABLE">Row 1, Column 3</TD>
        <TD CLASS="MYTABLE">Row 3, Column 3</TD>
        <TD CLASS="MYTABLE">Row 3, Column 3</TD>
      </TR>
    </TBODY>
  </TABLE>


</style>








<h4>
This table has a caption,
and if wished a border:
</h4>

<table border="1">
<caption>Hoofdregel</caption>
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>



<h4>Cell that spans two columns:</h4>
<table border="1">
<tr>
  <th>Name</th>
  <th colspan="2">Telephone</th>
</tr>
<tr>
  <td>Erik Wienese</td>
  <td>555 77 854</td>
  <td>555 77 855</td>
</tr>
</table>

<h4>Cell that spans two rows:</h4>
<table border="1">
<tr>
  <th>First Name:</th>
  <td>Erik Wienese</td>
</tr>
<tr>
  <th rowspan="2">Telephone:</th>
  <td>555 77 854</td>
</tr>
<tr>
  <td>555 77 855</td>
</tr>
</table>

<br><br><br><br><br>
























<ul id="menu">
<li>Home
<ol>
<li><a href="https://www.angelfire.com/wi/erikwienese/new.html" target="pagina">Home</a></li>
<li><a href="https://www.angelfire.com/wi/erikwienese/begin.html" target="pagina">News</a></li>
<li><a href="https://www.angelfire.com/wi/erikwienese/travel.html" target="pagina">Travel</a>
</li>

<li><a href="https://www.angelfire.com/wi/erikwienese/reis2003.html" target="pagina">2003</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/reis2004.html" target="pagina">2004</a></li>
<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/china2005.html" target="pagina">2005</a></li>
<li><a  href="https://www.angelfire.com/wi/erikwienese/verhalen.html" target="pagina">.</a></li>



</ol>
</li>
<li>Cambodia
<ol>
<li><a  href="https://www.angelfire.com/wi/erikwienese/cambodia.html" target="pagina">
Cambodia</a></li>
<li><a href="http://www.khmernet.com/books/directory/link/polpot.html" target="pagina">
Pol Pot</a></li>
<li><a  href="http://www.camnet.com.kh/cambodia.daily/Siem_Reap/siem_reap.htm" target="pagina">
Siem Reap</a></li>
    
<li><a href="https://www.angelfire.com/wi/erikwienese/gallerieenter.html"   
target="pagina">
Gallery</a></li>
</ol>
</li>


<li>China 
<ol>
<li><a href="/wi/erikwieneseindex/China.html"  target="pagina">
Beijing Saigon</a></li>

<li><a  href="/wi/erikwieneseindex/China1.html"  target="pagina">
China Map</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/Beihai.html" target="pagina">Bei Hai Guangxi</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/Chengde.html" target="pagina">Chengde</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/Qingdao.html" target="pagina">Qingdao</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/Confucius.htm" target="pagina">Confucius</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/Qufu.html" target="pagina">Qufu</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/Chongqing.html" target="pagina">Chongqing</a></li>

<li><a href=" https://www.angelfire.com/wi2/WieneseVietnam/fotoalbum.html"  target="pagina">
Guiping Siwang</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/Hainan.html" target="pagina">Hainan</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/Nanjing.html" target="pagina">Nanjing</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/Pingyao.html" target="pagina">Pingyao</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/Pingxiang.html" target="pagina">Pingxiang</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/Taishan.htm" target="pagina">Tai Shan</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/Tiananmen.html" target="pagina">Tiananmen Squaire</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/tianjin.html" target="pagina">Tianjin</a></li>


<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/Trainticket.html" target="pagina">Traintickets</a></li>


<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/Xian.html" target="pagina">Xi An</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwieneseindex/2002.html"   
target="pagina">
2002</a></li>

<li><a href="https://www.angelfire.com/wi/erikwienese/linkchina.html"   
target="pagina">
Links</a></li>

<li><a  href="https://www.angelfire.com/wi/erikwienese/gallerieenter.html"   
target="pagina">
Gallery</a></li>
</ol>
</li>


<li>Thailand
<ol>
<li><a href="https://www.angelfire.com/wi/erikwienese/thailand.html#1"
target="pagina">
Khao San Road</a></li>
<li><a href=" https://www.angelfire.com/wi/erikwienese/thailand.html/"target="pagina">
Koh Samet</a></li>
<li><a  href="https://www.angelfire.com/wi/erikwienese/gallerieenter.html"  
target="pagina">
Gallery</a></li>
</ol>
</li>



<li>Vietnam
<ol>
<li><a target="pagina" href="/wi2/WieneseVietnam/index.html">
Vietnam
</a></li>
<li><a  href="https://www.angelfire.com/wi2/WieneseVietnam/hn1.html"  target="pagina">
Hanoi</a></li>
<li><a href="http://www.vietnam-tourism.com/vietnam_gov/e_pages/Dulich/touspot/cattien.asp"  target="pagina">
Cat Tien</a></li>
<li><a  href="https://www.angelfire.com/wi/erikwienese/gallerieenter.html"  
target="pagina">
Gallery</a></li>
</ol>
</li>
</ul>
</ul>

</div><p>


<br><br><br><br><br>














<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
// Script van : erik wienese 

tekst = "<p>Laatste wijzigingsdatum: " 
+ document.lastModified 
document.write(tekst.fontsize(2).fontcolor("red")) 
//--> 

</SCRIPT>

                                
<br><br>










<script language="JavaScript">
copyright=new Date();
update=copyright.getYear();

document.write("Copyright © 2000-"+ update + "    <p>Eriks Design. - All rights reserved - Alle rechten voorbehouden.</p>");
</script>




    
</head>
</body>
</html>