/* -------------- Cascading Style Sheet bij Naturezoom.nl ---------------- */
/* ----------------- natuurfotograaf Arjan Esschendal --------------------- */

/*-------------- Layout ------------------------ */
body 				{font:13px "Times New Roman", Times, serif; background:#222222;}
#content			{margin:auto; width:800px; height:auto; text-align:left;}
#top				{background:url(../images/top.jpg) repeat-x; width:656px; height:40px; float:right;}
#header				{width:656px; height:140px; background:#3a3a3a; float:right;}
#bread				{background:#1c1c1c; width:656px; height:20px; float:right; color:#82827f;}
#main				{padding:20px 0 15px 0; background:#313231 repeat-y; width:656px; height:auto; float:right;}
#start				{padding:30px 0 15px 0px; width:656px; height:auto; float:right;}

/*--------------- Menu-------------------------- */
#menu				{margin-top: 20px; width:139px; height:auto; float:left;}
#menustart			{margin-top:180px; width:139px; height:auto; float:left;}
ul.mn li			{list-style:none; }
ul.mn li a			{display:block; height:29px; width:139px; text-decoration:none; }
ul.mn li a:hover	{background-position: bottom left;}
ul.mn li span		{visibility:hidden;}


.menu1				{width:139px; height:29px; background: url(../images/home.gif) top left no-repeat;}
.menu2				{width:139px; height:29px; background: url(../images/recent.gif) top left no-repeat;}
.menu3				{width:139px; height:29px; background: url(../images/gallery.gif) top left no-repeat;}
.menu4				{width:139px; height:29px; background: url(../images/travel.gif) top left no-repeat;}
.menu5				{width:139px; height:29px; background: url(../images/purchase.gif) top left no-repeat;}
.menu6				{width:139px; height:29px; background: url(../images/workshop.gif) top left no-repeat;}
.menu7				{width:139px; height:29px; background: url(../images/links.gif) top left no-repeat;}
.menu8				{width:139px; height:29px; background: url(../images/about.gif) top left no-repeat;}
.menu9				{width:139px; height:29px; background: url(../images/contact.gif) top left no-repeat;}
.menu10				{width:139px; height:29px; background: url(../images/guestbook.gif) top left no-repeat;}
.menu11				{width:139px; height:29px; background: url(../images/weblog.gif) top left no-repeat;}

/*---------------- Links ----------------------- */
.links1				{margin:10px 0px 0 60px; width:250px; height:auto; float:left; display:inline;}
.links2				{margin:10px 0 0 0; width:250px; height:auto; float:left; display:inline;}
.links3				{margin:10px 0px 0 60px; width:250px; height:auto; float:left; display:inline;}
.links4				{margin:10px 0 0 0; width:250px; height:auto; float:left; display:inline;}

ul.links			{margin:10px 0 10px 80px; font-size:14px; line-height:1.6em; color:#bcb6b6;}
ul.links li			{list-style:none; height:auto;}
ul.links li a:link		{color:#bcb6b6; text-decoration:none;}
ul.links li a:active		{color:#bcb6b6; text-decoration:none;}
ul.links li a:visited		{color:#bcb6b6; text-decoration:none;}
ul.links li a:hover		{color:#bcb6b6; text-decoration:underline;}

/* ----------------Images---------------------- */
.titlestart			{margin:auto; margin-bottom:10px; width:166px; height:21px;}
.titleboxh1			{margin-left:30px; margin-bottom:20px; width:250px; height:21px;}
.titleboxh3			{margin-bottom:20px; width:150px; height:20px;}
.titleboxh5			{margin-bottom:20px; margin-left:10px; width:250px; height:21px;}
.lijn				{margin:auto; width:166px; height:1px; background:url(../images/lijn.gif) no-repeat; font-size:1px;}
.portret			{margin:10px 70px 20px 15px; width:150px; height:141px; border:2px solid #ffffff; float:right; display:inline;}
.imghome1			{margin:auto; width:612px; height:412px;}
.imghome2			{margin:auto; width:462px; height:612px;}

.travel1			{}
.travel2			{}
.travel3			{}

/*--------------- Thumbs recent ---------------- */			
.thumbleft			{margin-bottom: 15px; padding-left:80px; width:150px; height:auto; float:left;}
.thumbright			{padding-left:160px; width:150px; height:auto; float:left;}
ul.thumbrec			{width:150px; height:auto;}
ul.thumbrec li		{margin:30px 0 0 0; width:150px; height:100px; list-style:none;}
ul.thumbrec li	a	{display:block; text-decoration:none; border:none;}

/*--------------- Thumbs gallery --------------- */			
ul.thumbgal			{margin:40px 0 30px 45px; width:auto; height:120px;}
ul.thumbgal li		{padding-left:30px; list-style:none; float:left;}
ul.thumbgal li	a	{display:block; text-decoration:none; border:none;}


/*--------------- pics ------------------------- */
.img1				{margin:auto; width:412px; height:auto; margin-bottom:15px;}
.img2				{margin:auto; width:612px; height:auto; margin-bottom:15px;}
.img3				{margin:auto; width:462px; height:auto; margin-bottom:15px;}
.img4				{margin:auto; width:600px; height:auto; margin-bottom:15px;}

/*-------------- Alfabet ----------------------- */
#alfabet			{margin:25px 0 50px 35px; color:#bcb6b6; font-size:14px; font-weight:bold;}
ul.letter			{margin:20px 0 30px 30px; padding-top:10px; padding-left:10px; width:625px; height:auto; color:#bcb6b6; font-size:14px; font-weight:bold; clear:both;}
ul.letter li		{margin:0 0 5px 10px; width:270px; height:auto; list-style:none; float:left;}
ul.letter li ul		{padding:0 0 0 2px;}
ul.letter li ul li	{padding:0 0 0 3px; list-style:none; font-size:13px; font-weight:normal;}

/*------------- Tekst opmaak ------------------ */
h1					{margin-bottom:2px; font-size:16px; font-weight:bold; color:#bcb6b6; text-align:center;}
h2					{font-size:14px; font-weight:bold; color:#bcb6b6; text-align:left;}
h3					{font-size:12px; font-weight:normal; color:#bcb6b6; text-align:left; text-align:center;}
h5					{margin-bottom:2px; font-size:16px; font-weight:bold; color:#bcb6b6; text-align:center;}

h1.center			{margin: 20px 0 0 0;}

p					{font-size:13px; font-weight:normal; line-height:160%; color:#bcb6b6;}

.p1					{padding:5px 70px 5px 50px;}
.p2					{padding:10px 70px 5px 50px;}
.p3					{padding:10px 70px 5px 50px;}
.p4					{padding:10px 70px 5px 50px;}
.plast				{padding:10px 70px 15px 50px;}

a:link				{color:#bcb6b6; text-decoration:underline;}
a:active			{color:#bcb6b6; text-decoration:underline;}
a:visited			{color:#bcb6b6; text-decoration:underline;}
a:hover				{color:#bcb6b6; text-decoration:none;}

.breadcrump			{margin:0; padding:3px 0 0 7px; font-size:12px; color:#bcb6b6;}
.disclaimer			{margin:0; padding:23px 10px 0 0; font-size:11px; color:#82827f; float:right;}
.englisch			{margin:-15px 10px 0 0; font-size:12px; color:#bcb6b6; float:right; display:inline;}
.code				{padding-top:2px; line-height:normal; text-align:left;}
.dutch				{padding-left:50px; padding-right:132px; font-size:16px; font-weight:bold; float:left;}
.english			{font-size:16px; font-weight:bold; float:left;}	
.pagenumber			{padding-top:15px; padding-right:10px; font-size:14px; font-weight:bold; color:#bcb6b6; text-align:center;}
.pagenumber	a		{padding-top:15px; padding-right:10px; font-size:14px; font-weight:bold; color:#bcb6b6; text-align:center;}
.titleNL			{padding-top:50px; font-size:22px; font-weight:bold; color:#bcb6b6; text-align:center;}
.titleEN			{padding-top:10px; font-size:16px; font-weight:bold; color:#bcb6b6; text-align:center;}

.footer				{padding-top:3px; padding-bottom:10px; width:656px; font-size:11px; text-align:center; color:#82827f; float:right;}



/*----------- Contactformulier-------------*/
form, table {
	margin:15px 0 10px 70px;
	font-size:12px;
	color:#bcb6b6;
}

.reden {
	margin:2px 0 2px 3px;
	height:22px;
}

.input {
	padding: 3px;
	margin: 3px;
	width:200px;
	border: 1px solid #bac5d6;
	font: 12px Verdana, sans-serif;
	background: #fff;
}

.textarea {
	padding: 3px;
	margin: 3px;
	border: 1px solid #bac5d6;
	font-size: 12px;
	background: #fff;
}

/*----------- Gastenboek-------------*/

table.guest {
	margin:2px 0 2px 0;
	font-size:12px;
	color:#bcb6b6;
}

table.message {
	margin:0 0 0 5px;
	font-size:12px;
	color:#bcb6b6;
}

/* Main table cell colours and backgrounds */
td.row1	{ padding: 5px;  background-color: #484848; color: #ffffff; border-left: #3F3F3F;}
td.row2	{ padding-left: 5px; background-color: #3b3b3b; color: #ffffff;}
td.row3	{ background-color: #484848;}
td.row4	{ padding-bottom: 4px; padding-top: 4px; background-color: #313231; color: #ffffff;}

/* Header cells */
font,th,td,p { font-family: "Times New Roman", Times, serif; color: #ffffff;}

th	{
	color: #ffffff; font-size: 11px; font-weight : bold;
	background-color: #313231; height: 30px;
}

/* Form elements */
input, textarea, select {
	background-color: #ffffff;
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border: none;
}

.chapta {
	padding: 3px 0 4px 2px;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { 
	text-indent: 2px;
	padding: 2px;
	}