@charset "UTF-8";
/* CSS Document */
/* --------  all screens (default) -----------  */
	
	
    #mydiv {
    	font-size: 12px;
        background-color: #FFFFFF;
    }


/* --------- iphone portrait -----------  */

@media screen and (max-width: 320px) {
	
    #mydiv {
    	font-size: 12px;
    }
			
}

/* --------  iphone landscape-----------  */

@media screen and (min-width: 321px) and (max-width: 480px) {
	
	#mydiv {
    	font-size: 12px;

    }
    	
}


/* --------- ipad portrait -------------  */


@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	
    #mydiv {
    	font-size: 12px;
    }
	
}

/* --------- ipad landscape -------------  */


@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	
	#mydiv {
    	font-size: 12px;
        
    }
}

/* --------  large screen ( 1440px or more) -----------  */

@media screen and (min-width: 1440px) {
		
    #mydiv {
    	font-size: 12px;
    }
	
}




@font-face {  
      font-family: "Lato";  
      src:url('/fonts/Lato-webfont.eot');
      src:url('/fonts/Lato-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Lato-webfont.woff') format('woff'),
         url('/fonts/Lato-webfont.ttf') format('truetype'),
         url('/fonts/Lato-webfont.svg#Orator') format('svg');
   font-weight: normal;
   font-style: normal; 
               
            }       
html { 
  position:relative;
  min-height:100%;
}
#container {
	text-align: left;
	width: 80 %;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-height:100%;
	text-decoration: none;
	max-width:1000px;
}
body {
	font-family: "Lato", Courier, monospace;
	font-size:0.813em;
	text-align: center;
	margin:0 0 0 0px;

  	display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21–28, Safari 6.1+ */
    display: flex;          /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */

   -webkit-box-align: center; -moz-box-align: center; /* OLD… */
   -ms-flex-align: center; /* You know the drill now… */
   -webkit-align-items: center;
   align-items: center;

   -webkit-box-pack: center; -moz-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
    margin: 0;
   height: 100%;
   width: 100%; /* needed for Firefox */
   text-decoration: none;


   /* Remember to use the other versions for IE 10 and older browsers! */
   display: flex;
   justify-content: center;
   align-items: center;
}

#rechterzijde {
	padding-left: 50px;
	padding-bottom: 5px;
	font-family: "Lato";
	font-size: 1.000em;
	color: #000000;
	text-decoration: none;
	width:60%;
	float:left;
	margin-right:5%;
	padding-right: 20px;
	}
#rechterzijde a:link, li a:link, li a:visited, li a:active{
	text-decoration:none;
	background-color:none;
 	color: #000;
	}
	
#rechterzijde a:hover, li a:hover {
	background-color:#FFFFFF;
	color: #000;
	text-decoration: none;
	list-style:none;
}	

#linkerzijde {
	float: left;
	width: 200px;
	padding-top: 20px;
	color: #751a1a;

}

#footer {
}


#menu ul {
	margin-left:0;
	padding-left:0;
	padding-right:10px;
	list-style:none;
	list-style-type: none;
	position:relative;
	}
#menu li {
	
	text-decoration: none;
	text-align:right;
	position:relative;
	padding-bottom:5px;
	padding-top::0px;
	list-style-type: none;
	
}
#menu ul ul {
	display:none;
	font-size:0.805em;
	padding-left:90px;
	padding-top:0px;
	list-style-type: none;
	
}
#menu a:link, li a:visited{
	text-decoration:none;
 	color: #000;
	
	}
#menu li a:hover, li a:active {
	background-color:none;
	text-decoration: none;
	color: #f60b0b;
}

#menu ul li:hover ul
{display: block;}

#linkerzijde a {
	display:block;
	text-decoration: none;
	color: #000;
	padding-top:0px;
}
	
#header {
	background-image: url(../img/header.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 100%;
	padding: 10px;
	display:block; 
	margin-top: 25px; 
	margin bottom: 5px;
}


.minitekst {
	font-size: 10px;
	font-variant: normal;
	font-style: italic;
	text-transform: none;
	font-family: "Lato", Courier, monospace;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
<style type="text/css">