/*
 * Css for onepage layout on a desktop device
 *
 * This file is part of templates developed by Yolknet Internetservices
 * www.yolknet.nl
 */

body.home .container,
body.home .middle,
body.home .onepage,
body.home .item-page,
body.home .item-page > div[itemprop="articleBody"],
body.home .item-page > div[itemprop="articleBody"] > div:not(.voettekst):not(.credits) {
	height: 100%;
}

body.home div.onepage {
	float: none;
	padding: 0;
	width: 100%;
}

body.home .item-page > div[itemprop="articleBody"] > div {
	background-repeat: no-repeat;
	background-size: cover;
}

	body.home div[class^="white-"] {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1);
		padding: 0 30px;
		height: 100%;
		position: relative;
	}

	body.home .white-right {
		background-color: rgba(255, 255, 255, 0.8);
		background: -moz-linear-gradient(-64deg, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 0%);
		background: -webkit-linear-gradient(-64deg, rgba(255, 255, 255, 0.8) 50%,rgba(255, 255, 255, 0) 0%);
		background: linear-gradient(-64deg, rgba(255, 255, 255, 0.8) 50%,rgba(255, 255, 255, 0) 0%);
	}

	body.home .white-left {
		background-color: rgba(255, 255, 255, 0.8);
		background: -moz-linear-gradient(64deg, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 0%);
		background: -webkit-linear-gradient(64deg, rgba(255, 255, 255, 0.8) 50%,rgba(255, 255, 255, 0) 0%);
		background: linear-gradient(64deg, rgba(255, 255, 255, 0.8) 50%,rgba(255, 255, 255, 0) 0%);
	}

		body.home div.home > div.white-right > .moduletable_menu {
			bottom: 310px;
			position: absolute;
			right: 80px;
			width: 280px;
		}

			body.home div.home > div.white-right > .moduletable_menu a {
				color: #004a99;
				font-size: 32px;
				font-weight: bold;
				padding: 0;
				margin-bottom: 15px;
				text-align: right;
				text-transform: uppercase;
			}

				body.home div.home > div.white-right > .moduletable_menu a:hover,
				body.home div.home > div.white-right > .moduletable_menu a:focus {
					background-color: transparent;
					text-decoration: underline;
				}

		body.home .item-page div[itemprop="articleBody"] div.white-right .tekst {
			bottom: 60px;
			position: absolute;
			right: 80px;
			text-align: right;
			width: 330px;
		}

			body.home .item-page div.home > div.white-right > .tekst {
				width: 414px;
			}

		body.home .item-page div[itemprop="articleBody"] div.white-left .tekst {
			bottom: 60px;
			position: absolute;
			left: 80px;
			text-align: left;
			width: 330px;
		}

    /* Disciplines */

	div.disciplines {
		display: table;
		padding-left: 30px;
		padding-right: 30px;
	}

		div.disciplines h1 {
			margin-bottom: 40px;
			margin-top: 40px;
			text-align: center;
		}



			div.disciplines .discipline {
				border: 1px solid #009ee0;
				margin-bottom: 52px;
				width: 254px;
			}

				div.disciplines .discipline .logo {

				}

		        div.disciplines .discipline .tag {
			        background-color: #009ee0;
		        }

					div.disciplines .discipline .tag a {
						color: #ffffff;
					}

					div.disciplines .discipline .tag a:hover {
						background-color: #004a99;
					}

	/* Evenementen */

	body.home .evenementen {
		background-color: #97bf0d;
		padding: 42px;
    }

		body.home .evenementen h1 {
	        color: #ffffff;
	        margin: 5px 0 0;
	        padding-bottom: 42px;
	        text-align: center;
        }

		body.home .evenementen ul {
	        display: table;
	        list-style: none;
        }

			body.home .evenementen ul li {
	            display: table-row;
	            margin-bottom: 30px;
            }

				body.home .evenementen ul li .event-date {
	                background-color: #ffffff;
	                /*display: table-cell;*/
	                /*float: left;*/
	                font-size: 24px;
	                margin-right: 30px;
	                padding: 24px 12px;
	                text-transform: uppercase;
	                width: 254px;
                }

				body.home .evenementen ul li .event-name {
					background-color: #ffffff;
					border-bottom: 20px solid #97bf0d;
					display: table-cell;
					padding: 12px;
					vertical-align: top;
					width: 100%;
				}

					body.home .evenementen ul li .event-name > p.mod-articles-category-introtext {
						margin-bottom: 0;
					}

					body.home .evenementen ul li .event-name > a.mod-articles-category-title {
						font-size: 24px;
						text-transform: uppercase;
					}

					body.home .evenementen ul li .event-name > p:last-child {
						margin-bottom: 0;
					}

						body.home .evenementen ul li .event-name > p > a.mod-articles-category-title {
							color: #009ee0;
						}

	/* Footer */

	.voettekst {
		background: #009ee0;
		background: -moz-linear-gradient(left, #009ee0 50%, #004a99 50%);
		background: -webkit-linear-gradient(left, #009ee0 50%,#004a99 50%);
		background: linear-gradient(to right, #009ee0 50%,#004a99 50%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee0', endColorstr='#004a99',GradientType=1 );
	}

	.voettekst .footer table {
		width: 100%;
	}

		.voettekst .footer table tr:first-child td {
			font-size: 24px;
			padding-top: 36px;
			text-transform: uppercase;
		}

		.voettekst .footer table tr:last-child td {
			padding-bottom: 36px;
		}

			.voettekst .footer table tr:first-child td:first-child {
				color: #004a99;
			}

			.voettekst .footer table tr:first-child td:last-child {
				color: #009ee0;
			}

			.voettekst .footer table tr td {
				color: #ffffff;
				font-size: 13px;
				padding-left: 36px;
				padding-right: 36px;
				width: 50%;
			}

				.voettekst .footer table td:first-child {
					background-color: #009ee0;
				}

				.voettekst .footer table td:last-child {
					background-color: #004a99;
				}

				.voettekst .footer table tr td a {
					color: #ffffff;
				}

body .credits {
	color: #9898cb;
	padding-bottom: 10px;
	padding-right: 76px;
	text-align: right;
}

	body .credits a {
		color: #9898cb;
	}

		body .credits a:hover {
			text-decoration: underline;
		}