
body
{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	
	font-family: Arial;
	font-size: 10pt;	
	background: #fff url(../img/carnavalherpen/left-wave.gif) repeat-y left 28px;
}

	div#advertenties
	{
		margin: 0;
		height: 98px;
		width: 100%;
		background-color: #fff;
	}
	
	div#container
	{
		float: left;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
	}

		div#fototop
		{
			width: 100%;
			height: 125px;
			background: transparent url(../img/carnavalherpen/fototop.jpg) repeat-x top left;
			position: absolute;
			top: 0;
			left: 0;
		}
		
			div#titeltop
			{
				background: transparent url(../img/carnavalherpen/logotop.jpg) no-repeat;
				width: 500px;
				height: 78px;
				margin: 20px 0 0 12px;
			}
		
		div#menuback
		{
			width: 100%;
			height: 69px;
			background: transparent url(../img/carnavalherpen/top-wave.gif) repeat-x top left;
			
			position: absolute;
			top: 110px;
			left: 0;
			padding: 0;
			margin: 0;
		}
		
			div#menuhoek
			{
				float: left;
				_width: 100%;
				min-width: 750px;
				height: 69px;
				padding: 0;
				margin: 0;
				position: absolute;
				cursor: default;
				
				background: transparent url(../img/carnavalherpen/topleft.gif) no-repeat left 2px;
			}
			
				div#menuhoek ul
				{
					position: relative;
					padding: 4px;
					list-style: none;
					margin: 25px 0 0 10px;
					padding: 0;
				}
			
				div#menuhoek li
				{
					float: left;
					height: 30px;
					margin-right: 16px;
					padding-top: 1px;
				}
				
				div#menuhoek ul li, div#menuhoek ul li a
				{
					position: relative;
					font-weight: bold;
					color: #9C0707;
					text-decoration: none;
					font-family: Trebuchet MS, Arial;
					font-size: 11pt;
				}
				
					div#menuhoek li ul
					{
						min-height: 30px;
						height: auto;
						width: 150px;
						position: absolute;
						left: -4px;
						top: 30px;
						background-color: #FFDB4E;
						border-top: 1px solid #9B0A0A;
						border-bottom: 8px solid #9B0A0A;
						padding: 0;
						margin: 0;
						
						display: none;
					}
					
					div#menuhoek li:hover ul, div#menuhoek li.iehover ul
					{
						display: block;
					}
					
					div#menuhoek li ul li
					{
						float: left;
						_height: 20px;
						min-height: 20px;
						height: auto;
						width: 150px;
						margin: 0;
					}
				
					div#menuhoek li ul li a
					{
						font-size: 9pt;
						padding: 3px;
						display: block;
						margin: 0;
					}
					
						div#menuhoek li ul li a:hover
						{
							background-color: #fff;
						}
		
		div#content
		{
			padding-bottom: 40px;
		}
		
			div#linkerbalk
			{
				width: 180px;
				padding: 8px;
				padding-right: 22px;
				padding-top: 190px;				
				
				position: absolute;
				top: 0;
				left: 0;
				color: #fff;
			}
			
				div#linkerbalk h1, div#linkerbalk h2
				{
					background-color: #FFDB4E;
					color: #BB0F0F;
					font-size: 10pt;
					padding: 3px;
					margin-top: 0;
					clear: both;
					margin-bottom: 4px;
				}
				
					div#linkerbalk h1 a, div#linkerbalk h2 a
					{
						color: #BB0F0F;
					}
				
				div#linkerbalk a
				{
					color: #fff;
				}
			
			div#rechterbalk
			{
				padding-left: 250px;
				padding-top: 200px;
				margin-right: 20px;
				
				color: #9C0707;
			}
			
				div#rechterbalk h1
				{
					background: #FFDB4E url(../img/carnavalherpen/header-left.gif) no-repeat top left;
					height: 23px;
					padding: 4px 0 0 30px;
					font-size: 12pt;
				}
				
				div#rechterbalk h2
				{
					background-color: #FFDB4E;
					margin-left: 10px;
					font-size: 12pt;
					padding: 4px;
				}
		
a
{
	color: #6C01A4;
}


div.advertentie
{
	width: 30%;
	height: 95px;
	float: left;
	border-right: solid 1px #B7D1CF;
	padding: 2px 4px 1px 2px;
	margin-right: 10px;
}

	div.advertentie img
	{
		float: left;
		margin: 0 3px 3px 0;
		border: none;
	}
	
	div.advertentie a
	{
	    color: #000;
	}

#linkerbalk .formpanel
{
	margin-top: 20px;
	background-color: #E12828;
	padding: 2px;
}
#rechterbalk .formpanel
{
	background-color: #FAF5DD;
	padding: 6px;
}

#linkerbalk .error
{
	color: #f00;
	background-color: #fff;
	padding: 4px;
	display: block;
}
#rechterbalk .error
{
	color: #f00;
	font-weight: bold;
}
#rechterbalk .message
{
	color: #00f;
	font-weight: bold;
}


.fotocontainer
{
	width: 100%;
	min-height: 200px;
}

.foto, .fotoalbum
{
	width: 227px;
	padding: 4px;
	float: left;
	border: 1px solid #A4180D;
	line-height: 14pt;
	margin: 4px;
	height: 200px;
}

	.foto div, .fotoalbum div
	{
		text-align: center;
	}

	.foto a img, .fotoalbum a img
	{
		border: 2px solid #000;
		text-decoration: none;
		margin: 0 auto;
	}
	
	.foto.big
	{
	    _width: 650px;
	    min-width: 650px;
	    min-height: 500px;
	}
	
		.foto.big img, .foto.big table
		{
			width: 640px;
		}

.nieuwsitem
{
	width: 100%;
	float: left;
	border-bottom: solid 1px #000;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#linkerbalk .listitem
{
	margin: 2px 0 8px 0;
	padding: 0;
	border-bottom: solid 2px #EE4545;
}

#rechterbalk .listitem
{
	background-color: #fff;
}

img.floatleft
{
	float: left;
	margin: 0 12px 6px 0;
}

table.form
{
	width: 100%;
}

table.form th, table.form td
{
	padding: 6px;
}

table.form th
{
	padding-right: 10px;
	vertical-align: top;
}

.gbook
{
	width: 175px;
	height: 200px;
	overflow: auto;
	border-bottom: 4px solid #FFDB4E;
	margin-bottom: 6px;
}

	.gbook div
	{
		margin-bottom: 4px;
	}
	
	.gbook a img
	{
		border: none;
	}
	
	
.smallform
{
	display: none;
}

	.smallform input
	{
		font-size: 9pt;
	}
	
/* aangepaste weergave voor de profiellijst */
ul.profiellijst
{
	width: 300px !important;
	left: -150px !important;
}
