/*
#
#	SNELSITE ENTERPRISE
#
#	project : deWaardKramer
#	website : http://www.dewaardkramer.nl
#	version : 27-12-2006
#	
#	author  : Media Design (http://www.mediadesign.nl)
#		
*/

/* ########### GENERAL ########### */
* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	background-color: #fff;
	color: #000;
	font: 80% Trebuchet MS, Verdana, sans-serif;
}

#lastupdate, #skipmenu {
	display: none;
}
.imgright, .imgleft {
	margin: 5px;
}	
.imgright {
	float: right;
}
.imgleft {
	float: left;
}
a {
	color: #000;
	outline-style: none;
}
a:hover, a:visited {
	color: #500c25;
}

#primary-content:after,
#top-navigation:after,
#container:after,
#itemdesc:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ########### WRAP ########### */
#wrap {
	margin: 0 auto;
	padding: 0 0 0 60px;
	width: 860px;
	text-align: left;
	position: relative;
	background: url(img/shadow_right.gif) 750px 450px repeat-y;
}
#primary-content {
	width: 690px;
	margin: 80px 0 0 0;
	padding: 60px 0 20px 0;
	background: #ffd966 url(img/bg_content.gif) top right no-repeat;
	float: left;
}
#secondary-content, #secondary-content-en {
	margin: 80px 0 0 0;
	float: left;
}

/* ########### HEADER ########### */
#header {
	position: absolute;
	top: 20px;
	left: 0px;
}
#header a {
	display: block;
	background: url(logo.jpg) no-repeat;
	text-indent: -9999px;
	width: 237px;
	height: 75px;
}

/* ########### NAV ########### */
#top-navigation {
	margin: 0;
	padding: 50px 20px 5px 0;
	position: absolute;
	top: 0px;
	right: 150px;
	list-style: none;
	height: 25px;
	background-color: #fff;
}
#top-navigation li {
	float: left;
}
#top-navigation li a {
	padding: 6px 8px;
	display: block;
	font-size: 90%;
	text-decoration: none;
}
#top-navigation li a:hover {
	text-decoration: underline;
}
#top-navigation li.border a, #footer a.border {
	background: url(img/border.gif) center right no-repeat;
}
.language {
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	width: 5px;
	height: 5px;
	margin-top: 7px;
}
#top-navigation .flag_nl { background: url(img/flag_nl.jpg) no-repeat; }
#top-navigation .flag_en { background: url(img/flag_en.jpg) no-repeat; }

#menu {
	list-style: none;
	border-top: 2px solid #080f51;
	width: 175px;
	float: left;
}
#menu li {
	border-bottom: 2px solid #080f51;
}	
#menu li a {
	display: block;
	padding: 4px 0px 4px 7px;
	color: #000;
	text-decoration: none;
}
#menu li a:hover, #menu li.selected a {
	background-color: #ffbf00;
}
#menu li.depth_1 a {
	font-weight: bold;
	font-size: 95%;
}
#menu li.depth_2 a {
	font-size: 85%;	
	padding-left: 15px;
}

/* ########### PRIMARY-CONTENT -- HOME ########### */
#actueel h2 {
	color: #fff;
	background-color: #ccc;
	margin: 0;
	padding: 4px;
	font-size: 110%;
}
#actueel div {
	margin: 0 0 8px 0;
	padding: 3px;
	background-color: #cfe5a7;
}
#actueel h3, #actueel p, #random-lifecycle img {
	margin: 0;
	padding: 0;
}
#actueel h3 {
	color: #49001b;
	font-size: 100%;
}
#actueel .date {
	font-style: italic;
	font-size: 90%;
}
#dewaardkramernl .itembox, #random-lifecycle {
	float: left;
	width: 212px;	
}
#random-lifecycle {
	margin: 8px 0 0 20px;
}
#random-lifecycle .intro {
	margin: 0;
	padding: 7px 5px;
	background-color: #49001b;
	color: #fff;
	font-size: 90%;
}
#random-lifecycle h2 {
	margin: 0 0 7px 0;
	padding: 0;
	font-size: 110%;
}
#random-lifecycle .itemintro {
	margin: 15px 0;
	font-size: 95%;
}
#lifecycle-more {
	padding: 0;
	background-color: #49001b;
}
#lifecycle-more a {
	padding: 3px;
	color: #fff;
	font-style: italic;
	font-size: 90%;
}

/* ########### PRIMARY-CONTENT -- CONTENT ########### */
#content {
	float: left;
	margin: 0 10px 0 24px;
	padding: 5px 10px 20px 13px;
	width: 446px;
	background-color: #fff;
	min-height: 420px;
}
#cat_description {
	padding: 7px 0 0 0;
}
.itembox {
	margin: 0;
	padding: 0;
	font-size: 95%;
}
.itembox h2 {
	margin: 13px 0 5px 0;
	color: #500c25;
	font-size: 180%;
}
.itembox h4 {
	margin: 15px 0 10px 0;
	font-size: 150%;
	color: #500c25;
}
.itembox p {
	margin: 10px 0;
	line-height: 130%;
}
.itembox ul, .itembox ol {
	margin: 0 10px 0 40px;
}
#photo {
	background-color: #fdcc32;
	height: 93px;
}
#itemdesc {
	margin: 7px 0 0 0;
	background-color: #47011b;
	color: #fff;
}
#itemdesc img {
	float: right;
	margin: 0 0 0 25px;
}
#itemdesc h2 {
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 110%;
	color: #fff;
}
#itemdesc p {
	margin: 0;
	padding: 2px 0 3px 7px;
	font-weight: bold;
	font-size: 90%;
}
#itemdesc h2 {
	padding: 5px;
}
.itembox .content {
	padding-top: 5px;
}
#routeplanner fieldset {
	border: 1px solid #FFBF00;
	padding: 4px;
}
#routeplanner legend {
	color: #47011B;
	font-weight: bold;
	padding: 4px;
}
#routeplanner p.submit {
	text-align: center;
}
#routeplanner fieldset label {
	display: block;
	float: left;
	width: 150px;
}

/* ########### PRIMARY-CONTENT -- RELATED LIFECYCLE ITEMS ########### */
#relations dl {
	width: 48%;
	padding: 0 4px;
	font-size: 90%;
	float: left;
}
#relations dt {
	text-transform: uppercase;
	color: #990000;
	font-weight: bold;
}
#relations dt span {
	text-transform: lowercase;
}
#relations dt, #relations dd {
	border-bottom: 1px solid #990000;
}
#relations dd {
	text-indent: 0.5em;
}
#relations dd a {
	text-decoration: none;
}
#relations dd a:hover {
	text-decoration: underline;
}

/* ########### PRIMARY-CONTENT -- ARCHIVE ########### */
#overview-archive h2 {
	font-size: 180%;
}
#overview-archive h2.archiveyear {
	color: #000;
	font-size: 100%;
}
#overview-archive h3 {
	margin: 7px 0 0 0;
	padding: 0;
	font-size: 100%;
	text-indent: 1.6em;
}
#overview-archive ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#overview-archive ul li {
	margin: 0;
	padding: 0;
}

/* ########### PRIMARY-CONTENT -- NEWSLETTER ########### */
#newsletterarchive dl dd dl {
	margin: 7px 0;
	text-indent: 1.5em;
}
#newsletterarchive dl dt {
	font-weight: bold;
}
#newsletterarchive dl dd dl dd, #overview-archive ul li {
	text-indent: 5em;
}
#showedition h1 {
	font-size: 170%;
}
#showedition h2 {
	color: #800080;
}
#showedition strong {
	font-size: 110%;
}
#showedition h2 {
	font-size: 130%;
}
#showedition #registerform {
	clear: both;
}
#newsletterinfo {
	margin: 7px 0 7px 13px;
	padding: 0;
}

/* ########### SECONDARY-CONTENT -- LIFECYCLE ########### */
#secondary-content-en {
	background: url(img/lifestages_text.gif) 10px 5px no-repeat;
}
#secondary-content {
	background: url(img/levensloop.gif) 10px 5px no-repeat;
}
#secondary-content ul, #secondary-content-en ul {
	margin: 0 0 0 38px;
	list-style: none;
}
#lifecycle a {
	display: block;
	margin: 0 0 8px 0;
	height: 60px;
	width: 120px;
	text-indent: -9999px;
	outline: none;
	text-decoration: none;
}
#start_32 a {
	background: url(img/levensloop_start.jpg) top left no-repeat;
}
#volwassen_33 a {
	background: url(img/levensloop_volwassen.jpg) top left no-repeat;
}
#woelige_tijden_34 a {
	background: url(img/levensloop_woeligetijden.jpg) top left no-repeat;
}
#internationaal_35 a {
	background: url(img/levensloop_internationaal.jpg) top left no-repeat;
}
#fusieovername_36 a {
	background: url(img/levensloop_fusie.jpg) top left no-repeat;
}
#staking_37 a {
	background: url(img/levensloop_staking.jpg) top left no-repeat;
}
#vermogensbeheer_38 a {
	background: url(img/levensloop_vermogensbeheer.jpg) top left no-repeat;
}
#startup_132 a {
	background: url(img/lifestages_startup.jpg) top left no-repeat;
}
#maturity_133 a {
	background: url(img/lifestages_maturity.jpg) top left no-repeat;
}
#turbulent_times_134 a {
	background: url(img/lifestages_turbulenttimes.jpg) top left no-repeat;
}
#international_135 a {
	background: url(img/lifestages_international.jpg) top left no-repeat;
}
#mergers__acquisitions_136 a {
	background: url(img/lifestages_mergersandacquisitions.jpg) top left no-repeat;
}
#cessation_137 a {
	background: url(img/lifestages_cessation.jpg) top left no-repeat;
}
#asset_management_138 a {
	background: url(img/lifestages_assetmanagement.jpg) top left no-repeat;
}
#lifecycle a:hover {
	background-position: -120px 0;
}
#lifecycle li.selected a {
	background-position: -240px 0;
}

/* ########### FOOTER ########### */
#footer {
	padding-bottom: 10px;
	clear: both;
	width: 508px;
	padding-left: 191px;
	background: #fff url(img/shadow_bottom.gif) 0 -2px repeat-x;
}
#footer a {
	padding: 0 13px 0 8px;
	font-size: 80%;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}