* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

html { overflow: -moz-scrollbars-vertical !important; }	

body {
	min-height:560px;/* for good browsers*/
	min-width:955px;/* for good browsers*/
	padding: 0px;
	margin: 0px;
	font-family: tahoma, arial, verdana, helvetica, sans-serif; color: #000000;
	font-size:12px;
	background:url(images/background.gif);
}

#center-outer{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#center-container {
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height:560px;
}	
#center-inner {
	background:url(images/layout.png) no-repeat;
	width:955px;
	height:560px;
	margin-left:auto;
	margin-right:auto;
}


p { padding:0px; margin:0px 0px 14px 0px;}

a:link		{text-decoration: none; color:#50b948; font-weight:bold; }
a:visited	{text-decoration: none; color:#50b948; font-weight:bold; }
a:active	{text-decoration: none; color:#50b948; font-weight:bold; }
a:hover		{text-decoration: none; color:#000000; font-weight:bold; }

div.clear {
	height:1px;
	overflow:hidden;
	clear:both;
}


/* MENU */

#mainmenu { height: 86px; position: absolute; top: 0; left: 0px; 
list-style-image:none;
list-style-position:outside;
list-style-type:none;
z-index:1;
}
#mainmenu li { float: left; display: block; }
#mainmenu li a { height: 86px; position: absolute; display: block;
background-color: transparant;
background-image: url(images/menu.png);
background-repeat:  no-repeat; }
#mainmenu li a span { text-indent:-9999px; display: none; }

#menu_home { width: 33px; background-position: 0px 0px; left: 0px;}
#menu_persoon { width: 90px; background-position: -33px 0px; left: 32px;}
#menu_bedrijf { width: 75px; background-position: -131px 0px; left: 131px;}
#menu_visie { width: 51px; background-position: -218px 0px; left: 218px;}
#menu_contact { width: 52px; background-position: -281px 0px; left: 281px;}

#menu_home:hover { background-position: -0px -86px; }
#menu_persoon:hover { background-position: -33px -86px; }
#menu_bedrijf:hover { background-position: -131px -86px; }
#menu_visie:hover { background-position: -218px -86px; }
#menu_contact:hover { background-position: -281px -86px; }

#menu_persoon2 { width: 90px; background-position: -33px -172px; left: 32px;}
#menu_bedrijf2 { width: 75px; background-position: -131px -172px; left: 131px;}
#menu_visie2 { width: 51px; background-position: -218px -172px; left: 218px;}
#menu_contact2 { width: 52px; background-position: -281px -172px; left: 281px;}

#menu_persoon2:hover { background-position: -33px -86px; }
#menu_bedrijf2:hover { background-position: -131px -86px; }
#menu_visie2:hover { background-position: -218px -86px; }
#menu_contact2:hover { background-position: -281px -86px; }


/* HEADER */

div.page div.header {
	height:173px;
	overflow:visible;
	z-index:100;
}

div.page div.header .hr {
	position:absolute; top:85px; left:0px;
	height:1px;
	width:584px;
	border-bottom: 1px dotted #50b948;
}

div.page div.header div.background {
	position:absolute; top:87px; left:0px;
	width:688px;
}


/* CONTENT */

div.page div.content {
	z-index:10;
}

div.page div.header div.left,
div.page div.content div.left {
	position:relative;
	float:left;
	width:246px;
}

div.page div.content div.left div.padding {
	padding: 0px 20px 0px 30px;
}

div.page div.header div.right,
div.page div.content div.right {
	position:relative;
	float:left;
	width:709px;
}

div.page div.content div.right div.padding,
div.page div.content div.middle div.padding {
	padding: 0px 20px 0px 40px;
}

div.content_box {
	padding: 0px 0px 0px 25px;
	width:560px;
	height:350px;
	overflow: hidden;
/*	overflow: auto; */
	border-bottom: 1px dotted #50b948;
}
div.content_box div.quote {
	font-family: arial, verdana, helvetica, sans-serif; color: #000000;
	font-size: 20px;
	font-style: italic;
	color:#999999;
}

div.content_box div.txt-green { display: inline; color: #50b948; }

div.content_box div.form { width: 380px; line-height: 10px; }
div.content_box div.form-left { float:left; width: 100px; font-weight: bold; }
div.content_box div.form-right { float:right; width: 280px; text-align: center; }

/* FORM ELEMENTS */

form {padding:0px; margin:0px;}

input, select, textarea, option {
	font-family: tahoma, arial, verdana, helvetica, sans-serif; color: #000000;
	font-size: 12px;
	color: #000000;
	border-color : #7D7D71;
	border: 1px #7D7D71 solid;
	text-indent: 2px;
}
input.submit { background: #FFFFFF; }
input.submit:hover { background: #eeeeee; }

input:hover, textarea:hover { border-color: #50b948; }
input:focus, textarea:focus { border-color: #50b948; }


/* FOOTER */

div.page div.footer {
	height:30px;
}
div.page div.footer div.copyright {
	color:#50b948;
	font-size: 10px;
	text-align: left;
	margin-left: 245px;
	line-height: 30px; /* vertical-align: middle */
}
div.page div.footer div.copyright a { color:#50b948; }
div.page div.footer div.copyright a:hover { color:#000000; }
