/* BODY & CONTAINERS */
body {
	background: url(images/bg.gif) repeat-x;
	margin:0;
	padding:0;
	font:11px "Trebuchet MS", Arial, sans-serif;	
	color:#1a336d;
	line-height:25px;
}
#bg-left-right {
	background:url(images/bg-left-right.gif) no-repeat;
	width:838px;
	height:487px;
	position:relative;
	left:-28px;
	top:259px;
}	

#bg-left {
	background:url(images/bg-left.gif) no-repeat;
	width:28px;
	height:px;
	position:relative;
	left:-28px;
	top:259px;
}	
#bg-right {
	background:url(images/bg-right.gif) no-repeat;
	width:28px;
	height:487px;
	position:relative;
	left:782px;
	top:259px;
}	
#container-outer {
	width:838px; 
	background:url(images/bg-left-right.gif) 0 259px no-repeat; 
	margin:0 auto;
}
#container {
	width:782px;
	margin:0 auto 0 auto;
	position:relative;
}
#header {
	width:782px;
	height:66px;
}
#logo {
	width:275px;
	height:30px;
	background: url(images/logo.gif) no-repeat;
	position:relative;
	top:20px;
}
#logo a {
	width:275px;
	height:30px;
	display:block;
}
#col-left {
	float:left;
	width:234px;
}
#col-right {
	width:548px;
	background:#FFF url(images/bg-col-right.jpg) top no-repeat;
	float:right
}
#content-left {
	background: url(images/bg-col-left.gif) top no-repeat;
}
#content-right {
	margin-top:160px;
}
#content-right .cell {
	padding:15px 18px 0 15px;
	margin:0;
}
#content-right .cell-diensten {
	padding:15px 15px 0 15px;
	margin:0;
	background: url(images/icon-diensten.gif) 400px 25px no-repeat;
}
#content-left .visie {
	padding:10px 15px 0 15px;
}
#content-left .cell {
	padding:10px 15px 0 15px;
}
#content-left .cell ul {
	padding:10px 15px 10px 15px;
	margin:0;
}
#content-left .contact {
	padding:0 15px 0 15px;
	background-repeat: no-repeat;
	background-position: 150px 60px;
}
.sep-col-left {
	background: url(images/sep-col-left.gif) 12px 0 no-repeat;
	width:234px;
	height:20px;
	padding:0;
}	
.sep-col-right {
	background: url(images/sep-col-right.gif) 12px 0 no-repeat;
	width:548px;
	height:14px;
	padding:0;
}
.tbl-partners {
	width:515px;
	margin:10px 0;
	/*background: url(images/footer-bg.gif) 0 -10px no-repeat;*/
}
.tbl-partners td {
	padding:4px 4px 4px 25px;
}
#top500 {
	display:none;
	border:1px solid #b5b5b5; 
	background:#f8f8f8;
	padding:15px;
	margin-top:10px;
	text-align:justify;
}
#top500 img {
	padding:35px 0 0 15px;
}
/* FOOTER */
#footer {
	padding-top:40px;
	padding-bottom:10px;
	background: url(images/footer-bg.gif) top center no-repeat;
	width:782px;
	height:55px;
	clear:both;
	text-align:center;
}
/* HEADERS & COMMON TAGS */
h1 {
	color:#9588d5;
	font-size:17px;
	font-style:italic;
	font-weight:normal;
	padding:0 0 0 20px;
	margin:5px 0 5px 0;
	background:url(images/hdr-bullet.gif) left no-repeat;
}
p {
	padding:5px 0 5px 0;
	margin:0;
}
input {
	width:auto;
	height:16px;
	border:1px solid #b5b5b5;
	background:#f8f8f8;/* url(images/bg-tbl.gif) 0 -5px repeat-x;*/
	font:11px "Trebuchet MS", Arial, sans-serif;
	padding:2px;
}
textarea {
	width:auto;
	height:auto;
	border:1px solid #b5b5b5;
	background:#f8f8f8;/* url(images/bg-tbl.gif) 0 -5px repeat-x;*/
	font:11px "Trebuchet MS", Arial, sans-serif;
	padding:2px;

}
.input-active {
	background:#ececec;
}
.contact-btn {
	cursor:pointer;
	background: url(images/btn-verstuur.gif);
	width:75px;
	height:22px;
	border:none;
}
.contact-hidden {
	visibility:hidden;
}
.contact-shown {
	visibility:visible;
}
/* LINKS */
a:link {
	outline:none;
	color:#1a336d;
	text-decoration:underline;
	font-weight:bold;
}
a:visited {
	outline:none;
	color:#1a336d;
	text-decoration:underline;
	font-weight:bold;
}
a:hover {
	outline:none;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	background:#1a336d;
}
#logo a,#logo a:visited,#logo a:hover,.hp:link,.hp:visited,.hp:hover {
	outline:none;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	background:none;
}
/* MENU */
#menu {
	padding:0;
	margin:0;
	height:168px;
}
#menu ul {
	padding:0;
	margin:0;
	list-style:none;
}
#menu a:link, #menu a:visited, #menu a:hover {
	font-size:1px; 
	text-indent: -2000em;
	outline:none;
}
.btn-home a {
	width:234px;
	height:28px;
	display:block;
	background:url(images/btn-home.gif) 0 0 no-repeat;
}
.btn-home a:hover {
	width:234px;
	height:28px;
	display:block;
	background:url(images/btn-home.gif) -234px 0 no-repeat;
}
.btn-overhermac a {
	width:234px;
	height:28px;
	display:block;
	background:url(images/btn-overhermac.gif) 0 0 no-repeat;
}
.btn-overhermac a:hover {
	width:234px;
	height:28px;
	display:block;
	background:url(images/btn-overhermac.gif) -234px 0 no-repeat;
}
.btn-producten a {
	width:234px;
	height:28px;
	display:block;
	background:url(images/btn-producten.gif) 0 0 no-repeat;
}
.btn-producten a:hover {
	width:234px;
	height:28px;
	display:block;
	background:url(images/btn-producten.gif) -234px 0 no-repeat;
}
.btn-diensten a {
	width:234px;
	height:28px;
	display:block;
	background:url(images/btn-diensten.gif) 0 0 no-repeat;
}
.btn-diensten a:hover {
	width:234px;
	height:28px;
	display:block;
	background:url(images/btn-diensten.gif) -234px 0 no-repeat;
}
.btn-team a {
	width:234px;
	height:28px;
	display:block;
	background:url(images/btn-team.gif) 0 0 no-repeat;
}
.btn-team a:hover {
	width:234px;
	height:28px;
	display:block;
	background:url(images/btn-team.gif) -234px 0 no-repeat;
}
.btn-contact a {
	width:234px;
	height:28px;
	display:block;
	background:url(images/btn-contact.gif) 0 0 no-repeat;
}
.btn-contact a:hover {
	width:234px;
	height:28px;
	display:block;
	background:url(images/btn-contact.gif) -234px 0 no-repeat;
}