/*
    Document   : screen
    Created on : 3-jun-2009, 10:42:33
    Author     : Ruud Simons (Groowup)
    Description: plastische-chirurgie.nl screen stylesheet
*/

body
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 12px;
	color: #666666;
	background-color: #FFFFFF
}

input
{
	font-family: Verdana;
	font-size: 11px;
	padding: 5px;
	color: #666666;
	background-color: #FFFFFF
}

input.hinted
{
	color: #d0d0d0
}

a
{
	color: #e50278;
	text-decoration: underline
}

a:hover
{
	text-decoration: none
}

h1, h2
{
	font-size: 12px;
	font-weight: bold;
	color: #e50278;
	margin-bottom: 10px
}

p
{
	margin-bottom: 12px
}

div.site
{
	width: 989px;
	margin-left: auto;
	margin-right: auto
}

div.header
{
	position: relative;
	height: 173px;
	overflow: hidden;
	background-image: url('../img/header-image.jpg');
	border-bottom: 1px solid #b2aeb5
}

div.header a.logo
{
	position: absolute;
	left: 24px;
	top: 61px;
	width: 372px;
	height: 88px;
	background-image: url('../img/logo.png')
}

div.header a.logo span
{
	display: none
}

div.header form.search
{
	position: absolute;
	left: 520px;
	top: 81px;
	width: 437px;
	height: 60px;
	background-image: url('../img/searcharea.png')
}

div.header form.search fieldset
{
	float: left;
	display: inline;
	margin-left: 19px;
	margin-top: 18px;
	width: 220px;
	margin-right: 36px
}

div.header form.search fieldset input
{
	border: 0px;
	width: 100%
}

div.header form.search button
{
	float: left;
	display: inline;
	width: 121px;
	height: 38px;
	border: 0px;
	margin-top: 12px;
	background-color: transparent;
	background-image: url('../img/zoeken.png');
	cursor: pointer
}

div.header form.search button:hover
{
	background-position: 0px -38px
}

div.header form.search button span
{
	display: none
}

ul.menu
{
	margin-top: 1px;
	background-color: #e50278;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff
}

ul.menu li
{
	float: left;
	display: inline
}

ul.menu li.firstpink
{
	background-image: url('../img/menu-corner-left.gif');
	background-repeat: no-repeat
}

ul.menu li.rightblue
{
	float: right;
	background-color: #54e5f7;
	background-image: url('../img/pinkblue-separator.gif');
	background-repeat: no-repeat;
	padding-left: 2px
}

ul.menu li.rightblue a
{
	background-image: url('../img/menu-corner-right.gif');
	background-repeat: no-repeat;
	background-position: right top
}

ul.menu li a
{
	display: block;
	padding-left: 22px;
	padding-right: 22px;
	color: #ffffff;
	text-decoration: none
}

ul.menu li a:hover, ul.menu li.active a
{
	text-decoration: underline
}

div.content
{
	clear: both;
	overflow: hidden;
	margin-left: 8px;
	margin-top: 33px;
	margin-bottom: 50px
}

div.content div.left
{
	float: left;
	display: inline;
	width: 596px;
	margin-right: 35px
}

div.content div.left h1
{
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 8px;
	padding-left: 30px;
	border-bottom: 1px dotted #cbcbcb
}

div.content div.left div.holder
{
	margin-left: 30px;
	margin-right: 30px
}

div.content div.left div.holder h2
{
	margin-top: 30px
}

div.content div.left div.holder a.readmore
{
	font-weight: bold
}

div.content div.left div.holder div.separator
{
	height: 1px;
	overflow: hidden;
	border-bottom: 1px dotted #cbcbcb;
	margin-top: 30px;
	margin-left: -30px;
	margin-right: -30px
}

div.content div.right
{
	float: left;
	display: inline;
	width: 343px
}

div.dossier
{
	position: relative;
	width: 319px;
	height: 97px;
	padding-left: 26px;
	padding-top: 104px;
	background-image: url('../img/dossier.gif')
}

div.dossier h3
{
	font-family: Arial;
	font-size: 20px;
	color: #e50278;
	font-weight: normal;
	margin-bottom: 15px
}

div.dossier p
{
	line-height: 14px;
	width: 290px;
	height: 28px;
	overflow: hidden
}

div.dossier a.readmore
{
	position: absolute;
	left: 30px;
	top: 178px;
	font-weight: bold;
	color: #ffffff
}

div.content div.right div.dossier
{
	margin-left: 1px
}

div.adlarge
{
	width: 343px;
	background-image: url('../img/ad-header.gif');
	background-repeat: no-repeat;
	padding-top: 24px
}

div.content div.right div.adlarge
{
	margin-left: 4px;
	margin-top: 9px;
	margin-bottom: 20px
}

div.tags
{
	color: #3fdff2;
	line-height: 24px;
	padding-left: 9px;
	padding-right: 9px
}

div.tags a
{
	color: #3fdff2;
	text-decoration: none
}

div.tags a:hover
{
	text-decoration: underline
}

div.tags .s1 {font-size:10px}
div.tags .s2 {font-size:14px}
div.tags .s3 {font-size:16px}
div.tags .s4 {font-size:18px}
div.tags .s5 {font-size:20px}

div.content div.right div.tags
{
	margin-bottom: 20px
}

a.intbanner
{
	width: 342px;
	height: 81px;
	overflow: hidden;
	background-image: url('../img/interne-banners.gif');
	display: block
}

a.intbanner span
{
	display: none
}

a.intbanner.twijfel
{
	background-position: 0px 0px
}

a.intbanner.twijfel:hover
{
	background-position: 0px -81px
}

a.intbanner.nietgevonden
{
	background-position: -342px 0px
}

a.intbanner.nietgevonden:hover
{
	background-position: -342px -81px
}

div.content div.right a.intbanner
{
	margin-bottom: 12px
}

div.block
{
	border: 1px solid #e7e6e6;
	padding: 11px;
	background-color: #f8f5f7;
	background-image: url('../img/block-back.gif');
	background-repeat: repeat-y;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px
}

div.block h1, div.block p, div.block a.readmore
{
	margin-left: 18px;
	margin-right: 18px
}

div.block a.readmore
{
	display: block;
	font-weight: bold
}

div.block img.display
{
	display: block;
	margin-bottom: 17px
}

div.left div.block h1
{
	font-size: 12px;
	font-weight: bold;
	color: #e50278;
	margin-bottom: 10px;
	border: 0px;
	padding: 0px
}

img.listimage
{
	border: 1px solid #cccccc;
	padding: 1px;
	width: 70px;
	height: 70px;
	overflow: hidden;
	float: left;
	display: inline;
	margin-right: 10px
}

dl.footer
{
	border: 3px solid #f0f0f0;
	background-color: #e4e3e4;
	background-image: url('../img/footer-back.gif');
	background-repeat: repeat-x;
	padding: 18px;
	padding-left: 36px;
	padding-right: 36px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #999999;
	clear: both;
	overflow: hidden;
	line-height: 15px;
}

dl.footer dd
{
	float: left;
	display: inline;
	width: 25%
}

dl.footer dd b
{
	font-size: 11px
}

dl.footer dd a
{
	display: block;
	color: #999999;
	text-decoration: none
}

dl.footer dd a:hover
{
	text-decoration: underline
}

div.copyright
{
	padding-right: 141px;
	text-align: right;
	font-weight: bold;
	color: #e50278;
	background-image: url('../img/footer-copyright.gif');
	background-repeat: no-repeat;
	background-position: right top;
	height: 78px;
	line-height: 38px
}

div.clear
{
	clear: both
}

dl.tabs
{
	clear: both;
	overflow: hidden;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	border-bottom: 1px solid #e7e6e6;
	margin-bottom: 30px;
	height: 32px
}

dl.tabs dd
{
	float: left;
	display: inline;
	line-height: 22px;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 17px;
	background-image: url('../img/tabs/inactive-l.gif');
	margin-right: 4px
}

dl.tabs dd a
{
	display: block;
	padding-top: 10px;
	color: #999999;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 17px;
	text-decoration: none;
	background-image: url('../img/tabs/inactive-r.gif')
}

dl.tabs dd a:hover
{
	text-decoration: underline
}

dl.tabs dd.active
{
	background-image: url('../img/tabs/active-l.gif')
}

dl.tabs dd.active a
{
	color: #666666;
	background-image: url('../img/tabs/active-r.gif')
}

ul.linkholder
{
	background-color: #dff9fb;
	border-top: 1px solid #3fdff2;
	border-bottom: 1px solid #3fdff2;
	margin-bottom: 12px;
	list-style-type: disc;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	overflow: hidden
}

ul.linkholder li
{
	float: left;
	width: 240px;
	margin-left: 28px
}

ul.linkholder a
{
	display: block;
	color: #666666
}

/* toevoegingen hieronder geplaatst door Ronald van h2o media */
/* forms.css */
label {font-weight:bold;}

legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:250px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:250px;height:80px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

fieldset {
float: left;
clear: left;
width: 100%;
margin: 0;
padding: 0;
border:0;
}
fieldset.submit {
float: none;
width: auto;
border: 0 none #FFF;
padding-left: 11em;
}
fieldset legend {
margin-left: 1em;
color: #000000;
font-weight: bold;
}
fieldset ol {
padding: 1em 0;
list-style: none;
}
fieldset label {
float: left;
width: 10em;
margin-right: 1em;
}
fieldset li {
float: left;
clear: left;
width: 100%;
padding-bottom: 0.5em;
}
fieldset.submit {
border-style: none;
}

/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

a.button, button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}