/**
 * Layout.css - Global styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 */

/* General */

body {
	margin: 0;
	padding: 0;
	background:url(../img/background.png) top center;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}

a {
	color: #E3338E;
}

a:hover {
	color: #000;
}

blockquote {
	margin: 10px 30px;
}

h1, h2, h3, h4, h5, h6 {
	color: black;
	text-transform:uppercase;
}

h1 {
	margin: 0 0 12px;
	font-size: 32px;
}

h2 {
	margin: 0 0 10px;
	font-size: 24px;
}

h3 {
	margin: 0 0 8px;
	font-size: 20px;
}

h4 {
	margin: 0 0 6px;
	font-size: 16px;
}

h5 {
	margin: 0 0 4px;
	font-size: 14px;
}

h6 {
	margin: 0 0 2px;
	font-size: 12px;
}

img {
	border: 0;
}

ol, ul {
	margin: 0 0 20px;
	padding: 0 0 0 30px;
	line-height: 150%;
}

p {
	margin: 0 0 20px;
	line-height: 160%;
}


/* Table styles */

table {
	margin: 10px 0 20px;
	width: 100%;
}

td {
	padding: 8px;
	border-bottom: 1px solid #DDD;
}

th, thead td {
	padding: 8px;
	background-color: #DDD;
	border-bottom: 1px solid #9E9E9E;
	font-weight: bold;
	text-align: left;
}


/* Form styles */

form ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

form li {
	margin: 0 0 1px;
	padding: 5px 0 5px 10px;
	background-color:white;
}

form li.even {
	background-color:#FCEAF4;
}

form li.odd {
	background-color:#FDF4F9;
}

form li.button {
	background-color:#FDF4F9;
}

form li.legend {
	background-color:white;
	padding:30px 0 18px;
}

form li.indent {
	padding-left: 345px;
}

form li.last {
	margin: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

legend {
	display: none;
}

input.text {	
	margin: 0 0 0 0;
	padding: 8px 5px 8px 5px;
	line-height:100%;
	border: 0px solid #CCC;
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align: middle;
	background:url(../img/form-sprite.png) 0 0 no-repeat;
}

input.error {
	background-position: 0 -180px;
}

input.extra-small {
	width: 40px;
}

input.small {
	width: 65px;
}

input.medium {
	width: 166px;
	background-position: 0 -40px;
}

input.large {
	width: 265px;
}

input.extra-large {
	width: 346px;
}

input.focus {
	color: #333 !important;
}

input.wsv-error,
textarea.wsv-error {
	border-color: #CC0000;
}

label.error {
	display: none !important;
}

label.indent {
	display: -moz-inline-box;
	display: inline-block;
	width: 325px;
	margin-right: 10px;
}

textarea {	
	overflow: auto;
	padding: 5px;
	width: 346px;
	height: 80px;
	border: 0px solid #CCC;
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align: top;
	background:url(../img/form-sprite.png) 0 -80px no-repeat;
	resize:none;
}

textarea.error {
	background-position: 0 -220px;
}

#form-submit {
	width:143px;
	height:40px;
	border:0;
	margin-left:3px;
	overflow:hidden;
	background:url(../img/verzenden-sprite.png) 0 0 no-repeat;
}

#form-submit:hover { background-position: 0 -40px; cursor:pointer; }


/**
 * GENERAL CLASSES
 * ----------------------------------------
 */

.accent {
	color: #999;
}

.intro {
	font-size: 14px;
	color: #E3338E;
}

#content-wide .intro {
	width: 470px;
}

.date {
	font-weight: bold;
	color: #999;
}

.hidden {
	visibility: hidden;
}

.toolbar {
	width: 100%;
	line-height:28px;
	text-align:right;
}

.center {
	text-align:center;
}

.icon {
	text-transform:uppercase;
	padding-right: 30px;
	background:url(../img/arrow-sprite.png) 100% 2px no-repeat;
	text-decoration:none;
}

a.icon:hover {
	background-position: 100% -98px;
	color:black;
}


/**
 * LAYOUT ELEMENTS
 * ----------------------------------------
 */

#header {
	height: 110px;
	position:relative;
	z-index:200;
}

#main {
	width:100%;
	background-color:#fff;
	padding-bottom:1px;
	margin-top:275px;
}

#sidebar {
	margin: 10px;
	width: 230px;
}

#content {
	margin: 20px 0 ;
	padding: 0 10px;
	width: 470px;
}

#content-wide {
	margin: 20px 10px 0;
	padding:0;
	width: 710px;
}

#content-wide.overview {
	background:#FCEAF4 url(../img/artiesten-bg-top.png) 0 0 no-repeat;
	margin: 10px 0 0 0;
	width: 730px;
}

#main #content-wide .inner {
	margin:0;
	top:0;
	padding: 10px 0 0 10px;
}

#main #content-wide.overview .inner {
	background:url(../img/artiesten-bg-bottom.png) 0 100% no-repeat;
}

#mediabar {
	margin: 20px 0 10px;
	width: 230px;
}

#page-bottom {
	padding: 0 15px;
	height: 180px;
	background-color: #FCEAF4;
	border-top:1px solid #F9D6E9;
	border-bottom:1px solid #F9D6E9;
	color: #888;
	clear:both;
}

#page-bottom-white {
	background-color:white;
}

#footer {
	padding: 0 15px;
	margin-bottom:30px;
	height: 40px;
	background-color: #333;
/*	border-top:50px solid white;*/
	color: #888;
	clear:both;
}

.column {
	float: left;
}

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


/**
 * HEADER ELEMENTS
 * ----------------------------------------
 */

#navigation-wrapper {
	height:50px;
	width:100%;
	background-color:#333333;
	border-bottom:1px solid white;
}

#navigation-window {
	margin: 0 auto;
	padding: 0 0 0 240px;
	height: 51px;
	width: 750px;
	background:url(../img/background.png) top center;
	overflow:hidden;
}

#navigation-stretcher {
	width: 2400px;
}

#navigation-filler {
	height:50px;
	width:600px;
	float:left;
	background-color:#333333;
	border-bottom:1px solid white;
}

#header-inner {
	margin:0 auto;
	width: 990px;
}

#offerte-aanvragen {
	display:block;
	width: 253px;
	height:40px;
	background:url(../img/offerte-aanvragen-sprite.png) 0 0 no-repeat;
	text-indent:-999px;
	overflow:hidden;
	float:right;
	margin-top:10px;
}

a#offerte-aanvragen:hover { background-position: 0 -40px; }

#logo {
	display: block;
	width: 240px;
	height: 110px;
	margin-top:-51px;
	float:left;
}

#logo img {
	display: block;
}

/**
 * MAIN ELEMENTS
 * ----------------------------------------
 */

#main .inner {
	position:relative;
	overflow:hidden;
	top:-275px;
	margin: 0 0 -275px;
	background:url(../img/main-inner-bg.png) top center no-repeat;
}

#main .inner2 {
	padding: 0 0 10px 0;
	margin: 0 auto;
	width: 990px;
	overflow: hidden;
}

/**
 * HOMEPAGE ELEMENTS
 * ----------------------------------------
 */

#homepage {
	width: 100%;
	position:relative;
}

#homepage-intro {
	width: 210px;
	margin:20px 0px 0 20px;
	padding: 10px 20px 0 10px;
	background:#FCEAF4 url(../img/homepage-intro-bg.png) 0 0 no-repeat;
	min-height:146px;
}

* html #homepage-intro {
	margin-left:10px;
}

#homepage-intro p { color:#E3348F; margin-bottom:10px;}

#homepage-slogan {
	position: absolute;
	width: 280px;
	height:101px;
	text-indent:-999px;
	overflow:hidden;
	background:url(../img/homepage-slogan.png) 0 0 no-repeat;
	top: 176px;
	left:20px;
}

/* Homepage Visual */

#homepage-visual {
	width: 470px;
}

#homepage-visual-inner {
	margin: 15px -21px 0 -22px;
	width:513px;
	position:relative;
}

#homepage-player {
	position:relative;
	height:273px;
	width:486px;
	margin-left:13px;
	background-color: black;
}

p#player {
	padding:25px;
	color:white;
}

#player a {
	display:block;
}

#homepage-visual .mask {
	width:513px;
	height:301px;
	position:absolute; top:-15px;left:0;
	background:url(../img/homepage-visual-mask.png) 0 0 no-repeat;
}

* html #homepage-visual .mask {
	background:none;
}

#homepage-visual .player-controls {
	width: 60px;
	height:30px;
	background:url(../img/player-controls-bg.png);
	position:absolute;
	bottom:13px;left:70px;
}

#homepage-visual .player-controls a {
	float:left;
	display:block;
	height:30px;
	width:30px;
	text-indent:-999px;
	overflow:hidden;
	background:url(../img/player-controls-sprite.png) 0 0 no-repeat;
	outline:none;
}

#homepage-visual a#homepage-player-play:hover { background-position: -30px 0;  }
#homepage-visual .playing a#homepage-player-play { background-position: 0 -30px; }
#homepage-visual .playing a#homepage-player-play:hover { background-position: -30px -30px; }
#homepage-visual a#homepage-player-mute {background-position: -60px -30px;}
#homepage-visual a#homepage-player-mute:hover { background-position: -90px -30px;  }
#homepage-visual .muted a#homepage-player-mute { background-position: -60px 0; }
#homepage-visual .muted a#homepage-player-mute:hover { background-position: -90px 0; }

/* Homepage Hub */

ul#homepage-hub {
	width: 240px;
	list-style:none;
	margin:20px 0 0;
	padding:0;
	height:260px;
	background:url(../img/homepage-hub-bg.png) 100% 0 no-repeat;
}

#homepage-hub li {
	border-bottom:1px solid #F9D6E9;
	height: 85px;
}

#homepage-hub li.last {
	border-bottom:none;
}

#homepage-hub a {
	display:block;
	padding: 20px 30px 0;
	text-decoration:none;
	background:url(../img/arrow-sprite.png) 210px -50px no-repeat;
}

#homepage-hub a:hover {
	background-position: 210px 50px;
	color:#E3338E;
}

#homepage-hub a .kyudo-events {
	display:block;	
	font-size:16px;
	margin-top:3px;
}

#homepage-hub a .title {
	display:block;
	text-transform:uppercase;
	font-size:26px;
	color:black;
	margin-top:4px;
}

/**
 * CONTENT ELEMENTS
 * ----------------------------------------
 */

.article {
	margin: 0 0 20px;
	width: 100%;
	overflow: hidden;
}

.article-thumb {
	display: block;
	float: left;
	margin: 25px 10px 0 0;
	width: 150px;
	height: 100px;
}

.article-thumb img {
	display: block;
}

.article-body {
	float: left;
	width: 310px;
}

.article-body .date {
	margin: 0 0 5px;
}

.article-body h2,
.article-body p {
	margin: 0 0 10px;
}


/* Sitemap */

#sitemap {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	font-size: 12px;
	line-height: 200%;
	list-style: none;
}

#sitemap li {
	font-weight: bold;
}

#sitemap ul {
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #CCC;
	line-height: 200%;
	list-style: none;
}

#sitemap ul li {
	font-weight: normal;
}

#sitemap a {
	text-decoration: none;
}

/* Overview Elements */

.overview {
	width:100%;
	overflow:hidden;
}

.overview .block {
	display:block;
	float:left;
	height:190px;
	width:230px;
	margin: 0 10px 10px 0;
	text-decoration:none;
	position:relative;
}

.overview .block h3 {
	font-size:16px;
	color:white;
	background:#666666 url(../img/block-title-sprite.png) 0 100% no-repeat;
	padding:11px 10px;
	margin:0;
	width: 210px;
	position:absolute;
	bottom:0;
	left:0;
}

.overview a.block:hover h3 {
	background-position: -230px 100%;
}

.overview .block img {
	display:block;
}

.overview .block .mask {
	position: absolute;
	top:0;
	left:0;
	width: 230px;
	height:5px;
	background:url(../img/block-hoekjes-top.png) 0 0 no-repeat;
}

/* Pagination */

#content-wide .pagination {
	width:710px;
	height: 25px;
	clear:both;
	background: url(../img/pagination-bg.png) top center no-repeat;	
	padding: 10px 0 10px 0;
}

#content-wide .pagination .prev,
#content-wide .pagination .next {
	float:left;
	width: 150px;
}

#content-wide .pagination .next a {
	float:right;
}

#content-wide .pagination ol {
	width: 710px;
	float:left;
	text-align:center;
	padding:0;
	margin: 0;
}

#content-wide .pagination ol a {
	display: inline-block;
}

.pagination li {
	display:inline;
}

.pagination a {
	background:url(../img/pagination-sprite.png) 0 0 no-repeat;
	color:#fff;
	display:block;
	width: 25px;
	height:25px;
	line-height:25px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}

.pagination a:hover,
.pagination .selected a {
	background-position: 0 -25px;
}

.pagination .prev a,
.pagination .next a {
	text-indent: 9999px;
	text-align:left;
}

.pagination .prev a { background-position: -25px 0 ;}
.pagination .next a { background-position: -50px 0;}
.pagination .prev a:hover { background-position: -25px -25px ;}
.pagination .next a:hover { background-position: -50px -25px;}

/**
 * SIDEBAR ELEMENTS
 * ----------------------------------------
 */

#menu-header {
	margin:0;
	padding:10px 10px 6px;
	background: #343434 url(../img/menu-header.png) 0 0 no-repeat;
	color:#fff;
	font-size:24px;
	line-height:100%;
}

#menu {
	margin:0;
	padding:0;
	list-style:none;
}

#menu li {
	border-bottom:1px solid white;
}

#menu a {
	padding: 13px 10px 10px;
	display:block;
	color:#E3338E;
	text-transform:uppercase;
	text-decoration:none;
	background: #FCEAF4 url(../img/arrow-sprite.png) 100% 16px no-repeat;
	font-size:14px;
}

#menu a:hover { background-color:white; }
#menu .selected a {
	background: #FCEAF4 url(../img/arrow-down.png) 100% 15px no-repeat;
}
#menu .selected.single a { background: #fff url(../img/arrow-sprite.png) 100% 16px no-repeat; }

#menu ul {
	list-style:none;
	margin:0;
	padding:10px;
	background: white;
}

#menu ul a {
	text-transform: none;
	background:white !important;
	font-size:12px;
	font-weight:bold;
	line-height:180%;
	padding:0  10px;
}

#menu ul a:hover,
#menu ul .selected a {
	color:black;
}

#menu ul .selected ul {
	border-left:1px solid #FCEAF4;
	padding:0px;
	margin:10px 5px 10px 15px;
}

#menu ul .selected ul a{
	font-size:11px;
	color:#E3338E;
	font-weight:normal;
}

#menu ul .selected ul .selected a {color:black; font-weight:bold;}
#menu ul .selected ul a:hover {	color:black; }

#menu-slogan {
	margin:0;
	padding:0;
	width: 200px;
	height:81px;
	background:url(../img/menu-slogan.png) 0 0 no-repeat;
	text-indent:-999px;
	overflow:hidden;
}

/**
 * MEDIABAR ELEMENTS
 * ----------------------------------------
 */

.widget {
	display:block;
	text-decoration:none;
	margin-bottom:20px;
	position:relative;
}

.widget img {
	display:block;
}

a.photo .zoom {
	display:block;
	position:absolute;
	bottom:10px; 
	right:10px;
	width: 25px;
	height:25px;
	text-indent:-999px;
	overflow:hidden;
	background:url(../img/photo-zoom-sprite.png) 0 0 no-repeat;
}

a.photo:hover .zoom { background-position: 0 -25px;  }

#mediabar a.widget span {
	position:absolute;
	text-indent:-999px;
	overflow:hidden;
}

#mediabar a.widget .top {
	width: 230px;
	height:10px;
	background:url(../img/hoekjes-top-white.png) 0 0 no-repeat;
	top:0;
	left:0;
}

#mediabar a.youtube .zoom {
	width: 49px;
	height:49px;
	background:url(../img/youtube-widget-sprite.png) 0 0 no-repeat;
	top:50%;
	left:50%;
	margin-top:-25px;
	margin-left:-25px;
}

#mediabar a.youtube:hover .zoom { background-position: 0 -49px; cursor:pointer; }

#mediabar a.widget .bottom {
	width: 230px;
	height:10px;
	background:url(../img/hoekjes-bottom-white.png) 0 0 no-repeat;
	bottom:0;
	left:0;
}

#mediabar a.youtube .bottom {
	height:45px;
	background:url(../img/youtube-zoom.png) 0 0 no-repeat;
}

#mediabar a.youtube:hover .bottom { background-position: 0 -45px; cursor:pointer; }

/* Youtube Lightwindow */

.youtube-lightwindow {
	position:relative;
	width: 640px;
	background:#000;	
}

span.top {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:5px;
	width: 640px;
	background:url(../img/youtube-mask.png) 0 0 no-repeat;
}

.youtube-lightwindow .player-controls {	
	height:45px;
	background: #000 url(../img/youtube-controls-bg.png) bottom left no-repeat;
}

.youtube-lightwindow .player-controls a {
	display:block;
	text-indent:-999px;
	overflow:hidden;
	height:25px;
	width:25px;
	background:white;
	float:left;
	margin-top:10px;
	margin-left:10px;
	background: #000 url(../img/youtube-controls-sprite.png) 0 0 no-repeat;
	outline:none;
}

.youtube-lightwindow a.player-play:hover { background-position: -25px 0;  }
.youtube-lightwindow.playing a.player-play { background-position: 0 -25px; }
.youtube-lightwindow.playing a.player-play:hover { background-position: -25px -25px; }
.youtube-lightwindow a.player-mute {background-position: -50px 0px;}
.youtube-lightwindow a.player-mute:hover { background-position: -75px 0px;  }
.youtube-lightwindow.muted a.player-mute { background-position: -50px -25px; }
.youtube-lightwindow.muted a.player-mute:hover { background-position: -75px -25px; }

.player-duration {
	float:left;
	margin-top:20px;
	margin-left:10px;
	width:550px;
	height:4px;
	background-color:#999999;
}

.player-elapsed {
	height:4px;
	background-color:white;
}

/**
 * THEME ELEMENTS
 * ----------------------------------------
 */

#theme p {
	color:white;
}

#theme a:hover {
	color:white;
}

#theme h1 {
	color:white;
	margin: 10px 0 20px;
}

#theme {
	width:950px;
	background:black url(../img/theme-bg-top.png) 0 0 no-repeat;
	margin: 20px 0 0 20px;
	border-bottom:30px solid white;
}

#theme .inner {
	position:static;
	top:0px;
	margin: 0;
	background: url(../img/theme-bg-bottom.png) 0 100%  no-repeat;
}

#theme #sidebar {
	margin:0;
	width: 350px;
}

#theme #sidebar .widget {
	margin:0;
}

#theme #content {
	width: 310px;
	padding: 0 20px;
}

#theme #mediabar {
	padding-top:70px;
}

#theme a.widget .top {
	background-image:url(../img/hoekjes-top-black.png);
}

#theme a.widget .bottom {
	background-image:url(../img/hoekjes-bottom-black.png);
	height:10px;
}

#theme a.youtube .bottom {
	height:45px;
	background:url(../img/hoekjes-bottom-black-youtube.png) 0 0 no-repeat;
}

#theme a.youtube:hover .bottom {
	background-position: 0 -45px;
}

.info-request-button {
	display:block;
	width: 228px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/informatie-aanvraag-sprite.png) 0 0 no-repeat;
	margin:0 auto;
	text-align:left;
}

a.info-request-button:hover {
	background-position:0 -40px;
}

#theme .toolbar {
	line-height:100%;
	margin-bottom:10px;
}

/**
 * ARTIST DETAIL ELEMENTS
 * ----------------------------------------
 */

#artist-detail p {
	color:white;
}

#artist-detail a:hover {
	color:#fff;
}

#artist-detail {
	width:970px;
	background:#333;
	margin: 10px 0 0 10px;
	border-bottom:30px solid white;
}

#artist-detail .inner {
	position:static;
	top:0px;
	margin: 0;
	background: url(../img/artiest-detail-bg-bottom.png) 0 100%  no-repeat;
}

#artist-head {
	position:relative;
	background:#252525 url(../img/artiest-detail-bg-top.png) 0 0 no-repeat;
	padding:0 0 0 370px;
	width:600px;
	overflow:hidden;
	min-height:60px;
}

#artist-detail h1 {
	color:white;
	margin:15px 0 10px;
	line-height:100%;
	width:340px;
	padding-right:20px;
	float:left;
}

#artist-detail .back-link {
	width: 230px;
	position:absolute;
	right:10px;
	bottom:10px;
}

#artist-detail #artist-head .icon {
	color:white;
	background-position: 100% -198px;
	display:block;
	text-align:right;
}

#artist-detail #artist-head a.icon:hover {
	color:#CC2C7F;
	background-position: 100% 2px;
}

#artist-detail #sidebar {
	margin:10px 0 0 10px ;
	padding-bottom:10px;
	width: 350px;
}

#artist-detail #sidebar .widget {
	margin:0;
	width:340px;
}

#artist-detail #sidebar .widget.photo {
/*	top:10px;
	left:10px;
	position:absolute;*/
	top: -60px;
	margin-bottom:-60px;
}

#artist-detail #sidebar .mask-top,
#artist-detail #sidebar .mask-bottom {
	width: 340px;
	height: 10px;
	position:absolute;
}

#artist-detail #sidebar .mask-top {
	background:url(../img/artist-detail-sidebar-top.png) 0 0 no-repeat;
	top:0;
	left:0;
}

#artist-detail #sidebar .mask-bottom {
	background:url(../img/artist-detail-sidebar-bottom.png) 0 0 no-repeat;
	bottom:0px;
	left:0;
}

#artist-detail #content {
	width: 340px;
	padding: 0 20px 0 10px;
}

#artist-detail #mediabar,
#artist-detail #content {
	margin-top:10px;
	margin-bottom:0;
}

#artist-detail a.widget .top {
	background-image:url(../img/hoekjes-top-grey.png);
}

#artist-detail a.widget .bottom {
	background-image:url(../img/hoekjes-bottom-grey.png);
	height:10px;
}

#artist-detail a.youtube .bottom {
	height:45px;
	background:url(../img/hoekjes-bottom-grey-youtube.png) 0 0 no-repeat;
}

#artist-detail a.youtube:hover .bottom {
	background-position: 0 -45px;
}

#artist-detail .toolbar {
	width: 100%;
	height:41px;
	margin-top:10px;
	padding:10px 0;
	line-height: normal;
	clear:both;
}

#artist-detail .toolbar .info-request-button {
	margin: 0 0 0 370px;
	float:left;
}

#artist-detail .toolbar .share-button {
	float:right;
	padding:10px 20px;
}

#artist-detail .share-button a {
	float:right;
}

/**
 * PAGEBOTTOM ELEMENTS
 * ----------------------------------------
 */

#page-bottom-inner,
#page-bottom-white .inner {
	width: 990px;
	margin:0 auto;
}

#page-bottom .block {
	width: 230px;
	height:160px;
	margin:10px 0 0 10px;
	float:left;
	background:url(../img/block-background.png) 0 0 no-repeat;
}

/* Picture at bottom of page */

#dj-scroller {
	width: 230px;
	height:210px;
	margin:-10px 0 -20px 10px;
	float:left;
	position:relative;
	overflow:hidden;
}

#dj-scroller .items {
	width:250000px;
	height:210px;
	position:absolute;
}

#dj-scroller .items a {
	display:block;
	float:left;
	height:210px;
	width:230px;
}

#dj-scroller img {
	display:block;
}

/* Brand block */

#brand-block {
	width: 240px!important;
	height: 160px;
	background:url(../img/brand-block.png)!important;
}

#brand-block ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	height:132px;
}

#brand-block li {
	float:left;
	display:block;
	width: 80px;
	height:66px;
	text-align:center;
	line-height:66px;
}

#brand-block img {
	vertical-align:middle;
}

/* Carousel */

#carousel {
	height:130px;
	border-bottom:1px solid #F9D6E9;
	position:relative;
	overflow:hidden;
}

#carousel .items {
	position:absolute;
	width: 20000px;
}

#carousel .items div {
	float:left;
	padding: 15px 10px;
	width: 210px;
	height: 100px;
}

#carousel h3 {
	color:#CC2C7F;
	margin: 0;
}

#carousel p {	
	margin-bottom: 5px;
}

#page-bottom ul.navigator {
	list-style:none;
	margin:0;
	padding:0;
	line-height:27px;
	width: 230px;
	height:27px;
	text-align:center;
}

*:first-child+html #page-bottom ul.navigator {line-height:100%; margin-top:-1px;}

#page-bottom .navigator li {
	display:inline;
	margin-left:1px;
}

#page-bottom .navigator li a {
	display:inline-block;
	width: 8px;
	height: 8px;
	line-height: 27px;
	overflow:hidden;
	background:url(../img/carousel-nav-sprite.png) 0 -8px no-repeat;
}

#page-bottom .navigator .active a,
#page-bottom .navigator a:hover {
	background-position: 0 0;
}

/* Contactgegevens */

#page-bottom .contactgegevens {
	background:none;
}

#page-bottom .contactgegevens ul.tabs {
	list-style:none;
	margin:0;
	padding:0;
	height:39px;
}

#page-bottom .contactgegevens ul.tabs li {
	float:left;
}

#page-bottom .contactgegevens ul.tabs a {
	display:block;
	text-indent:-9999px;
	background:url(../img/contact-callmenow-sprite.png);
	width:115px;
	height:39px;
	outline:none;
}

#page-bottom .contactgegevens li.contact a { background-position: 0 -41px;}
#page-bottom .contactgegevens li.contact a.current { background-position: 0 0;}
#page-bottom .contactgegevens li.callmenow a { background-position: 115px 0px;}
#page-bottom .contactgegevens li.callmenow a.current { background-position: 115px -41px;}

#page-bottom .contactgegevens .panes div {
	background:url(../img/contact-bg.png) 0 0 no-repeat;
	height:107px;
	padding: 15px 15px 0;
}

#page-bottom .contactgegevens div.callmenow {
	background-position: 0 -122px;
}

.contactgegevens p {
	line-height:120%;
}

.contactgegevens h3 {
	color:#CC2D7F;
}

.contactgegevens a.direct-bellen {
	display:block;
	height:30px;
	width:129px;
	background:url(../img/direct-bellen-sprite.png) 0 0 no-repeat;
	text-indent:-9999px;
	outline:none;
}

.contactgegevens a.direct-bellen:hover {
	background-position: 0 -30px;
}

/* Call me now */

#callmenow {
	width: 350px;
	padding:15px 15px 0px;
}

#callmenow .cmn-wrapper {
	margin-bottom:10px;
	overflow: hidden;
}

#callmenow h3 {
	color:#CC2D7F;
	font-size:24px;
	background:url(../img/logo-callmenow.png) 100% 0px no-repeat;
	padding: 0 0 8px;
	margin:10px 0 0;
}

#callmenow p {
	color:#CC2D7F;
	font-size:14px;
	margin-bottom:12px;
/*	line-height:120%;*/
}

#callmenow label {
	display:none;
}

#callmenow input.text {
	background:url(../img/callmenow-phone-bg.png) 0 0 no-repeat;
	width: 212px;
	font-size:14px;
	padding: 7px 5px 8px 5px;
	color:#999;
	float:left;
	margin-right:10px;
}

#CMN_Images {
	float:left;
	margin:4px 10px 0 0;	
}

#CMN_Images img {
	display:inline-block;
}

#CMN_Button {
	height:30px;
	width:82px;
	background:url(../img/bel-nu-sprite.png) 0 0 no-repeat;
	border:0;
	float:left;
}

#CMN_Button:hover {
	background-position: 0 -30px;
	cursor:pointer;
}

#CMN_MessageArea {
	width: 100%;
	clear:both;
	color:#E595BF;
	font-size:12px;
	margin-bottom:0px;
}

/* Page bottom white */

#page-bottom-white .inner {
	padding: 15px 0;
}

/*#page-bottom-white .block {
	height:80px;
	background: url(../img/page-bottom-white-block-bg.png) 0 0 no-repeat;
}*/

#page-bottom-white .nieuwsbrief {
	width:478px;
	height:50px;
	margin-left:250px;
	background:url(../img/news-subscr-block-bg.gif) 0 0 no-repeat;
}

#page-bottom-white .nieuwsbrief h3 {
	color:#CC2C7F;
	margin-left:55px;
	padding-top:15px;
	float:left;
	width:130px;
}

#page-bottom-white .nieuwsbrief p {
	font-size:11px;
	line-height:130%;
	width: 110px;
	float:left;
	color:#666666;
	padding-top:10px;
	margin:0;
}

#page-bottom-white .nieuwsbrief a.button {
	display:block;
	width:110px;
	height:30px;
	text-indent:-9999px;
	background:url(../img/news-aanmelden-sprite.png) 0 0 no-repeat;
	float:right;
	margin: 10px 10px 0 0;
}

#page-bottom-white .nieuwsbrief a.button:hover {
	background-position: 0 -30px;
}

/**
 * FOOTER ELEMENTS
 * ----------------------------------------
 */

#footer .inner {
	width: 970px;
	margin:0 auto;
}

#footer p {
	float: left;
	margin: 0;
	line-height: 40px;
	text-transform:uppercase;
	font-size:13px;
	color:#666;
}


/* Service navigation */

#service-navigation {
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
	list-style: none;
}

#service-navigation li {
	display: inline;
	line-height: 40px;
	padding-left:2px;
}

#service-navigation li a {
	text-decoration: none;
	color: #ccc;
	font-size:13px;
	text-transform:uppercase;
}

#service-navigation li a:hover {
	color: #CC2E80;
}