/*
Theme Name: Drutten
Theme URI:
Description:
Author: Jerker
Author URI:
Version: 1.0
Tags: responsive, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

*/
body {
	background: #800080; /* old browsers */
	background: -moz-linear-gradient(top, #800080 0%, #E000E0 40%, #800080 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#800080),
					color-stop(40%,#E000E0), color-stop(100%,#800080)); /* webkit */
	background: -webkit-linear-gradient(top, #800080 0%, #E000E0 40%, #800080 100%); /* firefox */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800080', endColorstr='#E000E0',GradientType=0 ); /* ie */
	padding: 15px;
}

.container {
	background: #fff;
	padding: 1rem;
	margin: 0 auto;
	max-width: 1000px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

header {
	position: relative;
	padding-top: 1.5rem;
}

header .site-logo {
	position: absolute;
	top: -0.5rem;
	left: -0.5rem;
	width: 3rem;
}

header #site-description {
	position: absolute;
	top: -0.5em;
	left: 3rem;
}

nav#main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav#main-navigation ul li {
	display: inline-block;
	padding: 0.5rem 1rem;
}

nav#main-navigation ul li:first-child {
	padding-left: 0;
}

nav#main-navigation ul li:last-child {
	padding-right: 0;
}

nav#main-navigation ul li a {
	color: #800080;
	font-weight: 800;
	text-decoration: none;
}

@supports (display: grid) {
	.container {
		display: grid;
		grid-template-columns: 3fr 1fr;
		grid-template-rows: auto auto auto auto;
	}

	.container header {
		grid-column-start: 1;
			grid-column-end: 3;

			grid-row-start: 1;
			grid-row-end: 2;
	}

	.container nav {
		grid-column-start: 1;
		grid-column-end: 3;

		grid-row-start: 2;
		grid-row-end: 3;
	}

	.container main {
		grid-column-start: 1;
		grid-column-end: 2;

		grid-row-start: 3;
		grid-row-end: 4;
	}

	.container aside {
		grid-column-start: 2;
		grid-column-end: 3;

		grid-row-start: 3;
		grid-row-end: 4;
	}

	.container footer {
		grid-column-start: 1;
		grid-column-end: 3;

		grid-row-start: 4;
		grid-row-end: 5;
	}
}

/* prevent an bugg in webkit based browsers*/
svg {
   	max-height: 100%;
}



.trippel_vasan {
	width: 100%;
}

.trippel_vasan tr:nth-child(even) {
	background-color: #eee;
}

.trippel_vasan td:nth-child(3) {
	border-left: 1px solid gray;
	padding-left: 5px;
}

.trippel_vasan td:nth-child(2),
.trippel_vasan td:nth-child(4) {
	width: 20%;
}

.trippel_vasan td:nth-child(1),
.trippel_vasan td:nth-child(3) {
	width: 30%;
}

div time {
	display: block;
	text-align: left;
	font-style: italic;
}