/* misterdutch.nl_09_main_large.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;
	}

html>body #container 
{ 
  	width:745px; /* be nice to Opera */
}
  
#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 Sans Unicode', 'Trebuchet MS', Helvetica, 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 
{ 
	border-bottom: 10px solid #fff; /* a.active is ONLY working when .active is in HTML */
	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 Sans Unicode', 'Trebuchet MS', Helvetica, Arial, sans-serif; 
	text-align: left;
}

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

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

#blog h3 
{ 
	padding: 0;
}

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

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

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

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

h4 
{ 
	margin: 0px;
	padding: 10px 40px 20px;
	color: #6e5a2c; 
	font: italic 14px/22px 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 Georgia, Times, "Times New Roman", serif; 
	text-align: left;
	background: transparent;
}

p 
{ 
	margin: 0px;
	padding: 0 0 14px 0;
	color: #675428; 
	font: normal 1.1em/170% 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, 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 1.1em/170% 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Arial, sans-serif; 
	text-align: left;
}

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

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

#woordenlijst #main li 
{ 
	margin: 0;
	padding-bottom: 0;
	list-style-position: inside;
	color: #524a32; 
	font: normal 1em/170% 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

p.small 
{ 
	margin: 0px;
	padding: 0px 40px 20px 40px;
	color: #666; 
	font: normal 11px/22px Georgia, Times, "Times New Roman", serif; 
	text-align: left;
}

dl
{
	padding-bottom: 20px;
}

dt
{
	font: normal 1.1em/170% 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Arial, sans-serif;
	text-transform: none;
	color: #96ba44;
	padding: 0 0 0 16px; 
}

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

#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 Sans Unicode', 'Trebuchet MS', Helvetica, 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 Sans Unicode', 'Trebuchet MS', Helvetica, 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 Sans Unicode', 'Trebuchet MS', Helvetica, Arial, sans-serif; 
	text-align: left;
}

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

#footer p 
{ 
	margin: 0px;
	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: #675428;
}

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, a:hover 
{ /* a.active is ONLY working when .active is in HTML */
	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 Sans Unicode', 'Trebuchet MS', Helvetica, 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 */

