/*	css by artform media
	comments by	k. vd broek @ artform media */

body { background:#e7e7e7 url('../images/background.jpg') top center no-repeat; padding:45px 0 0 0; } 

/* div container for graphical user interface */
#container { position:relative; margin:0 auto; width:750px; text-align:left; }

#inline { position:relative; background:#fff url('../images/bg-left.jpg') top left repeat-y; width:740px; border:5px solid #fff; }

/* supercool min height hack, thanks to GreyWyvern (http://www.greywyvern.com/)*/
.prop { float:right; width:0; }
.clear { clear:both; height:0;	overflow:hidden; }
.min750 { height:750px; }

#header { position:relative; width:740px; height:200px; border-bottom:5px solid #fff; }
#adres { position:relative; float:right; padding:10px 15px; }
#adres p, #adres a { text-align:right; line-height:14pt; font-size:8pt; color:#fff; }
div.home { background:#fff url('../images/hd-Home.jpg') top left no-repeat; }
div.persoonlijk { background:#fff url('../images/hd-Persoonlijk.jpg') top left no-repeat; }
div.werkwijze { background:#fff url('../images/hd-Werkwijze.jpg') top left no-repeat; }
div.portfolio { background:#fff url('../images/hd-Portfolio.jpg') top left no-repeat; }
div.contact { background:#fff url('../images/hd-Contact.jpg') top left no-repeat; }

/* gui left design */
#left { position:relative; width:190px; padding:0; float:left; }
#left_top { position:relative; width:190px; height:40px; }
#left_inline { position:relative; }

#menu { position:relative; padding:0; width:190px; height:180px; }
#menu li { display:inline; }
#menu ul,#menu ul li { list-style:none none; }
#menu a { float:left; margin:1px; width:188px; height:28px; }
#menu a.home { background: url('../images/bt-home.jpg') center center no-repeat; background-position: -190px 0; }
#menu a.home:hover { background: url('../images/bt-home.jpg') center center no-repeat; background-position: 0 0; }
#menu a.homeCurrent { background: url('../images/bt-home.jpg') center center no-repeat; background-position: 0 0; }
#menu a.persoonlijk { background: url('../images/bt-persoonlijk.jpg') center center no-repeat; background-position: -190px 0; }
#menu a.persoonlijk:hover { background: url('../images/bt-persoonlijk.jpg') center center no-repeat; background-position: 0 0; }
#menu a.persoonlijkCurrent { background: url('../images/bt-persoonlijk.jpg') center center no-repeat; background-position: 0 0; }
#menu a.werkwijze { background: url('../images/bt-werkwijze.jpg') center center no-repeat; background-position: -190px 0; }
#menu a.werkwijze:hover { background: url('../images/bt-werkwijze.jpg') center center no-repeat; background-position: 0 0; }
#menu a.werkwijzeCurrent { background: url('../images/bt-werkwijze.jpg') center center no-repeat; background-position: 0 0; }
#menu a.portfolio { background: url('../images/bt-portfolio.jpg') center center no-repeat; background-position: -190px 0; }
#menu a.portfolio:hover { background: url('../images/bt-portfolio.jpg') center center no-repeat; background-position: 0 0; }
#menu a.portfolioCurrent { background: url('../images/bt-portfolio.jpg') center center no-repeat; background-position: 0 0; }
#menu a.contact { background: url('../images/bt-contact.jpg') center center no-repeat; background-position: -190px 0; }
#menu a.contact:hover { background: url('../images/bt-contact.jpg') center center no-repeat; background-position: 0 0; }
#menu a.contactCurrent { background: url('../images/bt-contact.jpg') center center no-repeat; background-position: 0 0; }

/* gui right design */
#right { position:relative; width:545px; float:left; border-left:5px solid #fff; background:#fff url('../images/bg-right.jpg') top left repeat-x; }
#content { position:relative; width:430px; float:left; padding:40px 20px 10px 50px; border:0px solid #000; }
#content img.left { border:0; margin:5px 15px 15px 0; float:left; }
#content img.right { border:0; margin:5px 0 15px 15px; float:right; }
#content hr { background:#ccc; border:0; color:#ccc; height:0; margin:-5px 0 20px; }
/* ul and li styles for content block */
#content ul { margin:-10px 0 0 0; padding:0 0 15px 50px; }
#content ul li { list-style-type:disc; }
#content dl { margin:0; padding:10px 20px 10px 20px; border:1px dotted #f47920; background:#f4f4f4 url('../images/bg-block.jpg') top center no-repeat; }
#content dt { font-weight:bold; color:#12127D; padding:0; }
#content dd { color:#3b4247; font-size:9pt; padding:0 20px 20px 65px; background:url(../images/icon.gif) no-repeat 0 0; text-align:justify; }
#content blockquote { margin-bottom:15px; padding-bottom:0; background:url('../images/quoright.png') right bottom no-repeat; width:415px; }
#content blockquote p { color:#666666; font-style:normal; font-size:13px; width:390px; font-weight:bold;  }
#content blockquote img.quote_left { float:left; }


#bottom { position:relative; padding:10px 0 10px 245px; width:495px; height:20px; }
#quicknav { position:relative; padding:5px 0; width:420px; height:20px; }
#quicknav li { display:inline; }
#quicknav ul { padding:0; margin:0; }
#quicknav a { width:190px; height:13px; }
#quicknav a { font-family:tahoma; color:#3b4247; font-size:8pt; text-align:center; padding:5px 15px 0 0; text-decoration:none; }
#quicknav a:hover { text-decoration:underline; }

#footer { position:relative; width:750px; height:30px; padding:20px 0 0 0; }
#footer p { font-family:tahoma; color:#b2b2b2; font-size:8pt; text-align:right; text-align:center; line-height:4pt; }
#footer a:link, #footer a:visited, #footer a:active { font-family:tahoma; color:#b2b2b2; font-weight:normal; text-decoration:none; }
#footer a:hover { font-family:tahoma; color: #b2b2b2; font-weight:normal; text-decoration:underline; }

/*	default sitemap gui */
div#sitemap { font:"arial"; width:350px; float:left; margin:0; background:#fff; }
div#sitemap { padding:1em 1.5em; line-height:20px; text-align:left; }
div#sitemap li { padding:0 0 0 24px; margin:0; list-style-type:none; }
div#sitemap li { background: url('../images/extm.gif') no-repeat 0% 0%; }
div#sitemap li.last { background: url('../images/exlm.gif') no-repeat 0% 0%; }
div#sitemap ul { padding:0 0 0 24px; margin:0 0 0 -24px; list-style-type:none; }
div#sitemap ul { background: url('../images/exim.gif') repeat-y 0% 0%; }
div#sitemap ul.last { background-image: none; }