@charset "utf-8";
/* 
CSS Document voor P and P - The Merchanise Company
Datum: mei 2007
Media: Screen
Ontwikkelaar: Concept7 (www.concept7.nl)
Xhtml/css: Timothy van Sas

Kleurcodes

paars:						#522f71
geel:						#fed734
*/

/* Globals 
====================================================================== */
body,
html { background:#fff url(../images/backgrounds/bg-main.gif) repeat-x; color:#000; margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; }

body { min-width:980px;}

img { border:0;}
*:focus { outline: none}
p { line-height:150%; margin:0; padding:0 0 17px 0; }
div#wrapper { width:980px; margin:0 auto; }
ul, form { margin:0; padding:0; }
li { list-style:none; }
fieldset { border:0; margin:0; padding:0; }
h1, h2, h3, h4, h5 { font-size:arial; margin:0; padding:0; }
#google_results iframe { width: 450px; height:1015px}

/* Links 
====================================================================== */
div#wrapper a:link { color:#005073; text-decoration:underline; }
div#wrapper a:hover { color: #c30; text-decoration:underline; }
div#wrapper a:visited { color:#666; text-decoration:underline; }
div#wrapper a:visited:hover { color:#c30; text-decoration:underline; }

/* Top (logo, service en zoeken) 
====================================================================== */
div#top { height:133px; background:#522f71 url(../images/backgrounds/bg-top.gif) bottom repeat-x; position:relative; }
	div#top #logo { margin-left:20px; }
	
	/* Service-menu */
	div#top ul { float:right; background:url(../images/backgrounds/bg-service.gif) top right no-repeat; padding:4px 10px 5px 45px; margin:16px 19px 0 0; }
		div#top ul li { list-style:none; color:#ac9bbb; display:inline; padding:0 12px; }
			div#top ul li a:link { text-decoration:none; color:#fff; }
			div#top ul li a:hover { text-decoration:underline; }
			div#top ul li a:visited { text-decoration:none; color:#fff; }
			div#top ul li a:visited:hover { text-decoration:underline; color:#fff; }
			div#top ul li.service-select a { color:#ac9bbb; }
	
	/* Search */
	.search-form { position:absolute; top:70px; right:20px; width:250px; }
		.search-form #search-field { width:185px; padding:4px 15px 5px 26px; background:#fff url(../images/backgrounds/bg-search.gif) no-repeat; border:0; color:#666; margin-top:1px; }
		.search-form #search-button { background:url(../images/buttons/button-search.gif) right no-repeat; border:0; color:#522f71; width:65px; height:26px; cursor:pointer; position:absolute; font-size:11px; margin:0 0 0 185px; font-weight:bold; }

/* Navigation (main) 
====================================================================== */
div#navigation { background:#dadada; height:44px; margin:6px 0 0 0; position:relative }
div#navigation span#telephone { position:absolute; top:21px; right:38px; text-transform:uppercase; font-weight:bold; }
	
	#mainmenu { margin:0; padding:12px 0 0 20px; height:32px; font-size:11px; }
		#mainmenu li { position:relative; float:left; list-style:none; }
			#mainmenu a:link, #mainmenu a:visited, #mainmenu a:hover, #mainmenu a:visited:hover { display:block; float:left; height:32px; text-decoration:none; }
			#mainmenu a:link span, #mainmenu a:visited span, #mainmenu a:hover span, #mainmenu a:visited:hover span { display:block; float:left; height:22px; padding:10px 21px 0 21px; text-transform:uppercase; }
			#mainmenu a:link, #mainmenu a:visited { color:#fff; background:transparent url(../images/navigation/nav-bg.gif) no-repeat top left; font-weight:bold; text-decoration:none!important; }
			#mainmenu a:hover, #mainmenu a:visited:hover { color:#fff; background:transparent url(../images/navigation/nav-bg-hover.gif) no-repeat top left; }
			#mainmenu a:link span, #mainmenu a:visited span { color:#000; background:transparent url(../images/navigation/nav-bg-rechts.gif) no-repeat top right; cursor:pointer; }
			#mainmenu a:hover span,
			#mainmenu a:visited:hover span { color:#fff; background:transparent url(../images/navigation/nav-bg-rechts-hover.gif) no-repeat top right; cursor:pointer; }
			#mainmenu a.select:link, #mainmenu a.select:visited { color:#fff; background:#522f71 url(../images/navigation/nav-bg-select.gif) no-repeat top left; text-decoration:none; }
			#mainmenu a.select:link span, #mainmenu a.select:visited span { color:#fff; background:transparent url(../images/navigation/nav-bg-rechts-select.gif) no-repeat top right; cursor:pointer; }
			#mainmenu a.select:hover, #mainmenu a.select:visited:hover { color:#baacc6; background:transparent url(../images/navigation/nav-bg-select.gif) no-repeat top left; }
			#mainmenu a.select:hover span, #mainmenu a.select:visited:hover span { color:#baacc6; background:transparent url(../images/navigation/nav-bg-rechts-select.gif) no-repeat top right; cursor:pointer; }

/* Sub navigation */
div#sub-navigation { background:#522f71; overflow:hidden; display:block; height:1%; padding:10px 0 8px 0; }
div#sub-navigation ul li { display: inline; }
	div#sub-navigation ul { margin:0 0 0 25px; padding:0; font-size:12px; }
	  div#sub-navigation ul li a { padding:2px 16px; }
    
	div#sub-navigation ul li, div#sub-navigation ul li a:link {  color:#fff; text-decoration:none; float:left; font-weight:bold; background:url(../images/navigation/dots-sub-navigation.gif) top right repeat-y; }
		div#sub-navigation ul li a:hover {  padding:2px 16px; background:#e9e9e9; color:#000!important; text-decoration:none!important; }
		div#sub-navigation ul li a:visited {  padding:2px 16px; color:#fff; text-decoration:none; }
    
	div#sub-navigation li#select a { color:#522f71; background:#baacc6; }
		div#sub-navigation li#select a:hover { color:#000; }

/* Attention (image and text) 
====================================================================== */
div#attention { height:161px; overflow:hidden; margin-top:6px; clear:both; }
	div#attention div#attention-text { border:1px solid #e5e5e5; border-width: 1px 0 1px 1px; width:371px; padding:15px 30px 0 26px; float:left; min-height:144px; overflow:hidden; }
		div#attention div#attention-text h1 { color:#522f71; text-transform:uppercase; font-size:16px; letter-spacing:-0.5px; padding-bottom:8px; }
	div#attention #attention-image { float:left; }
	div#attention div#attention-text #bullet-link { background:url(../images/bullets/bullet-purple.gif) no-repeat 0 3px; padding-left:20px; }

/* Persona's 
====================================================================== */ 
div#personas { background:url(../images/backgrounds/bg-personas.gif) repeat-x; height:286px; margin-top:6px; border-bottom:1px solid #dcdcdc; padding-top:17px; }
	
	div#personas div#yellow-h2 { background:#fed734; height:37px; display:block; overflow:hidden; }
		div#personas div#yellow-h2:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 
		div#personas div#yellow-h2 h2 { margin:0 5px 0 0; padding:10px 0 0 6px; color:#522f71; text-transform:uppercase; letter-spacing:-0.5px; font-size:16px; width:225px; float:left; display:inline; }
			div#personas div#yellow-h2 h2.first { margin-left:20px;}
			div#personas div#yellow-h2 a:link, div#personas div#yellow-h2 a:visited { text-decoration:none; color:#522f71; }
			div#personas div#yellow-h2 a:hover { text-decoration:underline; }
	
	div#personas div.persona-text { width:219px; padding:6px; background:#fff; float:left; margin-right:5px; height:190px; overflow:hidden; display:inline }
		div#personas div.persona-text div.persona-image { height:55px; overflow:hidden; }
		div#personas div.persona-text p { margin:0; padding:11px 0 0 0; }
	div#personas div.first { margin-left:20px; }
	div#personas div#persona-links { clear:both; height:25px;}
		div#personas div#persona-links div.persona-link { width:225px; padding-left:6px; margin-right:5px; float:left; background:#fff; display:inline; }
			div#personas div#persona-links div.persona-link a { background:url(../images/bullets/bullet-purple.gif) no-repeat 0 3px; padding-left:20px; }
		
/* Eruit gelicht op home 
====================================================================== */
h1#attention-title { color:#522f71; text-transform:uppercase; font-size:16px; letter-spacing:-0.5px; padding:25px 0 3px 27px; }
div#attention-block { background:url(../images/backgrounds/bg-personas.gif) repeat-x; display:block; overflow:hidden; height:1%; padding:12px 21px 0 21px; border-bottom:1px solid #dcdcdc; }
	div#attention-block div#block-left { float:left; width:454px; padding:6px; background:#fff; margin-right:5px; height:177px; overflow:hidden; }
	div#attention-block div#block-right { float:left; width:454px; padding:6px; background:#fff; height:177px; overflow:hidden; }
	div#attention-block .image-block { float:left; }
		div#attention-block div#block-left ul, div#attention-block div#block-right ul { padding-right:8px; }
			div#attention-block div#block-left ul li, div#attention-block div#block-right ul li { padding-left: 185px;}
			div#attention-block div#block-left ul li.content-block, div#attention-block div#block-right ul li.content-block { height:75px; }
			div#attention-block div#block-left ul li.image-block, div#attention-block div#block-right ul li.image-block { position:absolute; padding:0; }
			div#attention-block div#block-left ul li.title-block, div#attention-block div#block-right ul li.title-block { font-weight:bold; padding-bottom:8px; color:#522f71; }
			div#attention-block div#block-left ul li.link-block, div#attention-block div#block-right ul li.link-block { padding:18px 0 0 204px; background:url(../images/bullets/bullet-purple.gif) no-repeat 183px 20px; }

/* Content 
====================================================================== */
div#wrap-content { display:block; overflow:hidden; background:url(../images/backgrounds/content-grijs.gif) top right repeat-y; border-bottom:1px solid #dcdcdc; }
	div#wrap-content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
	
	/* Linker content */
	div#content-left { float:left; width:574px; padding:27px 120px 30px 27px }
		
		div#content-left ul#breadcrumbs { padding-bottom: 20px; }
			div#content-left ul#breadcrumbs li { display:inline; color:#666; }
				div#content-left ul#breadcrumbs li.where { font-weight:bold; }
				div#content-left ul#breadcrumbs li a:link, div#content-left ul#breadcrumbs li a:visited { color:#666; background:url(../images/bullets/bullet-kruimel.gif) right no-repeat; padding:0 10px 0 0; margin-right:4px; }
				div#content-left ul#breadcrumbs li a:hover { color:#c30; }
		
		div#content-left h1 { text-transform:uppercase; color:#522f71; letter-spacing:-0.5px; font-size:16px; padding-bottom:4px; clear: both; }
		div#content-left h2 { font-size:14px; padding-bottom:4px; }
		
		div#content-left div.image-right { float:right; margin:6px 0 8px 10px; position:relative; }
			div#content-left div.image-right img, div#content-left div.image-left img { display:block; }
			div#content-left div.image-right span, div#content-left div.image-left span { background:#dcdcdc; display:block; padding:3px; color:#8d8d8d; }
			div#content-left div.image-right .blow-up, div#content-left div.image-left .blow-up { position:absolute; top:0; right:0; filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; }
		div#content-left div.image-left { float:left; margin:6px 10px 8px 0; position:relative; }
		
		div#content-left ul.contentlist { margin:0; padding:0 0 17px 0; }
			div#content-left ul.contentlist li { padding:0 0 5px 20px; background:url(../images/bullets/bullet-purple.gif) no-repeat 0 2px; }
			div#content-left ul.contentlist li ul li { padding-left:25px; background:url(../images/backgrounds/sub-contentlist.gif) no-repeat 12px 5px; list-style-type:none; }
		
	/* Features onderaan contentpagina */
	div#content-left ul.content-options { margin:0; padding:50px 0 15px 0; clear:both; }
		div#content-left ul.content-options li { list-style:none; display:inline; padding:0px 20px 0px 0px; }
		div#content-left ul.content-options li a { color:#000;}
		div#content-left ul.content-options li a:hover { color:#c30;}
			.printen { background:url('../images/icons/icon-print.gif') no-repeat; background-position:0 2px; padding:0px 22px 5px 25px; border-right:1px solid #d7d7d7; }
			.mailen { background:url('../images/icons/icon-mail.gif') no-repeat; background-position:0 4px; padding:0px 0px 5px 25px; }
	
	/* Documenten
	=================================================================*/
	.documents a:link, .documents a:visited, .documents a:hover, .documents a:visited:hover { display:block; padding:2px 10px 6px 27px; margin:15px 0 15px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-weight:bold;  }
	.documents a:link, .documents a:visited { background-repeat:no-repeat; background-position:0 3px; }
	.documents a:hover, .documents a:visited:hover { background-color:#fff; }
		
	.docgif { background-image:url(../images/icons/icon_gif.gif); }
	.docjpg { background-image:url(../images/icons/icon_jpg.gif); }
	.docbmp { background-image:url(../images/icons/icon_bmp.gif); }
	.docpdf { background-image:url(../images/icons/icon_pdf.gif); }
	.docdoc { background-image:url(../images/icons/icon_doc.gif); }
	.docxls { background-image:url(../images/icons/icon_xls.gif); }
	.doczip { background-image:url(../images/icons/icon_zip.gif); }
	.doctxt { background-image:url(../images/icons/icon_txt.gif); }
	.docwmp { background-image:url(../images/icons/icon_wmp.gif); }
	
	/* Highslide (vergroten van de foto's) */
	  .highslide { cursor: url(../includes/js/highslide/graphics/zoomin.cur), pointer; outline: none; }
		.highslide-caption { display:none; border:2px solid white; border-top:none; padding:5px; background-color:white; }
		.highslide-caption span { color:#522f71; font-weight:bold; }
		.highslide-loading { display:block; color:white; font-size:9px; font-weight: bold; text-transform:uppercase; text-decoration:none; padding:3px; border-top:1px solid white; border-bottom:1px solid white; background-color:black; }
		.highslide-move { cursor:move}
		.highslide-overlay {display: none;}
		.controlbar { background:url(../includes/js/highslide/graphics/controlbar4.gif); width:167px; height:34px; }
		.controlbar a {	display:block; float:left; margin:0px 0 0 4px; height:29px; width:34px; }
		/* Noodzakelijk voor functionaliteit */
		.highslide-display-block { display:block;}
		.highslide-display-none { display:none;}
	
	/* Overzicht fotoalbum */
	.image { width:150px; height:113px; border:1px solid #d7d7d7; float:left; margin-right:10px; margin-bottom:10px; position:relative; }
		.image div { width:148px; height:111px; overflow:hidden; position:absolute; top:1px; left:1px; }
	.fotoalbumcontainer { display:block; overflow:hidden; height:1%; padding-bottom:15px;	}
	
	/* Contactformulier */
	.contactform { margin:0; padding:0; }
		.contactform fieldset { border:0; margin:0; padding:15px 0; }
		.contactform label { cursor:pointer; width:105px; float:left; padding:5px 10px 0 0; }
		.contactform h3 { margin:0 217px 0 0; padding:6px; font:bold 12px arial,verdana,sans-serif; background:#dcdcdc; }
		.contactform div { padding-bottom:15px;}
		.contactform div input { font:normal 12px arial,verdana,sans-serif; border:1px solid #b2b2b2; width:230px; padding:5px; color:#dd1311; }
			.contactform div input.error { font:normal 12px arial,verdana,sans-serif; border:1px solid #f00; width:230px; padding:5px; color:#dd1311; background:url(../images/icons/alert.gif) top right no-repeat; }
		.contactform div span { display:block; background:#f00; color:#fff; padding:4px; margin:1px 217px 0 115px; }
		.contactform div input.input-smaller { font:normal 12px arial,verdana,sans-serif; border:1px solid #b2b2b2; width:150px; padding:5px; color:#dd1311; }
		#comments { font:normal 12px Arial, Helvetica, sans-serif; border:1px solid #b2b2b2; width:230px; height:80px; overflow:auto; padding:5px; color:#dd1311; }
		.contactform div.labelRads { padding-bottom:0;}
		.contactform div.labelRads label { float:none; padding:0; }
		.contactform div.labelRads input { width:16px; border:0; }
		#button-form { background:url(../images/buttons/button-form.gif) no-repeat; border:0; width:121px; height:38px; color:#fff; cursor:pointer; font-weight:bold; margin-left:235px; }

	
	div#google-maps { clear:both;}
	
	/* Zoekresultaten */
	dl { margin:0; padding:0; }
	dt { padding-top:5px; font-weight:bold; }
	dd { margin:0; padding:8px 0 10px 0; }
	dd.search-crumb { border-bottom:1px solid #d7d7d7; margin-bottom:25px; }
	
	/* Rechter content */
	div#content-right { float:left; width:201px; padding:62px 29px 0 29px; }
		div#content-right div.block-right { border-bottom:1px solid #bcbcbc; margin-bottom:30px; }
		div#content-right div.block-right .right-link-bullet { background:url(../images/bullets/bullet-purple-grey.gif) no-repeat 0 3px; padding-left:20px; }
		div#content-right h1 { text-transform:uppercase; color:#522f71; letter-spacing:-0.5px; font-size:16px; padding-bottom:4px; }
		div#content-right div.block-right img { float:left; vertical-align:bottom; padding:4px 5px 0 0;}

/* Footer 
====================================================================== */
div#footer { background:url(../images/logos/bg-footer.gif) no-repeat 20px 15px; height:60px; }
	div#footer ul { float:right; padding:40px 25px; }
		div#footer ul li { display:inline; color:#a7a7a7; }
			div#footer ul li a:link { text-decoration:none; color:#a7a7a7; padding-left:15px; }
			div#footer ul li a:hover { text-decoration:underline; color:#000; }
			div#footer ul li a:visited { text-decoration:none; color:#a7a7a7; }