@media only screen and (max-width: 1400px) {
	.centered-btns_nav {
		display: none;
	}
}

.only1200 {
    display: inline;
}
.onlynone1200 {
    display: none;
}

@media only screen and (max-width: 1199px) {
    .only1200 {
        display: none;
    }
    .onlynone1200 {
        display: inline;
    }
}

.vishid {
    visibility: hidden;
}

/*********************************************************************************************

1. Default / for Grid 1200px

*********************************************************************************************/

/*----------|-------------|-----------*/
/* -------- | 1.1 Content | -------- */
/* ---------|-------------|---------*/

html, body {
	font-family: Trebuchet MS, Tahoma, Verdana;
    margin: 0;
    padding: 0;
}

input[type="submit"]  {
	background-color: #e2007a !important;
	border-radius: 5px !important;
	font-family: Trebuchet MS, Tahoma, Verdana !important;
    text-transform: uppercase;
    border: 0;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    margin: 30px 10px 0 0;
    padding: 0 20px;
    transition: background-color .3s;
}

input[type="submit"]:hover {
    background-color: #333333 !important;
}

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

img.scale, img.responsive {
    max-width: 100%;
    width: 100%;
    height: auto;
}

#k20 {
	position: relative;
}

#k30 {
	margin-right: 10px;
}

#k40 {
	margin-bottom: 10px;
}

#k50 {
	color: #e2007a;
}

#k50 > img {
	margin-bottom: -7px;
}

#k60 {
	height: auto;
	float: initial;
}

#k70 {
	margin-bottom: 0;
	margin-right: 15px;
}

#k80 {
	margin: 0;
}

#k90 {
	margin-top: 2px;
}

#k100 {
	margin-bottom: -3px;
}

#k110 {
	margin-top: 40px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.clear {
    clear: both;
}

.wrapper {
	min-height: 100%;
	width: 100%;
	position: absolute;
	overflow: hidden;
}

.main {
	padding-top: 110px;
	position: relative;
	padding-bottom: 430px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.main ul {
	padding-left: 14px;
	list-style-image: url(../images/icons/bullet_6x8.png)
}

.content-image-right {
	float: right;
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.content-image-left {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.magenta_bold {
	font-weight: bold;
	color: #e2007a;
}

.website-bouw-item > p > img {
	margin-bottom: 0;
}

#silverstripe-logo {
	margin-bottom: 29px;
}

#webshop-modules {
	margin-top: -150px;
	max-width: 264px;
	margin-right: 316px;
}

#zoekmachine-image {
	height: 300px;
}

#service-pakket {
	height: 300px;
	margin-left: 15px;
}

#hetklokje {
	vertical-align: -1px;
}

#product-variaties-tabel > tbody,
#product-variaties-tabel > tbody > tr,
#product-variaties-tabel > tbody > tr > td {
	border: 1px solid rgb(173,173,173);
	padding: 5px 15px;
}

.guide-chapter > div {
	height: 150px;
}

.guide-chapter > h2 {
	border-top: 1px solid #eee;
	padding-top: 15px;
	margin-top: 10px;
}

.guide-chapter > div > h3 {
	border-top: 1px solid #ddd;
	padding-top: 15px;
	margin-top: 10px;
}


/* -- 1.1.1 Home -- */

.homephone {
	display: none;
}

.home_title {
	right: -45px;
    position: relative;
    margin-left: -38px;
}

.homelinks,
.homerechts {
	width: 48%;
	float: left;
	position: relative;
}

.homelinks {
	margin-right: 20px;
	position: relative;
}

.homelinks > h1,
.homerechts > h1 {
	color: #e2007a;
}

.homelinks > h1 > img,
.homerechts > h1 > img {
	height: 28px;
	margin-bottom: -8px;
}

.home_content {
	font-weight: bold;
}

#k90 > div:nth-child(1) > div,
#k90 > div:nth-child(2) > div {
	margin-bottom: 40px;
}

.home_content > p:nth-child(2) {
	margin: 20px 0;
}

.home_content > a {
	text-decoration: none;
}

.home_content > a > p {
	font-family: Trebuchet MS, Tahoma, Verdana;
    font-size: 15px;
    font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: rgba(226,0,122,0.8);
    margin-top: -36px;
    position: relative;
    padding: 4px;
    height: 23px;
}

#home_play {
	position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -6px;
    margin-left: -35px;
	visibility: hidden;
}

#k90 > div:nth-child(3) > div > a > img:nth-child(1),
#k90 > div:nth-child(4) > div > a > img:nth-child(1)	{
	margin-top: 14px;
}

#laatstenieuws {
	padding: 15px;
	background-color: #f3f3f3;
	box-shadow: 1px 0px 5px #888888;
}

#laatstenieuws > h1 {
	font-size: 17px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

#laatstenieuws > hr {
	border: 0;
    border-bottom: 1px solid #333;
	margin: 15px 0;
}

#laatstenieuws > p:nth-child(6n+1) {
	font-weight: bold;
    font-size: 0;
    height: 0;
}

#laatstenieuws_volgen_twitter,
#laatstenieuws_volgen_facebook {
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	color: #fff;
	background-color: #e2007a;
	padding: 10px 37px 10px 3px;
	width: 38%;
	display: inline-table;
	margin-bottom: 20px;
    border-radius: 5px;
    transition: background-color .3s;
}

#laatstenieuws_volgen_facebook {
	float: right;
}

#laatstenieuws_volgen_twitter:hover,
#laatstenieuws_volgen_facebook:hover {
    background-color: #333333;
}

#laatstenieuws_volgen_twitter  > img,
#laatstenieuws_volgen_facebook > img {
    height: 21px;
    position: absolute;
    margin-left: 7px;
}

#laatstenieuws_volgen_twitter > a > img:hover,
#laatstenieuws_volgen_facebook > a > img:hover {
	opacity: 0.8;
}

#laatstenieuws > p {
	color: #777;
}

#laatstenieuws > p:nth-child(2n+2) {
	color: #333;
}

#laatstenieuws > p:nth-child(6n+5) > img {
	margin-bottom: -2px;
}

#laatstenieuws > p:nth-child(6n+5) > a > img {
	margin: 0 4px -2px 8px;
}

#laatstenieuws > p:nth-child(6n+5) > a:hover > img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.home_content:hover > a > #home_play {
	visibility: visible;
}


/* -- 1.1.2 Portfolio -- */

.pagination {
	float: right;
	margin-top: -32px;
}

.pagination > img {
	opacity: 0.5;
}

.pagination_page {
	float: right;
	margin-top: -73px;
}

.pagination_page > img {
	opacity: 0.5;
}

.pagination > a,
.pagination_page > a {
	text-decoration: none;
}

.pagination > a:first-child,
.pagination_page > a:first-child {
	margin-right: 10px;
}

#portfolio_next {
	width: 23px;
	height: 23px;
	background: url(../images/arrows/next.svg);
	display: inline-block;
	cursor: pointer;
}

#portfolio_previous {
	width: 23px;
	height: 23px;
	background: url(../images/arrows/previous.svg);
	display: inline-block;
	cursor: pointer;
}

#portfolio_previous:hover {
	background: url(../images/arrows/previous_hover.svg)!important;
}

#portfolio_next:hover {
	background: url(../images/arrows/next_hover.svg)!important;
}

.prevnextsvg {
    width: 23px;
    height: 23px;
}

.portfolio-item {
	margin-bottom: 40px;
	position: relative;
}


.portfolio-item_header:hover > #portfolio_play {
	visibility: visible;
}

#portfolio_play {
	position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -35px;
	visibility: hidden;
}

.portfolio-item_header > h2 {
	color: #fff;
	background-color: rgba(226, 0, 122, 0.8);
	padding: 5px 0;
	text-align: center;
	margin-top: -39px;
	position: absolute;
	width: 280px;
	bottom: 0;
}

#portfoliopage_header {
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #464646;
}

.portfolio_content > img {
	margin-bottom: 25px;
	max-width: 100%;
}

.portfolio_content > p:nth-child(2){
	color:#909090;
	font-style: italic;
}

#k20 > div:nth-child(3) > div > a > img {
	margin-bottom: 20px;
}

.portfolio_content > p:nth-child(2) > img {
	margin-right: 5px;
}

.portfolio_content_right > img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

body > div > div.main > div > div:nth-child(3) > div > p:nth-child(2) {
	margin-top: 25px;
}


/* -- 1.1.3 Contact -- */

form {
	width: 95%;
	max-width: initial;
}

#contact-form > div > p:nth-child(6) > a > img {
	margin-right: 4px;
    margin-top: 5px;
}

#contact-form > form > fieldset input,
#Form_ContactForm_Mijnvraag {
	width: 100%;
	max-width: initial;
	font-size: 15px;
	margin-bottom: 12px;
	padding: 8px 5px;
}

#Form_ContactForm_Mijnvraag {
	margin-bottom: 0px;
}

#Form_ContactForm_Mijnvraag {
	height: 140px;
}

#Form_ContactForm_action_SendContactForm {
	/*background-image: url(../images/arrows/btn_verstuur.png);
	font-size: 0;
	width: 96px;
	height: 30px;*/
}

.grecaptcha-badge {
	z-index: 10;
}

#MemberLoginForm_LoginForm_action_dologin,
#MemberLoginForm_LostPasswordForm_action_forgotPassword,
#ChangePasswordForm_ChangePasswordForm_action_doChangePassword {
	text-transform: initial;
	font-weight: bold;
	letter-spacing: 0;
}

#map-iframe {
	padding-bottom: 83.6%
}

.some_icon2 {
	height: 20px;
}

/* -- 1.1.4 Over Ons -- */

.over-ons-titel {
	font-size: 15px;
}


/*----------|------------|-----------*/
/* -------- | 1.2 Header | -------- */
/* ---------|------------|---------*/

#logo_image {
	margin-top: 12px;
	width: 210px;
	height: 60px;
}

.nav-contact {
	display: none;
}

.navigatie {
	background-color: rgba(51,51,51, 0.6);
	width: 100%;
	height: 82px;
	border-bottom: 3px solid rgba(0,0,0, 1);
	z-index: 5;
	position: fixed;
    transition: background-color .3s;
}

.navigatie.affix {
    background-color: rgba(133,133,133, 1);
}

.menu {
	float: right;
	height: 85px;
	margin: 0;
	width: 535px;
}

.menu > ul {
	margin: 0;
	padding: 0;
	list-style: initial;
}

.menu > ul > div {
	display: inline-block;
	width: 107px;
	height: 55px;
	padding: 30px 0 0;
	text-align: center;
	margin-left: -4px;
}

.menu > ul > div > li {
	list-style-type: none;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	height: 22px;
	position: absolute;
}

.menu > ul > div > li > a {
	width: 100px;
	padding-left: 4px;
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 30px 4px;
	margin-top: -30px;
}

#current_menu_item,
.menu > ul > div:hover {
	background: url(../images/backgrounds/hoofditem_bg.png);
}

.menu > ul > div:not(:first-child) > li {
	border-left: 1px solid #fff;
}

#current_menu_item > li,
#current_menu_item  + div:not(:first-child) > li,
.menu > ul > div:not(:first-child):hover > li,
.menu > ul > div:hover + div:not(:first-child) > li {
	border-left: 1px solid transparent;
}

#current_menu_item > li {
	width: 107px;
}


/*----------|------------|-----------*/
/* -------- | 1.3 Slider | -------- */
/* ---------|------------|---------*/

.slider {
	position: relative;
	background-color: #f3f3f3;
	margin-bottom: -15px;
}

/* margin-left is gelijk aan width/2 */
.slider > ul > li > a > img {
	height: 440px;
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
}

.slide-text-button_wrapper {
	bottom: 40px;
    position: absolute;
    float: right;
    right: 0;
    width: 30%;
}

.slide_text {
	background-color: rgba(51,51,51, 0.6);
	max-width: 30%;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	padding: 10px;
	min-width: 350px;
	position: relative;
	float: right;
    border-radius: 5px;
}

.slide_text > a {
	text-decoration: none;
	color: #fff;
}

.slide_text > a > p > span {
	color: #fff;
	font-size: 31px;
	margin-bottom: 12px;
	text-transform: uppercase;
	display: block;
    line-height: normal;
}

#slide-text-title {
	display: none;
}

.bekijk_website_btn {
    color: #fff;
    text-decoration: none;
	position: relative;
	font-size: 17px;
	width: 150px;
	margin-top: 3px;
	float: right;
}

.bekijk_website_btn > a {
	text-decoration: none;
    color: #fff;
    padding: 10px 10px 0px 10px;
    display: block;
    height: 32px;
    border-radius: 5px;
    background-color: #e2007a;
    transition: background-color .3s;
}

.bekijk_website_btn > a:hover {
	background-color: #333333;
}

.bekijk_website_btn > a > img {
	width: 11px;
	margin-top: 6px;
	float: right;
}

.centered-btns_tabs {
    z-index: 2;
	position: relative;
	padding-left: 0px;
	width: 210px;
	margin-top: 7px;
	float: right;
	margin-right: 160px;
}

.centered-btns_tabs > li {
  list-style-type: none;
  display: inline-block;
}

.centered-btns_tabs > li > a {
    background-image: url(../images/icons/slide_nav_white.png);
	background-repeat: no-repeat;
    display: block;
    width: 16px;
    height: 16px;
	margin-right: 5px;
	font-size: 0px;
}

.centered-btns_tabs > li > a:hover {
	background-image: url(../images/icons/slide_nav_magenta.png)!important;
	background-repeat: no-repeat;
}

.centered-btns_here > a {
	background-image: url(../images/icons/slide_nav_black.png)!important;
	background-repeat: no-repeat;
}

#centered-btns_tab {
    float: right;
	margin: 0 auto;
	width: 100%;
	height: 50px;
	margin-top: -95px;
}

#centered-btns_grid > div > a:nth-child(2) {
	position: relative;
    margin-top: -150px;
    background: url(../images/arrows/slideshow_arrow_left.png);
    height: 63px;
    width: 36px;
    z-index: 2;
    font-size: 0;
	float: left;
	margin-left: -80px;
}

#centered-btns_grid > div > a:nth-child(3) {
	position: relative;
    margin-top: -195px;
    background: url(../images/arrows/slideshow_arrow_right.png);
    height: 63px;
    width: 36px;
    z-index: 2;
    font-size: 0;
	float: right;
	clear: both;
	margin-right: -80px;
}

#centered-btns_grid {
	margin-bottom: 0px;
}

#centered-btns_grid > div > a:hover {
	opacity: 0.6;
}


/*----------|-----------------|-----------*/
/* -------- | 1.4 Twitterbalk | -------- */
/* ---------|-----------------|---------*/

.twitterbalk {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    height: auto;
    background-color: #f3f3f3;
    width: 100%;
    position: absolute;
	z-index: 2;
}

#tweet_icon {
	margin-top: -5px;
    position: absolute;
    float: left;
	height: 57px
}

#tweet_shadow {
	margin-top: 15px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -463px;
    z-index: -1;
}

#latest_tweet {
	margin-top: 13px;
	color: #333333;
	display: block;
}

#latest_tweet > span > a {
	text-decoration: underline;
	color: #e2007a;

}

#latest_tweet > span > a:hover {
	color: #333333;
}

.status {
	position: relative;
    margin-left: 120px;
    float: none;
    display: block;
}

.meta {
	float: none;
	position: relative;
    margin-left: 120px;
    font-style: italic;
}


/*----------|------------|-----------*/
/* -------- | 1.5 Footer | -------- */
/* ---------|------------|---------*/

.footer {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 393px;
}

.footer ul {
	margin-left: -25px;
}

.footer0 {
    width: 100%;
    height: 160px;
    padding: 40px 0 0 0;
    background-color: #f3f3f3;
    text-align: center;
}

.footer0 h2 {
    text-transform: uppercase;
    font-size: 20px;
}

.cmsbutton {
    background-color: #e2007a;
    text-transform: uppercase;
    border-radius: 5px;
    border: 0;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    margin: 30px 10px 0px 10px;
    padding: 0 20px;
    transition: background-color .3s;
}

.cmsbutton:hover {
    background-color: #333333;
    color: #ffffff;
}

.footer1 {
	width: 100%;
	background-color: #e2007a;
	height: 158px;
}

.footer1_middle {
	color: #fff;
	padding: 10px 0;
}

.footer1_middle > div {
	width: 25%;
	display: inline;
	float: left;
}

.footer1_middle > div:nth-child(3) > a {
	width: 17px;
}

.footer1_middle > div:nth-child(3) > a > img {
	height: 17px;
}

.footer1_middle > div > .footer_header,
.footer1_middle > div > .footer_header > a,
#exigent_span {
	font-size: 16px;
	color: #fff;
	margin-bottom: -10px;
    margin-top: 15px;
	position: relative;
	z-index: 3;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-family: Trebuchet MS, Tahoma, Verdana;
	/*margin: 0px 0px 10px 0px;*/
}

/* -- Volg Exigent h1 -- */
body > div > div.footer > div.footer1 > div > div > div:nth-child(3) > .footer_header {
	color: #fff;
	margin-bottom: 0;
}

.footer1_middle > div > .footer_header,
.footer1_middle > div > .footer_header > a:hover {
	color: #dbdbdb;
}

#exigent_span {
	margin-top: 18px;
    margin-bottom: -11px;
    display: block;
    font-weight: bold;
	font-family: Trebuchet MS, Tahoma, Verdana;
}

.footer1_middle > div:last-child > ul > li {
	margin-left: -15px;
	list-style-type: none;
	color: #fff;
}

.footer1_middle > div > a {
	margin-top: 3px;
	margin-right: 5px;
	display: inline-block;
}

.footer1_middle > div > a > img {
	position: relative;
	margin-right: 2px;
}

.footer1_middle > div > a > img:hover {
	opacity: 0.8;
}

.footer1_middle > div > ul > li{
	position: relative;
	list-style: initial;
	color: #dbdbdb;
}

.footer1_middle > div > ul > li > a,
.footer1_middle > div > ul > li > a:link{
	color: #fff;
	text-decoration: none;
}

.footer1_middle > div > ul > li > a:hover {
	color: #dbdbdb;
	text-decoration: none;
	cursor: pointer;
}

.footer1_middle > div:nth-child(3) > h1 {
	margin-bottom: 0;
}

.footer2 {
	width: 100%;
	background-color: #a4055c;
	height: 35px;
	font-size: 14px;
}

.footer2 > div > div {
	margin-bottom: 7px;
}

.footer2_middle {
	color: #fff;
	position: relative;
	text-align: center;
	bottom: 5px;
	text-transform: uppercase;
}

.footer2_middle > a,
.footer2_middle > a:link {
	color: #fff;
	text-decoration: none;
	padding: 0 12px 0 6px;
}

.footer2_middle > a:not(:last-child) {
	border-right: 1px solid #fff;
}

.footer2_middle > a:hover {
	color: #dbdbdb;
	text-decoration: none;
	cursor: pointer;
}

.footer2_middle > span {
	padding: 0 12px 0 6px;
	color: #dbdbdb;
}

.footer2_middle > span:not(:last-child) {
	border-right: 1px solid #fff;
}

#vlinder_icon {
	float: right;
	margin-top: -185px;
	margin-right: 10px;
}

#html_code_copy {
	float: left;
	position: absolute;
	height: 193px;
	content: url(../images/backgrounds/html_code_copy_pc.png);
}

#footer_mail {
	text-decoration: underline;
}

/* HM */
.janna
{
	padding-bottom: 15px;
}

.helppage .uitleg h2
{
	color: #333333;
}

.helppage .uitleg h2:first-of-type, .magento .uitleg h2, .swipestripe .uitleg h2
{
	color: #e2007a;
}

.helppage .uitleg h3
{
	font-size: 16px;
}

.swipestripe .uitleg h3
{
	font-size: 16px;
}

.helppage .uitleg ul
{
	margin: 0;
}

.magento .uitleg blockquote
{
	margin: 0px 0px 0px 30px;
}

.magento .uitleg ol, .oltoleft
{
	padding-left: 12px;
}

.magento .uitleg .magml60
{
	margin-left: 6px;
}

.helppagebigh2
{
	font-size: 18px;
	color: #333333 !important;
	margin-bottom: 10px;
}

.helppagegrid
{
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

.helppagegrid a
{
	text-decoration: none;
	display: block;
}

/* HM */
.tabdpblock, .mobdpblock
{
	display: none;
}

#hosting-email
{
	max-width: 400px;
	margin-left: 20px;
	margin-top: 20px;
}

.nieuwsbriefdatum
{
	font-size: 13px;
	font-style: italic;
	margin: -10px 0px 10px 0px;
}

.aanrader
{
	font-weight: bold;
	font-style: italic;
	color: #e2007a;
}

#vacatures_li
{
	margin-left: 80px;
	margin-top: -22px;
}

#furor, #ikzoektim
{
	width: 239px;
	height: auto;
	display: block;
}

.overlee {
    display: none;
}

.overlee {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.4);
    left: 0;
    right: 0;
    top: 113px;
    bottom: 0;
    z-index: 4;
}

.overlee.open {
    display: block;
}

#scroll-to-top {
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #e2007a;
    width: 50px;
    height: 50px;
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1035;
    font-size: 1.5rem;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 4px;
    text-decoration: unset;
}
#scroll-to-top:hover {
    cursor: pointer;
    background-color: #333333;
}

#scroll-to-top.show {
    display: flex;
    opacity: 1;
    visibility: visible;
}


/*********************************************************************************************

2. 960px - 1199px

*********************************************************************************************/

@media only screen and (min-width: 960px) and (max-width: 1199px)
{
	/*----------|-------------|-----------*/
	/* -------- | 2.1 Content | -------- */
	/* ---------|-------------|---------*/

	/* -- 2.1.1 Home -- */

	.home_title {
		right: -45px;
		position: relative;
		margin-left: 0px;
		margin-bottom: -25px;
		top: -30px;
		max-width: 250px;
		display: block;
	}

	#home_play,
	#portfolio_play {
		width: 60px;
		height: 60px;
		margin-top: 2px;
		margin-left: -30px;
	}

	#k90 > div:nth-child(1) > h1 > img,
	#k90 > div:nth-child(2) > h1 > img {
		margin-bottom: 0;
	}

	#k90 > div:nth-child(3) > div > a > img:nth-child(1) ,
	#k90 > div:nth-child(4) > div > a > img:nth-child(1)	{
		margin-top: 29px;
	}

	#webshop-modules {
		margin-right: 0;
        margin-top: -130px;
	}

	#zoekmachine-image {
		margin-left: 20px;
		margin-top: 20px;
	}

	/* -- 2.1.2 Portfolio -- */

	#portfolio_play {
		margin-top: -45px;
	}

    .grid-3.portfolio-item,	.portfolio-item_header > h2 {
		width: 300px !important;
	}


	/*----------|------------|-----------*/
	/* -------- | 2.2 Header | -------- */
	/* ---------|------------|---------*/

	#k60 > p:nth-child(2) {
		height: 66px;
	}

	.menu {
		width: 535px;
	}

	#slide-text-title {
		display: none;
	}

	#laatstenieuws_volgen_twitter,
	#laatstenieuws_volgen_facebook {
		width: 35%;
	}
}


/*********************************************************************************************

3. 720px - 959px

*********************************************************************************************/

@media only screen and (min-width: 720px) and (max-width: 959px)
{
	/*----------|-------------|-----------*/
	/* -------- | 3.1 Content | -------- */
	/* ---------|-------------|---------*/

	#k90 > a > img {
		height: 367px;
	}

	.main {
		padding-top: 200px;
		padding-bottom: 600px;
	}

	#webshop-modules {
		margin-top: -50px;
		margin-right: 0px;
	}

	#zoekmachine-image {
		margin-left: 20px;
		margin-top: 20px;
	}


	/* -- 3.1.1 Home -- */

	.homelinks,
	.homerechts {
		width: 100%;
	}

	.homelinks {
		margin-right: 20px;
	}

	.home_content > a > img {
		filter: none;
		-webkit-filter: none;
	}

	.home_content > a > p {
		background-color: rgba(226,0,122,0.8);
	}

	#k90 > div:nth-child(3) > div {
		margin-bottom: 40px;
	}

	#k90 > div:nth-child(3) > div > a > img:first-child {
		margin-top: -11px!important;
	}

	#k90 > div:nth-child(4) > div > a > img:first-child {
		margin-top: 9px!important;
	}


	#home_play {
		visibility: visible;
		width: 60px;
		height: 60px;
		margin-top: -11px;
		margin-left: -30px;
	}

	#laatstenieuws_volgen_twitter,
	#laatstenieuws_volgen_facebook {
		width: 180px;
		margin-bottom: 10px;
	}

	#laatstenieuws {
		margin-top: 55px;
	}


	/* -- 3.1.2 Portfolio -- */

	.portfolio-item_header {
		filter: none;
		-webkit-filter: none;
	}

    .grid-3.portfolio-item {
        width: 340px !important;
    }

	.portfolio-item_header > h2 {
		width: 340px;
		background-color: rgba(226, 0, 122, 0.8);
        /*font-size: 14px;*/
	}

	.portfolio-item_header > #portfolio_play {
		visibility: visible;
	}

	#portfolio_play {
		width: 50px;
		height: 50px;
		margin-top: -44px;
		margin-left: -25px;
	}


	/*----------|------------|-----------*/
	/* -------- | 3.2 Header | -------- */
	/* ---------|------------|---------*/

	.menu {
		width: 445px;
	}

	.menu > ul > div {
		width: 89px;
	}

	.menu > ul > div > li,
	#current_menu_item > li {
		width: 89px;
        font-size: 17px;
	}

	.menu > ul > div > li > a {
		width: 68px;
		padding: 30px 10px 33px 10px;
	}

	#current_menu_item,
	.menu > ul > div:hover {
		background: url(../images/backgrounds/hoofditem_bg_tablet.png);
	}


	/*----------|------------|-----------*/
	/* -------- | 3.3 Slider | -------- */
	/* ---------|------------|---------*/

	.slider {
		top: 85px;
	}

	/* margin-left is gelijk aan width/2 */
	.slider > ul > li > a > img {
		height: 320px;
		width: 1400px;
		position: relative;
		left: 50%;
		margin-left: -700px;
	}

	#slide-text-title {
		display: none;
	}


	/*----------|-----------------|-----------*/
	/* -------- | 3.4 Twitterbalk | -------- */
	/* ---------|-----------------|---------*/

	.twitterbalk {
		margin-top: 70px;
	}

	.status,
	.meta {
		/*display: inline;*/
		margin-left: 0;
		left: 15%;
		width: 595px;
	}

	#latest_tweet {
		width: 620px;
	}


	/*----------|------------|-----------*/
	/* -------- | 3.5 Footer | -------- */
	/* ---------|------------|---------*/

	.footer {
		height: 575px;
	}

    .footer0 {
        height: 180px;
    }

	.footer1 {
		height: 320px;
	}

	.footer1_middle > div {
		width: 40%!important;
	}

	.footer2 {
		height: 35px;
	}

	.footer2 > div > div {
		margin-bottom: 5px;
	}

	.footer2_middle {
		bottom: 3px;
	}

	#vlinder_icon {
		margin-top: -345px;
	}

	#html_code_copy {
		height: 340px;
		content: url(../images/backgrounds/html_code_copy_tablet.png);
	}

	/* HM */
	.tabdpblock
	{
		display: block;
	}

}


/*********************************************************************************************

4. lt 720px

*********************************************************************************************/

@media only screen and (max-width: 719px)
{
	/*----------|-------------|-----------*/
	/* -------- | 4.1 Content | -------- */
	/* ---------|-------------|---------*/

    .vishid {
        display: none;
    }

    #k90 {
		margin-top: 5px;
		margin-bottom: 35px;
	}

	#k110 {
		margin-top: 50px;
		margin-bottom: 0;
	}

	#k120 > div > p > img {
		margin-bottom: 0;
	}

    #contact-form {
        margin-bottom: 25px;
    }

	.main {
		padding-top: 30px;
		padding-bottom: 1044px;
	}

    .main.justonebutton {
        padding-bottom: 964px;
    }

	.content-image-right,
	.content-image-left{
		float: initial;
	}

	#silverstripe-logo {
		margin-bottom: 0;
	}

	#magento-logo {
		margin-top: 15px;
	}

	#webshop-modules {
		margin-top: 0;
	}

	#zoekmachine-image {
		margin-top: 10px;
		margin-bottom: -15px;
		max-width: 280px;
		height: auto;
	}

	#service-pakket {
		margin-top: 10px;
		margin-bottom: 5px;
		margin-left: 0px;
	}


	/* -- 4.1.1 Home -- */

	.homelinks,
	.homerechts {
		display: none;
	}

	#portfolio_play {
		width: 50px;
		height: 50px;
		margin-top: 22px;
		margin-left: -25px;
	}

	.homephone {
		display: initial;
		background-color: #e2007a
	}

	.scroll_toggle {
		float: right;
		height: 22px;
		width: 22px;
		margin-top: -43px;
		margin-right: 10px;
		cursor: pointer;
	}

	.minus {
		display: none;
	}

	.homephone > h1 {
		background-color: #e2007a;
		color: #fff;
		padding: 10px;
		font-size: 15px;
        border-radius: 5px;
	}

	.homephone > h1 > img {
		height: 23px;
		margin-bottom: -7px;
		margin-right: 5px;
	}

	#k90 > div:nth-child(5) > h1 > img {
		margin-right: 1px;
	}

	.homephone > div.home_content {
		margin-bottom: 10px;
	}

	.homephone:last-child > div.home_content {
		margin-bottom: 0;
	}

	.home_content {
		background-color: #f3f3f3;
		padding: 13px;
		margin-top: -10px;
		display: none;
	}

	.home_content > p:nth-child(2) {
		margin-top: 0;
		margin-bottom: 10px;
	}

	.lees_meer_home {
		height: 24px;
		padding: 5px 0px 5px 20px;
		width: 109px;
        border-radius: 5px;
        transition: background-color .3s;
        background-color: #e2007a;
	}

    .lees_meer_home:hover {
        background-color: #333333;
    }

	.lees_meer_home > a {
		color: #fff;
		text-decoration: none;
		font-family: Trebuchet MS, Tahoma, Verdana;
		font-size: 15px;
	}

	.lees_meer_home > a > p > img {
		margin-bottom: -2px;
	}

	#laatstenieuws_volgen_facebook,
	#laatstenieuws_volgen_twitter {
		padding: 2% 8% 2% 0;
		width: 92%;
		margin-bottom: 15px;
	}

	#laatstenieuws {
		margin-top: 55px;
	}


	/* -- 4.1.2 Portfolio -- */

	.portfolio-item:last-child {
		margin-bottom: 15px;
	}

	.portfolio-item_header {
		filter: none;
		-webkit-filter: none;
	}

	.portfolio-item_header > h2 {
		width: 100%;
		background-color: rgba(226, 0, 122, 0.8);
	}

	.portfolio-item_header > #portfolio_play {
		visibility: visible;
	}

	#portfolio_play {
		margin-top: -30px
	}

	#galleria {
		margin-bottom: 3px;
	}


	/*----------|------------|-----------*/
	/* -------- | 4.2 Header | -------- */
	/* ---------|------------|---------*/

	#logo_image {
		margin-top: 10px;
		width: 175px;
		height: 50px;
	}

	.navigatie {
        background-color: rgba(133, 133, 133, 1);
		border-bottom: 0;
		height: 70px;
		z-index: 1000;
		width: 80%;
	}

	#current_menu_item {
		display: block;
		float: left;
        width: 100% !important;
        padding: 0!important;
        margin: 0!important;
		text-align: left;
		color: #fff;
		border-top: 1px solid #383838;
		border-top: 1px solid rgba(255,255,255,0.5);
		text-decoration: none;
		text-transform: uppercase;
		border-bottom: 0;
		background: rgba(226, 0, 122, 1);
	}

    #current_menu_item li {

    }

    .current_menu_item_section {
        display: block;
        float: left;
        width: 100% !important;
        padding: 0!important;
        margin: 0!important;
        text-align: left;
        color: #fff;
        border-top: 1px solid #383838;
        border-top: 1px solid rgba(255,255,255,0.5);
        text-decoration: none;
        text-transform: uppercase;
        border-bottom: 0;
        background: #e2007a;
    }

    #current_menu_item .menu_item, #current_menu_item li {
        padding: 0;
        width: 100%;
    }

    #current_menu_item .menu_item a {
        border-top: 0;
        width: 90%;
        padding: 1em 5%;
    }

    #current_menu_item span {
        margin: 1em 5%;
        display: block;
    }

    #current_menu_item .menu_item a:hover {
        background: none;
    }

	.nav-contact {
		height: 40px;
		background-color: #333;
		color: #fff;
		margin-top: 70px;
		font-weight: bold;
		display: inherit;
		border-bottom: 3px solid #222;


        /*position: fixed;
        top: 70px;
        left: 0;
        right: 0;*/


	}

	.nav-contact_middle {
		text-align: center;
		font-size: 15px;
		position: absolute;
		left: 50%;
		margin-left: -145px;
	}

	.nav-contact_middle > span {
		float: left;
		margin-top: 10px;
	}

	.nav-contact_middle > a {
		float: left;
		margin-top: 11px;
		width: 28px;
	}

	.nav-contact_middle > a:hover {
		opacity: 0.8;
	}

	.nav-contact_middle > a > img {
		display: inline;
		margin-left: 7px;
		height: 21px;
	}

	.mean-nav > ul > li {
		font-size: 16px;
	}


	/*----------|------------|-----------*/
	/* -------- | 4.3 Slider | -------- */
	/* ---------|------------|---------*/

	.slider {
		margin-top: 0;
		background-color: #fff;
	}

	/* margin-left is gelijk aan width/2 */
	.slider > ul > li > a > img {
		height: 160px;
		width: 700px;
		position: relative;
		left: 50%;
		margin-left: -350px;
	}

	.slide_text,
	.bekijk_website_btn,
	#centered-btns_grid {
		display: none!important;
	}

	#slide-text-title {
		display: block;
		position: absolute;
		width: 680px;
		height: 21px;
		padding: 11px;
		bottom: 0;
		left: 50%;
		margin-left: -350px;
		background-color: rgba(51,51,51,0.7);
	}

	#slide-text-title > span {
		color: #fff;
		font-size: 16px;
		text-align: center;
		display: block;
		font-weight: bold;
	}


	/*----------|-----------------|-----------*/
	/* -------- | 4.4 Twitterbalk | -------- */
	/* ---------|-----------------|---------*/

	.twitterbalk {
		margin-top: 35px;
		margin-bottom: 4px;
		padding-top: 35px;
		height: auto;
		text-align: center;
		position: relative;
	}

	#tweet_icon {
		margin-top: -55px;
		left: 50%;
		margin-left: -28px;
		width: 56px;
		height: 48px;
	}

	.status,
	.meta {
		margin-left: 0;
		margin-top: -20px;

	}

	.meta {
		margin-top: -2px;
		display: block;
		float: none;
	}


	/*----------|------------|-----------*/
	/* -------- | 4.5 Footer | -------- */
	/* ---------|------------|---------*/

	.footer {
		height: 1030px;
	}

    .footer0 {
        height: 310px;
    }

    .footer.justonebutton {
        height: 940px;
    }

    .footer0.justonebutton {
        height: 220px;
    }

    .cmsbutton {
        max-width: 225px;
        display: block;
        margin: 30px auto 0px auto;
    }

	.footer1 {
		height: 560px;
	}

	.footer1_middle > div {
		margin-bottom: 0px;
	}

	.footer2 {
		height: 120px;
	}

	.footer2_middle {
		bottom: -16px;
	}

	.footer2_middle > a,
	.footer2_middle > span {
		display: block!important;
		border-right: 0!important;
	}

	#html_code_copy {
		display: none;
	}

	#vlinder_icon {
		margin-top: -560px;
		margin-right: 0;
	}

	/* HM */
	.janna
	{
		padding-bottom: 0px;
	}

	.mobdpnone
	{
		display: none;
	}

	.mobdpblock
	{
		display: block;
		height: 30px;
	}

	#hosting-email
	{
		margin-top: 0px;
		margin-left: 0px;
		max-width: 280px;
	}
}

@media only screen and (min-width: 720px)
{
    .menu > ul > div > li > a {
        padding: 30px 4px 33px 4px;
    }

    .menu > ul > div > li > span {
        height: 55px;
        display: block;
    }

    .submenudropdown {
        background-color: #333333;
        width: fit-content;
        text-align: left;
        list-style: none;
        margin: 0 0 0 -1px;
        padding: 0;
        white-space: nowrap;
        font-size: 16px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        display: none;
    }

    .submenudropdown li {
        border-top: 0;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .submenudropdown li:last-of-type, .submenudropdown li:last-of-type:hover {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .submenudropdown a {
        text-decoration: none;
        color: #ffffff;
        display: block;
        padding: 10px 20px 10px 20px;
    }

    .currentsubpage {
        width: calc(100% - 40px) !important;
        padding: 10px 20px 10px 20px !important;
    }

    .submenudropdown a:hover {
        background-color: #e2007a;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
}

@media only screen and (min-width: 720px) and (max-width: 959px) {
    .menu > ul > div > li > a {
        padding: 30px 10px 33px 10px;
    }
}