/**
 * grade-B.css
 *
 * This file styles to mobile landscape pages
 *
 * @author    Mark de Mol
 * @version   1.0
 */
@media (max-width:1403px)
{
.row:not(.nth-child-2) > div {
    padding: 0px 10px !important;
}
@media (max-width:1200px)
{
.home .row.nth-child-2 > div > .group > .margin > .padding > .article.item-image > .margin > .padding > .item-image-wrapper.text-location-0 > .item-image-text h1 {
    font-size: 30px;
    text-transform: uppercase;
    padding-top: 2%;
}
.row > div > div.group.top_menu > .margin > .padding > .article.widget-menu-list.width-100 > .margin > .padding ul.menu > li {
    margin-right: 15px;
}
.home .row.nth-child-2 > div > .group > .margin > .padding > .article.item-image > .margin > .padding > .item-image-wrapper.text-location-0 > .item-image-text {
    width: 44%;
    max-width: 43%;
    height: auto;
    margin-left: -114px;
}
}
@media (max-device-width:1103px) and (orientation:landscape)
{
	
	
	
	
	
/*==== toegevoegd door kosmas ====*/

/*==== Menu top ====*/
.language_dropdown ul {
	width: 60%;
	margin-top: -5px;
	margin-left: 0% !important;
	float:right;
}

.row > div > div.group.top_menu > .margin > .padding > .article.widget-menu-list:nth-child(1) {
	width:40% !important;
}
.row > div > div.group.top_menu > .margin > .padding > .article:nth-child(2) {
	width:35% !important;
	min-width: 35%;
}
.row > div > div.group.top_menu > .margin > .padding > .article:nth-child(3) {
	width:25% !important;
	min-width: 25%;
}
.home .row.content:not(.nth-child-0):not(.nth-child-2) > div > .group:nth-child(1) > .margin > .padding > .article.item-image:hover .image_overlay {
    width: 100%;
    height: 97%;
}
.row > div > div.group > .margin > .padding > .article > .margin > .padding ul.menu li a {
    font-size: 14px !important;
}
/*==== einde menu top ====*/
/*==== logo ====*/
/*==== einde logo ====*/
/*==== banner ====*/

.home .nth-child-2 > div > .group > .margin > .padding > .article.item-image > .margin > .padding > .item-image-wrapper.text-location-0 > .item-image-text {
    width: 48% !important;
    max-width: 51% !important;
    margin-left: -112px !important;
}
.home .nth-child-2 > div > .group > .margin > .padding > .article.item-image > .margin > .padding > .item-image-wrapper.text-location-0 > .item-image-text h1 {
    font-size: 24px !important;
    text-transform: uppercase;
    padding-top:7% !important;
}
/*==== einde banner ====*/
/*==== content ====*/
.home .row.content:not(.nth-child-0):not(.nth-child-2) > div > .group:nth-child(1) > .margin > .padding > .article.item-image:hover .image .overlay {
    width: 100%;
    height: 93%;
}
.article.item-image > .margin > .padding > .item-image-wrapper.text-location-4 > .image {
    margin-left: 3px;
    margin-right: 3px;
}
/*==== einde content ====*/
/*==== footer ====*/
.row.footer {
	padding-left:0px;
	padding-right:0px;
}

.row.footer > div > .group > .margin > .padding {
    padding-left: 0px;
    padding-right: 0px;
}
.row.footer > div > .group > .margin > .padding > .article:nth-child(1) {
	width:35%;
	min-width:35%;
}

.row.footer > div > .group > .margin > .padding > .article:nth-child(3) {
	width:15%;
	min-width:15%;
}

.row.webdesign ul {
    text-align: left;
}
/*==== einde footer ====*/

/*==== einde toegevoegd door kosmas ====*/
	
	
	
	
	
	
	
	
	#devicegrade { 
		z-index:10;
	}
	
	#devicegrade > div:after { 
		content: "A";
	} 
	
	/*
	* width of all the groups
	*/
	.group.width-100{
		width:100%;
	}
	
	.group.width-95{
		width:100%;
	}
	
	.group.width-90{
		width:100%;
	}
	
	.group.width-85{
		width:100%;
	}
	
	.group.width-80{
		width:100%;
	}
	
	.group.width-75{
		width:75%;
	}
	
	.group.width-70{
		width:70%;
	}
	
	.group.width-66{
		width:66.6%;
	}
	
	.group.width-65{
		width:65%;
	}
	
	.group.width-60{
		width:60%;
	}
	
	.group.width-55{
		width:55%;
	}
	
	.group.width-50{
		width:50%;
	}
	
	.group.width-45{
		width:45%;
	}
	
	.group.width-40{
		width:40%;
	}
	
	.group.width-35{
		width:35%;
	}
	
	.group.width-33{
		width:33.3%;
	}
	
	.group.width-30{
		width:30%;
	}
	
	.group.width-25{
		width:25%;
	}
	
	.group.width-20{
		width:20%;
	}
	
	.group.width-15{
		width:20%;
	}
	
	.group.width-10{
		width:20%;
	}
	
	/*
	* custom
	*/
	body {
	}
	
	h1 {
		margin-top:0;	
	}
	
	.row.header > div,
	.row.menu > div {
		padding: 0 20px;	
	}
	
	.row.menu {
		top:109px;	

	}
	
	.row.header > div > .logo {
		width:72%;
		padding-top:25px;	
		padding-bottom:0;
		
	}	
	
	.row.header > div > .information {
		width:28%;
	}

	.row.header > div > .information .phone-numbers {
		background:none;
		border-radius:0;	
		color:#8b4c6b;
		height:auto;
		padding-bottom:0;
	}
	
	.row.header > div > .information .phone-numbers p {
		text-align:center;	
	}
	
	.row.full-site-width .master-slider .ms-slide .ms-layer.ms-caption {
		top:21% !important;	
		right:10% !important;
	}
	
	.row.webdesign > div > .group > .margin > .padding {
		padding-right:50px;	
	}
			
	.circle-purple {
		height:170px;	
	}
	
	.circle-purple > .circle {
		height:160px;
		width:155px;
	}
	
	blockquote {
		padding:25px 20px;	
	}
	
	.row.middelpaars .circle-purple {
		padding-left:0;
		padding-right:0;	
	}
	
	.row.middelpaars .circle-purple > .circle {
		height:180px;
		width:180px;
	}
	.row.middelpaars .article > .margin > .padding >p {
		margin:0;	
	}
	
	.row.purple-lines > div > .group .article > .margin {
		padding-right:15px;
	}
	
	.row.purple-lines > div > .group .article > .margin > .padding {
		padding-right:15px;
	}
	
	.row.paars.menu.fixed {
		top: 109px;
	}

	.row.nth-child-2 .article.news-recent-list {
		right: 20px;
	}

	.article.news-recent-list > .margin > .padding .left-top > .head {
		padding-top: 10px;
	}

	.article.item-recent-news-list > .margin > .padding > .introduction-text {
		display: none;
	}
	
}