

/* default
--------------------------------------------------------------------------------------*/

body {
	background-color: #E3E3E3;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #000;
	background-image: url('../images/bg-mintres.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#666;
	
}
a:link     { color: #595959; font-size:8pt; text-decoration:none; }
a:visited  { color: #000000; text-decoration:none; }
a:focus { outline:#87888a; text-decoration:none; }
a:hover { color: #803068; text-decoration:none;}

h2 { font-size:9pt; line-height:1.4em; color: #803068; font-weight: normal; margin: 0; }

#container {
	position: relative;
	width: 660px;
	margin: 0 auto;
	border: 0px solid #f00;
	height: 100px;
}

/* container - menu */

#container .menu {
	position: absolute;
	width: 480px;
	top: 21px;
	left: 77px;
	background-color: #fff;
	height: 24px;
}
#container .menu .shade-left { position: absolute; left: -10px; top: 0; width: 10px; height: 26px; background-image: url('../images/shade-left.png'); border: 0px solid #f00 }
#container .menu .shade-right { position: absolute; right: -10px; top: 0; width: 10px; height: 26px; background-image: url('../images/shade-right.png'); }
#container .menu .shade-bottom { position: absolute; left: -10px; top: -10px; width: 500px; height: 10px; background-image: url('../images/shade-top.png'); }

#container .menu ul { position: absolute; left: 10px; top: 4px; }
#container .menu ul li { float: left; width: 105px; height: 18px; margin-right: 12px; }
#container .menu ul li a { display: block; width: 105px; height: 18px; border: 1px solid #fff; }
#container .menu ul li a:hover { background-position: 0 -18px; }

#container .menu ul li.btn-home a { background-image: url('../images/btn_home.jpg'); }
#container .menu ul li.btn-profile a { background-image: url('../images/btn_profile.jpg'); }
#container .menu ul li.btn-products a { background-image: url('../images/btn_products.jpg'); }
#container .menu ul li.btn-contact a { background-image: url('../images/btn_contact.jpg'); }

#container .menu .on_home { position: absolute; left: -8px; top: -17px; }
#container .menu .on_profile { position: absolute; left: 110px; top: -17px; }
#container .menu .on_products { position: absolute; left: 230px; top: -17px; }
#container .menu .on_contact { position: absolute; right: -7px; top: -17px; }

/* container - inhoud */


#container .inhoud {
	position: absolute;
	width: 480px;
	top: 49px;
	left: 77px;
	background-color: #fff;
	height: 600px;
}
#container .inhoud .shade-left { position: absolute; left: -10px; top: 0; width: 10px; height: 600px; background-image: url('../images/shade-left.png'); }
#container .inhoud .shade-right { position: absolute; right: -10px; top: 0; width: 10px; height: 600px; background-image: url('../images/shade-right.png'); }
#container .inhoud .shade-bottom { position: absolute; left: -10px; bottom: -10px; width: 500px; height: 10px; background-image: url('../images/shade-bottom.png'); }
#container .inhoud .footer { position: absolute; left: 0; bottom: -20px; font-size: 12px; width: 600px;  }
#container .inhoud .footer a { font-size: 12px; display: inline; }

#container .inhoud .text-column {
	width: 217px;
	font-size:8pt; line-height:1.5em;
	padding-left: 10px;
	padding-top: 40px;
	float: left;	
}

#container .inhoud .foto-column {
	padding-left: 23px;
	padding-top: 40px;
	width: 217px;
	float: left;
}
#container .inhoud .foto-column img { display: block; margin-bottom: 15px; }

/* specifiek */

.googlemap { clear: both; padding-left: 10px; padding-top: 30px; }