/* 
CSS Document voor Eguide
Datum: januari 2009
Media: Screen
Ontwikkelaar: Concept7 (www.concept7.nl)
*/

/* Wat niet tonen tijdens printen 
====================================================================== */
* {
	margin:0;
	padding:0;
}

.dontprint
, canvas
, #search
, #doormat
, .page
, #newsletter
, #footer
, #topmenu
, #tabs
, .pageoptions
, #subscribe
, #bureaunav
, #pageheader a
, .rss
, .sendto
, .url
, .print
, .share
, #controls
, .shortlist
, .contact
, .phone
{
	display:none;
}


.inline li {
  display: inline;
}

/* Hoe tonen tijdens printen 
====================================================================== */
body {
	font: 12px/1.5em arial, verdana, sans-serif;
}

img { border:0;}

.column, .bureau, .contentform {
  margin-bottom: 20px;
  clear: both;
}

.bureau {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}

#logo {
	margin-bottom: 20px;
}

#slogan {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}

h1 {
	font-size: 24px;
	margin-bottom: 20px;
}

h2 {
	font-size: 18px;
	margin: 20px 0 0 0;
	font-weight: bold;
}

#contactinfo h3 {
  margin-top: 20px;
}

h3 {
  clear: both;
}

p, .product {
	margin:0 0 18px 0;
}

.list {
	list-style-type: disc;
	list-style-position: inside;
}

.documents {
	padding:8px 0;
}

.contentphoto span {
	display: block;
	font-size:10px;
}

.contentblock li a {
	display: block;
}

.contentblock {
	margin-bottom: 18px;
}

textarea {
	width: 300px;
}

fieldset {
	border: 0;
}

form label {
	width: 200px;
	float:left;
	display: block;
}

form div {
	width:100%;
	clear:both;
	margin:0 0 12px 0;
}

.style-radios {
	display: inline;
}

.style-radios input {
	float:left;
}

.style-radios label {
	width: auto;
	margin: 0 12px 0 0;
}

legend {
	font-weight: bold;
}

.block {
  width: 223px;
  margin: 18px 18px 0 0;
  padding-bottom: 5px;
  display: inline-block;
  display: -moz-inline-stack;
  zoom: 1;
  *display: inline;
  _height: 322px;
  vertical-align: top;
}

.infoblock .img {
  width: 223px;
  height: 150px;
  margin-bottom: 12px;
  overflow: hidden;
  display: block;
  float: left;
}

#othercases li {
  width: 160px;
  padding-bottom: 19px;
  float: left;
  margin-bottom: -1px;
  overflow: hidden;
}

#othercases li ul {
  width: 150px;
  border-right: 10px solid #fff;
  float: left;
}

#othercases li ul li {
  height: auto;
  margin: 0;
  padding-bottom: 0;
}

#othercases li ul li.bureau {
  border: none;
  float: none;
  padding: 0;
}

#othercases li ul li.last {
  margin-top: 10px;
}

#othercases .img, .spotlight .img, #thumbs li, #contentright li.img, .bureau .img, #videos .img, .uitgelicht .img {
  width: 148px;
  height: 111px;
  overflow: hidden;
  display: block;
  border: 1px solid #e5e5e5;
  margin-bottom: 10px;
}

.spotlight, #othercases {
  clear: both;
  width: 100%;
  float: left;
}

.spotlight .img {
  float: left;
  margin-right: 10px;
}

.slide .img {
  width: 470px;
  height: 200px;
  display: block;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  margin-bottom: 20px;
}

.vcard {
  width: 100%;
  float: left;
  clear: both;
}

.slide {
  position: relative !important;
}