/*
 * FCO
 * @author: Maarten Wierda
 *
 */
@import url(reset.css);

body {
	color: #4f4f4f;
	background: #fff;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 62.5%;
	overflow-x: hidden;
}

a {
	color: #4f4f4f;
	text-decoration: none;
}

address {
	line-height: 2em;
	margin-bottom: 1.3em;
}

strong {
	font-weight: bold;
}

h2 {
	margin-bottom: 0;
	font: normal bold 1.296em/1.222em Arial, sans-serif;
	color: #32b6b0;
}

h3 {
	margin-bottom: 0.33em;
	font: normal bold 1.5em/2em Arial, sans-serif;
}

h4 {
	font: normal normal 1.7em/2.2em Arial, sans-serif;
}

h5 {
	font-weight: bold;
}


a:hover {
	color: #32b6b0;
}

em {
	font-style: italic;
}

/**
 * Layout
 */

#canvas {
	position: relative;
	width: 99em;
	margin: 0 auto;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 25.4em;
	height: 10.8em;
	z-index: 99;
}

#home #logo {
	width: 31.2em;
	height: 13.4em;
}

#corps-size {
	position: absolute;
	right: 0;
	top: 0.5em;
}

#corps-size span {
	cursor: pointer;
}

#corps-size .corps-size-bigger {
	font-size: 1.3em;
}

#corps-size .corps-size-biggest {
	font-size: 1.6em;
}

#header {
	height: 4.5em;
}

#footer {
	border-top: 1px solid #4f4f4f;
	padding-top: 0.5em;
}

#footerquote {
	display: block;
	font-size: 1.92em;
	font-family: Arial;
	color: #2EBDB6;
	padding-bottom: 0.52em;
}

span#footerquote a {
	color: #2EBDB6;
}

span#footerquote h1, span#footerquote h2, span#footerquote h3, span#footerquote h4, span#footerquote h5, span#footerquote h6 {
	font: inherit;
}

span#footerquote h1{
	font-size: 2.88em;
}

span#footerquote h2{
	font-size: 2.64em;
}

span#footerquote h3{
	font-size: 2.16em;
}

span#footerquote h4{
	font-size: 1.92em;

}

span#footerquote h5{
	font-size: 1.68em;
}

span#footerquote h6{
	font-size: 1.44em;
}

#footer a {
	float: right;
	margin-left: 0;
}

#main #footer .wrapper {
	width: 79.5em;
}

#main.columns #footer .wrapper {
	width: 91.5em;
	margin: 0 auto;
}

#footer .wrapper address {
	font-size: 1.2em;
	float: left;
}

#footer .wrapper #marks {
	position: relative;
	width: 42.5em;
	height: 10em;
	top: 0;
	float: right;
	background-color: #ffffff;
}

#footer .wrapper #marks img {
	padding: 0 1em;
}

#home-footer {
	width: 100%;
	position: absolute;
	top: 65em;
}

#home-footer #footer {
	position: relative;
	width: 99em;
	border-top: 0;
}

#home-footer #footer .wrapper {
	overflow: hidden;
}

#home-footer #footer .social {
	position:relative;
	height: 20px;
	float: right;
	width: 50px;
	top: 60px;
}

#home-footer #footer .social a {
	float: left;
	margin-right: 5px;
}

#home-footer .wrapper {
	width: 99em;
}

#home-footer #footerquote .newsitems {
	display: block;
	width: 99em;
	height: 2.6em;
	overflow: hidden;
	position: relative;
}

#home-footer #footerquote .newsitems .newsitem {
	display: block;
	height: 2.6em;
	line-height: 2.6em;
}

.js_enabled #home-footer #footerquote .newsitems .newsitem {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.js_enabled #home-footer #footerquote .newsitems .newsitem.on {
	display: block;
}

#home {
	position: relative;
	/* height: 516px; */
	height: 72em;
}

#home #video {
	position: absolute;
	top: 30px;
	z-index: 3;
}

#home #nav_main {
	top: 35px;
	right: -6px;
	left: auto;
}

#home #newsCarousel {
	position: absolute;
	z-index: 4;
	width: 600px;
	bottom: 0;
	right: -50px;
	text-align: center;
}

#home #newsCarousel .carousel-inner {
	position: relative;
	width: 400px;
	margin: 0 auto 30px;
	padding: 5px;
	z-index: 4;
}

#home #newsCarousel > h1 {
	display: none;
	text-align: left;
}

#home #newsCarousel .carousel-inner .item {
	background: #fff;
	padding: 30px;
	border-radius: 5px;
	text-align: left;
}

#home #newsCarousel .carousel-inner .item section h1,
#home #newsCarousel .carousel-inner .item section h1 a {
	font: normal bold 24px/26px Arial, sans-serif;
	color: #006e9c;
	text-transform: lowercase;
	margin-bottom: 20px;
	top: 3em;
}
#home #newsCarousel .carousel-inner .item section p {
	font: normal normal 14px/20px Arial, sans-serif;
}

#home #newsCarousel .carousel-indicators {
	position: absolute;
	top: auto;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 15px;
	text-align: center;
}

#home #newsCarousel .carousel-indicators li {
	display:inline-block;
	float: none;
	*display: inline; /* IE7 hack */
    *zoom: 1; /* IE7 hack */
}

#home #newsCarousel .carousel-control {
	top: 41%;
	background: none;
	color: #006e9c;
	border-color: #fff;
	opacity: 1;
	background: #006e9c url(../images/backgrounds/arrow_left.png) no-repeat center center;
	text-indent: -9999px;
	z-index: 6;
	width: 30px;
	height: 30px;
}

#home #newsCarousel .carousel-control.left {
	left: 80px;
}

#home #newsCarousel .carousel-control.right {
	right: 80px;
	background-image: url(../images/backgrounds/arrow_right.png);
}

/**
 * Navigation
 */

#nav-toggle {
	display: none;
}

#nav_main {
	position: absolute;
	top: 3.5em;
	left: 25.4em;
	z-index: 99;
	overflow: visible;
	width: 74.1em;
	height: 5em;
}

#nav_main li {
	height: 5em;
}

#nav_main > li > a {
	display: block;
	float: left;
	height: 5em;
	text-indent: -9999px;
	background: url(../images/backgrounds/nav_main.png) top left no-repeat;
}

/*
#nav_main li#nav_het_centrum   a { width: 146px; background-position:    0px 0px; }
#nav_main li#nav_behandelingen a { width: 146px; background-position: -146px 0px; }
#nav_main li#nav_vergoedingen  a { width: 149px; background-position: -292px 0px; }
#nav_main li#nav_huisartsen    a { width: 147px; background-position: -441px 0px; }
#nav_main li#nav_contact       a { width: 149px; background-position: -588px 0px; }

#nav_main li#nav_het_centrum.current a, #nav_main li#nav_het_centrum a:hover {
	background-position:    0px -40px;
}

#nav_main li#nav_behandelingen.current a, #nav_main li#nav_behandelingen a:hover {
	background-position: -146px -40px;
}

#nav_main li#nav_vergoedingen.current a, #nav_main li#nav_vergoedingen a:hover {
	background-position: -292px -40px;
}

#nav_main li#nav_huisartsen.current a, #nav_main li#nav_huisartsen a:hover {
	background-position: -441px -40px;
}

#nav_main li#nav_contact.current a, #nav_main li#nav_contact a:hover {
	background-position: -588px -40px;
}
*/
#nav_main > li#nav_250 { width: 149px; }	/* het centrum */
#nav_main > li#nav_252 { width: 166px; }	/* dermatologie */
#nav_main > li#nav_572 { width: 153px; }	/* cosmetisch - 572 */
#nav_main > li#nav_447 { width: 135px; }	/* nieuws */
#nav_main > li#nav_271 { width: 133px; } 	/* contact */

#nav_main > li#nav_250 > a { width: 149px; background-position:    0px 0px; }	/* het centrum */
#nav_main > li#nav_252 > a { width: 166px; background-position: -149px 0px; }	/* dermatologie */
#nav_main > li#nav_572 > a { width: 153px; background-position: -315px 0px; }	/* cosmetisch - 572 */
#nav_main > li#nav_447 > a { width: 135px; background-position: -468px 0px; }	/* nieuws */
#nav_main > li#nav_271 > a { width: 133px; background-position: -603px 0px; }	/* contact */

/* het centrum */
#nav_main > li#nav_250.current > a,
#nav_main > li#nav_250 > a:hover {
	background-position: 0em -5em;
}

/* dermatologie */
#nav_main > li#nav_252.current > a,
#nav_main > li#nav_252 > a:hover {
	background-position: -14.9em -5em;
}

/* cosmetisch - 572 */
#nav_main > li#nav_572.current > a,
#nav_main > li#nav_572 > a:hover {
	background-position: -31.5em -5em;
}

/* nieuws */
#nav_main > li#nav_447.current > a,
#nav_main > li#nav_447:hover > a {
	background-position: -468px -50px;
}

/* contact */
#nav_main > li#nav_271.current > a,
#nav_main > li#nav_271 > a:hover {
	background-position: -60.3em -5em;
}

#home #video_home {
	top: 25px;
	position: absolute;
	top: 3em;
}

#nav_service {
	position: absolute;
	top: 1em;
	right: 8em;
	z-index: 99;
}

#nav_service li {
	margin-right: 0.9em;
	padding-right: 0.9em;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 2em;
	border-right: 1px solid #e1e1e1;
	line-height: 26px !important;
}

#nav_service li a {
	color: #7d7d7d;
}

#nav_service li.current a,
#nav_service li a:hover {
	color: #006f9d;
}

#nav_service li.last {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}

#nav_service li#nav_videotour a {
	padding-left: 1.5em;
	color: #32b6b0;
	background: url(../images/backgrounds/arrow_nav_service.png) center left no-repeat;
}

#nav_main > li {
	font-size: 1em !important;
}

#nav_main .dropdown-menu {
	display: none;
	position: absolute;
	top: 50px;
	z-index: 9999;
	background: url(../images/backgrounds/dropdown-menu.png) repeat left top;
	padding: 20px 0;
	right: 5px;
	max-width: 736px;
	overflow: hidden;
	font-size: 1.3em;
}

#nav_main li:hover .dropdown-menu {
	display: block;
}

#nav_main .dropdown-menu > li {
	display: block;
	padding-right: 2em;
	margin-right: 2em;
	font-weight: bold;
	height: auto;
	border-right: 2px solid #FFF;
}

#nav_main .dropdown-menu > li:last-child {
	border-right: none;
}

#nav_main .dropdown-menu.two-cols > li {
	max-width: 22em;
}

#nav_main .dropdown-menu.three-cols > li {
	max-width: 15em;
}

#nav_main .dropdown-menu > li > h4 {
	padding: 0 10px;
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0;
}

#nav_main .dropdown-menu > li > h4 > a {
	color: #fff;
	font-weight: bold;
}

#nav_main .dropdown-menu > li > ul {
	margin: 10px 0 0;
}

#nav_main .dropdown-menu > li > ul > li {
	height: auto;
	padding: 5px 10px;
	margin-bottom: 5px;
	float: none;
	cursor: pointer;
}

#nav_main .dropdown-menu > li > ul > li:hover {
	background: #3cb0c2;
}

#nav_main .dropdown-menu > li > ul > li > a {
	color: #fff;
	height: 12px;
	background: url(../images/backgrounds/arrow_submenu.png) no-repeat left top;
	padding-left: 25px;
}

#nav_sub {
	position: absolute;
	top: 8.5em;
	left: 25.3em;
	z-index: 99;
	width: 73.7em;
	height: 3em;
	padding: 0;
	background-color: #fff;
}

#nav_sub li {
	padding-top: 0.6em;
	padding-bottom: 0.7em;
}

#nav_sub li.current {
	background: #006f9d;
}

#nav_sub li a {
	padding: 0 1.2em;
	font-weight: bold;
	line-height: 1.7em;
	color: #7d7d7d;
	border-right: 1px solid #e1e1e1;
	font-size: 1.3em;
}

#nav_sub li a:hover {
	color: #14a8c1;
}

#nav_sub li.current a {
	color: #fff;
	border-right: 0;
}

#nav_sub li.last a {
	border-right: 0
}

#nav_tabs {
	margin-bottom: 2.143em;
	border-bottom: 1px solid #92d0cc;
}

#nav_tabs li {
	margin: 0 !important;
	list-style: none !important;
}

#nav_tabs li a {
	display: block;
	padding: 0.714em;
	font-size: 0.857em;
	font-weight: bold;
	color: #7d7d7d;
}

#nav_tabs li.current a,
#nav_tabs li.current a:hover {
	color: #fff;
	background-color: #32b6b0;
}

#nav_tabs li a:hover {
	color: #4f4f4f;
	background-color: #ececec;
}


div#behandel ul#nav_sub{
	position: relative;
	top: 0;
	left: 0;
	display: block;
	border-bottom: 1px solid #E1E1E1;
	height: 5em;
	margin-bottom: 3em;
}

div#behandel ul#nav_sub li{
	height: 5em;
	line-height: 4em;
}

div#behandel ul#nav_sub li.current {
	background-color: #32B6B0;
}

div.block.cosmetisch {
	height: 5.4em;
	width: 27.3em;
	line-height: 4em;
	margin-bottom: 2em;
}

div.block.cosmetisch h4 a {
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}

div.block.cosmetisch  .inner{
	padding: 0.5em 1em;
	width: 25.3em;
	position: relative !important;
	bottom: auto !important;
	left: auto !important;
	background-color: #2EBDB6;
}

div.block.cosmetisch .inner:hover {
	background-color: #249E99;
}

div.block.cosmetisch.even .inner {
	background-color: #0074A0;
}

div.block.cosmetisch.even .inner:hover {
	background-color: #006187;
}

div.block.cosmetisch .more {
	height: 2em;
	left: 0;
	line-height: 2em;
	position: relative;
	top: 0;
	width: 25.8em;
}

/**
 * Breadcrumbs
 */

#breadcrumbs {
	overflow: hidden;
	padding: 0 1.5em;
	background-color: #ececec;
}

#breadcrumbs .breadcrumb {
	display: block;
	float: left;
	line-height: 2.308em;
	font-size: 1.3em;
	text-transform: lowercase;
}

#breadcrumbs .breadcrumb.arts {
	text-transform: none;
}

#breadcrumbs .breadcrumb a:hover {
	color: #89ba17;
}

#breadcrumbs .breadcrumb.current {
	font-weight: bold;
}

#breadcrumbs .separator {
	padding: 0 .4em;
}

/**
 * Content
 */

#main {
	position: absolute;
	top: 36em;
	right: 0;
	width: 79.5em;
	z-index: 99;
}

#main.columns {
	width: 91.5em;
}

#banner-container {
	position: absolute;
	top: 3.5em;
	left: 0;
	width: 99em;
	height: 40.5em;
	overflow: hidden;
}

#banner {
	position: absolute;
	top: 4em;
	left: 0;
	width: 99em;
	height: 40.5em;
	overflow: hidden;
}

#main #heading {
	height: 1em;
	padding: 0.4em 0.5em 0.6em 1.875em;
	color: #fff;
	font-size: 4em;
	font-weight: bold;
	text-transform: lowercase;
	background: tranparent url(../images/backgrounds/arrow_heading.png) 0.5em 0.5em no-repeat;
	opacity: 0.9;
	z-index: 99;
}

#main #heading h1.arts {
	text-transform: none;
}

#container_content {
	overflow: hidden;
	margin-top: 2em;
	margin-bottom: 3em;
}

#content {
	font: normal normal 1.4em/2em Arial, sans-serif;
}

#sidebar .treatment_group {
	font: normal normal 1.4em/2em Arial, sans-serif;
}

#content h3,
.treatment_group h3 {
	margin-bottom: 0.33em;
	font: normal bold 1.071em/1.33em Arial, sans-serif;
}

#content h3 a,
.treatment_group h3 a {
	padding-left: 1.429em;
	background: url(../images/backgrounds/arrow_green.png) center left no-repeat
}

#content h4,
.treatment_group h4 {
	font: normal normal 1.214em/1.308em Arial, sans-serif;
}

#content a,
.treatment_group a {
	color: #32b6b0;
}

#content a:hover,
.treatment_group a:hover {
	color: #14a8c1;
}

#content p {
	margin-bottom: 1.5em;
	line-height: 1.75em;
}

#content p a,
.treatment_group p a {
	padding-bottom: 0.1em;
	border-bottom: 1px solid #14a8c1;
}

#content p a:hover,
.treatment_group p a:hover {
	border: none;
}

#content li {
	margin-left: 1.429em;
	margin-bottom: 0.929em;
	line-height: 1.429em;
}

#content ul li {
	list-style: square;
}

#content ul li ul {
	margin-top: 1.3em;
}

#content ul li ul li {
	margin-bottom: .65em;
}

#content ol li {
	list-style: decimal;
}

#content dl {
	margin-bottom: 1.3em;
}

#content dt {
	margin-bottom: .65em;
	font-weight: bold;
}

#content dd {
	margin-bottom: 1.3em;
	margin-left: 1.3em;
}

#content #intro {
	margin-bottom: 2em;
}

#content #intro p {
	font: normal bold 1.071em/1.5em Arial, sans-serif;
}

#content .column {
	width: 48%;
	margin-right: 2%;
}

#content .column.last {
	margin-right: 0;
}

#main.columns.left #content .column {
	width: 29.7em;
}

#content li.item,
.treatment_group li.item {
	margin-left: 0;
	margin-bottom: 1.2em;
	padding-bottom: 1.2em;
	list-style: none;
	border-bottom: 1px solid #92d0cc;
}

#content li.item .summary,
.treatment_group li.item .summary {
	margin-bottom: 0;
}

#content li.item .summary p,
.treatment_group li.item .summary p {
	margin-bottom: 0;
}

#content li.item .url,
.treatment_group li.item .url {
	margin-bottom: 0;
}

#content #artsen li.item p.function {
	font-weight: bold;
}

#content #artsen li.item {
	float: left;
	width: 47%;
	height: 10.714em;
	margin-right: 3%;
	border-bottom: 0;
}

#content #artsen li.item .image {
	float: left;
	margin-right: 2em;
}

#content #artsen li.item .info {
	margin-top: 2em;
}

#content #faq li.item.faq {
	margin-bottom: 1.2em;
	padding-bottom: 0.7em;
	border-bottom: 1px solid #ececec;
}

#content #faq li.item.faq:first-child {
	margin-top: 1.5em;
}

#content #faq li.item.faq h4 {
	font-weight: bold;
	font-size: 1em;
}

#content #faq li.item.faq .answer {
	margin-top: 1em;
}

#content #faq h3 {
	color: #32B6B0;
}


table {
	width: 100%;
	margin-bottom: 3em;
	border-collapse: separate;
}

table col.type			{ width: 18%; }
table col.dbc			{ width: 8%; }
table col.omschr		{ width: 50%;}
table col.honorarium	{ width: 8%; }
table col.tarief		{ width: 8%; }
table col.totaal		{ width: 8%; }

table th,
table tr,
table td {
	text-align: auto !important;
}

table tbody td.dbc,
table tbody td.price {
	font-size: 1.1em;
}

table tbody td.price {
	white-space: nowrap;
}

table thead td {
	padding: 0.357em;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	background-color: #32B6B0;
}

table tbody th {
	padding: 0.5em 0.5em 0.4em;
	font-weight: bold;
	border-bottom: 1px solid #4f4f4f;
	border-top: 1px solid #4f4f4f;
	background-color: #ececec;
}

table tbody td {
	padding: 0.357em 0.357em 0.286em;
	border-bottom: 1px solid #ececec;
}

table tbody td.valign-center {
	vertical-align: middle;
}

table tbody td.type {
	font-size: 1.1em;
	font-weight: bold;
	border-right: 1px solid #ececec;
	background-color: #fff;
	background-color: #ececec;
}

.js_enabled .faq .question:hover {
	color: #32b6b0;
	cursor: pointer;
}

.block {
	position: relative;
	color: #fff;
	margin-bottom: 4.5em;
	cursor: pointer;
	height: 27.1em;
	background-repeat: no-repeat;
}

.block .inner {
	position: absolute;
	bottom: 2.9em;
	left: 1.6em;
	padding: 1.5em;
	background-color: #32b6b0;
	opacity: 0.9;
	-moz-border-radius-topleft: 1em;
}

.block .inner h4 {
	margin-bottom: 0;
	padding-left: 1em;
	text-transform: lowercase;
	background: url(../images/backgrounds/arrow_block.png) center left no-repeat;
	font-size: 2em;
	line-height: 1.1em;
	margin: 0;
}

.block .inner h4 a {
	border-bottom: 0;
}

.block .inner a {
	color: #fff;
}

.block .inner p {
	font: normal bold 1.3em/1.462em Arial, sans-serif;
}

.block .inner a {
	padding-bottom: 0.1em;
	border-bottom: 1px solid #ececec;
}

.block .inner a:hover {
	border-bottom-color: #93d0cd;
}

.block p.more {
	position: absolute;
	bottom: 0px;
	font-size: 1.3em;
	left: 1.231em;
	width: 18.615em;
	height: 2.231em;
	padding-left: 1.154em;
	line-height: 2.231em;
	background-color: #ececec;
}

.block p.more a {
	font-weight: bold;
}

.block p.more a:hover 	{
	color: #32b6b0;
}

/*
#block_afspraak {
	height: 271px;
	background: url(../images/block_afspraak.jpg) no-repeat;
}


#block_kwaliteitsbeleid {
	height: 271px;
	background: url(../images/block_afspraak.jpg) no-repeat;
}

#block_adresgegevens {
	position: static;
}
*/

#block_adresgegevens .inner {
	position: static;
	font-size: 1.2em;
}

#block_adresgegevens .inner p {
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: 1em;
}

.columns {
	overflow: hidden;
}

.column {
	float: left;
}

.column#content{
	width: 68.5%;
	margin-right: 1.5%;
}

#template-cosmetisch #main.column.left #content {
	width: 60em;
}

#main.columns.left #content {
	margin-left: 1.7em;
	margin-right: 0;
}

#template-cosmetisch #main.columns.left #content {
	margin-right: 1.5%;
	margin-left: 0;
}

#template-cosmetisch #faq h2,
#template-cosmetisch #faq h3,
#template-cosmetisch .faq .question:hover {
	color: #0074A0 !important;
}

#main #sidebar {
	display: none;
}

#main.columns #sidebar {
	display: block;
}

.column#sidebar {
	width: 30%;
}

a.button {
	display: block;
	float: left;
	height: 2.9em;
	padding-left: 1em;
	background: url(../images/backgrounds/button_blue.png) bottom left;
}

a.button span {
	display: block;
	height: 0.414em;
	padding: 0.417em 0.833em .417em 0;
	font: normal bold 1.2em Arial, sans-serif;
	line-height: 1.583em;
	text-shadow: #444 1px 1px 0;
	color: #fff;
	border: 0;
	background: url(../images/backgrounds/button_blue.png) top right;
}

a.button:hover,
a.button:hover span {
	background-image: url(../images/backgrounds/button_green.png);
}


.js_enabled .treatment_group h2 {
	cursor: pointer;
}

#form_contact .form_row {
	margin-bottom: 1em;
}

#form_contact .form_row label {
	width: 33%;
	line-height: 1.429em;
	margin-right: 2%;
	text-align: right;
}

#form_contact .form_row label.error {
	margin-left: 15.385em;
	color: red;
	font-size: 1.3em;
	font-weight: normal;
	width: 40.5em;
}

#form_contact .form_row .form_field {
	width: 65%;
	float: left;
}

#form_contact .form_row input.text_input,
#form_contact .form_row textarea.text_input {
	width: 27.5em;
	float: right;
}

#form_contact .form_row textarea.text_input {
	height: 15em;
}

#form_contact .form_button {
	float: right;
}

/**
 * Formulierlementen
 */

form .response {
	margin-bottom: 1em;
	padding: 1.5em;
	font-weight: bold;
	color: #fff;
	background-color: #32b6b0;
	-moz-border-radius: 5px;
}

form .response.success {
	background-color: #7bb624;
}

#content form .response p {
	margin-bottom: 0;
}

form .errors {
	padding: 1.4em;
	font-weight: bold;
	color: #fff;
	border: 1px solid #32b6b0;
	background-color: #32b6b0;
	-moz-border-radius: 5px;
}

#content form .errors li {
	margin: 0;
	margin-bottom: 1em;
}


.form_group.form_col {
	float: left;
}

.form_group label {
	font-weight: bold;
	color: #32b6b0;
}

.form_group.form_row {
	overflow: hidden;
}

.form_group.form_col label {
	display: block;
}

.form_group.form_row label {
	display: block;
	float: left;
}

select {
	font: normal normal 0.857em Arial, sans-serif;
	line-height: 1em;
	height: auto;
}

.text_input {
	padding: 0.643em;
	font: normal normal 1em Arial, sans-serif;
	border: 1px solid #c3c3c3;
	-moz-border-radius-topleft: 5px;
}

.text_input.error {
	border-color: #ed2222;
	clear: none;
}

input.text_input.placeholder,
input.text_input.placeholder.error {
	color: #6e6e6e;
}

.form_button {
	overflow: hidden;
}

.form_button .button {
	display: block;
	float: left;
	height: 2.485em;
	padding-left: 0.731em;
	background-color: #32b6b0;
	-moz-border-radius: 5px;
	cursor: pointer;
}

.form_button .button input.button {
	padding: 0.357em 0.715em 0.357em 0;
	font: normal bold 1em Arial, sans-serif;
	color: #fff;
	border: 0;
	background-color: #32b6b0;
	-moz-border-radius: 5px;
}

.form_button.hover .button,
.form_button.hover .button input.button {
	background-color: #006e9c;
}

.nav {
	overflow: hidden;
	margin: 0;
}

.nav li {
	float: left;
	list-style: none;
	line-height: auto;
	text-transform: lowercase;
}

/*
	Zorgverzekeraars
*/
.content-zorgverzekeraars ul {
	list-style-type: none;
	margin-left: 6em;
	overflow: hidden;
	padding-bottom: 2em;
	border-bottom: 1px solid #ececec;
	margin-bottom: 2em;
}

.content-zorgverzekeraars ul li {
	float: left;
	margin: 0 5em 0 0 !important;
	width: 23em;
	line-height: auto !important;
	list-style-type: none !important;
}

/*
	Formulier afspraak maken
*/
fieldset {
	clear: both;
	padding-top: 2em;
}

fieldset.left {
	clear: none;
	float: left;
	width: 50%;
	padding-top: 0;
}

fieldset.left-2 {
	clear: both;
	float: left;
	width: 50%;
	padding-top: 2em;
}

fieldset.right {
	clear: none;
	float: right;
	width: 50%;
	padding-top: 0;
}

fieldset.right-2 {
	clear: none;
	float: right;
	width: 50%;
	padding-top: 2em;
}

fieldset.left .form-row .form-label,
fieldset.left-2 .form-row .form-label,
fieldset.right .form-row .form-label,
fieldset.right-2 .form-row .form-label {
	width: 42%;
}

fieldset.left .form-row .form-field,
fieldset.left-2 .form-row .form-field,
fieldset.right .form-row .form-field,
fieldset.right-2 .form-row .form-field {
	width: 56%;
}

.form-row {
	margin-bottom: 0.714em;
	overflow: hidden;
	display: block;
}

.form-row .form-label {
	float: left;
	width: 20%;
	line-height: 1.429em;
	margin-right: 2%;
}

.form-row .form-label p {
}

.form-row .form-field {
	float: left;
	overflow: hidden;
	width: 78%;
}

.form-row .form-field input {
	border: 1px solid #939292;
	font-size: 0.786em;
}

.form-row .form-field select {
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	_border-right: 0;
	border-color:#939292;
	font-size: 0.857em;
}

.form-row .form-field textarea {
	border: 1px solid #939292;
}

.form-row .form-field input.textfield {
	width: 18.182em;
}

.form-row .form-field select {
	width: 16.917em;
}

.form-row .form-field textarea {
	width: 55em;
	height: 12.5em;
	font-family: Arial, sans-serif;
	font-size: 0.857em;
}

.form-row .form-field input.datepicker {
	width: 6.182em;
	float: left;
	margin-right: 0.786em;
}

.form-row .form-field select.terugbelmomenttijd1 {
	float: left;
	width: 10.457em;
}

.form-row .form-field select.voorkeurstijd {
	float: left;
	width: 11em;
}

.form-row .form-field p {
	float: left;
	margin-right: 1em;
	margin-bottom: 0 !important;
}

.submitbutton {
	margin-left: 20em;
	margin-top: 1em;
}

#intake-colorbox {
	padding: 2.5em;
	position: relative;
	width: 91.5em;
}

#intake-colorbox p {
	margin-bottom: 1em;
}

.buttons {
	overflow: hidden;
	width: 30em;
	margin: 2em auto 0;
}

.doorgaan {
	text-transform: uppercase;
	color: #fff;
	padding: 2em;
	display: block;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	background: #7bb624;
	width: 10em;
	float: left;
}

.cancel {
	text-transform: uppercase;
	color: #fff;
	padding: 2em;
	display: block;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	background: red;
	width: 10em;
	float: left;
	margin-right: 2em;
}

p.warning {
	position: absolute;
	text-align: center;
	width: 60em;
	padding-top: 1em;
}

p.backtotop {
	position: fixed;
	z-index: 999;
	right: 2em;
	bottom: 0.5em;
	background: #7bb624 url(../images/backgrounds/arrow_up.png) no-repeat 0.5em center;
	color: #fff;
	cursor: pointer;
	padding: 0.5em 0.5em 0.5em 2.5em;
}

.error {
	display: block;
	clear: both;
	color: red;
}

.input-error {
	border: 1px solid red;
}

small {
	font-size: 0.8em;
	color: #939292;
}

a.noshow {
	cursor: pointer;
}

#afspraakform {
	margin-top: 1.429em;
	position: relative;
}

#template-cosmetisch #content a {
	color: #0074A0;
}

#template-cosmetisch #content p a {
	border-bottom: #0074A0;
}

#template-cosmetisch #nav_tabs li.current a,
#template-cosmetisch #nav_tabs li.current a:hover {
	color: #fff;
	background-color: #0074A0;
}

#template-cosmetisch #nav_tabs {
	border-bottom: 1px solid #0074A0;
}

div.quote p {
	font-size: 1.8em;
	line-height: 1.111em;
	color: #2EBDB6;
	margin-top: 0.556em;
}

/* Afspraak form
 */
.js_enabled #form-row-huisarts { display: none; }
.js_enabled #form-row-ingreep,
.js_enabled select#soortingreep-dermatologie,
.js_enabled select#soortingreep-flebologie,
.js_enabled select#soortingreep-cosmetisch,
.js_enabled select#soortingreep-overig
 { display: none; }
.js_enabled #form-row-voorkeursdagen { display: none; }
.js_enabled #form-row-voorkeurarts { display: none; }

/*
*	Behandeling pagina
*/
.behandelings-pagina .intro p {
	font-weight: normal;
}

.behandelings-pagina .read-more {
	cursor: pointer;
	color: #7D7D7D;
	text-decoration: underline;
	display: block;
	text-align: right;
	background: url("../images/backgrounds/traingle_down.png") no-repeat scroll right center transparent;
    padding-right: 1.667em;
	font-size:0.9em;
}

.behandelings-pagina .read-more:hover {
	text-decoration: none;
}

.behandelings-pagina #content .feedback-block h3 {
	background-color: #ececec;
	padding: 0 0.714em;
	line-height: 2.7em;
	margin: 0;
	width: 15.714em;
	float: left;
}

.behandelings-pagina .feedback-block button {
	background-color: #32b6b0;
	padding: 0 1em;
	color: #fff;
	border: 0 none;
	font-weight: bold;
	margin-left: 0.8em;
	line-height: 4em;
	height: 4em;
	cursor: pointer;
	font-size: 0.714em;
}

.behandelings-pagina .feedback-block.given button {
	background-color: #7d7d7d;
	cursor: default;
}

.behandelings-pagina .feedback-block.given button.voted {
	background-color: #7bb624;
}

.behandelings-pagina .feedback-block button img {
	display: inline-block;
	margin: -0.3em 0.5em 0 0;
	vertical-align: middle;
}

.behandelings-pagina #question_specialist {
	margin-top: 2.5em;
}

.behandelings-pagina #content #question_specialist h3 {
	color: #32b6b0;
	font-size: 1.286em;
	padding-right: 1.111em;
	background: url("../images/backgrounds/traingle_down.png") no-repeat scroll right center transparent;
	display: inline;
	cursor: pointer;
}

.behandelings-pagina #question_specialist h3.expanded {
	background: url("../images/backgrounds/traingle_up.png") no-repeat scroll right center transparent;
	padding-right: 2em;
}

.behandelings-pagina #question_specialist form {
	margin-top: 2em;
}

.behandelings-pagina #question_specialist p.notification {
	margin-top: 2em;
}

.behandelings-pagina #question_specialist .form_row {
	margin-bottom: 1em;
}

.behandelings-pagina #question_specialist .form_row label {
	color: #4f4f4f;
	width: 33%;
	line-height: 1.429em;
	margin-right: 2%;
	text-align: right;
}

.behandelings-pagina #question_specialist .form_row label.error {
	margin-left: 169.231em;
	color: red;
	font-size: 1.3em;
	font-weight: normal;
	width: 311.538em;
	text-align: left;
}

.behandelings-pagina #question_specialist .form_row .form_field {
	width: 65%;
	float: left;
	resize: none;
	line-height: 1.8em;
}

.behandelings-pagina #question_specialist .form_row input.text_input,
.behandelings-pagina #question_specialist .form_row textarea.text_input {
	width: 27.5em;
	float: right;
}

.behandelings-pagina #question_specialist .form_row textarea.text_input {
	height: 15em;
}

.behandelings-pagina #question_specialist .form_button {
	float: right;
}

.behandelings-pagina #question_specialist ul.errors li {
	margin-bottom: 0;
}

#ui-datepicker-div {
	display: none;
}

#cookiemelding {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: url(/fco/templates/default/images/backgrounds/cookiemelding.png) repeat top left;
	z-index: 9999;
}

#cookiemelding .inner {
	width: 99em;
	margin: 0 auto;
	padding: 1em 0;
}

#cookiemelding .inner p {
	font-size: 1.2em;
	line-height: 1.667em;
	color: #fff;
	text-align: center;
}

#cookiemelding #agree {
	position: absolute;
	right: 3em;
	top: 0.7em;
	cursor: pointer;
	color: #fff;
	padding: .3em 0.7em;
	background: #7fc241 url(/fco/templates/default/images/buttons/akkoord.png) repeat-x top left;
	border-radius: 3px;
	font-size: 1.3em;
}

#cookiemelding #agree span {
	padding-left: 0.5em;
	color: #000;
}

#cookiemelding a {
	color: #fff;
	text-decoration: underline;
}

#loadingscreen {
	position: absolute;
	z-index: 9999;
	background: url(/fco/templates/default/images/backgrounds/white_transparant.png) repeat top left;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#loadingscreen .inner {
	width: 100%;
	height: 100%;
	background: url(/fco/templates/default/images/loading.gif) no-repeat center center;
}

.cookies {
	overflow: hidden;
}

.cookiebutton {
	cursor: pointer;
	padding: 0 0.5em;
	background: #eee;
	float: left;
	margin-right: 7.143em;
	color: #fff;
	line-height: 24.286em;
	font-weight: bold;
	font-size: 1.4em;
}

#cookie-accept.cookiebutton {
	background: #91d353;
}

#cookie-accept.cookiebutton:hover {
	background: #7ec241;
}

#cookie-reject.cookiebutton {
	background: #da4c4c;
}

#cookie-reject.cookiebutton:hover {
	background: #d42e2e;
}

/*
	NEWS
*/
article.news_item {
	padding: 10px 0;
	border-bottom: 1px solid #ececec;
}

.entries.overview:first-child .first {
	padding-top: 0;
}

article.news_item p {
	margin-top: 0.5em !important;
	margin-bottom: 1em !important;
}

article h1 {
	margin-bottom: 0;
	font: normal bold 18px/22px Arial, sans-serif;
	color: #32b6b0;
}

article time {
	font-style: italic;
}

ul.entries.overview {
	margin-top: 10px;
}

ul.entries.overview li {
	padding: 5px 0;
	border-bottom: 1px solid #ececec;
}