/* Anton Danneels*/
*{
	margin:0px;
	padding:0px;
}
body{
	font-family:"inder";
}
h1{
	font-family:"trebuchet MS";
	margin-bottom:2px;
}
h2{
	border-bottom:1px solid black;
	margin-bottom:20px;
}
#container{
	opacity:0.8;
	background:white;
	border-left:2px solid #BABABA;
	border-right:2px solid #BABABA;
	width:90%;
	max-width: 800px;
	margin:auto;
	margin-top:15px;
	padding:5px 7px 7px 10px;
}
#header{
	margin:0 0 0 10px;
}
#header ul li{
	list-style-type:none;
}
#foto{
	margin:0 0 0 10px;
}
#foto img{
	display:inline;
	margin:10px;
	border:1px solid black;
	opacity:0.8;
}
#extern{
	margin:0 0 0 10px;
}
#footer h1{
	clear:both;
	text-align:center;
	font-size:0.8em;
}
a{
	text-decoration:none;
	color:black;
}
#terug{
	color:black;
	background:white;
	float:left;
	opacity:0.8;
	padding:3px;
	border-radius:0 15px 15px 0;
}
/*==Menu==*/
nav{
	margin:0px;
	margin-bottom:15px;
	padding:0px;
}
nav#nav_main ul{
	list-style: none;
	position: relative;
	display: inline-table;
	margin:0px;
	padding:0px;
}
nav#nav_main ul li{
	list-style-type:none;
	float:left;
}
nav#nav_main ul ul li{
	float:none;
	margin: 0;
	padding: 0;
}
nav#nav_main ul ul{
	display:none;
	position:absolute;
	margin: 0;
	padding: 0;
}
nav#nav_main ul ul ul{
	position:absolute;
	left:100%;
	top:0%;
}
nav#nav_main ul li:hover > ul{
	display:block;
}
nav#nav_main ul li:hover {
	background:grey;
	opacity:1.0;
}
nav#nav_main ul li:hover a{
	background:#BABABA;
	opacity:1.0;
}
nav#nav_main ul ul li:hover a{
	background:#A8A8A8;
	opacity:1.0;
}
nav#nav_main ul ul ul li:hover a{
	background:gray;
	opacity:1.0;
}

nav#nav_main a:hover{
	margin:0px;
	background:grey;
	margin:0px;
	display:block;
	opacity:1.0;
}
nav#nav_main ul > li:last-child a {
	border-right:1px solid white;
}
nav#nav_main ul ul> li:last-child a {
	border-right:1px solid gray;
}
nav#nav_main a{
	border-right:1px solid gray;
	margin:0px;
	padding:10px 10px;
	background:white;
	margin:0px;
	display:block;
}
/*==Einde menu==*/
#foto a:hover{
	margin:0px;
	-moz-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-webkit-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -o-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -ms-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	opacity:1.0;
}
a:hover{
	color:orange;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#header a:hover:before{
	content:"> ";
}
#header a:hover{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-left: 5px;
}
.programma h1{
	font-size:1.3em;
}
.clear{
	clear:both;
	margin-bottom:50px;
}
.programma h2{
	font-size:0.8em;
	text-align:right;
}
.programma h2:before{
	content:"Download: ";
}
.programma p{
	padding:0 0 7px 0;
}
.highlight{
	border-bottom:1px solid black;
}
.highlight a:hover{
	margin-left:-10px;
}
.border_top{
	border-top:1px solid black;
}
/*==Slide show==*/
#slideshow, img.bgM {
        min-height: 100%;
        min-width: 1024px;
        width: 100%;
        height: auto;
        position: fixed;
        top: 0;
        left: 0;
        z-index:-9999;
}

@media all and (min-width: 900px) {
	xbody { border-top: 2px solid red; }
	#container { width: 80%; }
}
@media all and (min-width: 1100px) {
	xbody { border-top: 2px solid red; }
	#container { width: 70%; }
}