/*
CSS Stylesheet For NucleusCMS Style nattepoedel(tm)
(c) 2005 - tim-w.com / phate.nl / nattepoedel.com
*/

/*BODY AND MAIN SETTINGS*/
body
{
	/*background: url(images/bgSnowAni.gif);*/
	/*background: url(images/backgroundBlacklined.gif);*/
	/*background: url(images/bg_body110.gif);*/
	background: url(images/backgroundSporen.jpg);
	/*background: url(images/backgroundZand.jpg);*/
	/*background: url(images/BackgroundAlu.gif);*/
	/*background: url(images/backgroundConctrete.jpg);*/
	/*background: url(images/backgroundMuurSchimmel.jpg);*/
	/*background: url(images/backgroundMuurBladder.jpg);*/
	/*background: url(images/papier.gif);*/
	/*background: url(images/bc.gif);*/
	/*background: url(images/graybrck.jpg);*/
	/*background: url(images/univer1.jpg);*/
	/*background: url(images/body_oranje.gif);*/

	background-color:#444444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0 0 0 0;
}
img 
{
border:0;
}
.maintable
{
border: 1px solid black;
background-color:#FFFFFF;
}

.layouttable td
{
padding: 0 0 0 0;
vertical-align:top;
}

.mainmenu {		width:800px;
				/*background-color:#304254;*/
				background-color:#000000;
				color:#FFFFFF;
				line-height:18px;
				font-size: 10pt;
				font-family:Arial, Helvetica, sans-serif;
				text-align:left;
				border:0px;
		  }
.mainmenu a:link 	{ 		color: #ffffff; text-decoration: none; 		}
.mainmenu a:active 	{ 		color: #ffffff; text-decoration: none; 		}
.mainmenu a:visited { 		color: #ffffff; text-decoration: none; 		}
.mainmenu a:hover 	{ 		color: #000000; background-color: #ffffff; 	}
/*END BODY AND MAIN SETTINGS*/

/*CONTENT*/
.contenttable
{
border: 0;
padding-left: 2px;
}
.contenttable td
{
vertical-align: top;
padding-left: 6px;
border-style: none;
}
.headtable {background-color:#f77a26;}
.contenttitle 	{	
				font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
				font-size: 12pt;
				color: #000000;
				line-height: 20px;
				}
.contenttitle a:link 	{ 		color: #D85905; text-decoration: none; 				}
.contenttitle a:active 	{ 		color: #D85905; text-decoration: none; 				}
.contenttitle a:visited 	{ 		color: #D85905; text-decoration: none; 		 		}
.contenttitle a:hover 	{ 		color: #666666; text-decoration: underline;			}				
					
.contentmenu 	{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				}
.contenthr 	{ 	
					color: black;
					/*size: 1px;*/
					height: 1px;
					width: 450px;
					}
.contentmenu a:link 	{ 		color: #D85905; text-decoration: none; 				}
.contentmenu a:active 	{ 		color: #D85905; text-decoration: none; 				}
.contentmenu a:visited 	{ 		color: #D85905; text-decoration: none; 		 		}
.contentmenu a:hover 	{ 		color: #666666; text-decoration: underline;			}					
					
.content 		{		
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				text-align:justify; /*See how this works out before implementation */
				}
				
.content a:link 	{ 		color: #D85905; text-decoration: none; 				}
.content a:active 	{ 		color: #D85905; text-decoration: none; 				}
.content a:visited 	{ 		color: #D85905; text-decoration: none; 		 		}
.content a:hover 	{ 		color: #666666; text-decoration: underline;			}

.brand { font-size:9px; color:#CCCCCC; }

.highlight {background-color:#FFFF66; }
/*END CONTENT*/

/*COMMENTS*/
.commenttable
{
margin-left: 20px;
border: 0;
padding-left: 2px;
width:442px;
background-color:#F9F9F9;
}
.commenttable td
{
vertical-align: top;
padding-left: 8px;
padding-right: 6px;
padding-bottom: 3px;
padding-top: 3px;
}
.commenttabletitle 	{				
					font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
					font-size: 12pt;
					color: #333333;
					}
.commenttitle 	{	
				font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
				font-size: 12px;
				color: black;
				}
.commenttitle a:link 	{ 		color: #D85905; text-decoration: none; 				}
.commenttitle a:active 	{ 		color: #D85905; text-decoration: none; 				}
.commenttitle a:visited { 		color: #D85905; text-decoration: none; 		 		}
.commenttitle a:hover 	{ 		color: #666666; text-decoration: underline;			}
				
.commenthr 	{ 	
					color: black;
					height: 1px;
					width: 450px;
					}
					
.comment 		{		
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				/*text-align:justify; /*See how this works out before implementation*/
				border-width: 1px;
				border-color: #999999;
				border-style: dotted;
				}

.comment a:link 	{ 		color: #D85905; text-decoration: none; 				}
.comment a:active 	{ 		color: #D85905; text-decoration: none; 				}
.comment a:visited 	{ 		color: #D85905; text-decoration: none; 		 		}
.comment a:hover 	{ 		color: #666666; text-decoration: underline;			}

.commentform	{		
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				/*text-align:justify; /*See how this works out before implementation*/
				}
.commentform a:link 	{ 		color: #D85905; text-decoration: none; 				}
.commentform a:active 	{ 		color: #D85905; text-decoration: none; 				}
.commentform a:visited 	{ 		color: #D85905; text-decoration: none; 		 		}
.commentform a:hover 	{ 		color: #666666; text-decoration: underline;			}				
/*END COMMENTS*/

/*FORMS*/
.formfield
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
	height:auto;
}
.formbutton
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 2px 2px 2px 0;
	padding: 2px 2px 2px 2px;
}
.loginform, .searchform
{
	margin: 5px 0;
}
.searchform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail
{
    width: 300px;
    margin-right: 105px;
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
    width: 300px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error
{
	color: red;
	font-weight: bold;
}
/*FORMS*/

/*SIDEMENU*/
.sidemenu 	{		
			width:200px;
			background-color: #F9F9F9;
			padding: 0 0 0 0;
			color:#666666;
			}
.sidemenu td 	{ 
				padding-left:4px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				text-align: left;
				}
.sidemenutitle 	{ 
				background-color: #EEEEEE;
				font-weight:bold;
				}
.sidemenu a:link 	{ 		color: #D85905; text-decoration: none; 				}
.sidemenu a:active 	{ 		color: #D85905; text-decoration: none; 				}
.sidemenu a:visited { 		color: #D85905; text-decoration: none; 		 		}
.sidemenu a:hover 	{ 		color: #666666; text-decoration: underline;			}				
/*END SIDEMENU*/			

/*FOOTER DATA*/
.copyrights
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}
.copyrights a:link 		{ 		color: #999999; text-decoration: underline; }
.copyrights a:active 	{ 		color: #999999; text-decoration: underline; }
.copyrights a:visited	{ 		color: #999999; text-decoration: underline;	}
.copyrights a:hover 	{ 		color: #999999; text-decoration: none; 		}
/*END FOOTER DATA*/

/*CALENDAR*/
.calendar { color:#999999; }
.calendardateheaders 	{ 
						font-size:12px; 
						color:#666666;
						text-align:right;
						}
.calendar caption	{ 
					font-size:12px; 
					/*font-weight:bold;*/
					}
.calendar td 	{
				border-style:solid;
				border-color:#F9F9F9;
				border-width:1px;
				text-align:right;
				}
table.calendar td.today {
						border-color:#D85905;			
						}
/*END CALENDAR*/

.pubody td
{
	background-color:#F9F9F9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0 0 0 0;
}
.pubody a:link 		{color: #D85905; text-decoration: none;}
.pubody a:active 	{color: #D85905; text-decoration: none;}
.pubody a:visited 	{color: #D85905; text-decoration: none;}
.pubody a:hover 	{color: #666666; text-decoration: underline;}	

.groot {font-size: 18px;}
.klein {font-size: 9px;}
.preload {display: none;}
.dnplinks img {float: left; margin: 2 7 0 5;}

.pageswitch { 
   font-family: verdana, sans-serif; 
   font-size: 11px; 
   line-height: 15px; 
   text-align: center; 
   width: 450px;
} 
.pageswitch a:link 	{ 		color: #D85905; text-decoration: none; 				}
.pageswitch a:active 	{ 		color: #D85905; text-decoration: none; 				}
.pageswitch a:visited 	{ 		color: #D85905; text-decoration: none; 		 		}
.pageswitch a:hover 	{ 		color: #666666; text-decoration: underline;			}


/* LIGHTBOX */
#lightbox{
	background-color:#eee;
	padding: 5px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 1.0em;
	padding-top: 0.0em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(http://weblog.denattepoedel.nl/skins/nattepoedel/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="skins/nattepoedel/overlay.png", sizingMethod="scale");
	}
	
/*END LIGHTBOX*/