/* start colour definitions */
/*
	background login:		d2d2d2
	green text:				666633
	red link:				990033
	light green link:		cccc99
	mainnav link:			e7e7d8
	background quickinks:	e3f3fc
	background block:		d5d5a9
	footer text:			000000
	footer link:			666666
	background footer:		d2d2d2
*/
/* end colour definitions */  

/* start general styles */

html {
	overflow-y:				scroll;
}

html, 
body {
	font-family:			Arial, Verdana, Geneva, Helvetica, sans-serif;
	width:					100%;
	height:					100%;
	background-color:		#fff;
	color:					#663;
	padding:				0;
	margin:					0;
	text-align:				center;
}

body {
	font-size:				62.5%;
	line-height:			1.1em;
}

img {
	border:					none;
}

ul {
	margin:					0 0 10px 0;
	padding:				0 0 0 15px;
	font-size:				1.2em;
	line-height:			1.2em;
}

ul ul {
	font-size:				1.0em;
	line-height:			1.1em;
}

ol {
	margin:					0 0 10px 0;
	padding:				0 0 0 15px;
	font-size:				1.2em;
}

li {
	margin:					0;
	padding:				0 0 3px 0;
}

a {
	color:					#903;
	outline:				none;
}

a:active,
a:hover {
	outline:				none!important;
	text-decoration:		underline;
}

p {
	font-size:				1.0em;
	margin:					0 0 10px 0;
	padding:				0 15px;
	line-height:			1.4em;
	text-align:				left;
}

li {
	text-align:				left;
}

h1 {
	color:					#666633;
	font-weight:			normal;
	font-size:				2.6em;
	line-height:			1.0em;
	margin:					0 0 10px 0;
	padding:				0;
	text-align:				left;
}

h2 {
	color:					#cc9;
	font-weight:			normal;
	font-size:				2.0em;
	line-height:			1.0em;
	margin:					0 0 10px 0;
	padding:				0  0 0 15px;
	text-align:				left;
}

h3, legend {
	color:					#666633;
	font-weight:			bold;
	font-size:				1.4em;
	line-height:			1.5em;
	margin:					0 0 8px 0;
	text-align:				left;
}

legend {
	padding: 0;
	margin-left: -6px;
}

h4 {
	font-size:				1.2em;
	line-height:			1.3em;
	margin:					0 0 8px 0;
	padding:				0;
	text-align:				left;
}

h5 {
	color:					#005380;
	font-size:				1.1em;
	line-height:			1.2em;
	margin:					0 0 8px 0;
	padding:				0;
	text-align:				left;
}

table.results {
	width: 520px;
}
table.results td {
	text-align: left;
}
table.results p {
	padding: 0
}
table.results h3 {
	margin-bottom: 0
}
table.results img {
	margin-bottom: 10px
}

.clear,
br {
	clear:					both!important;
}

p br {
	clear:					none!important;
}

fieldset {
	border:					none;
	margin:					0;
	padding:				0;
}

input,
select,
textarea {
	background-color:		#cc9;
	color:					#fff;
	font-size:				1.0em;
	width:					16.0em;
	padding:				2px;
	border:					1px solid #fff;
	float:					right;
	margin:					0 0 15px;
}

input,
select,
textarea {
	font-family:			Arial, Verdana, Geneva, Helvetica, sans-serif;
	width: 192px;
	font-size: 13px;
}

input.submit,
input.image,
input.send {
	cursor:					pointer;
	position:				relative;
	top:					4px;
}

label {
	font-size:				1.0em;
	float:					left;
	text-align:				left;
	padding:				2px 0 5px 0;
	margin:					0 5px 15px 0;
}

input.submit,
input.image,
input.send,
input.radio,
input.CMS_RADIOBUTTON,
input.CMS_RADIO,
input.checkbox,
input.CMS_CHECKBOX {
	border:					none;
	width:					auto!important;
	background-color:		transparent;
}

label.submit,
label.image,
label.radio,
label.CMS_RADIOBUTTON,
label.CMS_RADIO,
label.checkbox,
label.CMS_CHECKBOX {
	width:					auto!important;
}

select.CMS_CLASS_DATE,
input.CMS_CLASS_DATE,
input.CMS_CLASS_DAY,
input.CMS_CLASS_MONTH {
	width:					1.5em;
	margin-right:			5px;
}

input.CMS_CLASS_YEAR {
	width:					2.5em;
}

table {
	table-layout:			fixed;
	border-collapse:		collapse;
}

td {
	vertical-align:			top;
}

hr {
	height: 1px;
	border: 0;
	margin: 0 0 20px 0;
	background-color: #666633;
}

/* end general styles */

/* start main styles */

.left {
	float:					left!important;
}

img.left {
	margin:					0 20px 10px 0;
}

.right {
	float:					right!important;
}

img.right {
	margin:					0 0 10px 20px;
}

.line {
	font-size:				0px!important;
	line-height:			0px!important;
	height:					1px!important;
	background-color:		#005380;
	margin:					5px 0;
}

/* end main styles */

#container {
	width:					100%;
	min-width:				959px;
	min-height:				100%;
	float:					left;
	margin-bottom:			-50px;
}

#login {
	width:					100%;
	background-color:		#d2d2d2;
	height:					21px;
	font-size:				1.2em;
	line-height:			1.3em;
	color:					#000;
	padding:				3px 0 0 0;
	float:					left;
}

#login div {
	width:					959px;
	text-align:				right;
	margin:					0 auto;
}

#login a {
	margin:					0 10px 0 0;
}

#branding {
	width:					959px;
	margin:					0 auto;
	color:					#000;
	font-size:				2.8em;
	line-height:			2.8em;
	font-family:			Times New Roman, serif;
	text-align:				left;
	padding:				0;
}

#branding a {
	text-decoration:		none;
	float:					left;
}

#branding .company {
	color:					#000;
	font-size:				2.0em;
}

.company {
	display: block;
	float: left;
	margin-right: 10px;
}

/* start navigation */

#nav {
	width:					959px;
	height:					65px;
	overflow:				hidden;
	margin:					0 auto 12px auto;
	text-align:				left;
}

/* start quiclinks */

#quicklinks {
	float:					right;
	text-align:				right;
	width:					436px;
	height:					22px;
	background:				#cc9 url("../media/bg_quicklinks.gif") left top no-repeat;
	padding:				8px 0 0 0;
}

#quicklinks li {
	display:				inline;
	list-style:				none;
	padding:				3px 15px;
	color:					#fff;
	background:				transparent url("../media/bg_quicklinks_li.gif") left top no-repeat;
}

#quicklinks li a {
	text-decoration:		none;
	color:					#663;
}

#quicklinks li a.hi {
	font-weight:			bold;
}

/* end quicklinks */

/* start mainnav */

#mainnav {
	width:					523px;
	height:					22px;
	float:					left;
	background:				#663 url("../media/bg_mainnav.gif") left top no-repeat;
	padding:				8px 0 0 0;
}

#mainnav li {
	display:				inline;
	list-style:				none;
	padding:				3px 15px;
	color:					#fff;
	background:				transparent url("../media/bg_mainnav_li.gif") right top no-repeat;
}

#mainnav li a {
	text-decoration:		none;
	color:					#e7e7d8;
}

#mainnav li a.hi {
	font-weight:			bold;
}

#mainnav li.hasChild a {
	background:				transparent url("../media/bg_mainnav_open.gif") center bottom no-repeat;
	padding:				0 0 13px 0;
	position:				relative;
	z-index:				2;
}

#mainnav li ul {
	display:				block;
	width:					959px;
	background:				transparent url("../media/bg_subnav.gif") left top no-repeat;
	position:				absolute;
	margin:					12px 0 0 0;
	padding:				7px 0 0 0;
	line-height:			1.2em;
	height:					23px;
}

#mainnav li.hasChild ul li {
	background-image:		none;
}

#mainnav li.hasChild ul li a {
	color:					#903;
	background-image:		none;
	font-weight:			bold;
	padding:				0;
}

#mainnav li.hasChild ul li a.hi {
	color:					#663;
}

/* end mainnav */

/* end navigation */

/* start content */

#content {
	width:					959px;
	margin:					0 auto 20px auto;
	text-align:				left;
	font-size:				1.2em;
	line-height:			1.3em;
}

/* start breadcrumb */

#breadcrumb {
	width:					944px;
	float:					left;
	margin:					0 0 15px 0;
	float:					left;
	padding:				0 0 0 15px;
}
#breadcrumb span{
	float:					left;
	padding-right:			5px;
}

#breadcrumb ul {
	margin:					2px 0 0 0;
	padding:				0;
	font-size:				1.0em;
	line-height:			1.0em;
	float:					left;
	display:				block;
}

#breadcrumb ul li {
	display:				inline;
	list-style:				none;
	float:					left;
	display:				block;
	margin-right:			5px;
}

#breadcrumb ul li a {
	color:					#cc9;
}

#breadcrumb ul li.hi {
	color:					#663;
}

#breadcrumb ul li a.hi {
	cursor:					none;
	text-decoration: 		none;
	color:					#663;
}

/* end breadcrumb */

.column1,
.intro {
	width:					820px;
	float:					left;
}
.intro {
	width: 790px;
	padding: 10px 15px 0 15px;
}
.column1 {
	margin:					0 18px 65px 0;
}

.subcol1 .intro {
	width: 490px;
}

.intro,
.highlight {
	border-top:				1px solid #663;
	background:				#d5d5a9 url("../media/bg_box.gif") left top repeat-x;
	padding: 10px 15px 0 15px;
	margin:					0 0 20px 0;
	text-align: left;
}

.intro p {
	font-size:				1.2em;
	line-height:			1.4em;
	padding: 0 0 10px 0;
}

.intro h2 {
	color:					#903;
	font-size:				1.8em;
	line-height:			1.4em;
	margin:					0;
	padding: 0 0 10px 0;
}
.intro h2.MooFlow {
	padding: 0;
}
.intro h2 a {
	color:					#903;
	text-decoration:		none;
}
.highlight h3 {
	margin: 0;
	color: white;
}
.subcol2 .highlight {
	width: 190px;
	margin: 0 40px 10px 40px;
}
.subcol2 .highlight.wide {
	width: 270px;
	margin: 0 0 10px 0;
}

p.date {
	font-size: 10px;
	color: #888;
	margin: 0 0 5px 0;
	padding: 0;
}

a.s {
	font-size: 10px;
}

.intro img.left,
.intro img.right,
.highlight img.left,
.highlight img.right {
	margin:					-10px -15px 0 10px;
}

a.more {
	float:					right;
	cursor:					pointer;
	margin:					0 15px 10px 0;
}
a.more,
a.more:active,
a.more:hover {
	text-decoration:		underline;
}

.subcol1 {
	float:					left;
	width:					520px;
	text-align:				center;
}

.highlight {
	width:					475px;
	border-top:				1px solid #663;
	background:				#787842 url("../media/bg_highlight.gif") left top repeat-x;
	margin:					10px 0 20px 0;
	float:					left;
	color: white;
}

.highlight h2 {
	margin:					5px 0;
}

.highlight h3 a,
.highlight h2 a, 
.highlight a {
	color:					#cccc99;
	text-decoration:		none;
}

.highlight p {
	line-height:			1.3em;
	color: white;
	padding: 0;
}

.highlight a.more {
	padding:				0 0 10px 0;
	margin:					0;
	text-decoration:		none;
}


.subcol2 {
	float:					left;
	width:					300px;
	text-align:				center;
}


.search,
.inloggen {
	width:					300px;
	border-top:				1px solid #663;
	background:				#d5d5a9 url("../media/bg_box.gif") left top repeat-x;
	padding:				0;
	margin:					0 0 20px 0;
	float:					left;
}

.search h3 {
	color:					#903;
	font-size:				2.2em;
	font-weight:			normal;
	padding:				0 0 0 15px;
	margin:					0;
}

.search form,
.inloggen form {
	width:					300px;
	float:					left;
}

.search p,
.search fieldset,
.inloggen p,
.inloggen fieldset {
	padding:				0 15px;
	float:					left;
	width:					270px;
}

.inloggen {
	width:					520px;
	padding-top:			17px;
}
.inloggen form {
	width:					520px;
}
.inloggen p {
	width:					490px;
}
.inloggen fieldset {
	width:					320px;
}
.inloggen input.image {
	top: 0;
	margin: 33px 15px 0 0;
	padding: 0;
}
.inloggen input.image.send {
	margin-top: 0px;
}

.column2 {
	width:					120px;
	float:					left;
	margin:					0 0 65px 0;
}

.column2 img {
	float:					left;
	margin:					0 0 15px 0;
}

div.nextphoto {
	margin-top: -30px;
}

div.gallery {
	float: left;
}

.nomarginbottom {
	margin-bottom: 0;
}

img.button {
	float: right;
}
img.button.left {
	float: left;
}
img.button.center {
	float: none;
}

textarea#condoleance {
	width: 367px;
	height: 90px;
}

form#condoleren input,
form#condoleren textarea {
	float: left;
}
form#condoleren label {
	width: 100px;
}
form#condoleren input.image {
	float: right;
}

div.media {
	margin-left: 0;
	text-align: left;
	margin-bottom: 20px;
}
.pagebrowser {
	margin: 0 0 20px 0;
}
.pagebrowser a {
	display: block;
	float: left;
	padding: 3px 6px;
	border: 1px solid #cccc99;
	margin-right: 5px;
}
.pagebrowser a.hi {
	font-weight: bold;
	background-color: #666633;
	border-color: #666633;
	color: white;
}
.pagebrowser a.mute {
	border-color: #ccc;
	color: #ccc;
}

h3 .adv {
	font-size: 12px;
	font-weight: normal;
}

h3 a {
	color: #666633;
	text-decoration: none;
}

h3 a:hover {
	color:					#990033;
	text-decoration:		underline;
}

img.firstimage {
	border-top:				1px solid #666633;
}

img.column2_s {
	background-color:		white;
	padding:				3px;
	border:					1px solid #eee;
	float:					left;
}
.imgc2_r {
	background:				transparent url(../media/img_shadow_r.png) right top no-repeat;
	width:					7px;
	float: 					left;
}
.imgc2_b {
	background:				transparent url(../media/img_shadow_b.png) left top no-repeat;
	height:					8px;
	float:					left;
}
.imgc2_br {
	background:				transparent url(../media/img_shadow_br.png) right top no-repeat;
	width:					7px;
	height:					8px;
	float:					left;
}

#MooFlow img,
img.adv {
	border:					1px solid #d5d5a9;
}

.intro form textarea.CMS_EDITOR {
	width:					484px;
	height:					200px;
}

input.file {
	float: none;
	width: 10px;
}

div.foto_s, div.addmedia {
	float: left;
	font-size: 10px;
	background-color: #cccc99;
	padding: 0 4px 0 4px;
	width: 81px;
	height: 111px;
	margin: 0 1px 1px 0;
	background-repeat: no-repeat;
	text-align: center;
}
div.foto_s a, div.addmedia a {
	color: black;
	text-decoration:		underline;
}

div.addmedia {
	font-size: 14px;
	background-color: white;
	padding-top: 34px;
	height: 77px;
}

div.moodalbox input,
div.moodalbox textarea {
	float: none;
}


div#advertenties_header {
    margin: 0 auto 12px;
    text-align: center;
    width: 959px;
}


/* nog niet in gebruik: schaduwtjes
--------------------------------------------------
als volgt te implementeren:
<div class="shadow"><div><img src="foto.jpg" id="mainImage" /></div></div>
*/
.shadow {
	float:left; 
	margin:5px 10px 0 0 ; 
	background:transparent url(../media/shadow1.gif) no-repeat scroll right bottom;
}
.shadow div {
	float:left;
	padding:0 6px 6px 0;
	background:transparent url(../media/shadow2.png) no-repeat scroll left top;
}
.shadow img {
	margin:0;
	display:block;
	background-color:transparent;
	border:1px solid #ddd; 
	padding:4px;
}

/* end content */

/* start footer */

#footer {
	height:					50px;
	width:					100%;
	background-color:		#d2d2d2;
	text-align:				center;
	float:					left;
	padding:				0;
	margin:					0;
}

#footer ul {
	width:					959px;
	margin:					18px auto 0 auto;
	text-align:				left;
	display:				block;
	padding:				0;
}

#footer ul li {
	list-style:				none;
	display:				block;
	float:					left;
	margin:					0 30px 0 0;
	padding:				0;
	color:					#000;
	font-family:			Trebuchet MS, Trebuchet;
}

#footer ul li.last {
	margin:					0;
}

#footer ul li a {
	color:					#666;
}

/* end footer */