/* ----------------------------------------
   body
   ----------------------------------------*/

body {
	background-color: 	#e2e2e2; 
	margin: 			0px; 
	text-align:			center;
}

/* ----------------------------------------
   algemene dingen
   ----------------------------------------*/

img {
	border: 			0px;
}

a, a:link, a:active, a:visited {
	text-decoration: 	none;
	color:				#00a1ff;
}

a:hover, a:visited:hover {
	text-decoration: 	none;
	color:				#000000;
}
   
div.nodynamicmain {
	width:				700px;
	margin-left: 		auto;
	margin-right: 		auto;
	margin-top: 		1px;
	margin-bottom: 		0;
	text-align:			left;
	font-family:		Verdana, Helvetica, Arial, Tahoma;
	color: 				#000000;
	font-size:			12px;
	line-height:		20px;
}
   
 div.texthead {
 	background-image: 	url(../images/thishead.png);
 	background-repeat: 	no-repeat; 
	background-position: 	left center;
	color: 				#00a1ff;
	font-weight: 		bold;
	text-transform: 	uppercase;
	line-height: 		20px;
	padding-left: 		15px;
	font-size:			12px;
}

td {
	font-family:		Verdana, Helvetica, Arial, Tahoma;
	color: 				#000000;
	font-size:			12px;
	line-height:		20px;
}

/* ----------------------------------------
   algemene dingen: forms
   ----------------------------------------*/

.formerror {
	width: 				700; 
	margin-left: 		auto;
	margin-right: 		auto;
	text-align: 		left;
	color: 				#ffffff;	
	background-color: 	#e2e2e2;
	padding: 			5px;
}

.formfield {
	background-color: 	#ffffff; 
	border: 			1px solid #000000; 
	font-family: 		Verdana, Helvetica, Arial, Tahoma; 	
	color: 				#000000; 
	font-size: 			12px;
}

.formbutton {
	background-color: 	#ffffff; 
	border: 			1px solid #000000;
	font-family: 		Verdana, Helvetica, Arial, Tahoma;
	color: 				#000000;	
	font-size: 			12px;
	text-transform: 	uppercase;
}

.formtd	{
	font-family: 		Verdana, Helvetica, Arial, Tahoma;
	color: 				#000000;	
	font-size: 			12px;
}

/* ----------------------------------------
   header/footer
   ----------------------------------------*/
   
div.headercontainer {
	background-color: 	#ffffff;
	height:				69px;
	width: 				100%;
}

div.header {
	background-image: 	url(../images/top.gif);
	height: 			69px;
	width: 				700px;
	margin-left: 		auto;
	margin-right: 		auto;
	margin-top: 		0;
	margin-bottom: 		0;
	text-align: 		left;
}

div.footercontainer {
	background-color: 	#ffffff;
	width: 				100%;
	border-top: 		1px solid #e2e2e2;
	margin-top:			0px;
}


div.footer	{
	width: 				700px;
	margin-left: 		auto;
	margin-right: 		auto;
	margin-top: 		0;
	margin-bottom: 		0;
	text-align: 		left;	
}

table.footertable td {
	font-family: 		Verdana, Helvetica, Arial, Tahoma;
	color: 				#000000;
	font-size: 			12px;
	line-height: 		20px;
}

/* ----------------------------------------
   between
   ----------------------------------------*/

div.betweencontainer {
	background-color: 	#e2e2e2;
	width: 				100%;
	margin-top:			0;
	margin-bottom: 		0;
	border-top: 		1px solid #e2e2e2;
}

div.between {
	background-color: 	#ffffff;
	width: 				700px;
	margin-left: 		auto;
	margin-right:		auto;
	margin-top: 		0;	
	margin-bottom: 		0;
	text-align:			center;
}

/* ----------------------------------------
   between: hoverlinken
   ----------------------------------------*/

td.between, td.between a, td.between a:link, td.between a:active, td.between a:hover, td.between a:visited, td.between a:visited:hover {
	background-color: 	#ffffff;
	font-family: 		Verdana, Helvetica, Arial, Tahoma;
	color: 				#000000; 
	font-size: 			11px;
	line-height: 		20px;
	font-weight:		bold;
	text-transform: 	uppercase;
	text-decoration: 	none;
}

td.betweenhover, td.betweenhover a, td.betweenhover a:link, td.betweenhover a:active, td.betweenhover a:hover, td.betweenhover a:visited, td.betweenhover a:visited:hover {
	background-color: 	#000000;
	font-family: 		Verdana, Helvetica, Arial, Tahoma;
	color: 				#ffffff;
	font-size: 			11px;
	line-height: 		20px;
	font-weight: 		bold;
	text-transform:		uppercase;
	text-decoration:	none;
}

td.betweenmiddle {
	border-left: 		1px solid #e2e2e2;
	border-right:		1px solid #e2e2e2;
	background-color: 	#ffffff;
}

td.betweenmiddle a, td.betweenmiddle a:link, td.betweenmiddle a:active, td.betweenmiddle a:hover, td.betweenmiddle a:visited, td.betweenmiddle a:visited:hover {
	font-family: 		Verdana, Helvetica, Arial, Tahoma;
	color: 				#000000; 
	font-size: 			11px;
	line-height: 		20px;
	font-weight:		bold;
	text-transform: 	uppercase;
	text-decoration: 	none;
}

td.betweenhovermiddle {
	border-left: 		1px solid #e2e2e2;
	border-right:		1px solid #e2e2e2;
	background-color: 	#000000;
}

td.betweenhovermiddle a, td.betweenhovermiddle a:link, td.betweenhovermiddle a:active, td.betweenhovermiddle a:hover, td.betweenhovermiddle a:visited, td.betweenhovermiddle a:visited:hover {
	font-family: 		Verdana, Helvetica, Arial, Tahoma;
	color: 				#ffffff;
	font-size: 			11px;
	line-height: 		20px;
	font-weight: 		bold;
	text-transform:		uppercase;
	text-decoration:	none;
}

/* ----------------------------------------
   photo blog post                               
   ----------------------------------------*/
div.mainphoto {
	background-image: 	url(../images/mainbg.gif);	
	width: 				700px; 
	margin-left: 		auto;
	margin-right: 		auto;
	margin-top: 		0;
	margin-bottom: 		0;
	text-align: 		justify;
	font-family: 		Verdana, Helvetica, Arial, Tahoma;
	color: 			#000000;
	font-size: 		12px;
	line-height: 		20px;
	border-top: 		1px solid #e2e2e2;
	font-weight:		bold;
}

div.mainphotoundercontainer {
	background-color: 	#e2e2e2; 
	width: 				100%; 
	margin-top: 		0; 
	margin-bottom: 		0; 
	border-top: 		1px solid #e2e2e2;
}

div.mainphotounder {
	background-color: 	#ffffff; 
	width: 				700px; 
	margin-left: 		auto; 
	margin-right: 		auto; 
	margin-top: 		0; 
	margin-bottom: 		0; 
	text-align: 		left; 
	font-family: 		Verdana, Helvetica, Arial, Tahoma; 
	color: 				#000000; 
	font-size: 			12px; 
	line-height: 		20px;
}

div.datum {
	position: 			relative;
	color: 				#000000;
	width: 				175px;
	height: 			30px;
	float:				left; 
	margin-top: 		10px;
}

div.thatweblog {
	position: 			absolute;
	width: 				25px;
}

div.dag {
	position: 			absolute;
	font-size:			35px;
	letter-spacing: 	-5px;
	width: 				43px;
	height:				40px;
	text-align: 		right;
	left: 				26px;
}

div.maand {
	font-size: 			11px;
	text-transform: 	uppercase;
	position: 			absolute;
	left: 				73px;
	top:				-8px;
}

div.jaar {
	font-size: 			19px;
	letter-spacing:		-2px;
	position:			absolute;
	left:				73px;
	top:				5px;
}

td.under {
	font-family: 		Verdana, Helvetica, Arial, Tahoma; 
	color: 				#000000; 
	font-size: 			12px;
}

img.photourl{
	border:				10px solid #ffffff;
}

/* ----------------------------------------
   weblog comment
   ----------------------------------------*/

td.commenttd	{
	font-family: 		Verdana, Helvetica, Arial, Tahoma;
	color: 				#000000;	
	font-size: 			12px;
}

img.gravatar {
	border: 			1px solid #e2e2e2;
	width: 				60px;
	height: 			60px;
	padding:			5px;
	background-color:	#e2e2e2;
}

/* ----------------------------------------
   weblog comment on index
   ----------------------------------------*/

div.commentcontainer {
	background-color: 	#e2e2e2;
	width: 				100%;
	margin-top:			0;
	margin-bottom: 		0;
	border-top: 		1px solid #e2e2e2;
}

div.comment {
	width: 				700px;
	margin-left: 		auto;
	margin-right:		auto;
	margin-top: 		0;	
	margin-bottom: 		0;
	text-align:			center;
}

div.commentvisitors {
	background-color: 	#ffffff;
	width: 				350;
	margin-left: 		auto;
	margin-right:		auto;
	margin-top: 		0;	
	margin-bottom: 		0;
	text-align:			center;
	border-top: 		1px solid #e2e2e2;
	margin-top:			0;
	margin-bottom: 		0;
	font-family: 		Verdana, Helvetica, Arial, Tahoma;
	color: 				#000000;	
	font-size: 			12px;
}