/********** Standaard elementen ***********/
html, body
{
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
}

p, td, span, li
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
}

i
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: italic;
}

h1, h2, h3, h4, h5, h6, h7
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}


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


/********** De verticale lijn rechts ***********/
#verticalelijn
{
	position: absolute;
	top: 0px;
	height: 200px;
	right: 20px;
	width: 5px;
	background: #A9A9B2 url(../images/titelbalk.gif) repeat-x scroll 0 134px;
}

/********** Alles bevattende container ***********/
#container
{
	width: 100%;
	top: 0;
	left: 0;
	background: #fff url(../images/titelbalk.gif) repeat-x scroll 0 134px;
}

/********** Content (vaste breedte) ***********/
#content
{
	position: relative;
	width: 650px;
}

/********** Kado ***********/
#kado
{
	position: absolute;
	top: 0;
	left: 0;
	width: 98px;
	height: 98px;
	padding: 18px 18px 0 18px;
	z-index: 2007;
	background-color: #fff;
}

#kado img
{
	border: solid 5px #c33;
}

/********** Header met "voorlichtingsbureau kerstpakketten" ***********/
#links
{
	position: absolute;
	top: 0px;
	left: 134px;
	width: 636px;
	height: 69px;
	background: #fff url(../images/voorlichtingsbureau.gif) no-repeat scroll 15px 33px;
	padding: 65px 0 0 15px;
}

#links ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#links li
{
	display: inline;
	margin-right: 10px;
}

#links a
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #A9A9B2;
	text-decoration: none;
}
#links li a:hover
	{
		color: #cc3333;
		text-transform: none;
	}

/********** Blokjes langs het menu ***********/
#blokjes
{
	position: absolute;
	top: 74px;
	left: 135px;
	width: 6px;
	height: 387px;
	background: transparent url(../images/blokjes.gif) no-repeat scroll 0 0;
	z-index: 2005;
}

/********** Het menu met alle onderdelen ***********/
#menu
{
	position: absolute;
	top: 0;
	left: 0;
	width: 134px;
	height: 400px;
	margin-top: 63px;
	padding-top: 71px;
	border-right: solid 1px #A9A9B2;
	background-color: #fff;
	z-index: 2006;
}

#menu ul
{
	list-style-type: none;
	margin-left: 0;
	padding: 0;
}

	/********** Menu: CMS ***********/
	#cms		{ margin-top: 0px;  }

	#menu #cms li
	{
		height: 19px;
		border-bottom: solid 1px #fff;
		padding-top: 2px;
		background-color: #A9A9B2;
		background-image: url(../images/pointer.gif);
		background-repeat: no-repeat;
		background-position: 125px 6px;
	}

	#menu #cms li a
	{
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		padding-left: 7px;
	}
	
	#menu #cms li a:hover
	{
		color: #c33;
	}

	/*********** Als er submenu items zijn, deze weer aanzettten ***************/
	/*
	#menu #cms li li { background-image: none; }
	
	#menu #cms li ul
	{
		display: none;
		position: absolute;
		left: 134px;
		top: auto;
		padding-left: 5px;
	}
	#menu #cms li>ul { margin-top: -20px; }*/ /*mozilla, safari, netscape correctie*/

	/*
	#menu #cms li:hover ul, #menu #cms li.over ul 
	{
		display: block;
	}


	#menu #cms li li
	{
		width: 134px;
	}
	*/
	
	
	/********** Menu: Taf ***********/	
	#taf		{ margin-top: 20px; }
	
	#menu #taf li
	{
		background-color: #A9A9B2;
		height: 19px;
		border-bottom: solid 1px #fff;
		padding-top: 2px;
	}
	
	#menu #taf li a
	{
		font-family: Verdana;
		font-size: 11px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		padding-left: 7px;
	}
	
	#menu #taf li a:hover
	{
		color: #cc3333;
		text-transform: none;
	}

	/********** Menu: Colofon ***********/
	#colofon	{ margin-top: 20px; }
	#menu #colofon li a
	{
		font-family: Verdana;
		font-size: 11px;
		color: #A9A9B2;
		text-decoration: none;
		padding-left: 7px;
	}
	#menu #colofon li a:hover
	{
		color: #cc3333;
		text-transform: none;
	}

/********** CMS titel ***********/
#titel
{
	position: relative;
	top: 116px;
	left: 135px;
	height: 56px;
	padding-top: 50px;
	padding-left: 175px;
	background: transparent url(../images/agenda-klein1.jpg) no-repeat scroll 0 0;
	font-variant: small-caps;
	font-size: 15px;
	font-family: verdana;
	font-weight: bold;
	color: #c33;
	z-index: 1999;
}

/********** CMS tekst ***********/
#tekst
{
	position:relative;
	left: 134px;
	top: 114px;
	width: 636px;
	padding: 15px 0 50px 15px;
	bac kground: #fff url(../images/hetmagweer-klein.gif) no-repeat scroll bottom right; 
}

#tekst span.btn
{
	float: right;
	margin-right: 186px;
}

div.row 
{
	width: 450px;
	clear: both;
  	padding-top: 0px;
}

div.row span.label 
{
	padding: 5px 0px 0px 0px;
 	float: left;
  	width: 200px;
  	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
}

div.row input, div.row textarea
{
	width: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	background-color: #FFFFFF;
	border-color: #CECECE;
	border-width: 1px;
	padding: 0px 0px 0px 3px;
}

textarea 
{
	width: 400px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	background-color: #FFFFFF;
	border-color: #CECECE;
	border-width: 1px;
	padding: 0px 0px 0px 3px;
}

input.btn {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC3333;
	background-color: #F2F2F2;
	border-color: #CECECE;
	border-width: 1px;
}

div.row span.formw 
{
  float: right;
  width: 235px;
  text-align: left;
}