body {
	background: url(/interface/images/bg-img.jpg) no-repeat top center fixed;
	font-size: 12px;
	font-family: 'Titillium Web', arial, sans-serif;
	color: #FFF;
	padding: 0;
	margin: 0;
	line-height: 18px;
}

img {
	border: none;
}

.clear {
	clear: both;
}

/* INPUTFIELD CHROME FIX */

textarea:focus,
input:focus {
    outline: none;
}

/* === HEADINGS === */

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	font-family: 'Handlee', cursive;
	font-weight: normal;
}

h1 {
	font-size: 34px;
	color: #646464;
	margin-bottom: 20px;
}

h2 {
	font-size: 22px;
	color: #646464;
	margin-bottom: 20px;
}

h3 {
	font-size: 20px;
	color: #646464;
	margin-bottom: 20px;
    line-height:28px;
}

h4 {
	font-size: 18px;
	margin-bottom: 20px;
}

h5 {
	font-size: 16px;
    line-height:20px;
}

h6 {
	font-size: 14px;
}

	/* --- COLOR CHANGE LIGHT BACKGROUNDCOLORS --- */

	.main #content-wrapper .light-blue h4,
	.main #content-wrapper .white h4 {
		color: #646464;
	}

	.main #footer-wrapper .light-blue h4,
	.main #footer-wrapper .white h4 {
		color: #646464;
	}

/* === PARAGRAPHS === */

p {
	margin: 0;
}

/* === LINKS === */

a {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.read-more {
	width: 100%;
	float: left;
}

/* === LISTS === */

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

/* === BLOCK DIMENSIONS === */

.block1x05 {
	width: 168px;
	height: 66px;
}

.block1x1 {
	width: 168px;
	height: 172px;
}

.block1x15 {
	width: 168px;
	height: 278px;
}

.block15x1 {
	width: 227px;
	height: 172px;
}

.block1x2 {
	width: 168px;
	height: 384px;
}

.block2x1 {
	width: 366px;
	height: 172px;
}

.block2x2 {
	width: 366px;
	height: 384px;
}

.block3x3 {
	width: 564px;
	height: 596px;
}

.block3x1 {
	width: 564px;
	height: 172px;
}

.block3x05 {
	width: 564px;
	height: 66px;
}

.block4x4 {
	width: 762px;
	height: 808px;
}

.block5x05 {
	width: 960px;
	height: 66px;
}

.block5x5 {
	width: 960px;
	height: 1020px;
}

/* === BLOCK BUTTONS === */

.button {
	float: left;
    margin: 5px;
    position: relative;
    z-index: 2;
    font-size: 22px;
    padding: 10px 10px 20px 10px;
    position: relative;
    overflow: hidden;
}

	.button .link {
		display: block;
		margin: -10px -10px -20px -10px;
		padding: 10px 10px 20px 10px;
		width: 100%;
		height: 100%;
	}

	.button .link:hover {
		background-color: transparent !important;
		background-image: none !important;
	}

	.button a .link-title {
		width: 100%;
		float: left;
		margin-bottom: 20px;
		line-height: 24px;
	}

	.button a .link-text {
		font-size: 15px;
		font-weight: normal;
		float: left;
		width: 100%;
	}

    .title .background-image,
	.title .background-image-hover,
	.button .background-image,
	.button .background-image-hover
	{
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  display: block;
      z-index:0;
	  }
	  
	.title:hover .background-image,
	.button:hover .background-image
	{
	  z-index: 0;
	  }
	  
	.title .background-image-hover,
	.button .background-image-hover
	{
	  left: -9001px;
	  z-index: 1;
	  }
	  
	.title:hover .background-image-hover, 
	.button:hover .background-image-hover 
	{
	  left: 0px;
	  }

.title .icon {
    position:absolute;
    top:-5px;
    right:-5px;
    z-index:2;
}

.title p {}

.title h3 {
    margin-top:15px;
    margin-left:5px;
}

.title .buttons {
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:1;
}

.title .block-content {
    position:absolute;
    top:10px;
    left:10px;
}

    .buttons .button-small {
        margin-left:13px;

    }

/* === CALL TO ACTION BUTTON === */

	/*.call-to-action {
		width: auto;
		height: auto; 
		float: left;
		font-size: 20px;
	}

		.call-to-action a {
			padding: 5px 10px 3px 10px;
			width: auto; 
			float: left;
		}*/

/* === BLOCK TITLE === */

.title {
	position: relative;
	float: left;
	padding: 10px 10px 20px 10px;
	margin: 5px;
	overflow: hidden;
}

/* === BLOCK REVIEW === */

.review {
	position: relative;
	float: left;
	padding: 10px 10px 20px 10px;
	margin: 5px;
	overflow: hidden;
}

	.review .rslides li {
		position: relative;
		width: 100%;
		height: 150px;
	}

.rating-wrapper {
	position: absolute;
	right: 20px;
	top: 90px;
	width: 120px;
	margin: 0 auto;
}

	.review .rating {
		width: 120px;
		margin: 0 auto;
		position: absolute;
		bottom: 10px;
		left: 26px;
	}

	.rating-wrapper .rating {
		width: 120px;
		margin: 0 auto;
	}

		.rating-wrapper .rating li,
		.review .rating li {
			width: 20px;
			height: 20px;
			display: inline-block;
			float: left;
			position: static;
			top: auto;
			left: auto;
			padding-right: 5px;
		}

			.rating-wrapper .rating .last,
			.review .rating .last {
				padding-right: 0px;
			}

/* === BLOCK VACATURE === */

/*.vacature {
	position: relative;
	float: left;
	padding: 10px 10px 20px 10px;
	margin: 5px;
}

	.vacature h4 {
		font-size: 16px;
		margin-bottom: 15px;
		float: left;
	}

	.vacature .function {
		font-size: 19px;
		line-height: 24px;
		height: 117px;
		float: left;
	}

	.vacature ul {
		float: left;
	}

	.vacature ul .time {

	}

	.vacature .place {
	}*/

/* === BLOCK TEXT === */

.text {
	position: relative;
	float: left;
	padding: 10px 10px 20px 10px;
	margin: 5px;
}

/* === BLOCK CUSTOM  === */

.custom-block-inner .custom-tekst {
	overflow:hidden;
}

.custom-block-inner .custom-tekst h1 {
	font-size:42px;
    line-height:61px;
}

    .custom-block-inner .custom-tekst h3 {
        margin:0;
    }

.custom-block-inner .custom-link
{
  overflow:hidden;
  }

.custom-block-inner .custom-link a
{
  height: 100%;
  width: 100%;
  display: block;
  }

.custom-block-inner .custom-link a img.hover
{
  display: none;
  }
  
.custom-block-inner .custom-link a:hover img.hover 
{
  display: inherit;
  }

/* === BLOCK LIST STYLING === */

.list {
	border-bottom: 1px solid #FFF;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* === CONTENT TEXT BLOCK === */

.content-inner {
	padding: 10px 15px 20px 15px;
	height: auto;
    width: 554px;
	margin: 5px;
	color: #646464;
	float: left;
}


.content-inner h2 {
	width: 100%;
	line-height: 25px;
	float: left;
	margin: 15px 0 8px 0;
	font-family: 'Special Elite', cursive;
	color: #709DAF;
}

.content-inner h3, .content-inner h4, .content-inner h5, .content-inner h6 {
	margin: 10px 0 5px 0;
	float: left;
	font-family: 'Special Elite', cursive;
	color: #709DAF !important;
}

.content-inner ul {
	list-style-type: none;
}


.content-inner:after {
  content: ".";
  overflow: hidden;
  clear: both;
  display: block; 
  height: 0;
}

	.content-inner p {
		margin-bottom: 15px;
		float: left;
		width: 100%;
	}

	.content-inner ul {
		list-style-type: disc;
		margin: 0 0 15px 13px;
	}

    .content-inner .upper-right {
        float:right;
        margin-right:-15px;
        margin-top:-10px;
        margin-left:10px;
    }

    .content-inner .icon {
        position:absolute;
        top:0px;
        right:0px;
    }

    .content-inner .buttons {
        float:left;
        margin-bottom: 10px;
        width: 100%;
    }

	     .content-inner .button-small {
	        margin: 0 15px 10px 0;
	    }

        .content-inner .buttons a {
            color:#fff !important;
        }

    .content-inner .paragraph .buttons {
    	width: 100%;
    }

/* === CUSTOM BLOCK === */

/* --- Positie tekst en content vrij te bedenken door de gebruiker. --- */

.custom {
	position: relative;
	float: left;
	padding: 10px 10px 20px 10px;
	margin: 5px;
}

	.custom h4 {
		position: absolute;
		left: 198px;
		top: 10px;
		width: 375px;
	}

	.custom p {
		position: absolute;
		left: 198px;
		top: 40px;
		width: 375px;
	}

	.custom .call-to-action {
		position: absolute;
		left: 198px;
		bottom: 10px;
	}

/* FASTBOOKER */
.fastbooker-block {
    
}

.fastbooker-block.blue {
    background-color: #6e9bae !important;
}

.fastbooker-block.blue h3 {
    font-size: 30px;
    color: #fff;
}

.fastbooker-block .icon {
    margin: 5px;
}

.fastbooker-block .form .form-field {
    float: left;
    clear: both;
    margin-top: 20px;
    width: 100%;
}

.fastbooker-block .form .form-field label
{
    text-transform: lowercase;
}

.fastbooker-block .form .form-field label,
.fastbooker-block .form .form-field input,
.fastbooker-block .form .form-field select {
    width: 100%;
    float: left;    
}

.fastbooker-block .form .form-field input,
.fastbooker-block .form .form-field select {
    padding: 10px 5px;    
    background: #fff;
    margin-top: 5px;
    border: 0;
    box-sizing: border-box;
    color: #000;
}

.fastbooker-block .form .form-field.date input {
    width: 92%;
    margin-right: 10px;
}

    .fastbooker-block .form .form-field.date img {
        margin-top: 14px;
    }

    .fastbooker-block .form .form-field.check label {
        width: auto;
    }

    .fastbooker-block .form .form-field.check input {
        margin-left: 0;
        width: auto;
        margin-right: 10px;
        float: left;
    }
    .fastbooker-block .form .button-small {
        color: #fff;
    }


/* === BLOCK COLORS === */

.restaurant {
	background-color: #6C485C !important;
}

.hotel {
	background-color: #709DAF !important;
}

.shop {
	background-color: #BA90A7 !important;
}

.serre {
	background-color: #749747 !important;
}

.take-away {
	background-color: #C6A36D !important;
}

	.take-away p {
		color: #000 !important;
	}

	.take-away a {
		color: #000 !important;
		text-decoration: underline;
	}

	.take-away a:hover {
		text-decoration: none;
	}

.office {
	background-color: #C3DFF0 !important;
}

	.office p {
		color: #000 !important;
	}

	.office a {
		color: #000 !important;
		text-decoration: underline;
	}

	.office a:hover {
		text-decoration: none;
	}

.market {
	background-color: #E0700E !important;
}

	.market p {
		color: #000 !important;
	}

	.market a {
		color: #000 !important;
		text-decoration: underline;
	}

	.market a:hover {
		text-decoration: none;
	}


.dark-green {
	background-color: #112817 !important;
}

.black {
	background-color: #000000 !important;
}

.white {
	background-color: #FFFFFF !important;
}

	.white p {
		color: #746255 !important;
	}

	.white a {
		color: #000 !important;
		text-decoration: underline;
	}

	.white a:hover {
		text-decoration: none;
	}

.blue {
	background-color: #375F80 !important;
}

.blue h3 {
	color: #FFF;
}

.beige {
	background-color: #F3DDC9 !important;
}

	.beige p {
		color: #000 !important;
	}

	.beige a {
		color: #000 !important;
		text-decoration: underline;
	}

	.beige a:hover {
		text-decoration: none;
	}

	/* --- COLOR CHANGE LIGHT BACKGROUNDCOLORS --- */

	.main #content-wrapper .beige h4 {
		color: #000;
	}


/* === ICONS === */




/* === WEBSITE === */

.button-small {
	background: url(/interface/images/button-right-bg.png) no-repeat scroll right top transparent;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: 'Special Elite', arial, sans-serif;
    font-size: 14px;
    height: 31px;
    line-height: 19px;
    text-decoration: none;
    padding: 0 25px 0 0;
}

	.button-small span {
		background: url(/interface/images/button-left-bg.png) no-repeat scroll left top transparent;
	    float: left;
	    height: 31px;
	    padding: 8px 5px 0 15px;
	    min-width: 65px;
	}

/* === HEADER === */

.main #header-wrapper {
	width: 990px;
	height: 278px;
	margin: 0 auto;
}

.main #header-wrapper:after {
  content: ".";
  overflow: hidden;
  clear: both;
  display: block; 
  height: 0;
}

	/* === HEADER TOP === */

	#header-wrapper .header-top {
		width: 980px;
		height: 205px;
		position: relative;
		margin: 0 5px;
	}

		#header-wrapper .header-top .language {
			display: none;
				position: absolute;
			top: 3px;
			left: 0;
			width: 188px;
			height: 17px;
		}

			#header-wrapper .header-top .language ul li {
				display: inline;
			}

				#header-wrapper .header-top .language ul li {
					width: 16px;
					height: 11px;
					display: block;					
					margin-right: 10px;
					float: left;
				}

                    #header-wrapper .header-top .language ul li a.inactive {
                        opacity:0.7;
                    }

                        #header-wrapper .header-top .language ul li a.inactive:hover {
                            opacity:1;
                        }

                    #header-wrapper .header-top .language ul li a img {
                        display:block;
                    }

				

		#header-wrapper .header-top .logo {
			width: 188px;
			height: 188px;
			float: left;
			background: #112817;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
		}

		/* === HEADER SLIDER === */

		#header-wrapper .header-top .header-slider {
			width: 782px;
			height: 205px;
			position: absolute;
			top: 0;
			right: 0;
		}

			#header-wrapper .header-top .header-slider .header-slider-text {
				background: url(/interface/images/header-slider_bg.png);
				width: 424px;
				height: 97px;
				position: absolute;
				top: 37px;
				right: 0;
				z-index: 2;
			}

				#header-wrapper .header-top .header-slider .header-slider-text h2 {
					color: #FFF;
					z-index: 3;
					font-size: 26px;
					width: 280px;
					height: 64px;
					line-height: 30px;
					padding:18px 0 15px 15px;
				}

			#header-wrapper .header-top .header-slider .header-slider-button {
				width: 124px;
				height: 112px;
				position: absolute;
				top: 55px;
				right: 22px;
				z-index: 5;
                text-align:center;
                font-family: 'Special Elite', arial, sans-serif;
				font-size: 25px;
				line-height: 28px;
				text-shadow: 0px 1px 2px #000000;
				filter: dropshadow(color=#000000, offx=0, offy=1);
                vertical-align:middle;
			}

			#header-wrapper .header-top .header-slider .header-slider-button-tablet {
				display: none;
			}

            #header-wrapper .header-top .header-slider .header-slider-button td {
                padding:0 20px;
            }

	            #header-wrapper .header-top .header-slider .header-slider-button td a {
	                margin-left: -5px;
	                float: left;
	            }

	#header-wrapper .header-bottom {
		width: 980px;
		height: 60px;
		background: url(/interface/images/nav-bg.png);
		margin: 10px 5px 0 5px;
	}

	/* --- NAVIGATION --- */

	#header-wrapper .header-bottom .navigation-wrapper {
		font-family: 'Special Elite', arial, sans-serif;
		font-size: 15px;
	}

		#header-wrapper .header-bottom .navigation-wrapper ul {
			text-align: center;
			height: 26px;
		}

			#header-wrapper .header-bottom .navigation-wrapper ul li {
				display: inline-block;
				background: url(/interface/images/nav-divider.png) no-repeat right 6px;
				padding: 0 10px;          
                position:relative;
			}

			#header-wrapper .header-bottom .navigation-wrapper ul li:last-child {
				background: none;
			}

				#header-wrapper .header-bottom .navigation-wrapper ul.level1 li a {
					display: block;
                    line-height:28px;
                    background-repeat:no-repeat;
                    background-position:left 4px;
                    font-size: 13px;
				}
	
                
                #header-wrapper .header-bottom .navigation-wrapper ul.level1 li ul.level2 {
				    position:absolute;
                    top:26px;
                    left:0px;
                    z-index:25;
                    width:220px;
                    height:auto;
                    background: none #112817;
                    display:none;
			    }

                #header-wrapper .header-bottom .navigation-wrapper ul.level1 li:hover ul.level2 {
                    display:block;
                    padding-top: 5px;
                }

                #header-wrapper .header-bottom .navigation-wrapper ul.level2 li {
                    display:block;
                    background:none;
                }

                #header-wrapper .header-bottom .navigation-wrapper ul.level2 li a {
                    font-size: 12px;
                }

	/* --- RESPONSIVE NAVIGATION --- */

	.tinynav { display: none }

	#header-wrapper .header-bottom .breadcrumb-search-wrapper {
		width: 980px;
		float: left;
	}

		#header-wrapper .header-bottom .breadcrumb-search-wrapper .breadcrumbs {
			background: url(/interface/images/breadcrumbs-bg.png) no-repeat 0 0px;
			width: 600px;
			height: 27px;
			margin: 10px 0 5px 0;
			float: left;
		}

		#header-wrapper .header-bottom .breadcrumb-search-wrapper .breadcrumbs ul {
			color: #765755;
			padding: 3px 0 0 15px;
		}

		#header-wrapper .header-bottom .breadcrumb-search-wrapper .breadcrumbs ul li {
			display: inline-block;
			padding-right: 5px;
		}

			#header-wrapper .header-bottom .breadcrumb-search-wrapper .breadcrumbs ul li a {
				color: #765755;
			}


		/* --- SEARCH --- */

		#header-wrapper .header-bottom .searchbox {
			width: 188px;
			height: 27px;
			float: right;
			margin-top: 12px;
		}

			.main #header-wrapper .header-bottom .searchbox input {
				background: url(/interface/images/searchinput-bg.png) no-repeat;
				width: 151px;
				height: 22px;
				padding: 0 30px 0 7px;
				border: 0;
				float: left;
				color: #112817;
			}

			.main #header-wrapper .header-bottom a#search-button {
				display: none;
				/*width: 59px;
				height: 20px;
				background-color: #c8c8c8;
				display: block;
				float: left;
				padding-top: 2px;*/
			}

/* === CONTENT === */

.main #content-wrapper {
	width: 990px;
	margin: 0 auto;
    position:relative;
}

.main #content-wrapper .blockColumn {
    float:left;
    position:relative;
    min-height:100px;
}
.main #content-wrapper .blockColumn.left,
.main #content-wrapper .blockColumn.right
{
	width:198px;
}

.main #content-wrapper .blockColumn.center{
	width: 594px;
}

    .main #content-wrapper .blockColumn .content-inner h1 {
        font-size:45px;
        color:#709daf;
        line-height:50px;
        margin-top:20px;   
        /*margin-left:5px;*/
    }

.main #content-wrapper:after {
  content: ".";
  overflow: hidden;
  clear: both;
  display: block; 
  height: 0;
}

.blokken-wrapper { display: block; }
.blokken-wrapper-ipad { display: none; }
.blokken-wrapper-iphone { display: none; }

/* === BLOCK COLORS === */

.black {
	background-color: #000 !important;
}

.white {
	background-color: #FFF !important;
	color: #646464;
}

.main #content-wrapper.productgroep-overzicht .content-inner.white
{
    background: none !important;
}
	.white a {
		color: #646464;
	}

.grey {
	background-color: #d2d2d2 !important;
}

.cyan {
	background-color: #00b8ff !important;
}

.light-blue {
	background-color: #d9e3ef !important;
	color: #646464;
}

	.light-blue a {
		color: #646464;
	}

.blue {
	background-color: #26435b !important;
    color:#fff;
}

    .blue h3 {
        color:#c2dff0;
    }

.brown {
    background-color:#c6a36d !important;
    color:#000;
}

	.brown h3 {
	    color:#000;
	}

.dark-blue {
	background-color: #034694 !important;
}

	.dark-blue h3 {
		color: #FFF;
	}

.green {
	background-color: #75bf3f !important;
}

	.green h3 {
		color: #FFF;
	}

.dark-green {
	background-color: #112817 !important;
}

	.dark-green h3 {
		color: #FFF;
	}

.turquoise {
	background-color: #00b6a7 !important;
}

.red {
	background-color: #e01f24 !important;
}

.light-orange {
	background-color: #faaa32 !important;
}

.orange {
	background-color: #e0700e !important;
    color:#000;
}

	.orange h3 {
	    color:#000;
	}

.yellow {
	background-color: #ffd800 !important;
}

.purple {
	background-color: #833d95 !important;
}

.lila {
	background-color: #9f8bd2 !important;
}

.pink {
	background-color: #ba1669 !important;
}

	/* --- CONTENT-SLIDER --- */

	/*! http://responsiveslides.com v1.53 by @viljamis */

	.rslides {
	  position: relative;
	  list-style: none;
	  overflow: hidden;
	  width: 100%;
	  padding: 0;
	  margin: 0;
	  }

		.rslides li {
		  -webkit-backface-visibility: hidden;
		  position: absolute;
		  display: none;
		  width: 100%;
		  left: 0;
		  top: 0;
		  }

		.rslides li:first-child {
		  position: relative;
		  display: block;
		  float: left;
		  }

			.rslides img {
			  display: block;
			  height: auto;
			  float: left;
			  width: 100%;
			  border: 0;
			  }

		/* --- BULLET NAVIGATION --- */

		.rslides_tabs {
			position: absolute;
			top: 8px;
			right: 8px;
			margin: 0;
			padding: 0;
			float: left;
			z-index: 10;
		}

		.rslides_tabs li {
			display: inline;
			float: left;
			padding-right: 5px;
		}

			.rslides_tabs li a {
				background: url(/interface/images/bullet_nav.png) no-repeat 0 top;
				width: 8px;
				height: 8px;
				float: left;
				text-indent: -9999px;
			}

			.rslides_tabs li a:hover,
			.rslides_tabs .rslides_here a {
				background: url(/interface/images/bullet_nav.png) no-repeat 0 bottom;
			}

/* === FOOTER === */

.main #footer-wrapper {
	width: 980px;
	margin: 5px;
	height: 96px;
	margin: 10px auto 20px;
	background-color: #112817;
}

.main #footer-wrapper:after {
  content: ".";
  overflow: hidden;
  clear: both;
  display: block; 
  height: 0;
}

	.main #footer-wrapper .footer-left {
		width: 407px;
		height: 96px;
		float: left;
		color: #739748;
		position: relative;
	}

			.main #footer-wrapper .footer-left a {
				color: #739748;
			}

		.main #footer-wrapper .footer-left .footer-nav {
			position: absolute;
			top: 22px;
			left: 5px;
		}

			.main #footer-wrapper .footer-left .footer-nav li {
				display: inline-block;
				padding: 0px 5px;
			}

	.main #footer-wrapper .footer-left .copyright {
		position: absolute;
		top: 51px;
		left: 10px;
	}

	.main #footer-wrapper .footer-right {
		width: 553px;
		height: 96px;
		float: right;
		padding: 20px 0 0 20px;
		position: relative;
	}

		.main #footer-wrapper .footer-right span {
			font-family: 'Handlee', Georgia, sans-serif;
			font-size: 22px;
			color: #fcf8d3;
			float: left;
			font-weight: normal;
			line-height: 30px;
		}

			.main #footer-wrapper .footer-right .button-small {
				position: absolute;
				top: 35px;
				right: 10px;
			}

				.main #footer-wrapper .footer-right .button-small span {
					font-family: 'Special Elite', arial, sans-serif;
					font-size: 14px;
					line-height: 18px;
				}

/* === SOCIALMEDIA ICONS === */

.socialmedia-icons {
	width: 51px;
	position: fixed;
	top: 60px;
	left: 0;
    padding-bottom:10px;
	background-color: #c6a36d;
	-webkit-box-shadow: 2px 1px 4px 0px #333;
	box-shadow: 2px 1px 4px 0px #333; 
	z-index: 8;
}

	.socialmedia-icons a.youtube,
	.socialmedia-icons a.facebook,
	.socialmedia-icons a.twitter,
	.socialmedia-icons a.linkedin {
		width: 27px;
		height: 27px;
		display: block;
		text-indent: -9999px;
		margin: 10px 0 0 12px;
	}

	.socialmedia-icons a.youtube {
		background: url(/interface/images/socialmedia-icons.png) no-repeat 0 0;
	}

	.socialmedia-icons a.facebook {
		background: url(/interface/images/socialmedia-icons.png) no-repeat 0 -27px;
	}

	.socialmedia-icons a.twitter {
		background: url(/interface/images/socialmedia-icons.png) no-repeat 0 -54px;
	}

	.socialmedia-icons a.linkedin {
		background: url(/interface/images/socialmedia-icons.png) no-repeat 0 -81px;
	}




/* === BLOCK ICONS === */


.restaurant-icon-white, .restaurant-icon-color,
.hotel-icon-white, .hotel-icon-color,
.shop-icon-white, .shop-icon-color,
.serre-icon-white, .serre-icon-color,
.takeaway-icon-white, .takeaway-icon-color,
.office-icon-white, .office-icon-color,
.market-icon-white, .market-icon-color,
.garden-icon-white, .garden-icon-color {
	width: 74px;
	height: 74px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 15;
}

.restaurant-icon-white {
	background: url(/interface/images/restaurant-icon-white.png) no-repeat right top;
}

.restaurant-icon-color {
	background: url(/interface/images/restaurant-icon-color.png) no-repeat right top;
}

.hotel-icon-white {
	background: url(/interface/images/hotel-icon-white.png) no-repeat right top;
}

.hotel-icon-color {
	background: url(/interface/images/hotel-icon-color.png) no-repeat right top;
}

.shop-icon-white {
	background: url(/interface/images/shop-icon-white.png) no-repeat right top;
}

.shop-icon-color {
	background: url(/interface/images/shop-icon-color.png) no-repeat right top;
}

.serre-icon-white {
	background: url(/interface/images/serre-icon-white.png) no-repeat right top;
}

.serre-icon-color {
	background: url(/interface/images/serre-icon-color.png) no-repeat right top;
}

.takeaway-icon-white {
	background: url(/interface/images/takeaway-icon-white.png) no-repeat right top;
}

.takeaway-icon-color {
	background: url(/interface/images/takeaway-icon-color.png) no-repeat right top;
}

.office-icon-white {
	background: url(/interface/images/office-icon-white.png) no-repeat right top;
}

.office-icon-color {
	background: url(/interface/images/office-icon-color.png) no-repeat right top;
}

.market-icon-white {
	background: url(/interface/images/market-icon-white.png) no-repeat right top;
}

.market-icon-color {
	background: url(/interface/images/market-icon-color.png) no-repeat right top;
}

.garden-icon-white {
	background: url(/interface/images/garden-icon-white.png) no-repeat right top;
}

.garden-icon-color {
	background: url(/interface/images/garden-icon-color.png) no-repeat right top;
}

.content-inner .media-top {
  clear: both;
  margin: 0;
  list-style-type: none;
}

.content-inner .media-left {
  float: left;
  clear: left;
  margin-right: 15px;
  list-style-type: none;
}

.content-inner .media-right {
  float: right;
  clear: right;
  margin-left: 15px;
  list-style-type: none;
}

.content-inner .media-top li,
.content-inner .media-left li,
.content-inner .media-right li {
  margin-bottom: 15px;
  padding: 0;
  background: #fff;
}

.content-inner .media-bottom {
  clear: both;
  width: 635px; /* Breedte contentvlak + 15px */
  overflow: hidden;
  margin: 18px -15px 18px 0;
  list-style-type: none;
}

.content-inner .media-bottom li {
  float: left;
  margin: 0 15px 15px 0;
  background: none;
}

.content-inner .media-bottom {
 clear: both;
 overflow: hidden;
 margin: 18px 0 18px -15px;
 width:584px;
 list-style-type: none;
}

.content-inner .media-bottom li {
 float: left;
 margin: 0 15px 15px 0;
 background: none;
 position:relative;
}

   .content-inner .media-bottom li.media-image {
       margin: 0 1% 1% 0;
       width: 32.6%;
   }

       .content-inner .media-bottom li.media-image img {
           display:block;
       }

       .content-inner .media-bottom li.media-image.last {
           margin-right:0px;
       }

       .content-inner .media-bottom li.media-image .overview-link {
           background-color: #709DAF;
           position:absolute;
           bottom:0;
           left:0;
           width: 100%;
       }

   .content-inner .media-bottom li .overview-link span {
       color: #FFFFFF !important;
       float: right;
       font-family: 'Special Elite',cursive;
       font-size: 14px;
       padding: 8px 5px 5px 0;
       text-decoration: none;
       width: auto;
   }

/* Downloads */

.content-inner .downloads {
  clear: both;
  width: 100%;
  list-style-type: none;
  margin: 0;
}

.content-inner .downloads li {
  min-height: 31px;
  padding: 7px 0 7px 36px;
  background: url(/interface/images/downloads.png) no-repeat left 9px;
}

.content-inner .downloads li a { font-weight: bold; }
.content-inner .downloads li span {display: block; font-style: italic;}
.content-inner .downloads .word  { background-position: left -91px; }
.content-inner .downloads .xls{ background-position: left -191px; }
.content-inner .downloads .ppt { background-position: left -291px; }
.content-inner .downloads .compressed { background-position: left -391px; }
.content-inner .downloads .pdf { background-position: left -491px; }
.content-inner .downloads .image { background-position: left -591px; }

.content-inner .overview-blocks {
	width: 100%;
	float: left;
}

	.content-inner .overview-block {
		width: 32.6%;
		float: left;
		margin: 0 1% 1% 0;
	}

	.content-inner .last{
		margin-right: 0;
	}

		.content-inner .overview-block img{
			width: 100%;
			float: left;
		}

		.content-inner .overview-block .overview-link {
			width: 100%;
			float: left;
			background-color: #709DAF;
		}

		.content-inner .overview-block .overview-link a {
			width: auto;
			float: right;
			padding: 8px 5px 5px 0;
			font-family: 'Special Elite', cursive;
			color: #FFF !important;
			text-decoration: none;
			font-size: 14px;
		}

/* ---------------------------------------------------------------------------------- */
/* ----- Stijlen: Formulieren ------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */

#form {
  position: relative;
  clear: both;
  width: 100%;
}

#form h2 {
  margin: 25px 0 12px 0;
  font-size: 13px;
  color: #111;
}

#form .warning { display: none; }

#form .form-field {
  position: relative;
  width: 483px;
  margin-bottom: 6px;
  padding: 0;
  margin: 10px 0;
  float: left;
}

#form .form-field:after {
  content: ".";
  display: block;
  clear: both;  
  height: 0;
  overflow: hidden;
}

#form .form-field label {
  float: left;
  width: 150px;
  padding: 3px 10px 3px 0;
  line-height: 16px;
  font-weight: bold;
}

#form .text input,
#form .password input,
#form .textarea textarea {
  float: left;
  width: 280px;
  padding: 3px 6px;
  border: 1px solid #b4b4b4;
  font-family: Arial, Sans-serif;
  font-size: 13px;
  color: #111;
}

#form .textarea textarea { height: 110px; }

#form .select select {
  float: left;
  width: 294px;
  border: 1px solid #b4b4b4;
}

#form .form-field .kort { width: 100px; }

#form .text .kort,
#form .textarea .kort { width: 88px; }

#form .incorrect input,
#form .incorrect textarea { border: 1px solid #e2001a; }

#form .form-field .form-field-group {
  float: left;
  width: 294px;
  line-height: 16px;
}

#form .form-field .form-field-group .form-field-group-item {
  clear: both;
  width: 100%;
  overflow: hidden;
  padding-bottom: 4px;
}

#form .form-field .form-field-group .form-field-group-item input {
  float: left;
  width: 13px;
  height: 13px;
  margin: 2px 7px 0 0;
  padding: 0;
}

#form .form-field .form-field-group .form-field-group-item label {
  float: left;
  width: 274px;
  padding: 0;
  font-weight: normal;
}

#form .form-field .status {
  float: left;
  width: 16px;
  height: 16px;
  margin: 4px 4px 4px 8px;
}

#form .required .status { background-position: left 0; }

#form .filled.correct .status,
#form .required.correct .status { background-position: left -42px; }

#form .radio .status { display:none; }

#form .incorrect .status { background-position: left -84px; }
#form .select .status { margin: 2px 4px 2px 8px; }

#form .form-field .notice {
  display: none;
  width: 284px;
  color: #e2001a;
  float: left;
  margin-left: 160px;
}

#form .form-field .notice .notice-inner {
  width: 239px;
}

#form .current-error .notice { display: block; }

#form .note {
  position: relative;
  display: block;
  width: 322px;
  margin: -4px 0 8px 120px;
  font-size: 11px;
  line-height: 16px;
}

#form div.note { color: #666666; }

#form .button-small {
  float: right;
  margin-right: 28px;
}

#form .button-small span {
  color: #fff;
}

.content-inner .overview {
	float: left;
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.content-inner .overview li h2 a {
	color: #709DAF !important;
}

.content-inner .overview li p {
	width: 100%;
	float: left;
}

.content-inner .overview li p a {
	color: #709DAF !important;
	width: 100%;
	float: left;
}

.content-inner .overview span {
	font-style: italic;
}

.content-inner ul {
    float: left;
    list-style-type: disc;
    margin: 0 0 15px 13px;
    width: 100%;
}

.iframe {
	color: #112817;
	margin: 20px 0 20px 15px;
}

.twitter_icon p {
	margin-top: 20px;
}

.blokken-wrapper { display: block; }
.blokken-wrapper-ipad { display: none; }
.blokken-wrapper-iphone { display: none; }

#ui-datepicker-div {
    z-index: 9999 !important;
}