@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

@font-face {
	font-family: 'Myriad Pro Regular';
	src: url(../fonts/MyriadPro-Regular.otf),
    url(../fonts/MyriadPro-Regular.eot); /* IE9 */
}

@font-face {
	font-family: 'Myriad Pro Bold';
	src: url(../fonts/MyriadPro-Semibold.otf),
    url(../fonts/MyriadPro-Semibold.eot); /* IE9 */
}

@font-face {
	font-family: 'igo-ico';
	src:url('../fonts/igo-ico.eot?q6ngeo');
	src:url('../fonts/igo-ico.eot?#iefixq6ngeo') format('embedded-opentype'),
		url('../fonts/igo-ico.ttf?q6ngeo') format('truetype'),
		url('../fonts/igo-ico.woff?q6ngeo') format('woff'),
		url('../fonts/igo-ico.svg?q6ngeo#igo-ico') format('svg');
	font-weight: normal;
	font-style: normal;
}

#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

html, body {
    margin: 0px;
    padding: 0px;
    font-family: 'Myriad Pro Regular', 'Open Sans';
    color: #4a4b4d;
    height: 100%;
    background: #efefef;
}

h1 { 
    margin: 0px;
    padding: 15px 0;
}

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

* {
    box-sizing: border-box;
}

.clear {
    clear: both;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'igo-ico';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-abc:before {
	content: "\e600";
}
.icon-bed:before {
	content: "\e601";
}
.icon-boat:before {
	content: "\e602";
}
.icon-calendar:before {
	content: "\e603";
}
.icon-checkmark:before {
	content: "\e604";
}
.icon-clock:before {
	content: "\e605";
}
.icon-cross:before {
	content: "\e606";
}
.icon-Eetgelegenheid-op-camping:before {
	content: "\e607";
}
.icon-facebook:before {
	content: "\e608";
}
.icon-food:before {
	content: "\e609";
}
.icon-Huisdieren-toegelaten:before {
	content: "\e60a";
}
.icon-info:before {
	content: "\e60b";
}
.icon-Internetverbinding:before {
	content: "\e60c";
}
.icon-Kindvriendelijk-speeltuin-etc:before {
	content: "\e60d";
}
.icon-list:before {
	content: "\e60e";
}
.icon-location:before {
	content: "\e60f";
}
.icon-Minder-dan-1-km-van-het-strand:before {
	content: "\e610";
}
.icon-more:before {
	content: "\e611";
}
.icon-newspaper:before {
	content: "\e612";
}
.icon-rss:before {
	content: "\e613";
}
.icon-search:before {
	content: "\e614";
}
.icon-search_black:before {
	content: "\e615";
}
.icon-speech-bubble:before {
	content: "\e616";
}
.icon-suitcase:before {
	content: "\e617";
}
.icon-suitcase_black:before {
	content: "\e618";
}
.icon-sun:before {
	content: "\e619";
}
.icon-tv:before {
	content: "\e61a";
}
.icon-twitter:before {
	content: "\e61b";
}
.icon-video:before {
	content: "\e61c";
}
.icon-Wasserette:before {
	content: "\e61d";
}
.icon-weather:before {
	content: "\e61e";
}
.icon-woods:before {
	content: "\e61f";
}

/*.icon-video {
    background: url(../svg/video.svg);
}

.icon-tv {
    background: url(../svg/tv.svg);
}

.icon-weather {
    background: url(../svg/weather.svg);
}

.icon-calendar {
    background: url(../svg/calendar.svg);
}

.icon-spotlight {
    background: url(../svg/spotlight.svg);
}

.icon-more {
    background: url(../svg/more.svg);
}

.icon-boat {
    background: url(../svg/boat.svg);
}

.icon-suitcase {
    background: url(../svg/suitcase.svg);
}

.icon-clock {
    background: url(../svg/clock.svg);
}

.icon-speech-bubble {
    background: url(../svg/speech-bubble.svg);
}

.icon-newspaper {
    background: url(../svg/newspaper.svg);
}

.icon-sun {
    background: url(../svg/sun.svg);
}

.icon-medium {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 10px;
    width: 32px;
    height: 32px;
    opacity: 0.6;
}

.icon-medium-food {
    background: url(../svg/food.svg);
}

.icon-medium-woods {
    background: url(../svg/woods.svg);
}

.icon-medium-bed {
    background: url(../svg/bed.svg);
}

.icon-medium-abc {
    background: url(../svg/abc.svg);
}

.icon-medium-list {
    background: url(../svg/list.svg);
}

.icon-medium-location {
    background: url(../svg/location.svg);
}*/

.form-extra {
    display: none;
}

/***************************** ADVERTISEMENTS ********************************************/

.ad-archive {
    width: 100%;
    padding: 20px;
    text-align: center;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ccc;
    max-width: 600px;
    margin: 0px auto;
}

.g-ad-leaderboard {
    display: none;
    margin: 0px auto;
    /*width: 728px;
    height: 90px;*/
    text-align: center;
}

.g-ad-banner {
    display: none;
    margin: 0px auto;
    /*width: 468px;
    height: 60px;*/
    text-align: center;
}

.g-ad-mobile {
    display: block;
    margin: 0px auto;
    /*width: 320px;
    height: 100px;*/
    text-align: center;
}

.g-ad-medium-rectangle {
    display: block;
    margin: 0px auto;
    /*width: 300px;
    height: 250px;*/
    text-align: center;
    
}

@media (min-width:800px) { 
    .g-ad-leaderboard {
        display: block;
    }
                
    .g-ad-mobile, .g-ad-medium-rectangle { 
        display: none;
    } 
}

/********************************** HEADER ***********************************************/

header {
    position: relative;      
    width: 100%;
    line-height: 50px;
    text-align: center;
    background: #4a4b4d;
}

header .logo {
    text-align: left;
}

header .logo a {
    display: inline-block;
    line-height: 50px;
}

header .logo img {
    vertical-align: middle;
    padding: 0 15px;
}

header .logo-search-icons {
    width: 100%;
    text-align: left;
}

header .logo-search-icons .logo {
    display: inline-block;
    margin: 0px;
    padding: 0px 15px;
    vertical-align: middle;
}

header .logo-search-icons .search {
    position: absolute;
    top: 0px;
    left: 160px;
    right: 15px;
    display: inline-block;
    vertical-align: middle;
}

header .logo-search-icons .search input[type="text"] {
    display: inline-block;
    padding: 0px 36px 0px 10px;
    vertical-align: middle;
    width: 100%;
    height: 30px;
    border: 0px;
    border-radius: 3px;
    box-sizing: border-box;
    background: #5e5e5e;
}

header .logo-search-icons .search input[type="submit"] {
    position: absolute;
    right: 10px;
    top: 16px;
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 0px;
    opacity: 0.6;
    background: url(../svg/search.svg) top left;
}

header .logo-search-icons .search input[type="submit"]:hover {
    opacity: 1;
}

header .logo-search-icons .icons {
    display: none;
    vertical-align: middle;
    list-style-type: none;
    margin: 0px 10px;
    padding: 0px;
}

header .logo-search-icons .icons li {
    float: left;
}

header .logo-search-icons .icons li a {
    padding: 10px;
    color: #fff;
    text-decoration: none;
    opacity: 0.6
}

header .logo-search-icons .icons li a:hover {
    opacity: 1;
}

header nav {
    width: 100%;
    height: 50px;
    background: #5e5e5e;
}

header nav ul {
    margin: 0px auto;
    padding: 0px;
    list-style-type: none;
    width: 100%;
}

header nav ul li {
    margin: 0px;
    padding: 0px;
    display: block;
    float: left;
    width: 33.3%;
}

header nav ul li a {
    display: block;
    width: 100%;
    height: 50px;
    font-size: 18px;
    font-family: 'Myriad Pro Bold', 'Open Sans';
    text-decoration: none;
    color: #aaa; 
}

header nav ul li:hover a {
    color: #fff;
} 

header nav ul li.news:hover a, header li.news ul.subnav ul.subnav-featured li span.title {
    background: #ffa700;
}

header nav ul li.recreation:hover a, header li.recreation ul.subnav li ul.subnav-featured li span.title {
    background: #1f9ed3;
}

header nav ul li.business:hover a, header li.business ul.subnav li ul.subnav-featured li span.title {
    background: #c60003;
}

header ul li ul.subnav {
    position: absolute;
    z-index: 10;
    top: 100px;
    left: 0px;
    height: 0px;
    -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
    transition: height 0.5s;
    padding: 0px;
    overflow: hidden;
}

header ul li:hover ul.subnav {
    z-index: 100;
    padding: 10px;
    height: auto;
}

header ul li.news ul.subnav {
    background: #ffa700;
}

header ul li.recreation ul.subnav {
    background: #1f9ed3;
}

header ul li.business ul.subnav {
    background: #c60003;
}

header ul li ul.subnav li {
    width: 100%;
    text-align: left;
}

header ul li ul.subnav li ul.subnav-featured {
    display: none;
}

header ul li ul.subnav li ul.subnav-menu li {
    float: none;
    padding-top: 1px;
    width: 100%;
}

header ul li ul.subnav li ul.subnav-menu li a {
    padding: 0px 10px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
}

header ul li.news ul.subnav li ul.subnav-menu li a {
    background: #ffc24d;
}

header ul li.recreation ul.subnav li ul.subnav-menu li a {
    background: #3fb9ec;
}

header ul li.business ul.subnav li ul.subnav-menu li a {
    background: #ef1b1e;
}

header ul li ul.subnav li ul.subnav-menu li ul.subnav-submenu li a {
    padding-left: 25px;
    background: url(../images/sprite_bullet.png) no-repeat;
}

header ul li.news ul.subnav li ul.subnav-menu li ul.subnav-submenu li a {
    color: #cb8502;
    background-color: #ffd88d;
    background-position: 10px -7px;
}

header ul li.recreation ul.subnav li ul.subnav-menu li ul.subnav-submenu li a {
    color: #117aa5;
    background-color: #63cefb;
    background-position: 10px -57px;
}

header ul li.business ul.subnav li ul.subnav-menu li ul.subnav-submenu li a {
    color: #8d0002;
    background-color: #ff4447;
    background-position: 10px -107px;
}

.secondary-nav {
    display: none;
    width: 100%;
    height: 40px;
    text-align: center;
    background: #636363;
}

.secondary-nav ul {
    list-style-type: none;
    margin: 0px; 
    padding: 0px;
}

.secondary-nav ul li {
    float: left;
}

.secondary-nav ul li a {
    display: block;
    padding-right: 30px;
    height: 40px;
    line-height: 40px;
    color: #a9a9a9;
    text-decoration: none;
}

.secondary-nav ul li a:hover {
    color: #fff;
}

.container {
    text-align: left;
}

.row:after, .row:before {
    content: ' ';
    clear: both;
    display: table;
}

.g-recaptcha {
    margin-bottom: 10px;
}

/*********************************** FEATURED ******************************************/

#featured {
    position: relative;
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
}

.featured-nieuws, .featured-spot, .featured-zakelijk {
    margin-bottom: 5px;
}

#featured a {
    display: block;
    padding: 20px 0;
    text-decoration: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+65,efefef+100&0.45+0,0+65,1+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 65%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 65%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 65%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73000000', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    

}

#featured .featured-desc {
    width: 100%;
    text-decoration: none;
}

#featured .featured-desc h2 {
    margin: 0px;
    padding: 0px 10px;
    height: auto;
    line-height: normal;
    white-space: normal;
    text-overflow: clip;
    overflow: visible;
    font-size: 30px;
    background: none;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
}

#featured .featured-desc h2 span {
    background: #FFA700;
    text-shadow: none;
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 3px;
    font-size: 14px;
    vertical-align: middle;
}

#featured .featured-desc p {
    display: none;
    margin: 0px;
    padding: 0px 10px;
    height: 40px;
    line-height: normal;
    white-space: normal; 
    text-overflow: clip; 
    overflow: visible;
    background: none;
    color: #fff;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.6);
    font-size: 18px;
}

#featured .featured-left, #featured .featured-middle, #featured .featured-right {
    position: absolute;
    left: 50%;
    bottom: 0px;
    height: 230px;
    display: none;
}

#featured .featured-left h2,  #featured .featured-middle h2, #featured .featured-right h2 {
    display: inline-block;
    margin: 0px;
    padding: 0px 15px;
    width: auto;
    max-width: 370px;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
    color: #fff;
    background: #ffa700;
}

#featured .featured-left p, #featured .featured-middle p, #featured .featured-right p {
    display: block;
    margin: 0px;
    margin-top: 5px;
    padding: 15px;
    height: 145px;
    overflow: hidden;
    font-size: 18px;
    background: #fff;
    color: #4a4b4d;
}

#featured .featured-stream iframe {
    width: 100%;
    height: 310px;
}

#featured-article {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center;
}

#featured-article .featured-inner {
    text-shadow: 2px 2px 5px rgba(0,0,0,0.4);
}

#featured-article h2 {
    display: block;
	width: 100%;
    margin: 0px;
	font-size: 20px;
	padding: 10px;
	font-family: 'Myriad Pro Bold', 'Open Sans';
	text-decoration: none;
	color: #fff;
}

#featured-article p {
    display: block;
	width: 100%;
    margin-top: 0px;
	padding: 0 10px;
	font-size: 12px;
	font-family: 'Myriad Pro', 'Open Sans';
	text-decoration: none;
	color: #fff;
}

#featured-article .overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

#featured-article .nav-cat {
    display: none;
	width: 100%;
	height: 50px;
}

#featured-article .nav-cat-news {
    background-color: #ffa700;
}

#featured-article .nav-cat-recreation {
    background-color: #1f9ed3;
}

#featured-article .nav-cat-business {
    background-color: #c60003;
}

#featured-article .nav-cat ul {
	width: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#featured-article .nav-cat ul li {
	margin: 0px 0;
	padding: 0px;
	display: block;
	float: left;
}

#featured-article .nav-cat ul li a {
    display: block;
	padding: 0px 15px;
	width: auto;
    height: 50px;
    line-height: 50px;
	text-decoration: none;
	font-family: 'Myriad Pro Bold', 'Open Sans';
	color: #fff;
	font-size: 18px;
}

#featured-article .nav-cat-news ul li a:hover {
	background-color: #ffc24d;
}

#featured-article .nav-cat-recreation ul li a:hover {
	background-color: #3fb9ec;
}

#featured-article .nav-cat-business ul li a:hover {
	background-color: #ef1b1e;
}

/******************************** SEARCHRESULTS ************************************/

#searchresults {
    position: absolute;
    display: none;
    width: 100%;
    margin-bottom: 10px;
    padding-top: 15px;
    z-index: 10;
    top: 50px;
    left: 0px;
    background: #fff;
}

#searchresults .wrapper {
    width: 100%;
    margin: 0 auto;
}

#searchresults .columns {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#searchresults .column {
    width: 100%;
    padding: 0 15px;
    height: auto;
    float: left;
}

#searchresults h2 {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    margin: 0px;
    margin-bottom: 15px;
    padding: 0px;
}

#searchresults #nieuws h2 {
    background: #ffa700;
}

#searchresults #nieuws li:hover {
    color: #ffa700;
}

#searchresults #recreatie h2 {
    background: #1f9ed3;
}

#searchresults #recreatie li:hover {
    color: #1f9ed3;
}

#searchresults #zakelijk h2 {
    background: #c60003;
}

#searchresults #zakelijk li:hover {
    color: #c60003;
}

#searchresults .column ul {
    list-style-type: none;
    padding: 0;
}

#searchresults .column li {
    background: #fff;
    color: #4a4b4d;
    margin-bottom: 10px;
    height: 75px;
    line-height: 75px;
}

#searchresults .column li strong {
    display: inline-block;
    line-height: normal;
    font-size: 16px;
    width: 70%;
    padding: 0 10px;
    text-align: left;
    vertical-align: middle;
}

#searchresults .column li span {
    display: inline-block;
    width: 30%;
    height: 75px;
    border-right:solid 1px #ccc;
    float: left;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
}

#searchresults .column a {
    text-decoration: none;
}

#searchresults #more {
    cursor: pointer;
}

/********************************  Searchpage  *************************************/

#searchbar {
    width: 100%;
    height: 35px;
    background: #fff;
    border-radius: 5px;
    border: none;
    padding: 10px;
}

#big_searchfield {
    position: relative;
    margin: 0 auto 0 auto;
    width: 100%;
}

#submit_button {
    position: absolute;
    border: none;
    top: 5px;
    right: 10px;
    width: 25px;
    height: 25px;
    background-size: 75%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../svg/search_black.svg);
    background-color: #fff;
    opacity: 0.5;
}

#submit_button:hover {
    opacity: 0.7;
}

#big_searchresults {
    width: 100%;
    margin-bottom: 10px;
    top: 50px;
    left: 0px;
    background: #fff;
}

#big_searchresults .wrapper {
    width: 100%;
    padding: 15px 0px;
    margin: 0 auto;
}

#big_searchresults .columns {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#big_searchresults .column {
    width: 100%;
    padding: 0 15px;
    height: auto;
    float: left;
}

#big_searchresults h2 {
    display: block;
    margin: 0px;
    margin-bottom: 15px;
    margin-left: 0px!important;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    text-align: center;
}

#big_searchresults #nieuws h2 {
    background: #ffa700;
}

#big_searchresults #nieuws li:hover {
    color: #ffa700;
}

#big_searchresults #recreatie h2 {
    background: #1f9ed3;
}

#big_searchresults #recreatie li:hover {
    color: #1f9ed3;
}

#big_searchresults #zakelijk h2 {
    background: #c60003;
}

#big_searchresults #zakelijk li:hover {
    color: #c60003;
}

#big_searchresults .column ul {
    list-style-type: none;
    padding: 0;
}

#big_searchresults .column li {
    background: #fff;
    color: #4a4b4d;
    margin-bottom: 10px;
    height: 75px;
    line-height: 75px;
}

#big_searchresults .column li strong {
    display: inline-block;
    line-height: normal;
    font-size: 16px;
    width: 70%;
    padding: 0 10px;
    text-align: left;
    vertical-align: middle;
}

#big_searchresults .column li span {
    display: inline-block;
    width: 30%;
    height: 75px;
    border-right:solid 1px #ccc;
    float: left;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
}

#big_searchresults .column a {
    text-decoration: none;
}

/*********************************** MAIN ******************************************/

#main {
    padding: 0px;
    min-height: 200px;
    background: #efefef;
}

#main .content {
    padding: 30px; 
    border-bottom: 1px solid #ccc; 
    background: #fff;
}

#main .front-cat {
    position: relative;
    max-width: 600px;
    margin: 0px auto;
}

#main .front-cat .fa {
    padding: 0 10px;
}

#main .front-cat h2 {
    display: block;
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px 5px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

#main .front-cat-news h2 {
    background: #ffa700;
}

#main .front-cat-recreation h2 {
    background: #1f9ed3;
}

#main .front-cat-business h2 {
    background: #c60003;
}

#main .front-cat h2 a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
}

#main .front-cat h2 .icon {
    padding: 0 10px;
}

#main .front-cat-news h2:hover, #main .front-cat-news h2.active {
    background: #ffa700;
}

#main .front-cat-recreation h2:hover, #main .front-cat-recreation h2.active {
    background: #1f9ed3;
}

#main .front-cat-business h2:hover, #main .front-cat-business h2.active {
    background: #c60003;
}

#main .front-cat h2:nth-child(3) {
    left: 33.3%;   
}

#main .front-cat h2:nth-child(5) {
    left: 66.6%;   
}

#main .front-cat ul {
    display: block;
    margin: 0px;
    padding: 0px 5px;
    list-style-type: none;
}

#main .front-cat ul.active {
    display: block;
}

#main .front-cat ul li {
    margin: 0px;
    padding: 0px;
}

#main .front-cat ul li a {
    position: relative;
    display: block;
    margin-bottom: 5px;
    width: 100%;
    color: #4a4b4d;
    text-decoration: none;
    overflow: hidden;
    background: #fff;
}

#main .front-cat ul li.text a {
    height: 30px;
    line-height: 30px;
    padding-right: 10px;
    padding-left: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #fff url('../images/list-arrow.png') no-repeat 10px center;
}

#main .front-cat ul li.image a {
    padding: 0px;
    height: 75px;
    line-height: 75px;
    font-size: 16px;
}

#main .front-cat ul li.image .img {
    display: inline-block;
    width: 30%;
    height: 75px;
    float: left;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    background: no-repeat center center; 
    background-size: cover;
}

#main .front-cat ul li.image strong {
    display: inline-block;
    padding-left: 10px;
    width: 70%;
    max-height: 88px;
    line-height: normal;
    vertical-align: middle;
    box-sizing: border-box;
}

#main .front-cat ul li.image-medium a {
    padding: 0px;
    height: 120px;
    line-height: 120px;
    font-size: 16px;
}

#main .front-cat ul li.image-medium .img {
    display: inline-block;
    width: 45%;
    height: 120px;
    float: left;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    background: no-repeat center center; 
    background-size: cover;
}

#main .front-cat ul li.image-medium strong {
    display: inline-block;
    padding-left: 10px;
    width: 55%;
    max-height: 120px;
    line-height: normal;
    vertical-align: middle;
    box-sizing: border-box;
}

#main .front-cat ul li.image-large a {
    padding: 0px;
    height: 275px;
    font-size: 18px;
}

#main .front-cat ul li.image-large .img {
    display: block;
    width: 100%;
    height: 200px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    background: no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#main .front-cat ul li.image-large .text {
    padding: 0px;
    margin: 0px;
    height: 75px;
    line-height: 75px;
    overflow: hidden;
}

#main .front-cat ul li.image-large strong {
    display: inline-block;
    padding-left: 10px;
    line-height: normal;
    vertical-align: middle;
    box-sizing: border-box;
}

#main .front-cat ul li.image-small a {
    padding: 0px;
    height: 60px;
    line-height: 60px;
}

#main .front-cat ul li.image-small .img {
    display: inline-block;
    width: 20%;
    height: 60px;
    float: left;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    background: no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#main .front-cat ul li.image-small strong {
    display: inline-block;
    padding-left: 10px;
    width: 80%;
    max-height: 90px;    
    line-height: normal;
    vertical-align: middle;
    box-sizing: border-box;
}

#main .front-cat ul li.nav a {
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    font-size: 18px;
}

#main .front-cat ul li.nav a span[class^="icon-"] {
    margin: 0px 20px;
    font-size: 30px;
    vertical-align: middle;
}

#main .front-cat ul li.event a {
    height: 75px;
    line-height: 75px;
    padding-left: 30%;
}

#main .front-cat ul li.event a .date {
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    float: left;
    padding: 0 10px;
    height: 75px;
    line-height: 75px;
    width: 30%;
    color: #1f9ed3;
    font-weight: normal;
    text-align: center;
    border-right: 1px solid #ccc;
}

#main .front-cat ul li.event a .date strong {
    display: inline-block;
    line-height: normal;
    font-size: 16px;
    vertical-align: middle;
    overflow: hidden;
    box-sizing: border-box;
}

#main .front-cat ul li.event a .desc {
    display: inline-block;
    padding-left: 10px;
    max-height: 90px;    
    line-height: normal;
    font-size: 16px;
    vertical-align: middle;
    overflow: hidden;
    box-sizing: border-box;
}

#main .front-cat ul li.event a .desc strong {
}

#main .front-cat ul li.weather-day a {
    height: 105px;
    line-height: 105px;
}

#main .front-cat ul li.weather-day a .weather {
    display: inline-block;
    float: left;
    height: 105px;
    line-height: 105px;
    width: 40%;
    color: #1f9ed3;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
}

#main .front-cat ul li.weather-day a .weather strong {
    width: auto;
}

#main .front-cat ul li.weather-day a strong {
    display: inline-block;
    padding-left: 10px;
    width: 60%;
    max-height: 90px;
    line-height: normal;
    font-size: 18px;
    vertical-align: middle;
    overflow: hidden;
    box-sizing: border-box;
}

#main .front-cat ul li.ad-small, #main .front-cat ul li.ad-large {
    margin-bottom: 5px;
    background: #fff;
}

#main .front-cat ul li.ad-small {
    height: 75px;
}

#main .front-cat ul li.ad-small br, #main .front-cat ul li.ad-large br {
    display: none;   
}

#main .front-cat ul li.ad-small a, #main .front-cat ul li.ad-large a {
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
    border: 0px;
    background: none;
}

#main .front-cat ul li.ad-large a:nth-child(3) {
    height: 225px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media (min-width: 990px) and (max-width: 1200px){
	#main .front-cat ul li.ad-large a:nth-child(3) {
		height: 169px;
	}
}

#main .front-cat ul li.ad-large a:nth-child(5) {
    padding: 10px;
    height: 80px;
}

#main .front-cat ul li.ad-small a:nth-child(3) {
    float: left;
    width: 30%;
    height: 75px;
    text-align: center;
    border-right: 1px solid #ccc;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#main .front-cat ul li.ad-small a:nth-child(5) {
    float: left;
    padding: 10px;
    width: 70%;
    height: 75px;
}

#main .front-cat ul li.ad-small a img, #main .front-cat ul li.ad-large a img {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: auto;
    height: 100%;
}

#main .front-cat-news ul li a:hover {
    color: #ffa700;
}

#main .front-cat-recreation ul li a:hover {
    color: #1f9ed3;
}

#main .front-cat-business ul li a:hover {
    color: #c60003;
}

/************************************* MAIN FORM *********************************************/

#main .content form input[type="text"] {
    display: block;
    margin-bottom: 20px;
    padding: 0 15px;
    width: 100%;
    max-width: 600px;
    height: 50px;
    clear: both;
}

#main .content form input[type="submit"] {
    display: block;
    margin-bottom: 20px;
    padding: 0 15px;
    width: 100%;
    max-width: 600px;
    height: 50px;
    clear: both;
    color: #fff;
    font-weight: bold;
    border: 0px;
    cursor: pointer;
    background: #4a4b4d;
}

#main .content form textarea {
    display: block;
    margin-bottom: 20px;
    padding: 10px 15px;
    width: 100%;
    max-width: 600px;
    height: 100px;
    clear: both;
    font-family: 'Myriad Pro', 'Open Sans';
}

/*********************************** MAIN ARTICLE ******************************************/

#main .article, #main .sidebar {
    position: relative;
	display: inline-block;
	width: 100%;
}

#main .article {
    text-align: center;
}

#main .full-article, .article .add-your-pictures, .article .article-comments {
    margin: 0px auto;
    max-width: 790px; 
    text-align: left;
}

#main .full-article {
    position: relative;
    margin-top: 5px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}

#main .full-article-full-image {
	height: auto;
	width: 100%;
	position: relative;
	height: 250px;
    background-color: black;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	padding: 0;
}

#main .title {
    padding: 0px 0px;
}

#main .title a {
    color: #4a4b4d;
    text-decoration: none;
}

#main .full-article h1 {
	padding: 0px;
    padding-bottom: 10px;
    margin: 0px;
	font-family: 'Myriad Pro Regular', 'Open Sans';
	font-size: 26px;
}

#main .full-article p, #main .article-text div, #main .article-text {
	font-family: 'Verdana';
	font-size: 14px;
	padding: 0px;
	margin: 0;
    color: #000;
}

#main .full-article p img {
    max-width: 100%;
    height: auto;
}

#main .full-article .title p {
    font-size: 12px;
}

#main .article-content {

}

#main .article-content .article-content-inner, #main .article-content .more-images-wrap {
    padding: 10px;
}

#main .article-content h2 {
	margin: 0;
	padding: 30px;
}

#main .article-content p {
	color: #000;
	margin: 0;
	padding: 0;
    padding-bottom: 1em;
    line-height: 24px;
    font-family: 'verdana';
}

#main .article-text div {
    color: #000;
    line-height: 24px;
    font-family: 'verdana';
}

#main .article-text div:first-of-type {
    padding-bottom: 1em!important;
}

#main .article-text div:first-of-type p {
    padding-bottom: 0px!important;
}

#main .article-content .article-content-inner div {
    width: auto;
    margin: 0px;
}

#main .article-content .article-content-inner div div {
    padding-bottom: 0px;
}

#main .article-content img.first-image {
    width: 100%;
    float: right;
    padding-bottom: 20px;
}

#main .article-content img.more-images {
	position: relative;
	height: auto;
	background-size: cover;
	background-position: center;
	margin-bottom: 20px;
	width: 50%;
	padding: 0 10px 0 10px;
	padding-bottom: 0px;
	box-sizing: border-box;
	float: left;
}

.article .add-your-pictures {
	height: 100px;
    margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}

.article .add-your-pictures a {
    display: block;
    padding-top: 30px;
    width: 100%;
    height: 100%;
	text-align: center;
	vertical-align: middle;
	color: #4a4b4d;
	text-decoration: none;
	font-family: 'Myriad Pro Bold', 'Open Sans';
}

.article .article-comments {
    margin-top: 30px;
    padding: 40px;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}

.article .restaurant-services span {
    margin-right: 30px;
}

.article .restaurant-services span img {
    width: 12px;
    opacity: 0.6;
    margin-right: 10px;
}

/*********************************** MAIN ARTICLE LIGHTBOX ******************************************/

#imagelightbox {
	cursor: pointer;
	position: fixed;
	z-index: 10000;
	-ms-touch-action: none;
	touch-action: none;
}

#imagelightbox-loading,
#imagelightbox-loading div {
	border-radius: 50%;
}

#imagelightbox-loading {
	width: 30px;
	height: 30px;
	background-color: #1F9ED3;
	background-color: rgba( 31, 158, 211, 0.6 );
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	padding: 5px;
	margin: -15px 0 0 -15px;
}

#imagelightbox-loading div {
	width: 15px;
	height: 15px;
	background-color: #fff;
	-webkit-animation: imagelightbox-loading .5s ease infinite;
	animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading {
	from { opacity: .5;	-webkit-transform: scale( .75 ); }
	50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
	to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
}

@keyframes imagelightbox-loading {
	from { opacity: .5;	transform: scale( .75 ); }
	50%	 { opacity: 1;	transform: scale( 1 ); }
	to	 { opacity: .5;	transform: scale( .75 ); }
}

#imagelightbox-overlay {
	background-color: #fff;
	background-color: rgba( 255, 255, 255, .9 );
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.imagelightbox-arrow {
	width: 3.75em; /* 60 */
	height: 7.5em; /* 120 */
	background-color: #ffa700;
	background-color: rgba( 255, 167, 0, 1 );
	vertical-align: middle;
	display: none;
	position: fixed;
	z-index: 10001;
	top: 50%;
	margin-top: -3.75em; /* 60 */
	border: 0;
	cursor: pointer;
}

.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus {
	background-color: #ffa700;
	background-color: rgba( 255, 167, 0, 1 );
}

.imagelightbox-arrow:active {
	background-color: #ffa700;
}

.imagelightbox-arrow-left {
		left: 2.5em; /* 40 */
}

.imagelightbox-arrow-right {
	right: 2.5em; /* 40 */
}

.imagelightbox-arrow:before {
	width: 0;
	height: 0;
	border: 1em solid transparent;
	content: '';
	display: inline-block;
	margin-bottom: -0.125em; /* 2 */
}

.imagelightbox-arrow-left:before {
	border-left: none;
	border-right-color: #fff;
	margin-left: -0.313em; /* 5 */
}

.imagelightbox-arrow-right:before {
	border-right: none;
	border-left-color: #fff;
	margin-right: -0.313em; /* 5 */
}

#imagelightbox-loading,
#imagelightbox-overlay,
.imagelightbox-arrow {
	-webkit-animation: fade-in .25s linear;
	animation: fade-in .25s linear;
}

@-webkit-keyframes fade-in {
	from	{ opacity: 0; }
	to		{ opacity: 1; }
}

@keyframes fade-in {
	from	{ opacity: 0; }
	to		{ opacity: 1; }
}

@media only screen and (max-width: 41.250em) /* 660 */ {
	.imagelightbox-arrow {
		width: 2.5em; /* 40 */
		height: 3.75em; /* 60 */
		margin-top: -2.75em; /* 30 */
	}
	
	.imagelightbox-arrow-left {
		left: 1.25em; /* 20 */
	}
	
	.imagelightbox-arrow-right {
		right: 1.25em; /* 20 */
	}
}

@media only screen and (max-width: 20em) /* 320 */ {
	.imagelightbox-arrow-left {
		left: 0;
	}
	.imagelightbox-arrow-right {
		right: 0;
	}
}

/*********************************** MAIN ARTICLE SIDEBAR ******************************************/


#main .sidebar-article-content {
	width: 100%;
}

#main .ad-space-sidebar {
	width: 100%;
	height: 270px;
	background-color: #ccc;
	margin: 0 0 20px;
}

#main .sidebar-article-content nav {
    margin: -2.5px;
    margin-bottom: 30px;
}

#main .sidebar-article-content nav a {
    display: inline-block;
    padding: 0 10px;
    margin: 2.5px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    background: #1f9ed3;
}

#main .sidebar-article-content nav a:hover {
    background: #3fb9ec;
}

#main .sidebar-article-content h2 {
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    font-family: 'Myriad Pro Bold', 'Open Sans';
    font-size: 30px;
    color: #fff;
    background: #4a4b4d;
}

#main .sidebar-article-content table {
    width: 100%;
    margin: -5px;
    margin-bottom: 30px;
    border-spacing: 5px;
    border-collapse: separate;
}

#main .sidebar-article-content table tr td {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #1f9ed3;
}

/*********************************** MAIN ARTICLE SHARE ******************************************/

.share {
	display: block;
  	float: left;
 	margin-bottom: 10px;
    margin-right: 10px;
 	height: 30px;
    line-height: 30px;    
	color: #fff;
	font-family: 'Myriad Pro Regular', 'Open Sans';
	font-size: 0px;
	text-decoration: none;
}

.share .share-icon {
    margin-right: 5px;     
	height: 30px;
	width: 30px;
 	float: left;
}

.share .share-icon img {
    margin: 15%;
    width: 70%; 
}

.share .share-counter {
	height: 20px;
	width: 40px;
	float: right;
	position: relative;
	color: #fff;
    font-size: 16px;
    text-align: center;
	margin: 5px;
	line-height: 20px;
    background-color: rgba(255, 255, 255, 0.25);
}

.share .share-counter::before {
    content: "";
    width: 0px;
    height: 0px;
    border: 5px solid transparent;
    position: absolute;
    left: -10px;
    top: 5px;
}

/* Facebook */
.share-fb {
	background: #3b5998;
}

.share-fb:hover{
    background: #354f88;
}

.share-fb .share-icon {
	background: #354f88;
}

.share-fb .share-counter {
    background: #7C82C3;
}

.share-fb .share-counter::before {
	border-right: 5px solid #7C82C3;
}

/* Twitter */
.share-twi {
	background: #45b0e3;
}

.share-twi:hover{
    background: #40a2d1;
}

.share-twi .share-icon {
	background: #40a2d1;
}

.share-twi .share-counter {
    background: #61C9FA;
}

.share-twi .share-counter::before {
	border-right: 5px solid #61C9FA;
}

/* Disqus */
.share-disqus {
    cursor: pointer;
	background: #ffc24d;
}

.share-disqus:hover{
    background: #ffa700;
}

.share-disqus .share-icon {
	background: #ffa700;
}

.share-disqus .share-counter {
    background: rgba(255,255,255,0.4);
}

.share-disqus .share-counter::before {
	border-right: 5px solid rgba(255,255,255,0.4);
}

/********************************** BOTTOM *****************************************/

#bottom {
    padding: 10px;
    background: #fff;
}

/*.bottom-inner {
    max-width: 600px;
    margin: 0px auto;
}*/

/********************************** SLOGO-BOTTOM *****************************************/

.slogo-bottom {
    text-align: center;
}

.slogo-bottom h2, .article-bottom h2 {
    display: inline-block;
    padding: 0px 10px;
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background: #ffa700;
}

.slogo-bottom ul, .slogo-bottom ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.slogo-bottom ul li a {
    display: block;
    margin-bottom: 10px;
    padding: 0px;
    height: 105px;
    line-height: 105px;
    font-size: 18px;
    color: #4a4b4d;
    text-decoration: none;
    overflow: hidden;
}

.slogo-bottom ul li .img {
    display: inline-block;
    width: 40%;
    height: 105px;
    float: left;
    box-sizing: border-box;
    background: no-repeat center center; 
    background-size: cover;
}

.slogo-bottom ul li strong {
    display: inline-block;
    padding-left: 10px;
    width: 60%;
    line-height: normal;
    vertical-align: middle;
    box-sizing: border-box;
}

.slogo-bottom .slogo-front-live iframe {
    width: 100%;
    height: 280px;
}

.slogo-bottom .slogo-front-video, .slogo-bottom .slogo-front-live {
    margin: 0px auto;
    max-width: 600px;
    text-align: left;
}

/********************************** ARCHIVE *****************************************/

#main .archive-item {
    display: block;
	width: auto;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	margin: 15px auto;
    text-decoration: none;
    max-width: 600px;
}

#main .archive-item .img {
    display: inline-block;
	width: 100%;
	position: relative;
	
    padding-top: 50%;
    border-bottom: 1px solid #ccc;
	background-size: cover;
	background-position: center;
}

#main .archive-item h3 {
	padding: 0px 15px;
    margin: 0px;
    
	height: 75px;
    
	line-height: 75px;
    overflow: hidden;
	color: #4a4b4d;
    
	font-size: 18px;
	text-decoration: none;
	overflow: hidden;
}

#main .archive-item h3 span {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

#main .archive-submenu {
    display: none;
    margin: 0px;
    padding: 15px 0px;
    list-style-type: none;
}

#main .archive-submenu li {
    float: left;
}

#main .archive-submenu li a {
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
    color: #4a4b4d;
    text-decoration: none;
}

#main .pagination {
    padding-top: 40px;
    text-align: center;
}

#main .pagination * {
    display: inline-block;
}

#main .pagination a, #main .pagination strong {
    padding: 15px;
    color: #4a4b4d;
    text-decoration: none;
}


/********************************** CALENDAR *****************************************/

#main .calendar-date {
    padding-top: 5px;
}

#main .calendar-date-fixed {
    padding-top: 58px;
}

#main .calendar-date-title {
    z-index: 9;
    position: relative;
    background-color: #EFEFEF;
}

#main .calendar-date-title-fixed {
    position: fixed;
    z-index: 8;
    top: 0px;
    margin: 0px;
    padding: 12px 0px;
    width: 100%;
    background: #efefef;
}

#main .calendar-item {
    display: block;
    margin-top: 5px;
    text-decoration: none;
    color: #4a4b4d;
    border-bottom: 1px solid #ccc;
    background: #fff;
}

#main .calendar-item .left {
    display: block;
    position: absolute;
    float: left;
    padding: 10px;
    font-family: 'Myriad Pro Bold', 'Open Sans';
    font-size: 18px;
    color: #1f9ed3;
}

#main .calendar-item .middle {
    display: block;
    padding: 10px;
    margin-left: 65px;
    border-left: 1px solid #ccc;
}

#main .calendar-item .middle h3 {
    margin: 0px;
    padding: 0px;
    font-family: 'Myriad Pro Bold', 'Open Sans';
    font-size: 16px;
}

#main .calendar-item .middle .category {
    display: inline-block;
    padding: 0 10px;
    margin-top: 5px;
    line-height: 24px;
    color: #fff;
    border-radius: 3px;
    background: #1f9ed3;
    font-size: 12px;
}

#main .calendar-item .right {
    display: block;
    padding: 15px;
    line-height: 24px;
}

#main .calendar-item .right img {
    vertical-align: middle;
    padding-right: 10px;
}

/********************************** ARCHIVE SEARCH *****************************************/

#main .archive-search-filters {
    margin: 15px 0px;
    padding: 15px;
    border-bottom: 1px solid #ccc;
    background: #fff;
}

#main .archive-search-filters h2{
    margin: 0px;
    padding: 0px;
    font-size: 36px;
    font-family: 'Myriad Pro Bold', 'Open Sans';
}

#main .archive-search-filter-column {
    margin: 0px 15px;
}

#main .archive-search span.label-wrap {
    display: inline-block;
    height: 50px;    
    line-height: 50px;        
    
}

#main .archive-search input[type="checkbox"] {
    display: inline-block;    
    width: 20px;
    height: 20px;       
    vertical-align: middle; 
}

#main .archive-search label {
    margin: 0px 15px;
    vertical-align: middle;
    margin-right: 15px;
}

#main .archive-search label span[class^="icon-"] {
    font-size: 23px;
    vertical-align: middle;
    margin-left: -10px;
    margin-right: 10px;
    color: #4A4B4D;
}

#main .archive-search label img {
    margin-right: 15px;
    vertical-align: middle;
}

#main .archive-search input[type="submit"] {
    cursor: pointer;
    float: right;
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border: 0px;
    border-radius: 3px;
    background: #1f9ed3;
}

#main .archive-search select {
    width: 100%;
}

#main .archive-search input[type="submit"]:hover {
    background: #3fb9ec;
}

/********************************** ARTICLE-BOTTOM *****************************************/

.recreatie-bottom h2 {
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    background: #1f9ed3;
}

.article-bottom .article-bottom-item {
    display: block;
	width: 100%;
    max-width: 600px;
	background-color: #fff;
	margin: 15px auto 15px auto;
    text-decoration: none;
}

.article-bottom .article-bottom-item .img {
    display: inline-block;
	width: 100%;
	position: relative;
	
    padding-top: 45%;
    border-bottom: 1px solid #ccc;
	background-size: cover;
	background-position: center;
}

.article-bottom .article-bottom-item h3 {
	padding: 0px 15px;
    margin: 0px;
    
	height: 65px;
    
	line-height: 65px;
    overflow: hidden;
	color: #4a4b4d;
    
	font-size: 16px;
	text-decoration: none;
	overflow: hidden;
}

.article-bottom .article-bottom-item span {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

.article-bottom .am-wrapper {
    float: left;
    position: relative;
    overflow: hidden;
}

.article-bottom .am-wrapper img {
    position: absolute;
    outline: none;
}

.article-bottom .map-wrap {
    position: relative;
    padding-top: 60%;
}

.article-bottom .map-wrap iframe {
    position: absolute;
    top: 0px;
}

.article-bottom .food-menu-segment {
    padding-top: 50px;
}

.article-bottom .food-menu-segment:nth-child(1) {
   padding-top: 0px; 
}

.article-bottom .food-menu-segment .image {
    width: 100%;
    height: 200px;
    margin: 10px 0;
    background-position: center;
    background-size: cover;
}

.article-bottom .food-menu-segment table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.article-bottom .food-menu-segment table tr {
    
}

.article-bottom .food-menu-segment table td {
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
}

.article-bottom .food-menu-segment table td:nth-child(2) {
    text-align: right;
}

.article-bottom .food-menu-nav h2 {
    background: #4a4b4d;
    margin: 15px 0px;
}

.article-bottom .food-menu-nav nav a {
    display: inline-block;
    padding: 0 10px;
    margin: 2.5px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    background: #1f9ed3;
}

/* BEDRIJVEN */

.bedrijven-links {
    padding:0;
    margin: 25px 0 0 16px;
}

.bedrijven-links a {
    text-decoration: none;
    color:inherit;
}

.bedrijven-links > li{
    list-style-type: none;
    display: inline;
    font-size: 18px;
    font-weight: bold;
    padding-right: 30px;

}

.bedrijven-cat {
    margin:0;
    padding:0;
}

.bedrijven-cat > li{
    position: relative;
    display: block;
    margin-bottom: 5px;
    width: 100%;
    color: #4a4b4d;
    text-decoration: none;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    list-style-type: none;

}

.bedrijven-main {
    position: relative;
    display: block;
    margin-bottom: 5px;
    width: 100%;
    color: #4a4b4d;
    text-decoration: none;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    background: #fff;
    padding: 20px;
}

.bedrijven-left-menu {
    width:820px;
    float:left;
}

.bedrijven-right-menu {
    width:35%;
    float:left;
}

.bedrijven-block {
    position: relative;
    margin: 0px;
}

.bedrijven-block h2 {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    margin: 0px;
    padding: 0px 5px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #c60003;
}

.bedrijven-block h2 .icon {
    margin: 0px 5px;
}

.bedrijven-block-sub {
    width:45%;
    float:left;
    margin-left: 5%;
}

.bedrijven-loc {
    float:left;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.bedrijven-loc > li {
    list-style-type: none;
    font-size: 18px;
    font-weight: bold;
    padding:5px;
}

.bedrijven-loc a {
    color:#4a4b4d;
    text-decoration: none;
}

.bedrijven-loc a:hover {
    color:#c60003;
}

.bedrijven-loc > li:hover {
    list-style-type: none;
    font-size: 18px;
    font-weight: bold;
    padding:5px;
}

.img-cat {
    padding:0;
    margin: 0;
}

.img-cat > li {
    list-style-type: none;
    position: relative;
    height:100px;
    display: block;
    margin-bottom: 5px;
    color: #4a4b4d;
    width:100%;
    height:100%;
    text-decoration: none;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    background: #fff;
}

.img-cat > li > img {
    float:left;
    width:30%;
}

.img-cat > li > span {
    padding:20px;
    width:70%;
    float:left;
}

.cat-block {
    padding:0;
    margin: 0;
    width:32.333%;
    float:left;
    margin-right: 1%;
}

.cat-block-last {
    margin:0;
    width:33.333%;
}

.cat-block > li {
    list-style-type: none;
    position: relative;
    height:100px;
    display: block;
    margin-bottom: 5px;
    color: #4a4b4d;
    width:100%;
    height:auto;
    text-decoration: none;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    background: #fff;
    display: inline-block;
}


.cat-block > li > img {
    float:left;
    width:30%;
}

.cat-block > li > span {
    padding:20px;
    width:70%;
    float:left;
}

.cat-namen {
    padding:0;
    margin: 0;
}

.cat-namen > li {
    list-style-type: none;
    display: inline-block;
    padding: 8px;
    font-size: 18px;
    color:#4a4b4d;
    font-weight: bold;
}

.cat-namen a {
    color:#4a4b4d;
    text-decoration: none;

}

.cat-namen a:hover {
    color:#c60003;
}

.az {
    height:100px;
    display: block;
    margin-bottom: 5px;
    height:auto;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    background: #fff;
    display: inline-block;
    padding:20px;
    margin: 15px 15px;
    
}

.az > span > a {
    color: #4a4b4d;
    text-decoration: none;
}

.az > span > a:hover {
    color:#c60003;
}

.letter {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 37.2px;
    padding: 0 10px;
}

.bedr-gids-wrap {
    position: relative;
}

.bedr-gids-column h2 {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    margin: 0px;
    padding: 0px 5px;
    width: 33.3%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #4a4b4d;
    cursor: pointer;
}

.bedr-gids-column h2:hover, .bedr-gids-column h2.active {
    background: #c60003;
}

.bedr-gids-column h2 .icon {
    padding: 0 10px;
}

.bedr-gids-column:nth-child(1) h2{
    left: 0%;
}

.bedr-gids-column:nth-child(2) h2{
    left: calc(100%/3);
}

.bedr-gids-column:nth-child(3) h2{
    left: calc((100%/3)*2);
}

.bedr-gids-column ul.bedr-gids {
    margin: 0px;
    padding: 0px;
    padding-top: 50px;
    display: none;
}

.bedr-gids-column ul.active {
    display: block;
}

.bedr-gids li.map {
    list-style-type: none;
    width: 100%;
    padding: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    background: #fff;
}

.bedr-gids li a {
    position: relative;
    display: block;
    margin-bottom: 5px;
    padding:5px 15px;
    width: 100%;
    color: #4a4b4d;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    background: #fff;
}

.bedr-gids li a:hover {
    color: #c60003;
}

.business-archive-list {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.business-archive-list li {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.business-archive-list li a {
    position: relative;
    display: block;
    padding: 0px;
    margin-bottom: 5px;
    height: 105px;
    line-height: 105px;
    color: #4a4b4d;
    font-size: 18px;
    text-decoration: none;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    background: #fff;
}

.business-archive-list li a:hover {
    color: #c60003;
}

.business-archive-list li a .img {
    display: inline-block;
    width: 40%;
    height: 105px;
    float: left;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.business-archive-list li a strong {
    display: inline-block;
    padding-left: 10px;
    width: 60%;
    max-height: 88px;
    line-height: normal;
    vertical-align: middle;
    box-sizing: border-box;
}

#flakkeekaart {
    display: none;
}

/********************************** SLOGO ******************************************/
#video-container {
    margin: 50px auto 10px;
    width: 100%;
    position: relative;
}

#description {
    width: 100%; 
    margin: 0 auto 0;
}

#video-items {
    width: 100%; 
    padding: 0; 
    text-align: center;
}

#video-items .video-item {
    display: inline-block; 
    width: 280px; 
    height: 157px; 
    margin: 10px;
    position: relative;
}

.video-title {
    width: 100%;
    height: 100%;
    background-color: #ffa700;
    position: absolute;
    color: #fff;
    text-decoration: none;
    opacity: 0;
}

.video-hover {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}

#radio-container {
    margin: 50px auto 10px;
    width: 100%;
    position: relative;
    background: #4a4b4d;
    padding: 10px;
}

#radio-container .slogo-logo {
    width: 100%;
    margin: auto;
    padding-bottom: 10px;
    color: #fff;
    text-align: center;
}

#radio-container .now-playing {
    width: 92%;
    margin: auto;
    color: #fff;
}

#radio-container .radio-controls {
    width: 100%;
    height: 100px;
}

#radio-container .radio-controls .play-pause {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    border: solid 3px #fff;
    margin: 10px auto;
    background-image: url(http://igo.nl/resources/images/slogo-play.png);
    background-position: center;
}

/********************************** FOOTER *****************************************/

footer {
    padding: 10px;
    color: #8a8a8a;
    background: #4a4b4d;
}

footer .footer-left ul {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    line-height: 40px;
    font-family: 'Myriad Pro Bold', 'Open Sans';
}

footer .footer-left ul li {
    padding-bottom: 15px;
}

footer .footer-left ul li span {
    display: inline-block;
    padding: 0px 10px;
    margin-bottom: 10px;
    height: 40px;
    color: #fff;
}

footer .footer-left ul li span.news {
    background: #ffa700;
}

footer .footer-left ul li span.recreation {
    background: #00aeef;
}

footer .footer-left ul li span.business {
    background: #c60003;
}

footer .footer-left ul li ul li {
    display: inline-block;
    padding-bottom: 0px;
}

footer .footer-left ul li ul li a {
    display: block;
    margin-top: 3px;
    padding: 0px 10px;
    height: 40px;
    text-decoration: none;
    color: #4a4b4d;
    background: #707070;
}

footer .footer-left ul li ul li a:hover {
    background: #8e8e8e;
}

footer h3 {
    font-size: 16px;
    font-family: 'Myriad Pro Bold', 'Open Sans';
    color: #e1e1e1;
}

footer .footer-middle .newsletter-subscribe-form {
    position: relative;
    padding-right: 100px;
}

footer .footer-middle .newsletter-subscribe-form input[type="text"] {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

footer .footer-middle .newsletter-subscribe-form input[type="submit"] {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;    
}

footer .footer-middle .social-icons {
    margin: 0px -2%;
    max-width: 400px;
}

footer .footer-middle .social-icon {
    float: left;
    display: block;
    margin: 0px 2%;
    width: 29.3%;
    opacity: 0.2;
    border-radius: 3px;            
}

footer .footer-middle .social-icon img {
    display: block;
    width: 100%;   
}

footer .footer-middle .social-icon:hover {
    opacity: 0.4;
}

footer form input, footer form textarea {
    display: block;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: 0px;
    box-sizing: border-box;
    background: #e1e1e1;
}

footer form textarea {
    font-family: 'Myriad Pro Regular', 'Open Sans';
    height: 100px;
}

footer form input[type="submit"] {
    font-family: 'Myriad Pro Bold', 'Open Sans';
    color: #4a4b4d;
    cursor: pointer;
    background: #707070;
}

footer form input[type="submit"]:hover {
    background: #8e8e8e;
}

/********************************** TABLET PORTRAIT, PHABLETS *****************************************/

@media all and (min-width: 600px) {
    
    #main .article-content img.first-image {
        width: 50%;     
        padding-left: 30px;
    }
}

/********************************** DESKTOP SMALL *****************************************/

@media all and (min-width: 990px) {
    body, html {
        max-width: 100%;
        height: auto;
        overflow-x: hidden;
    }
    
    body {
        padding-top: 50px;
    }
    
    header {
        position: fixed;
        top: 0px;
        z-index: 10;
    }
    
    header .header-inner {
        margin: 0px auto;
        width: 960px;
    }
    
    header .logo {
        float: left;
    }
    
    header .logo a img {
        padding-left: 0px;
    }
    
    header .logo-search-icons {
        width: auto;
        height: 50px;
        float: right;
    }
    
    header .logo-search-icons .logo {
        padding-left: 0px;
    }
    
    header .logo-search-icons .search {
        position: relative;
        left: 0px;
        width: 280px;
    }
    
    header .logo-search-icons .icons {
        display: inline-block;
    }
    
    header nav {
        width: auto;
        float: left;
        background: transparent;
    }
    
    header nav ul li {
        width: auto;
    }
    
    header nav ul li a {
        padding: 0px 15px;
        padding-top: 2px;
        width: auto;
    }
    
    header nav ul li ul.subnav {
        top: 50px;
    }
    
    header ul li:hover ul.subnav {
        height: 500px;
    }
    
    header nav ul li ul.subnav li.subnav-featured {
        position: absolute;
        top: 30px;
        left: 50%;
        margin-left: -150px;
        width: 630px;
    }
    
    header nav ul li ul.subnav li ul.subnav-featured li {
        position: relative;
        padding: 10px;
        height: 420px;
        line-height: 26px;
        font-size: 16px;
        overflow: hidden;
        background: #fff;
    }
    
    header nav ul li ul.subnav li ul.subnav-featured li a {
        position: relative;
        display: block;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
    }
    
    header nav ul li ul.subnav li ul.subnav-featured li .img {
        display: block;
        margin: -10px;
        margin-bottom: 10px;
        width: 650px;
        height: 420px;
        background-size: cover;
        background-position: center;
    }
    
    header nav ul li ul.subnav li ul.subnav-featured li span.title {
        position: absolute;
        top: 30px;
        left: 30px;
        margin: 0px;
        padding: 0px 10px;
        height: 50px;
        width: 550px;
        line-height: 50px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 18px;
        color: #fff;
    }
    
    header nav ul li ul.subnav li ul.subnav-featured li span.subtitle {
        position: absolute;
        top: 80px;
        left: 30px;
        padding: 0px 10px;
        width: 480px;
        height: 40px;
        line-height: 40px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        background: #fff;
        color: #4a4b4d;
        font-size: 16px;
        font-family: 'Myriad Pro', 'Open Sans';
    }
    
    header nav ul li ul.subnav li ul.subnav-featured li span.read-more {
        position: absolute;
        top: 80px;
        right: 30px;
        display: block;
        width: 90px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        background: #4a4b4d;
        font-size: 16px;
        font-family: 'Myriad Pro', 'Open Sans';
    }
    
    header nav ul li ul.subnav li.subnav-menu {
        position: absolute;
        top: 30px;
        right: 50%;
        margin-right: 180px;
        width: 300px;
    }
    
    header nav ul li ul.subnav li ul.subnav-featured {
        display: block;
    }
    
    .secondary-nav {
        display: block;
    }
    
    .container {
        margin: 0px auto;
        width: 960px;
    }
    
    #main .archive-submenu {
        display: block;
    }
    
    .ad-archive {
        width: 300px;
        float: left;
        margin: 15px;
        height: 234px;
    }
    
    .share {
        margin-bottom: 20px;
        margin-right: 20px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    
    .share .share-icon {
        height: 40px;
        width: 40px;
    }
    
    .share .share-counter {
        margin: 10px;
        margin-left: 20px;
        line-height: 23px;
        font-size: 18px;
    }
    
    #main, #bottom, footer {
        text-align: center;
        padding: 30px 0px;
    }
    
    .featured-nieuws, .featured-spot, .featured-zakelijk {
        margin-bottom: -190px;
        padding: 30px 0px;
    }
    
    .article-bottom h2 {
        margin: 15px;
        margin-bottom: 10px;
    }
    
    #main h1, #main h2 {
    }
    
    #main .half-wrap {
        width: 50%;
        float: left;
    }
    
    #main .content {
        margin: 15px;
    }
    
    #main .calendar-left-column {
        width: 630px;
        float: left;
    }
    
    #main .calendar-right-column {
        width: 360px;
        float: right;
    }
    
    #main .calendar-date-title-fixed {
        top: 50px;   
        left: 50%;
        margin-left: -495px;
        padding-left: 15px;
        width: 630px;
    }
    
    #main .calendar-item {
        position: relative;
        margin: 0px 15px;
        margin-top: 5px;
        height: 65px;
    }
    
    #main .calendar-item .left {
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 0 15px;
        width: 120px;
        height: 65px;
        line-height: 65px;
        text-align: center;
    }
    
    #main .calendar-item .middle {
        position: absolute;
        top: 0px;
        left: 120px;
        margin: 0px;
        padding: 0 15px;
        height: 65px;
        line-height: 65px;
        border: 0px;
        border-left: 1px solid #ccc;
    }
    
    #main .calendar-item .right {
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 0 15px;
        width: 160px;
        height: 90px;
        line-height: 90px;
        text-align: center;
    }
    
    #main .calendar-item .left span, #main .calendar-item .middle span, #main .calendar-item .right span {
        display: inline-block;
        line-height: normal;
        vertical-align: middle;
    }
    
    #featured {
        height: 400px;
    }
    
    #featured a {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        padding: 0px;
    }
    
    #featured .featured-inner, #featured-article .featured-inner, #featured-article .nav-cat-inner, #main .main-inner, #bottom .bottom-inner, footer .footer-inner {
        margin: 0px auto;
        width: 990px;
        text-align: left;
    }
    
    #featured-article .featured-inner {
        position: absolute;
        bottom: 0px;
        left: 50%;
        margin-left: -495px;
    }
    
    #featured-article h2 {
        font-size: 30px;
    }
    
    #featured-article p {
        font-size: 18px;
    }
    
    #featured .featured-desc {
          position: relative; 
          left: 50%;
          display: block;
          margin: 0px 15px;
          margin-top: 30px;
          margin-left: -495px;
          width: 990px;
    }
    
    #featured .featured-desc p {
        display: block;
    }
    
    #featured .featured-left, #featured .featured-middle, #featured .featured-right {
        display: block;
        margin-top: 120px;
        width: 300px;
    }
    
    #featured .featured-left {
        margin-left: -480px;
    }
    
    #featured .featured-middle {
        margin-left: -150px;
    }
    
    #featured .featured-right {
        margin-left: 180px;
    }
    
    #featured .featured-stream {
        position: absolute;
        width: 960px;
        margin-left: 15px;
    }
    
    #featured .featured-stream .featured-desc {
        position: absolute;
        left: auto;
        right: 0;
        top: 0;
        margin: 0px;
        width: 300px;
    }
    
    #featured .featured-stream .featured-desc p {
        margin: 0px;
        padding: 10px;
        height: auto;
        line-height: 30px;
        white-space: normal;
    }
    
    #featured .featured-stream .featured-desc .read-more {
        display: none;
    }
    
    #featured .featured-stream iframe {
        width: 630px;
        height: 340px;
    }
    
	#featured-article {
		height: 120px;
	}
    
    #featured-article .nav-cat {
        display: block;
    }
    
    
    #main .front-cat h2 {
        padding: 0px 10px;
    }
    
    #main .front-cat h2 .icon {
        margin: 0px 10px;
    }
    
    #main .full-article {
        margin-top: 20px;
    }
    
    #main .full-article .title {
        padding-bottom: 0px;
        width: 100%;
    }
    
    #main .full-article .title h1, #main .full-article .title p, #main .full-article .title a {

    }
    
    #main .full-article .title h1 {
        font-size: 36px;
    }
    
    #main .full-article .title p {
        font-size: 16px;
    }
    
    #main .full-article-full-image {
        height: 350px;
    }
    
	#main .article-content .article-content-inner {
		padding: 30px;
	}

    #searchresults .wrapper {
        width: 100%;
    }

    #searchresults .column {
        width: calc(100%/3);
    }

    #big_searchfield {
        width: 700px;
    }

    #big_searchresults .wrapper {
        width: 100%;
    }

    #big_searchresults .column {
        width: calc(100%/3);
    }
    
    .slogo-bottom .slogo-front-live, #main .front-cat, #main .sidebar, #main .archive-item, #bottom .article-bottom-item, footer .column {
        float: left;
        width: 300px;
        margin: 0px 15px;
    }
    
    .article-bottom .am-container, .article-bottom .map-wrap {
        margin: 0px 15px;
    }
    
    #main .archive-search-filter-column {
        float: left;
        width: 280px;
    }
    
    #main .archive-search-filter-column-wide {
        width: 590px;
    }
    
    #main .archive-search-filter-column-small {
        width: 125px;
    }
    
    #main .archive-item, #main .archive-search, #bottom .article-bottom-item {
        margin: 15px;
    }
    
    #main .archive-search-fixed {
        position: fixed;
        left: 50%;
        margin-left: 150px;
        top: 50px;
        width: 330px;
    }
    
    .slogo-bottom .slogo-front-video, #main .article, .article-bottom .food-menu-segment table {
        float: left;
        width: 630px;
        margin: 0px 15px;
    }
    
    .slogo-bottom .slogo-front-video ul {
        width: 50%;
        float: left;
    }
    
    .slogo-bottom .slogo-front-live iframe {
        width: 630px;
        height: 450px;
    }     
    
    .article-bottom .food-menu-segment .image {
        float: right;
        width: 300px;
        height: 500px;
        margin: 0 15px;
    }
    
    .article-bottom .food-menu-nav {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 300px;
    }
    
    .article-bottom .food-menu-nav-scroll-top {
        position: fixed;
        top: 80px;
        right: 50%;
        margin-right: -495px;
    }
    
    #main .front-cat {
        padding: 0px;
    }

    #main .front-cat h2 {
        position: static;
        margin-bottom: 5px;
        width: 100%;
        cursor: default;
    }
    
    #main .front-cat-news h2 {
        background: #ffa700;
    }
    
    #main .front-cat-recreation h2 {
        background: #1f9ed3;
    }
    
    #main .front-cat-business h2 {
        background: #c60003;
    }
    
    #main .front-cat ul {
        display: block;
        padding: 0px;
    }
    
	#main .sidebar-article-content {
		margin: 20px 0px;
	}
    
    .bedr-gids-column h2 {
        position: static;
        margin-bottom: 5px;
        width: 100%;
        cursor: default;
        background: #c60003;
    }
    
    .bedr-gids-column {
        padding: 0 15px;
        width: calc(100%/3);
        float: left;
    }
    
    .bedr-gids-column ul.bedr-gids {
        padding: 0px;
        display: block;
    }

    .bedrijven-gids h2 {
        width:100% !important;
    }

    .bedrijven-sun {
        width: 100% !important;
        display: block !important;
    }

    .bedrijven-left-menu {
        width: 100%;
    }
    
    .bedrijven-block {
        margin: 15px;
    }
    
    .bedrijven-loc {
        margin-left: 50px;
    }
    
    .business-archive-list li {
        width: calc(100%/3);
    }
    
    .business-archive-list li a {
        margin: 0px 15px;
        margin-bottom: 5px;
    }
    
    #flakkeekaart {
        display: block;
    }

    #video-container {
        width: 60%;
    }

    #description {
        width: 60%;
    }

    #radio-container {
        width: 60%;
    }

    #radio-container .now-playing {
        width: calc(100% - 120px);
        float: right;
    }

    #radio-container .radio-controls {
        width: 0;
    }

    #radio-container .radio-controls .play-pause {
        margin: auto;
    }
}

/********************************** DESKTOP LARGE *****************************************/

@media (min-width: 1200px) {
    
    body {
        padding-top: 50px;
    }
    
    header .header-inner {
        width: 1200px;
    }
    
    header ul li:hover ul.subnav {
        height: 680px;
    }
    
    header nav ul li ul.subnav li.subnav-featured {
        margin-left: -190px;
        width: 790px;
    }
    
    header nav ul li ul.subnav li ul.subnav-featured li {
        height: 550px;   
    }
    
    header nav ul li ul.subnav li ul.subnav-featured li .img {
        width: 790px;
        height: 550px;   
    }
    
    header nav ul li ul.subnav li ul.subnav-featured li span.title {
        width: 710px;
    }
    
    header nav ul li ul.subnav li ul.subnav-featured li span.subtitle {
        width: 640px;
    }
    
    header nav ul li ul.subnav li.subnav-menu {
        margin-right: 220px;
        width: 380px;
    }
    
    header ul li ul.subnav li ul.subnav-menu li a {
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }
    
    header ul li.news ul.subnav li ul.subnav-menu li ul.subnav-submenu li a {
        background-position: 10px 0px;
    }
    
    header ul li.recreation ul.subnav li ul.subnav-menu li ul.subnav-submenu li a {
        background-position: 10px -50px;
    }
    
    header ul li.business ul.subnav li ul.subnav-menu li ul.subnav-submenu li a {
        background-position: 10px -100px;
    }
    
    .container {
        width: 1200px;
    }
    
    .ad-archive {
        width: 380px;
        height: 274px;
    }
        
    #featured {
        height: 600px;
    }
    
    #main, #bottom, footer {
        padding: 40px 0px;
    }
    
    .featured-nieuws, .featured-spot, .featured-zakelijk {
        margin-bottom: -400px;
        padding: 40px 0px;
    }
    
    #featured .featured-inner, #featured-article .featured-inner, #featured-article .nav-cat-inner, #main .main-inner, #bottom .bottom-inner, footer .footer-inner {
        width: 1230px;
    }
    
    #featured-article .featured-inner {
        left: 50%;
        margin-left: -615px;        
    }
    
    #featured .featured-desc {
        width: 1200px;
        margin-left: -600px;
    }
    
    #featured .featured-left, #featured .featured-middle, #featured .featured-right {
        display: block;
        margin-top: 280px;
        width: 380px;
    }
    
    #featured .featured-left {
        margin-left: -600px;
    }
    
    #featured .featured-middle {
        margin-left: -190px;
    }
    
    #featured .featured-right {
        margin-left: 220px;
    }
    
    #featured .featured-stream {
        width: 1200px;
    }
    
    #featured .featured-stream .featured-desc {
        width: 380px;
    }
    
    #featured .featured-stream iframe {
        width: 790px;
        height: 520px;
    }
    
	#featured-article {
		height: 140px;
	}

    #searchresults .wrapper {
        width: 1230px;
    }
    
    #main .calendar-left-column {
        width: 790px;
    }
    
    #main .calendar-right-column {
        width: 440px;
    }
    
    #main .calendar-date-title-fixed {
        margin-left: -615px;
        width: 790px;
    }
    
    #main .full-article-full-image {
        height: 475px;
    }
    
    #main .content, #main .full-article, #main .full-article p, #main .article-content .article-content-inner div {
        
        font-size: 16px;
    }
    
    #main .article-content .article-content-inner {
        padding: 30px 40px;
    }

	#main .article-sidebar-content {
		width: 100%;
		margin: 0 0 15px;
	}

	#main .ad-space-sidebar {
		display: block;
	}
    
    .slogo-bottom .slogo-front-live, #main .front-cat, #main .sidebar, #main .archive-item, #bottom .article-bottom-item, footer .column {
        width: 380px;   
    }
    
    #main .archive-search-filter-column {
        width: 360px;
    }
    
    #main .archive-search-filter-column-wide {
        width: 750px;
    }
    
    #main .archive-search-filter-column-small {
        width: 165px;
    }
    
    #main .archive-search-fixed {
        margin-left: 190px;
        width: 410px;
    }
    
    .slogo-bottom .slogo-front-video, #main .article, .article-bottom .food-menu-segment table {
        width: 790px;
    }
    
    .slogo-bottom .slogo-front-live iframe {
        width: 790px;
        height: 450px;
    }
    
    .article-bottom .food-menu-segment .image {
        width: 380px;
        height: 600px;
    }
    
    .article-bottom .food-menu-nav {
        width: 380px;
    }
    
    .article-bottom .food-menu-nav-scroll-top {
        margin-right: -615px;
    }

    #video-container {
        width: 60%;
    }

    #description {
        width: 60%;
    }
}