/* misterdutch.nl_09_main_medium.css */

* 
{
	margin: 0;
	padding: 0;
}

body
{ 
	text-align: center; /* part 1 of 2 centering hack IE5/win, for the containing blocklevel, here the body */ 
	background: #fff url(http://www.misterdutch.nl/images/9.gif) repeat-x;
 /* NB NN6 gives the background a gray in default! */
	font-size: x-small;
	font-size/* */:/**/small; /* hack IE5/win */ 
	font-size: /**/small;
}

#accessibility 
{
position: absolute;
top: -10000px;
}

/* @group divs */

#containerbg
{  
	height: auto;
	margin: 0 auto 0 auto; /* to center the box; not in IE5/win so another hack! see above! */
	padding: 0; 
	background: #b7bf49 url(#) repeat;
	width: 785px;
}

#container
{  
	border-left: 2px solid #ff6b0e;
	border-right: 2px solid #ff6b0e;
	text-align: left; /* part 2 of 2 centering hack IE5/win because text-align (body) is inherit!! */
	margin: 0 auto 0 auto; /* to center the box; not in IE5/win so another hack! see above! */
	padding: 0; 
	background: #fff url(#) repeat;
	width: 749px; 
  	voice-family: "\"}\""; /* IEwin boxmodel hack */ 
  	voice-family: inherit;
  	width: 745px;
}

/* be nice to Opera */

html>body #container
{ 
  width:745px; 
}

#topper
{
	background: #add54c url(#) no-repeat;
	height: 80px;
	border-bottom: #ffffff 2px solid;
}

#header 
{
	background: #fff;
	height: 180px;
}

#content 
{
  width:703px;
  margin: 0 0 0 20px;
  padding:0;
  text-align:left;
}
  
#main
{
  width:440px;
  margin-left:6px;
  padding-bottom:20px;
  float:left;
}

.lettersizes
{ 
	margin: 0;
	padding: 0;
	text-align: right;
}

.article
{
	clear: left;
	float: left;
	padding-bottom: 20px;
	width: 440px;
}

.tothetop
{
	clear: left;
	float: left;
	padding-bottom: 20px;
}

#content #main h3.pageheading
{
	margin-bottom: 16px;
	padding-bottom: 6px;
	border-bottom: 1px solid #a2c949;
	width: 440px;
}

#blog .article
{
	clear: left;
	float: left;
	margin-bottom: 16px;
	padding-bottom: 6px;
	border-bottom: 1px solid #a2c949;
	width: 440px;
}
  
#sidebar 
{
  width: 220px;
  float: right;
  background-color: transparent;
}
  
.sidebarbox 
{
  margin-bottom: 20px;
}

#footer 
{
	clear: both;
	height: 200px;
	margin: 0 20px;
	margin-top: 100px;
	padding-top: 30px;
	border-top: 1px solid #959f51;
}

.woordenlijst 
{ 
	padding: 10px 80px 20px 40px;
} 
	
/* @end */

/* @group nav */

#nav 
{ 
	margin: 0px; 
	padding-top: 4px;
	background: #a2c949;
	border-top: 1px solid #fff;
}

#nav ul 
{
	list-style: none; /* no browser' bullets here */
	padding: 0px; /* no browser' padding here */ 
	margin: 0px; 
}

#nav li 
{
	font: bold 13px/1.2em 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif;
	padding: 0px;  
	margin: 0px; 
}

#nav #minitabs 
{
 	margin: 10px 0px 30px 0px;
 	padding-bottom: 28px;
 	padding-left: 24px;
 	border-bottom: 1px solid #fff;
}

#nav #minitabs li 
{
 	margin: 0;
 	padding: 0;
 	display: inline; /* making list horizontal here */
 	list-style-type: none; /* no browser' bullets here */
}

#nav #minitabs a 
{ 
	float: left;
	line-height: 12px;
	margin: 0 12px 20px 0;
	text-decoration: none;
	color: #fff;
}

#nav #minitabs a.active, #minitabs a:hover 
{ /* a.active is ONLY working when .active is in HTML */
	border-bottom: 10px solid #fff;
	padding-bottom: 6px;
	color: #fff;
} 
	 
/* @end */

/* @group text */

h1 
{ 
	margin: 0px;
	padding: 6px 0 0 20px;
	color: #fff;
	font: bold 3.4em/100% 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif; 
	text-align: left;
}

h2 
{ 
	margin: 0px;
	padding: 0px 0px 0 22px;
	color: #fff; 
	font: bold 1.2em/100% 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif; 
	text-align: left;
}

h3 
{ 
	margin: 0px;
	padding: 0px 40px 12px 40px;
	color: #6e5a2c; 
	font: normal 14px/24px 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif; 
	text-align: left;
	background: transparent;
}

#main h3 
{ 
	margin-bottom: 10px;
	padding: 0;
	color: #6a5f40; 
	font: bold 1.2em/140% 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif; 
	text-align: left;
	background: transparent;
}

#blog h3 
{ 
	padding: 0;
}

#content #main h3.pageheading 
{ 
	font-size: 1.3em;
	color: #94b843;
}

#error h3.error
{ 
	color: #fe0000;
	font: bold 1.2em/140% 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif;
	padding: 0;
	margin: 0;
}

#error p.error
{ 
	color: #fe0000;
}

h4 
{ 
	margin: 0px;
	padding: 10px 40px 20px;
	color: #6e5a2c; 
	font: italic 14px/22px 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif; 
	text-align: left;
	background: transparent;
}

h5 
{ 
	margin: 0px;
	padding: 0px;
	color: #6a5f40; 
	font: italic 12px/160% Georgia, Times, "Times New Roman", serif; 
	text-align: left;
	background: transparent;
}

h6
{ 
	margin: 0;
	padding: 0 0 12px 30px;
	color: #7a6d49; 
	font: normal 16px/32px 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif; 
	text-align: left;
	background: transparent;
}

#woordenlijst #main p 
{ 
	margin: 0;
	padding: 0;
	color: #ff6b0e; 
	font: normal 1em/170% 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif;
}

#woordenlijst #main ol 
{ 
	margin: 0;
	padding-bottom: 10px;
}

#woordenlijst #main li 
{ 
	margin: 0;
	padding-bottom: 0;
	list-style-position: inside;
	color: #675428; 
	font: normal .9em/170% 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif;
}

p 
{ 
	margin: 0px;
	padding: 0 0 14px 0;
	color: #675428; 
	font: normal 1em/170% 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif; 
	text-align: left;
}

/* waar komt extra interlinie tussen p en ul vandaan? */

ul
{
	margin: 0;
	padding: 0 0 14px 0;
	list-style: inside;
}

li
{
	color: #675428; 
	font: normal 1em/170% 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif; 
	text-align: left;
}

p.archief
{ 
	margin: 0px;
	padding: 0 0 10px 0;
	color: #957a3b; 
	font: bold 1.1em/100% 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif; 
}

p.small
{ 
	margin: 0px;
	padding: 0px 40px 20px 40px;
	color: #666; 
	font: normal 11px/22px 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif; 
	text-align: left;
}

dl
{
	padding-bottom: 20px;
	width: 440px;
}

dt
{
	font: normal 1em/170% 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif;
	text-transform: none;
	color: #96ba44;
	padding: 0 0 0 0; 
}

dd
{
	font: normal 1em/140% 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif;
	padding-left: 16px;
	padding-bottom: 4px;
	background: url(http://www.misterdutch.nl/images/21.gif) no-repeat 0 6px;
}

#sidebar h4
{ 
	margin: 0px;
	padding: 0 0 6px 0;
	color: #9e991f; 
	font: italic bold 1em/160% Georgia, Times, "Times New Roman", serif; 
	text-align: left;
	background: transparent;
}

#sidebar h4.normal
{ 
	color: #977b3c; 
	font: bold 1em/160% 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif;
}

#sidebar ol
{
	list-style: outside;
	list-style-image: url(http://www.misterdutch.nl/images/21.gif);
	padding-left: 14px;
}

#sidebar ul
{
	list-style: outside;
	list-style-image: url(http://www.misterdutch.nl/images/21.gif);
	padding-left: 14px;
}

#sidebar li
{
	color: #977b3c; 
	font: bold 0.9em/140% 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif;
	text-align: left;
	border-bottom: 0px dotted #957a3b;
	padding: 2px 0;
}

#sidebar p.gedicht 
{ 
	margin: 0px;
	padding: 0 0 10px 0;
	color: #977b3c; 
	font: italic .94em/160% Georgia, Times, "Times New Roman", serif; 
	text-align: left;
	background: transparent;
}

#sidebar p 
{ 
	margin: 0px;
	padding-bottom: 1em;
	color: #977b3c; 
	font: normal .92em/160% 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif; 
	text-align: left;
}

#sidebar br 
{ 
	line-height: 0;
}

#sidebar p.voetnoot 
{ 
	margin: 0px;
	padding: 0px;
	color: #b3ad23; 
	font: italic 0.8em/160% 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif; 
	text-align: left;
}

#footer p 
{ 
	padding: 0px 20px 20px 0px;
	color: #959595; 
	font: normal 0.8em/160% Verdana, sans-serif; 
	text-align: center;
}

/* @end */

/* @group links */

a.tooltip 
{
	color: #ff6b0e;
	text-decoration: none;
	background: inherit;
	font-weight: normal;
}

a { color: #957a3b; }

dd a:link, #sidebar a:link 
{
	color: #957a3b;
	text-decoration: none;
	display: block;
	background-color: #fff;
}

dd a:visited, #sidebar a:visited
{
	color: #957a3b;
	text-decoration: none;
	background-color: #fff;
}

dd a:hover, #sidebar a:hover
{
	color: #eb620e;
	text-decoration: none;
	background-color: #fff;
}

dd a:active, #sidebar a:active
{
	color: #957a3b;
	text-decoration: none;
	background-color: #fff;
}
a.tekst 
{
	text-decoration: none;
	border-bottom: #ff6b0e solid 1px;
	color: #675428;
	background: transparent;
}

a.tekst:hover 
{
	background: transparent;
	text-decoration: none;
	border-bottom: transparent;
	color: #675428;
}

a.koptekst 
{
	text-decoration: none;
	border-bottom: #ff6b0e solid 1px;
	color: #7a6d49;
	background: transparent;
}
	
a.koptekst:hover 
{
	background: transparent;
	text-decoration: none;
	border-bottom: transparent;
	color: #7a6d49;
}

#footer a 
{
	color: #5991d5;
	text-decoration: none;
}

#footer a:hover 
{
	color: #5991d5;
	text-decoration: underline;
}

h1 a 
{
	color: #fff;
	text-decoration: none;
}

h1 a:hover 
{
	color: #cee992;
	text-decoration: none;
}

/* a.active is ONLY working when .active is in HTML */

a.active, a:hover 
{
	text-decoration: none;
}

a.link_top 
{ 
	text-decoration: none;
	color: #69afc5;
}

a.redfox
{ 
	text-decoration: none;
	color: #f1551c;
}
	
/* @end */

/* @group lists */

.woordenlijst ol
{
	list-style-position: inside;
	margin: 0px;
	padding-bottom: 8px;
	color: #ff6b0e; 
	font: normal 10px/16px 'Lucida Grande', 'Lucida Grande Unicode', Verdana, Arial, sans-serif; 
	text-align: left;
}

.woordenlijst li
{
	color: #675428;
}

/* @end */

/* @group images */

img.main 
{
	border: 1px solid #b9bcb9;
	padding: 1px;
}

img.info 
{
	border: 1px solid #b9bcb9;
	padding: 1px;
	margin-right: 2px;
}

img.redfox
{
	border: 0;
}

img.sidebar 
{
	border: 1px solid #b9bcb9;
}

img.sidebar_ads
{
	border: 0px solid #b9bcb9;
}

img.icon 
{
	padding-left: 6px;
	vertical-align: text-top;
}
	
/* @end */

/* @group buttons */

.button 
{
	padding-right: 6px;
	border: 0;
}
/* @end */
