/*
Cascading Style Sheet (CSS)
Website       : Tandarts Y. Velthaak
Version       : v1.0
Author(s)     : Jack Vermaat (info /[at]/ extra-is.nl)
Company       : EXTRA internet services B.V.
Created on    : October 2012
*/

/* General formatting
-----------------------------------------------------------------------------*/
body {
	background-color: #105658;
	color: #ffffff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Geneva, sans-serif;
	font-size: 13px;
}

h1,
h2 {
	color: #ffffff; 
	font-size: 13px; 
	line-height: 20px;
}

h3 {
	color: #34cfd4; 
	font-size: 13px; 
	font-style: italic; 
	font-weight: normal; 
	line-height: 20px;
}

p {
	line-height: 20px;
}

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

a:hover {
	color: #34cfd4;
}

*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}


/* Page Structure
-----------------------------------------------------------------------------*/
#header {
	height: 281px; 
	width: 100%; 
	background: url(../images/header-bg.png) left bottom repeat-x; 
	position: relative; 
	text-align: center; 
	border-bottom: 10px solid #34cfd4; 
	padding-top: 29px;
}

#content {
	width: 970px; 
	position: relative; 
	margin: 0 auto;
}

#content div.positioning {
	width: 970px; 
	position: relative; 
	display: inline-block; 
	padding: 55px 0;
}

#content div.positioning div.leftcolumn {
	width: 510px; 
	float: left; 
	position: relative; 
	display: inline-block;
}

#content div.positioning div.rightcolumn {
	width: 460px; 
	float: left; 
	position: relative; 
	display: inline-block;
}

#content div.positioning div.leftcolumn div.minilogo,
#content div.positioning div.rightcolumn div.minilogo {
	width: 53px; 
	height: 58px; 
	float: left; 
	position: relative; 
	background: url(../images/minilogo-tandarts-y-velthaak.png) 0 0 no-repeat;
}

#content div.positioning div.leftcolumn div.dentistsblock {
	width: 510px; 
	position: relative; 
	display: inline-block; 
	padding: 50px 0 0 0;
}

#content div.positioning div.leftcolumn div.textcontainer  {
	width: 387px; 
	float: left; 
	position: relative;
}

#content div.positioning div.leftcolumn div.textcontainer.dentists  {
	width: auto;
	display: inline-block;
}

#content div.positioning div.leftcolumn div.textcontainer.dentists.first  {
	margin-right: 25px;
}

#content div.positioning div.leftcolumn div.textcontainer.dentists h2,
#content div.positioning div.leftcolumn div.textcontainer.dentists h3 {
	font-size: 12px;
}

#content div.positioning div.leftcolumn div.textcontainer.dentists a {
	font-size: 11px;
	line-height: 20px;
}

#content div.positioning div.rightcolumn div.textcontainer  {
	width: 407px; 
	float: left; 
	position: relative;
}

div.address-container {
	width: 387px; 
	position: relative; 
	display: inline-block; 
	padding-top: 10px;
}

div.address-container.first {
	padding-top: 20px;
}

div.address-container span {
	color: #34cfd4; 
	float: left; 
	width: 90px; 
	font-size: 11px; 
	line-height: 20px;
}

div.address-container p {
	float: left;	
}


/* Contactform
-----------------------------------------------------------------------------*/
div.contactform-container {
	width: 407px;
	float: left;
	display: inline-block;
	padding-top: 20px;
}

div.formrow {
	width: 407px;
	padding-bottom: 4px;
	display: inline-block;
}

div.formrow label.identifier {
	width: 95px;
	float: left;
	font-size: 11px;
	line-height: 22px;
	color: #34cfd4;
	cursor: pointer;
}

div.formrow label.identifier:hover {
	text-decoration: underline;
}

.textfield-contact {
	height: 22px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Geneva, sans-serif;
	font-size: 12px;
	border: 1px solid #127073;
	background-color: #0c494b;
	color: #ffffff;
	padding-bottom: 3px;
	padding-left: 5px;
	line-height: 22px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-appearance: none;
	float: left;
	width: 205px;
}

.textarea-contact {
	height: 92px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Geneva, sans-serif;
	font-size: 12px;
	border: 1px solid #127073;
	background-color: #0c494b;
	color: #ffffff;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-top: 2px;
	line-height: 18px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-appearance: none;
	resize: none;
	float: left;
	width: 280px;
}

.textfield-contact.focus,
.textarea-contact.focus {
	border: 1px solid #0c494b;
	background-color: #127073;
}

div.formbuttoncontainer {
	padding-top: 10px;
	float: left;
}

input.formbutton {
	display: inline-block;
	color: #0b5b5e;
	border: 1px solid #0b5b5e;
	background: url(../images/button-bg.png) 0 0 repeat-x;
	padding: 4px 10px 7px 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Geneva, sans-serif;
	font-size: 12px;
	cursor: pointer;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-appearance: none;
}

input.formbutton:hover {
	background-position: 0 -40px;
}


/* Validation
-----------------------------------------------------------------------------*/
div.validation-notice,
div.validation-notice.default {
	float: left;
	width: 15px;
	height: 15px;
	display: block;
	margin: 6px 0 0 5px;
	position: relative;
	background: url(../images/icon-validation.png) no-repeat;
	z-index: 50;
}

div.validation-notice.largefield {
	z-index: 49;
}

div.validation-notice.success {
	background-position: 0 -15px;
}

div.validation-notice.error {
	background-position: 0 -30px;
	cursor: help;
}

div.validation-notice.error:hover span.error {
	display: block;
}

div.validation-notice span {
	background-color: #ffe4e4;
	border: 1px solid #ce0404;
	color: #ce0404;
	position: absolute;
	width: 150px;
	padding: 4px 10px 9px 10px;
	left: 20px;
	font-size: 11px;
	line-height: 18px;
	display: none;
}

div.submit-validation {
	color: #ce0404;
	background-color: #ffe4e4;
	position: relative;
	width: 365px;
	border: 1px solid #ce0404;
	margin-top: 10px;
	float: left;
	font-size: 11px;
	line-height: 20px;
	padding: 10px 0 13px 15px;
}

div.submit-validation ul {
	list-style: none;
	padding: 0px;
}

div.submit-validation ul li {
	background: url(../images/icon-error.png) 0 4px no-repeat;
	padding-left: 21px;
}

div.submit-validation ul li label {
	text-decoration: underline;
	cursor: pointer;
}

div.submit-validation ul li label:hover {
	color: #d0352b;
}