/*
/* (CC) Taxatiebureau Temmink, 2007
/*
/* Feel free to be inspired by this CSS, see the
/* Creative Commons License (http://creativecommons.org/)
/*
/* If you re-use parts or whole of this CSS, you must
/* include this copyright notice at the start of the file.
/*
/* Web:   http://www.taxatietemmink.nl/
/* E-mail:  info@taxatietemmink.nl
/* Tel.:   +31-(0)74 26 66 110
/* -------------------------------------------------------- */


body {
	padding:0; margin:0;
	
	font:83% helvetica, geneva, arial, verdana, sans-serif;
	color:#444;
	text-align:center;
  
  background:url("../img/bg_pattern.png") 0 0 repeat #d5e5d5;
}

#wrapper {
  padding:0 0 2em 0;
  margin:2em auto;
	width:56em;
	text-align:left;

	border:4px solid #666;
  background:#fff;
}

.nocss {
	display:none;
}


/* -------------------- header -------------------- */

#header {
	padding:2em 0 1em 14em;

	color:#222;
	background:url("../img/loep.jpg") 1em 1em no-repeat #fff;
}

#header #logo {
  padding:0; margin:0;
  height:95px;
  
  background:url("../img/temmink.png") 0 0 no-repeat #fff;
}


/* -------------------- navigation column -------------------- */

.nav {
  float:left; display:inline;
  padding:2em 0 0 0; margin:0;
  width:15em;
}

.navigation {
	list-style-type:none;
}

.navigation li {
  display:inline;
  padding:0; margin:0;

	list-style-type:none;
	text-transform:capitalize;
}

.navigation a {
  display:block;
  padding:0 .5em;
  margin:.5em 0;

  color:#666;
  font-size:1.2em;
  text-decoration:none;
  border-left:4px solid #000;
}

.navigation a:hover {
  color:#6c3;
  border-left:4px solid #6c3;
}

.quote {
  padding:4em 1em 0 2em;

  color:#777;
  font-family:"Times New Roman", Times, serif;
  font-style:italic;
}


/* -------------------- page general -------------------- */

#entree,
#offer,
#contactinfo {
  float:left; display:inline;
  width:36em;
  
  border:1px solid #999;
  background:#ecf5ec;
}

.page h1 {
  margin:1em 0 1.5em 0;
  font-size:1.6em;
  font-weight:normal;
  color:#555;
  border-bottom:4px solid #6c3;
}

.page .large {
  margin:1em 0 2em 0;
  font-size:1.5em;
  font-weight:normal;
}

.page p a,
.page dd a {
  color:#6c3;
  text-decoration:none;
}

.page a:hover {
  color:#000;
  text-decoration:underline;
}


/* -------------------- page specific -------------------- */

#entree {
  padding:1em 2em 20em 2em;

  border-bottom:none;
}

#entree .photo {
  float:right; display:inline;
  margin:0 0 1em 1em;
  width:250px;
  height:283px;

  border:4px solid #fff;
  background:url("../img/miniatuur.jpg") 0 0 no-repeat #fff;
}

#offer {
  padding:1em 2em 30em 2em;

  border-top:none;
  border-bottom:none;
}

#offer ul {
  overflow:auto;
  padding:0 0 1em 0;
  margin:0;
  
  height:20em;
}

#offer li {
  padding:.5em 0 .5em 2em;
  list-style-type:none;
  
  background:url("../img/bullet.png") 0 50% no-repeat;
}

#offer .photo {
  float:left; display:inline;
  margin:0 3em 1em 0;
  width:150px;
  height:225px;

  border:4px solid #fff;
  background:url("../img/chris.jpg") 0 0 no-repeat #fff;
}

#contactinfo {
  padding:1em 2em 2em 2em;

  border-top:none;
  background:#ecf5ec;
}

#contactinfo dl {
  padding:0; margin:0;
}

#contactinfo dt {
  margin:1.5em 0 1em 0;
  
  font-weight:bold;
}

#contactinfo dd {
  padding:.25em 0;
  margin:0;
}

#contactinfo .photo {
  float:right; display:inline;
  margin:1em -.5em;
  width:250px;
  height:262px;

  border:4px solid #fff;
  background:url("../img/potje.jpg") 0 0 no-repeat #fff;
}


/* -------------------- wrapper clearing ---------------------- */

.clear {
  min-height:0;
}

.clear:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}

* html .clear { height:1%; }


/* -------------------- copyright ---------------------- */

#copy a {
  padding:.5em 0 5em 0;
  margin:0 0 3em 0;

  color:#6a9b52;
  font-size:.9em;
  text-decoration:none;
}

#copy a:hover {
  color:#333;
  text-decoration:underline;
}