﻿@charset "UTF-8";
/* CSS Document */

body, html {
	height: 100%;
	background-attachment: scroll;
	background-image: url(../images/pattern-backgr.gif);
	background-repeat: repeat;
	background-position: left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #1d1c1c;
	text-align: left;
}

body {
	margin:0;
	padding:0;
	padding-bottom: 200px;
}


	#audio {
	position: absolute;
	top: 88px;
	left:97px;
		height: 40px;
		width: 45px;
		z-index:100;
	}
	#neckermann {
	position: absolute;
	top: 610px;
	left:107px;
		height: 25px;
		width: 300px;
		z-index:100;
	}


	#landing {
		position: absolute;
		width: 800px;
		height: 100%;
		/*background-color:#003366;*/
		z-index: 200;
		margin: 142px 0 0 97px;
	}

	#tussenstand {
	position: absolute;
	top: 153px;
	left:750px;
		height: 65px;
		width: 200px;
		z-index:100;
	}
		#rating1 {
		clear:both;
		height: 16px;
		width: 154px;
		}

	#verlanglijstje {
	position: absolute;
	top: 330px;
	left:612px;
		height: 470px;
		width: 385px;
		z-index:100;
			}

	#lijst {
	position: absolute;
	top: 220px;
	left:690px;
		height: 430px;
		width: 305px;
		z-index:100;
		background: url(../images/backgr-lijst.gif) top left no-repeat;
	}
	#lijstcontent {
	position: absolute;
	top: 2px;
	left:38px;
		height: 423px;
		width: 260px;
		z-index:100;
	}
#container {
	background-attachment: scroll;
	background-image: url(../images/backgr-body.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}

	#navigation {
	position: absolute;
	top: 139px;
	left: 10px;
	width: 75px;
	height: 459px;
	z-index: 700;
	}

	#container2 {
		position: relative;
		top: 139px;
		left: 85px;
		width: 892px;
		background:url(../images/shadow-right.jpg) top right repeat-y;
		overflow: visible;
	}


		#kader {
			float: left;
			margin: 0;
			width: 876px;
			background: #FFFFFF none;
		}

		#rechterhoek {
			float: left;
			width: 16px;
			height: 475px;
			background: url(../images/rechterhoek.jpg) no-repeat;
		}


		#cleardiv {
			clear: both;
			height: 0px;
		}

			#content {
				margin: 1px 10px 10px 10px;
				width: 853px;
				_width: 852px;
				border: 2px #88871a solid;
				background: url(../images/backgr-content.jpg) top left repeat-y;
				min-height:535px;
				height:auto !important;
				height:535px;
			}

			#contentsmall {
				margin: 1px 10px 10px 10px;
				width: 853px;
				_width: 852px;
				border: 2px #88871a solid;
				background: url(../images/smallcontent_bg.jpg) top left repeat-y;
				min-height:535px;
				height:auto !important;
				height:535px;
			}

			#content2 {
				margin: 1px 10px 10px 10px;
				width: 853px;
				_width: 852px;
				border: 2px #88871a solid;
				background: url(../images/backgr-content.jpg) top left repeat-y;
				height:459px;
				_height: 463px;

			}
			#content3 {
				margin: 1px 10px 10px 10px;
				width: 853px;
				_width: 852px;
				border: 2px #88871a solid;
				background: url(../images/backgr-content.jpg) top left repeat-y;
			}


			#title {
			height: 55px;
			background: url(../images/title.jpg) no-repeat;
			margin: 0 0 0px 0;
			}
			#title2 {
			height: 55px;
			background: url(../images/title2.jpg) no-repeat;
			margin: 0 0 0px 0;
			}
			#titlesmall {
			height: 55px;
			background: url(../images/title_smallcontent.jpg) no-repeat;
			margin: 0 0 0px 0;
			}

			#krul {
				float: left;
			}

			#content h1 img {
				margin: 0 0 0 10px;
				float: left;
			}

			#flashfotos {
				position: relative;
				top: -55px;
				width: 852px;
				height: 345px;
				_height: 400px;
				padding-top: 55px;
				visibility:visible;
			}

			#column1 {
				width: 505px;
				margin: 0 0 0 10px;
				padding: 0;
			}



			#intro {
				margin-bottom:20px;
				margin-top: 20px;
			}

				.report {
					float: left;
				}

				#txt {
					float:left;
					margin: 0 20px 0 10px;
					width: 345px;
				}


				#stem {
					float: left;
					width: 87px;
					height: 87px;
				}

			#sendafriend {
				height: 40px;
				margin-bottom: 10px;
				/*background-color:#00FFFF;*/
			}

				.link {
					float: right;
					width: 125px;
					margin: 10px;
					text-align:right;
				}

				.send {
					float: right;
					width: 29px;
					height: 34px;
				}

			#reacties {
				width: 440px;
				_width: 470px;
				margin-left: 38px;
				padding: 15px;
				margin-bottom: 20px;
				background-color: #e4dad7;
			}
			#votebox, #sendbox, #commentbox, #abusebox {
				width: 440px;
				_width: 470px;
				margin-left: 38px;
				padding: 15px;
				margin-bottom: 20px;
				background-color: #e4dad7;
			}

			#geefreactie {
				width: 440px;
				height: 187px;
				_height: 217px;
				_width: 470px;
				margin-left: 38px;
				margin-bottom: 10px;
				padding: 15px;
				background: url(../images/reactieballon.gif) top left no-repeat;


			}

				.reactie {
				margin-bottom: 15px;

				}

			#button-reactie {
				float: right;
				height:29px;
			}

			#shoptop {
				background:url(../images/backgr-shoptop.gif) top left no-repeat;
				width: 589px;
				position: relative;
				top: -18px;
				margin: 0 0 0 15px;
				padding-top: 45px;

			}

				#navshop {
				width: 589px;
				height: 100px;
				background:url(../images/backgr-navshop.gif) bottom left no-repeat;
				}

			#shop {
				margin: 0 0 0 15px;
				width: 576px;
				background-color: #edeae9;
			}
			#addfamily1 {
				margin: 0 0 0 60px;
				border: solid 2px #f8f9f9;
				width: 600px;
				_width: 604px;
				background-color: #edeae9;
				padding-left: 10px;
				padding-right: 10px;

			}
			#participate {
				margin: 0 0 0 60px;
				width: 771px;
				_width: 775px;
			}
			#partcontent {
				padding-left: 10px;
				padding-right: 10px;
			}

			#buttons {
				width: 117px;
				height: 30px;
				position: relative;
				left: 712px;
				top: -25px;
			}
			#buttonsdb2 {
				width: 117px;
				height: 60px;
				position: relative;
				left: 712px;
				top: -55px;
			}



#frullen_onder {
	clear: both;
	position: relative;
	top: 12px;
	_top: 0px;
	width: 334px;
	height: 246px;

}

#frullen_onder2 {
	position: absolute;
	top: 486px;
	left: 0;
	width: 334px;
	height: 246px;
	z-index: 600;

}


/*TEXT STYLING
----------------------------------------------------------------------------------------------*/

#content p {

}

.stand1 {
	height: 19px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 17px;

}

.stand2 {
	line-height: 21px;
	height: 19px;
	font-size: 20px;
	font-weight:bold;
	float:left;
	color: #4b0410;
	margin-bottom: 10px;
	margin-top: 10px;
}

.stand3 {
	height: 19px;
	font-size: 12px;
	font-weight: bold;
	float:left;
	color: #4b0410;
	margin-top: 18px;
	margin-bottom: 10px;
}

#stemmen1 p {
	font-size: 12px;
	color: #735a20;
	font-weight:bold;
	padding: 0;
	margin: 5px 0 0 0;
}

#content h1, #contentsmall h1 {
	font-size: 18px;
	line-height: 25px;
	font-style: normal;
	font-weight: normal;
	color: #4b0410;
	float: left;
	display: inline;
	margin: 21px 10px 0 78px;
}

#content h2 {
	margin: 0 0 0 78px;
	font-size: 13px;
	font-weight:normal;
	color: #630603;
}

	#txt h2 {
	margin: 7px 0 0 0;
	}


	#txt p {

	}

	#sendafriend a {

		font-size: 11px;
		font-weight: bold;
		text-align: right;
		color:#93131e;
	}


	#reacties h2 {
	text-align: left;
		font-size: 13px;
		color:#93131e;
		padding: 0;
		margin: 0 0 20px 0;
	}
	.reactie h3 {
	font-size: 10px;
	margin: 0;
	padding: 0;
	}

	.reactie p {
		width: 398px;
		float:left;
		margin: 0 15px 0 0;
		/*background-color:#333399;*/
	}

.participatetitle {
	font-size: 12px;
	font-weight:bold;
	color: #4f0b15;
}
.participatetitlewhite {
	font-size: 15px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
}
.participatetitlered {
	font-size: 15px;
	font-weight:bold;
	color: #4f0b15;
	text-decoration: none;
}
.participatewhite {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.participatesubtitle:link, a.participatesubtitle:visited {
	font-size: 14px;
	color: #630603;
	text-decoration: none;
}

#shoptop p {
	width: 430px;
	margin: 0 0 0 15px;
	padding: 0 0 20px 0;
}
.addfamilytitle{
	font-size: 13px;
	font-weight:normal;
	color: #630603;
}
.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.addimagetitle{
	font-size: 11px;
	font-weight:bold;
	color: #96141f;
}
a.categories:link, a.categories:visited {
	color: #000000;
	text-decoration: none;

}
a.buttons:link, a.buttons:visited {
	font-size: 13px;
	color: #000000;
	text-decoration: none;

}
a.neck:link, a.neck:visited {
	color: #4b0410;
}
.familiestitle {
	color:#670101;
	font-weight:bold;
}
.familiesdetails {
	color:#270101;	
}