@charset "UTF-8";
/* 

***********************************************************
	
	CSS-file by:
   
	Didjee, grafische vormgeving / multimedia, Delft
	Wateringsevest 38, 2611 AW Delft
	http://www.didjee.nl
	
	            
***********************************************************

*/

@import url('reset.css');
@import url('nav_leenloef.css');

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #EEEEEE;
	margin: 40px 0;
}

h1 {
	position: absolute;
	left: -1000px;
}

div.clearall {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin-top: -1px;
}

div#wrapper {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	background: red;
}

div#contentcontainer {
	font-size: 12px;
	line-height: 160%;
	color: #484848;
	width: 868px;
	margin: 0 auto 5px;
	text-align: center;
	overflow: auto;
}

div#footercontainer {
	width: 100%;
	background: url(/images/bg_semitrans.png);
}

body.overzicht div#footercontainer {
	margin-top: 10px;
}

div#footer {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: italic;
	color: #484848;
	width: 862px;
	margin: 0 auto;
	padding: 11px 0;
	text-align: center;
}

body.overzicht div#footer {
	border-top: 1px solid #D8D8D8;
}

div#footer a {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;
}

div#footer a:hover {
	border-bottom: 1px solid black;
}

div.portfolio_image {
	text-align: center;
	padding: 20px 0 10px;
}

/*--- PORTFOLIO ---*/

ul.portfolio_overzicht li {
	float: left;
	padding: 7px;
	border: 1px solid #D8D8D8;
	margin: 3px;
	width: 102px;
	height: 102px;
	background: url(/images/bg_portfolio_thumb.gif)  center no-repeat white;
}

ul.portfolio_overzicht li img {
	display: block;
	width: 100px;
	height: 100px;
}

ul.portfolio_overzicht li a img {
	border: 1px solid white;
}

ul.portfolio_overzicht li a:visited img {
	border: 1px dotted red;
}

ul.portfolio_overzicht li a:hover img {
	border: 1px solid #484848;
}

div.portfolio_description {
	border-top: 1px dotted #D8D8D8;
	padding: 0 0 20px;
}

div.portfolio_description h3 {
	font-weight: bold;
	color: black;
	font-size: 15px;
	margin-bottom: 15px;
}

div.portfolio_description h3 span {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #ABABAB;
}

div#portfolio_nav {
	font-size: 11px;
	text-align: center;
	margin: 5px 0 15px;
}

div#portfolio_nav a {
	color: #ADADAD;
	text-decoration: none;
	border-bottom: 1px dotted #ADADAD;
	margin: 0 5px;
}

div#portfolio_nav a.overview {
	margin: 0 auto;
	width: 100%;
}

div#portfolio_nav span.next {
	float: left;
	text-align: right;
	width: 413px;
}

div#portfolio_nav span.prev {
	float: right;
	text-align: left;
	width: 413px;
}

div#portfolio_nav a:hover {
	color: #484848;
	border-bottom: 1px solid #484848;
}

/*--- CONTENT ---*/

div.content {
	background: white;
	width: 860px;
	margin: 0 3px;
	border: 1px solid #D8D8D8;
	padding: 5px 0 12px;
	margin-top: 3px;
	text-align: center;
}

div.plaintext {
	padding: 60px;
	text-align: left; 
	overflow: auto;
}

div.hometekst {
	padding: 15px 0 20px;
}

div.home_nl {
	float: left;
	width: 383px;
	padding-left: 40px;
	text-align: left;
}

div.home_en {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #949494;
	float: right;
	width: 383px;
	padding-right: 40px;
	text-align: left;
}

/*-- TIPS --*/

.tool-tip {
	width: auto;
	z-index: 20000;
	color: white;
	background: url(/images/bg_semitrans_tip.png) top left;
	padding: 12px 10px 7px 14px;
	font-size: 10px;
}
 
.tool-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
}
 
.tool-text {
	line-height: 110%;
}

/*--- STYLING ---*/

strong {
	font-weight: bold;
}

div.content p {
	margin-bottom: 15px;
}	

div.hometekst p{ 
	margin-bottom: 0;
	text-indent: 30px;
}

div.plaintext a {
	color: #484848;
	font-weight: bold;	
	text-decoration: none;
	border-bottom: 1px dotted #484848;
}

div.plaintext a:hover {
	border-bottom: 1px solid #484848;
}

h2 {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 120%;
	margin-bottom: 20px;
}

h2.large {
	font-size: 24px;
}

div.plaintext > h3 {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 120%;
	margin: 30px 0 10px;
}

h4 {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;
}

img.txthome {
	margin: 20px 0;
}

img.hondje {
	margin: 20px 0 0;
}

a.status {
	font-size: 10px;
	font-weight: normal;
	padding: 1px 4px 2px;
	line-height: 1px;
	margin: 0 0 0 10px;
	color: #FF0000;
	border: 1px solid #FF3300;
}

img.beeld_links {
	float: left;
	margin: 0 20px 0 0;
}