/*   zie css in:  www.responsivewebdesign.com/robot        */
.mod:after,
.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.mod,
.section {
	zoom: 1;
}
/*          */
p:nth-of-type(even) {
  background: #ddd;
}
a { text-decoration: none; }
body {
  background: #eee;
  font: normal 100%; /* 80% ; */
  font-family: Raleway,Arial, sans-serif;
}

a.terug:after { content: "terug"; float: right; color: red; cursor: pointer; }

img { width: 100%; } /* max-width: 360px; } */
img.halfleft {width: 48%; float: left; margin-right: 2%; } 
     /* margin aftrekken van de width , dus 50 - 2 = 48 .... */
img.halfright {width: 48%; float: right; margin-left: 2%; }
img.quarterleft {width: 23%; float: left; margin-right: 2%; }
img.quarterright {width: 23%; float: right; margin-left: 2%; }
img.thirdleft {width: 31.33%; float: left; margin-right: 2%; }
img.thirdright {width: 31.33%; float: right; margin-left: 2%; }

h1 { font-weight: bold; font-size: 2.0em; line-height: 2.4em; }
h2 { font-weight: bold; font-size: 1.5em; line-height: 1.8em; }
h3 { font-weight: bold; font-size: 1.2em; line-height: 1.5em; }
h4 { font-weight: bold; font-size: 1.0em; line-height: 1.4em; }
h5 { font-weight: bold; font-size: 1.2em; line-height: 1.4em; }
tbold { font-weight: bold; }
titalic { font-style: italic; }

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 16px;
    background-color: #fff; 
    color: #00ff00; 
}
sup{
	font-size: 70%;
	vertical-align: super;
}
abbr { color: #aa0000; cursor: help; }

small { font-size: 70%;  }
strong { font-weight: bold; }

input{ width: 100%; max-width: 250px; }
form { background-color: transparent; }

#page {
position: relative; 
	    font: 0.9em/1.4em Raleway,Arial, sans-serif;
	background: #eee;
	margin: 20px auto 0px; 
	width: 90%;
	max-width: 600px; /* 900px; */
	/*border: 1px solid black;*/
}
._1_kip, ._2_titel { text-align: center; }
.3_cont {  position: relative; width: 100%; /*border: 1px solid red;*/ }

#mais1 { margin-left:7%; clear: left; }  #mais2 { margin-top: -2%; margin-left:7%;}  
#mais3 { margin-left:8%;}  #mais4 { margin-top: 3%;  margin-left:6%;}  
#mais5 { margin-left:7%; }  

@media screen and (max-width: 800px){
	#page {
		background: #eee;
		width: 100%;
		margin: 0px auto 0px; 
	}
}
@media screen and (max-width: 600px){	}