#menu {
float : left;
width : 160px;
padding : 0 0 0 10px;   }

.menu {
margin : 10px;
height : 100px;
font-size : 10pt;
font-family : trebuchet ms;
}
.menu ul {
margin : 0;
padding : 0;
position : relative;
z-index : 500;
list-style-type : none;
width : 12em;
}
.menu li {
background-color : #99cc99;
float : left;
}
.menu li.sub {
background-color : #99cc99;
}
.menu table {
position : absolute;
border-collapse : collapse;
top : 0;
left : 0;
z-index : 100;
font-size : 1em;
margin-top : -1px;
}
.menu a, .menu a:visited {
border : 1px solid #ffffff;
display : block;
text-decoration : none;
height : 2em;
line-height : 2em;
width : 12em;
color : #000066;
padding-left : 1em;
font-weight : normal;
font-style : normal;
font-variant : normal;
text-transform : none;
}
.menu b {
float : right;
margin-right : 5px;
}
* html .menu a, * html .menu a:visited {
width : 12em;
}
* html .menu a:hover {
color : #660000;
background-color : #99ff66;
position : relative;
font-weight : normal;
font-style : normal;
font-variant : normal;
text-decoration : none;
text-transform : none;
}
.menu li:hover {
position : relative;
}
.menu a:active, .menu a:focus {
color : #660000;
background-color : #99ff66;
font-weight : normal;
font-style : normal;
font-variant : normal;
text-decoration : none;
text-transform : none;
}
.menu li:hover > a {
color : #660000;
background-color : #99ff66;
font-weight : normal;
font-style : normal;
font-variant : normal;
text-decoration : none;
text-transform : none;
}
.menu li ul {
padding : 2em;
visibility : hidden;
position : absolute;
top : -2em;
left : 7em;
background-color : transparent;
}
.menu li:hover > ul {
visibility : visible;
}
.menu ul a:hover ul ul {
visibility : hidden;
}
.menu ul a:hover ul a:hover ul ul {
visibility : hidden;
}
.menu ul a:hover ul a:hover ul a:hover ul ul {
visibility : hidden;
}
.menu ul a:hover ul {
visibility : visible;
}
.menu ul a:hover ul a:hover ul {
visibility : visible;
}
.menu ul a:hover ul a:hover ul a:hover ul {
visibility : visible;
}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
visibility : visible;
}
blockquote {
font-style : italic;
}
body {
margin : 20px 0;
padding : 0;
background : #ffffff;
font : normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #633003;
}
h1, h2, h3, h4, h5, h6 {
margin : 0;
padding : 0;
font-weight : normal;
}
img {
border : none;
}
p, ul, ol, blockquote {
margin-top : 0;
line-height : 160%;
}
.post .meta {
height : 50px;
padding : 8px 0 0 10px;
background : url(images/img09.jpg) no-repeat;
font-size : 0.8em;
}
.post .posted {
margin-bottom : 20px;
font-size : 0.8em;
}
.post .title {
letter-spacing : -1px;
font-size : 2em;
}
#archives {
float : right;
width : 180px;
padding : 0 0 0 20px;
}
#rechts {
float : left;
width : 400px;
}
#categories {
float : left;
width : 180px;
}
#content {
width : 720px;
margin : 0 auto;
padding : 20px 20px 0 20px;

}
#footer {
width : 760px;
margin : 0 auto;
padding : 60px 0 0 0;
background : url(images/img10.jpg) no-repeat;
}
#footer p {
margin : 0;
padding : 0;
text-align : center;
font-size : x-small;
}
#header {
width : 760px;
height : 130px;
margin : 0 auto;
background : url(images/topzuidenveld.jpg) no-repeat;
}
#header a {
text-decoration : none;
color : #d4d8bd;   
}

#header h1 {
float : left;
padding : 25px 0 0 20px;
letter-spacing : -3px;
font-size : 3.4em;
}
#header h2 {
float : right;
padding : 43px 20px 0 0;
letter-spacing : -1px;
font-size : 2em;
}
#pages {
float : left;
width : 180px;
}
#posts {
float : right;
width : 320px;
}