body {
	margin: 0;
	padding: 0;
	background: #97A996 url(images/back.gif) repeat-y center;
	font: 12px/18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}






a:active, a:focus {
	outline: 0
}

#stippels {
	width: 100%;
	height: 1px;
	background: url(images/stippen.gif);
}

#container {
	width: 942px;
	margin: 0 auto;
	text-align: left;
	position:relative;
	background: url(images/back_container.gif) repeat-y center;
}

#topfoto {
	position: relative;
	left: 5px;
	top: 0px;
}

#logo_bottom {
	position: absolute;
	left: 143px;
	top: 142px;
}

#naw {
	position: absolute;
	right: 7px;
	top: 5px;
	color: #333;
	font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif;
}

#naw a {
	color: #333;
	text-decoration: none;
}

#naw a:hover {
	color: #333;
	text-decoration: underline;
}

#bloem {
	position: absolute;
	left: 855px;
	top: 142px;
}


/* ================= TEKST ======================================================*/


#text {
	position: absolute;
	top: 220px;
	left: 334px;
	width: 480px;
	clear: both;

}

#text h1 {
	padding: 0;
	margin: 0 0 18px;
	font-size: 20px;
	font-weight: normal;
}

#text h2 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: normal;
}


#text h2.dagspraak {
	padding: 0;
	margin: 10px 0 5px;
	font-size: 15px;
	font-weight: normal;
        color: #F29400;
        font-style: italic;
}

#text h3 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: normal;
}

#text .foto_right {
	margin: 3px 0 10px 10px;
	border: 1px solid #333;
	float: right;
}

#text .foto_left {
	margin: 3px 10px 10px 0;
	border: 1px solid #333;
	float: left;
}

#text .foto_right_nb {
	margin: 3px 0 10px 10px;
	float: right;
}

#text .foto_left_nb {
	margin: -2px 10px 10px 0;
	float: left;
}

#text a .foto_left_nb, #text a .foto_right_nb {
	border: none;
}


p {
	margin: 0 0 18px;
}

a {
    color: #333;
}

a:hover {
    text-decoration: none;
}

p.intro {
    font-weight: bold;
}

p.datum {
    padding: 0 0 5px;
    margin: 0;
    font-style: italic;
    color:#72675A;
}


#text ul.blogindex {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#text ul.blogindex li {
    padding-bottom: 10px;
}

#text ul.blogindex li h2 {
    padding: 0 0 5px;
    margin: 0;
}

#text ul.blogindex li .summary {
    padding: 0 0 18px;
}


#diggstuff {
    padding-bottom: 18px;
}

.inset-rechts {
    padding-top: 18px;
}

#text ul {
    margin: 0;
    padding: 0 0 18px 1.5em;
}
/* ================= WERK =================== */

div.werk {
    clear: both;
}

div.werk p {
    
}



/* ================= KRUIMELPAD ======================================================*/

#pad {
	position: relative;
	left: 310px;
	top: 4px;
	width: 600px;
	font-size: 11px;
}

#pad ul {
	margin:0;
	padding:0;
}

#pad ul li {
	margin:10px 0 48px;
	float:left;
	list-style-type: none;
	padding: 0 0 0 5px;
}


#pad ul li a {
	color: #333;
}

#pad ul li a:hover {
	text-decoration: none;
}



/* ================= TOPNAVIGATIE ======================================================*/


#mainnav {
	position: absolute;
	top: 119px;
	left: 266px;
	width: 621px;
}

#mainnav ul {
	margin:0;
	padding:0;
	background: #CFD1D3;
}

#mainnav ul li {
	margin:0;
	padding:0;
	float:left;
	height: 25px;
	list-style-type: none;
}


#mainnav ul li a {
	text-decoration: none;
	display:block;
	height:100%;
	width: 101px;
	text-indent: -999em;
}


#mainnav ul li#home a {
	width: 116px;
}


.homenav #home a { background: url("images/but/home.gif") 0 0 no-repeat transparent;}
.homenav #weblog a { background: url("images/but/home_weblog.gif") 0 0 no-repeat transparent;}
.homenav #werk a { background: url("images/but/home_werk.gif") 0 0 no-repeat transparent;}
.homenav #contact a { background:url("images/but/home_contact.gif") 0 0 no-repeat transparent;}
.homenav #fat a { background: url("images/but/home_home.gif") 0 0 no-repeat transparent;}
.homenav #taalspel a { background: url("images/but/home_home.gif") 0 0 no-repeat transparent;}
.homenav #dagspraak a { background:url("images/but/home_home.gif") 0 0 no-repeat transparent;}



.weblognav #home a { background: url("images/but/weblog_home.gif") 0 0 no-repeat transparent;}
.weblognav #weblog a { background: url("images/but/weblog.gif") 0 0 no-repeat transparent;}
.weblognav #werk a { background: url("images/but/weblog_werk.gif") 0 0 no-repeat transparent;}
.weblognav #contact a { background:url("images/but/weblog_contact.gif") 0 0 no-repeat transparent;}

.werknav #home a { background: url("images/but/werk_home.gif") 0 0 no-repeat transparent;}
.werknav #weblog a { background: url("images/but/werk_weblog.gif") 0 0 no-repeat transparent;}
.werknav #werk a { background: url("images/but/werk.gif") 0 0 no-repeat transparent;}
.werknav #contact a { background:url("images/but/werk_contact.gif") 0 0 no-repeat transparent;}


.contactnav #home a { background: url("images/but/contact_home.gif") 0 0 no-repeat transparent;}
.contactnav #weblog a { background: url("images/but/contact_weblog.gif") 0 0 no-repeat transparent;}
.contactnav #werk a { background: url("images/but/contact_werk.gif") 0 0 no-repeat transparent;}
.contactnav #contact a { background:url("images/but/contact.gif") 0 0 no-repeat transparent;}

#mainnav a:hover {
	background-position:0 -25px;
	text-decoration: none;
}

#mainnav .active a {
	background-position:0 0;
	text-decoration: none;
}



#mainnav li#home a:hover {
	background-position:0 0;
	text-decoration: none;
}


/* ================= LEFT COLUMN ======================================================*/



#leftmenu {
	position: absolute;
	top: 170px;
	left: 5px;
	width: 260px;
}

#leftmenu h1 {
	font: normal 24px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	padding: 0 5px 0 10px;
	color: #c2bdb8;
	margin-bottom: 20px;
}

#leftmenu ul {
	margin:0;
	padding:0;
}

#leftmenu ul li {
	margin:0;
	padding: 0;
	list-style-type: none;
font-style: normal;
font-weight: bold;
}


#leftmenu ul li a {
	text-decoration: none;
	padding: 2px 0 10px 45px;
	margin: 0 0 6px;
	background: url("images/back_leftnav.gif") 10px 0 no-repeat transparent;
	border-bottom: 1px dotted #a59e96;
	display: block;
	width: 215px;
	color: #fff;
}

#leftmenu ul li.head {
	text-decoration: none;
	padding: 0px 0 10px 45px;
	margin: 0 0 10px;
	background: url("images/back_subnav.gif") 10px 0 no-repeat transparent;
	border-bottom: 1px dotted #a59e96;
	display: block;
	width: 215px;
	color: #fff;
}

#leftmenu a:hover, #leftmenu a.active {
	background-position: 10px -99px;
	text-decoration: none;
}




/* ================= LEFT COLUMN SUBNAVIGATIE ======================================================*/

#leftmenu ul li.head ul li a  {
	padding: 5px 0 3px 5px;
	background: none;
	margin: 0;
        border: none;
line-height: 14px;
}


#leftmenu ul#subnav li a  {
	padding: 0px 0 10px 35px;
	background: url("images/back_subnav.gif") 0 0 no-repeat transparent;
	margin: 0px 0 10px;
        border: none;
}

#leftmenu ul li.head ul li a:hover {
	background-position:0 -100px;
	text-decoration: underline;
}


/* ================= TAALTEST ======================================================================*/
ol {
    list-style-type: upper-alpha;
}