/*
Theme Name: Maarsingh & Van Steijn netwerk
Author: IDS internet
Author URI: https://www.idsinternet.nl
Description: Het World Wide Web is voor IDS een weg met ongekende mogelijkheden. IDS bestaat uit een team enthousiaste, ervaren en leuke mensen, die ervoor zorgen dat er professionele websites en webshops gerealiseerd worden.
Version: 02.07.2024
*/

@import url('css/editor-style.css');
@import url('css/base.css');
@import url('css/standard.css');
@import url('css/responsive.css');


.logo {
    top: 290px;
    left: 165px;
}

button.id-2 {position:absolute;top:520px;right:630px;} 		/* VOMOV */
button.id-3 {position:absolute;top:390px;right:660px;} 		/* De Vitaliteitsfabriek */
button.id-4 {position:absolute;top:260px;right:635px;} 		/* MenS Leeuwarden */
button.id-5 {position:absolute;top:145px;right:560px;} 		/* MenS Werkt */
button.id-6 {position:absolute;top:75px;right:440px;} 		/* MenS Groningen */

button.id-7 {position:absolute;top:50px;right:300px;} 		/* Neuro RC */

button.id-8 {position:absolute;top:75px;right:160px;} 		/* MenS 2 */
button.id-9 {position:absolute;top:145px;right:40px;} 		/* KANA */
button.id-10 {position:absolute;top:260px;right:-30px;} 		/* Grip XR */
button.id-11 {position:absolute;top:390px;right:-50px;} 	/* Getafix */
button.id-12 {position:absolute;top:520px;right:-30px;} 	/* Getafix */




@media (min-width:992px) and (max-width:1199px) {

button.id-2 {position:absolute;top:435px;right:510px;} 		/* VOMOV */
button.id-3 {position:absolute;top:330px;right:530px;} 		/* De Vitaliteitsfabriek */
button.id-4 {position:absolute;top:230px;right:510px;} 		/* MenS Leeuwarden */
button.id-5 {position:absolute;top:140px;right:455px;} 		/* MenS Werkt */
button.id-6 {position:absolute;top:80px;right:365px;} 		/* MenS Groningen */

button.id-7 {position:absolute;top:65px;right:255px;} 		/* Neuro RC */
	
button.id-8 {position:absolute;top:80px;right:145px;} 		/* MenS 2 */
button.id-9 {position:absolute;top:140px;right:55px;} 		/* KANA */
button.id-10 {position:absolute;top:230px;right:-10px;} 		/* Grip XR */
button.id-11 {position:absolute;top:330px;right:-30px;} 	/* Getafix */
button.id-12 {position:absolute;top:435px;right:-5px;} 	/* Getafix */

}

@media (min-width:767px) and (max-width:991px) {

	button.id-2 {position:absolute !important;top:325px !important;right:400px !important;} 		/* VOMOV */
	button.id-3 {position:absolute !important;top:240px !important;right:420px !important;} 		/* De Vitaliteitsfabriek */
	button.id-4 {position:absolute !important;top:155px !important;right:410px !important;} 		/* MenS Leeuwarden */
	button.id-5 {position:absolute !important;top:85px !important;right:360px !important;} 		/* MenS Werkt */
	button.id-6 {position:absolute !important;top:40px !important;right:285px !important;} 		/* MenS Groningen */
	
	button.id-7 {position:absolute !important;top:30px !important;right:200px !important;} 		/* Neuro RC */
	
	button.id-8 {position:absolute !important;top:40px !important;right:115px !important;} 		/* MenS 2 */
	button.id-9 {position:absolute !important;top:85px !important;right:40px !important;} 		/* KANA */
	button.id-10 {position:absolute !important;top:155px !important;right:-10px !important;} 		/* Grip XR */
	button.id-11 {position:absolute !important;top:240px !important;right:-20px !important;} 	/* Getafix */
	button.id-12 {position:absolute !important;top:325px !important;right:0px !important;} 	/* Getafix */

.background-top {
height: 640px !important;
width: 1000px !important;
	background-size:860px !important;
background-position: 150px 0px !important;
}
	.logo {
top: 230px;
left: 120px;
width:280px;
}
	.nav-pills .nav-link {width:70px;height:70px;}
}


.background-top {
background-image: url(images/netwerk.png);
background-position: 185px -50px;
background-repeat: no-repeat;
background-size: 1100px;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
-moz-transition: 1s;
-webkit-transition: 1s;
}



@media (min-width:1100px){
	body {padding-left:80px;}	
	.background-top {background-position: 225px -50px;}	
}
@media (min-width:1200px){

.logo {
	top: 340px;
	left: 220px;
}
body {padding-left:40px;}	

.background-top {
	background-image: url(images/netwerk.png);
	background-position: 200px -100px;
	background-repeat: no-repeat;
	background-size: 1400px;	
}
	
}

@media (min-width:800px) and (max-width:900px){
	body {padding-left:50px;}	
	.background-top {background-position: 195px 0px !important;}	
}
@media (min-width:901px) and (max-width:991px){
	body {padding-left:100px;}	
	.background-top {background-position: 245px 0px !important;}	
}

@media (min-width:1300px){
	body {padding-left:50px;}	
	.background-top {background-position: 210px -100px;}	
}
@media (min-width:1400px){
	body {padding-left:100px;}	
	.background-top {background-position: 260px -100px;}	
	
}
@media (min-width:1500px){
	body {padding-left:150px;}	
	.background-top {background-position: 310px -100px;}	
	
}
@media (min-width:1600px){
	body {padding-left:200px;}	
	.background-top {background-position: 360px -100px;}	
	
}
@media (min-width:1700px){
	body {padding-left:250px;}	
	.background-top {background-position: 410px -100px;}		
}
@media (min-width:1800px){
	body {padding-left:300px;}	
	.background-top {background-position: 460px -100px;}		
}
@media (min-width:1900px){
	body {padding-left:350px;}	
	.background-top {background-position: 510px -100px;}		
}


body.kleur .background-top {
background-image: url(images/netwerk-2.svg);	
background-size:1700px;
top: 0;
	
}



.accordion-item {
	border: 0 !important;
	border-radius: 6px !important;
	box-shadow:none !important;
}
.accordion-item * {
	border: 0 !important;
	border-radius: 6px !important;
	box-shadow:none !important;
}