* {
margin: 0;
padding: 0;
}

body {
margin : 0;
padding : 10px 0;
font : 73% "Trebuchet MS", verdana, arial, sans-serif;
background : #2e2e2e;
color : #333;
}
#container {
width : 740px;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 5px solid #336633;
background : #e9eee4 url(img/foliage_header.jpg) top right no-repeat;
color : #333;
}
			/*TOP BANNER*/
#topimg {
height : 150px;
padding : 0;
margin : 0;
text-align: right;
color : #333;
}
#topimg h1 {
float: right;
width: 375px;
margin : 0px;
font-size : 275%;
font-weight: bold;
letter-spacing: 0.3em;
color : #e9eee4;
}

#topimg h1 span {
font-size : 76%;
letter-spacing : 0.1em;
margin-right: 8px;
}

			/*TOP NAVIGATIONY*/
#navcontainer ul {
float : left;
width : 100%;
padding-left : 0;
margin : 0;
font-size : 110%;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
background : #417c2c;
color : #333;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
float : left;
padding : 0.2em 1em;
text-decoration : none;
border-right : 1px solid #fff;
background : #336633;
color : #fff;
}
#navcontainer ul li a:hover, #navcontainer ul li a#current {
background : #91ae00;
color : #000;
}
			/*MAIN CONTENT*/
#content {
margin : 66px 0 0 170px;
padding : 5px;
color : #333;
}

#content a:link, #content a:visited {
text-decoration : underline;
background : inherit;
color : #417C2C;
}
#content a:hover {
background : inherit;
color : #91AE00;
}
			/*SIDEBAR*/
#sidebar {
float : left;
height: 395px;
width : 165px;
margin : 0;
padding : 0;
background : #e9eee4 url(img/klimmen.jpg) top left no-repeat;
color : #333;
/* border-right : 1px dashed #999; */
}
			/*SIDE MENU*/
.sidemenu ul {
list-style-type : none;
text-align : left;
}
.sidemenu ul li {
display : block;
color : #666;
background : inherit;
}
.sidemenu ul li a {
background : transparent url(img/list-off.gif) no-repeat left center;
padding-left : 15px;
font : normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration : none;
color : #000;
}
.sidemenu ul li a:hover {
background : transparent url(img/list-on.gif) no-repeat left center;
color : #666;
}
.sidemenu ul li a#current {
background : transparent url(img/list-active.gif) no-repeat left center;
color : #666;
}
			/*FOOTER*/
#footer {
clear : both;
height: 14px;
padding : 5px;
margin : 0;
font-size : 90%;
border-top : 1px solid #e9eee4;
background : #417c2c;
color : #333;
}
#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #333;
}
#footer a:hover {
border-bottom : 1px dashed #333;
background: inherit;
color : #333;
}
			/*TYPOGRAPHY*/
p, blockquote {
line-height: 1.7em;
margin : 12px 15px;
}

p.eerste {
margin-right: 100px;
}

h2 {
margin : 20px 0 0 5px;
padding-left : 10px;
font-size : 140%;
text-transform : uppercase;
letter-spacing : 5px;
color : #417c2c;}

.safari h2 {
margin: 40px 0 0 5px;
}

h3 {
margin : 20px 0 0 5px;
padding-left : 10px;
font-size : 100%;
text-transform : uppercase;
letter-spacing : 5px;
color : #417c2c;}


			/*CLASSES*/
.img {
float : left;
padding : 10px;
border : none;
}

#sidebar img {
padding: 0;
margin: 0;
}

.img a {
border : none;
}

img.blad {
float: right;
padding: 4px;
border: 0;
}

.post { 
background : #eee;
padding : 3px;
margin : 20px 10px 0 5px;
border : 0 dashed #8a795d;
font-size : 90%;
} 
.post .date { 
background : url(img/clock.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .comments { 
background : url(img/comment.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .readmore { 
background : url(img/document.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
blockquote {
margin-top: 10px;
margin-right: 100px;
font-weight : bold;
font-style : italic;
color : #b29b35;
}