body { background: #f7f7f6 url("../sitepictures/vz2007_bg.jpg") repeat-y fixed 50% 0; text-align: center; margin: 0; padding: 0; }
h1 { color: #fff; font-size: 1.2em; font-style: italic; text-decoration: none; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; }

td { }

a:link {
color: #f3f2a4;}

a:visited {
color: #f3f2a4;}
a:active {
color: #f3f2a4;}
a:hover {
color: #ffffff;}
#wrapper { text-align: left; position: relative; width: 880px; margin-right: auto; margin-left: auto; }
#container {
   margin: 0px auto;
   text-align: left;
   width: 692px;
}
#header { text-align: center; margin-bottom: 5px; }
#menu { background-image: none; text-align: center; position: relative; width: 880px; height: 30px; z-index: 100; list-style-type: none; display: table; }
#content { color: #7e996e; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #011901; text-align: left; position: relative; width: auto; height: auto; float: left; min-height: 20em; margin: 15px; padding: 20px 30px 20px 3S0px 20px 30px 20px 3S0px 20px 30px 20px 3S0px 30px; border: solid 1px #011901; display: inline; }
#text { position: relative; width: auto; z-index: 200; border: solid 1px #f00; display: inline; }
#footer { color: #164719; font-size: 0.6em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #011901; text-align: left; width: auto; height: auto; float: left; margin: 30px 15px; padding-bottom: 10px; }
#foto { width: 80%; margin: 10px auto; padding-left: 2em; }
.divider { background-image: url("../sitepictures/vz2007bar.jpg"); background-repeat: no-repeat; background-position: center; width: 500px; height: 33px; float: none; margin-right: auto; margin-left: auto; }
.image {
	padding: 5px;
	background-color: #f3f2a4;
	text-align: center;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #011901;
	border-bottom-color: #011901;
}
.imageleft { 
float: left; 
padding: 5px; 
background-color: #f3f2a4; 
border: solid 1px #000; 
}
.imageright { 
float: right; 
padding: 5px; 
background-color: #f3f2a4; 
border: solid 1px #000; 
}
.ponyname { color: #faf7f7; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; display: inline; }
/*Tabel Stamboom (class="tree")*/
table.tree  { background-color: #013300; width: 725px; padding: 10px; }
.tree td  {background-color: #011901; padding: 10px; border: solid 1px #000;}
td.mare { background-color: #012801; }
/*End Tabel Stamboom (class="tree")*/
/*All code below courtesy of Stu Nicholls over @ http://www.cssplay.co.uk. Many thanks for the grat help Stu!*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/*<---remove .menu { width:730px; font-size:0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; position:relative; z-index:100; } */
/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0; margin:0 auto; list-style-type:none; display: table-cell; }
.menu ul ul {
width:120px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:120px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited { display:block; font-size:0.85em; text-decoration:none; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; width:120px; height:30px; line-height:29px; background-image: url("../sitepictures/nav_bg.jpg"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; border: solid 1px #181818; outline: solid 1px #181818; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:120px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background: #103312 url("../sitepictures/drop.gif") no-repeat right bottom;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65 url("../sitepictures/drop.gif") bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
background:#c9ba65 url("../sitepictures/drop.gif") bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:120px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:120px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { background:#0f3311; color:#ddd; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; height:auto; line-height:1em; padding:5px 10px; width:110px
  }
* html .menu ul ul a{
width:150px;
w\idth:120px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{ color:#ff6; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #1e6526; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.menu :hover > a, .menu ul ul :hover > a { color:#ff6; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #1e6526; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
.container {clear:both; text-decoration:none;}
* html .container {display:inline-block;}
/*------end of menu----------*/
/*Snazzy border*/
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 { font-size:1.5em; color:#ff6; font-weight: bold; text-align: center; padding-right: 30px; padding-left: 30px; }
.xsnazzy h2 { font-size:1.2em; color:#faf7f7; font-weight: bold; padding-top: 0.5em; padding-right: 30px; padding-left: 30px; border:0; }
.xsnazzy h3 { color: #faf7f7; font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 1em; padding-right: 30px; padding-left: 30px; }
.xsnazzy h4 { color: #9caf9c; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; padding-top: 1em; padding-right: 30px; padding-left: 30px; }
.xsnazzy p { color:#9caf9c; padding: 0.5em 30px; }
.xsnazzy {background: transparent; margin:1em;}
.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #013300; border-left:12px solid transparent; border-right:12px solid transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
* html .xsnazzy span {display:none;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #013300; border-right:1px solid #013300;}
.xb1 {margin:0 8px; background:#013300;}
.xb2 {margin:0 6px; background:#013300;}
.xb3 {margin:0 4px; background:#013300;}
.xb4 {margin:0 3px; background:#013300; border-width:0 5px;}
.xb5 {margin:0 2px; background:#013300; border-width:0 4px;}
.xb6 {margin:0 2px; background:#013300; border-width:0 3px;}
.xb7 {margin:0 1px; background:#013300; border-width:0 3px; height:2px;}
.xboxcontent { display:block; background:#013300; min-width: 838px; min-height: 30em; border-color: #fff #013300; border-style: solid; border-width:0 3px; }
/* for Internet Explorer */
* html .xboxcontent { height: 30em; }
/*End Snazzy border*/