/* 
CSS Document voor PD Graphic Support
Datum: maart 2007
Ontwikkelaar: Concept7 (www.concept7.nl) / SQUID Design (www.squiddesign.nl)

/* Globals 
====================================================================== */
body,
html {
	background-color:#fff;
	color:#232323;
	margin:0;
	padding:0;
	font:normal 12px arial,verdana,sans-serif;
	}

body { min-width:780px;}

div#wrapper {
	width: 780px;
	height: 520px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -260px;
	margin-left: -390px;
	padding: 0px;
	}

img { border:0;}

/* Top (logo + service) 
====================================================================== */
div#top {
	height:146px;
	padding:20px 0 0 139px;
	position:relative;
	}
	
div#top img { position:absolute;}

ul#service {
	margin:0;
	padding:116px 0 0 150px;
	}

ul#service li {
	list-style:none;
	display:inline;
	font-weight:normal;
	}

ul#service li a:link {
	color:#103a8d;
	text-decoration:none;
	}

ul#service li a:hover { color:#00378b;}

ul#service li a:visited,
ul#service li a:visited:hover {
	color:#103a8d;
	text-decoration:none;}

ul#service li#subaan a {
	color:#913a8b}

div#top span {
	color:#97a7d3;
	padding:0 8px 0 10px;
	}

div#flag_nl img {
	position:absolute;
	left: 511px;
	top: 145px;
	z-index:1
}
div#flag_uk img {
	position:absolute;
	left: 541px;
	top: 145px;
	z-index:1
}
div#flag_de img {
	position:absolute;
	left: 571px;
	top: 145px;
	z-index:1
}
div#flag_fr img {
	position:absolute;
	left: 601px;
	top: 145px;
	z-index:1
}

/* Navigatie linkerkant 
====================================================================== */
div#nav {
	float:left;
	width:191px;
	background:url(../../images/ronding-nav-top.gif) top no-repeat;
	padding-top:8px;
	}

div#nav img { display:block;}

ul#mainnav {
	width:189px;
	margin:0;
	padding:0 0 45px 0;
	border-right:1px solid #cbcbcd;
	border-left:1px solid #cbcbcd;
	background:#ecedee;
	}

ul#mainnav li {
	list-style:none;
	border-bottom:1px solid #cbcbcd;}
	
ul#mainnav li a {
	height:32px;
  	height:24px;
	text-decoration:none;
	}	
	
ul#mainnav li a:link, ul#mainnav li a:visited {
	color:#99c;
	display:block;
	background:#ecedee;
	padding:8px 0 0 20px;
	font-weight:normal;
	}
	
ul#mainnav li a:hover {
	color:#fff;
	background:#b5b5b8;
	padding:8px 0 0 20px;
	}

ul#mainnav li#knopaan a {
	color:#913a8b;}

ul#mainnav li a.directmail:hover, ul#mainnav li a.directmailaan { color:#FFF; background-color:#309DDD; }
ul#mainnav li a.huisstijl:hover, ul#mainnav li a.huisstijlaan { color:#FFF; background-color:#e0413a; }
ul#mainnav li a.drukwerk:hover, ul#mainnav li a.drukwerkaan { color:#FFF; background-color:#c14351; }
ul#mainnav li a.pointofsale:hover, ul#mainnav li a.pointofsaleaan { color:#FFF; background-color:#689944; }
ul#mainnav li a.merchandising:hover, ul#mainnav li a.merchandisingaan { color:#FFF; background-color:#C13484; }

/* Content 
====================================================================== */
div#content {
	float:left;
	width:436px;
	margin:0 9px 0 9px;
	background:url(../../images/ronding-content-top.gif) no-repeat;
	}

div#tekst {
	border-right:1px solid #cbcbcd;
	border-left:1px solid #cbcbcd;
	margin-top:8px;
	padding:14px 26px 40px 26px;
	}

div#tekst p {
	line-height:150%;
	color:#232323;
	}

div#tekst a:link {
	color:#913a8b;
	text-decoration:underline;
	}

div#tekst a:hover { color:#99c;}

div#tekst a:visited,
div#tekst a:visited:hover {
	color:#99c;
	text-decoration:underline;
	}

.ronding { display:block;}

*html .ronding { margin-left:2px;}

/* Contentlist 
====================================================================== */
ul.contentlist {
	margin:0;
	padding:0;
	}

ul.contentlist li {
	list-style:none;
	padding:0 0 4px 12px;
	background:url(../../images/punt-paars-list.gif) no-repeat 0 5px;
	color:#232323;
	}

ul.contentlist li.geenstip {
	padding:0 0 4px 0;
	background:none;
	}

/* H elementen (h1,h2, etc) 
====================================================================== */
h1 {}
	div#tekst h1 { margin:0;padding:0;font-size:24px;color:#99c;font-weight:normal;line-height:24px;}

h2 {}
	div#tekst h2 { margin:0;padding:0;font-size:12px;color:#232323;}

/* Blokken rechterkant 
====================================================================== */
div#blokken {
	float:left;
	width:135px;
	}

div#blokken img {
	display:block;
	margin-bottom:3px;
	}