@charset "utf-8";
/* CSS Document */

html { 
 

font-family: Tahoma, Verdana, Arial,  Helvetica, sans-serif;
font-style: normal;
font-weight: normal;

}

body {
	
color:#000;
			
	font-size:14px;	
	line-height:18px;
}
.verschijn{display:none;}
.verdwijn{display:block;}

h1 {
    font-size: 20px;
    color: #89B700;
    padding: 3px 0px 5px 0px;
    padding-left: 10px;
    font-weight: bold;
  
    text-transform: none;
}
td {padding:10px;}

h2{
	font-size: 18px;
    color: #89B700; 
   padding-top:80px; 
    font-weight: bold;
  
    text-transform: none;
	
}
a {color:#89B700; 
text-decoration:none;}

.menuitem{
	border-radius: 15px;
    background-image:url(../images/transgreen.png);
    padding: 5px;
    width: 125px;
    height: 71px;
	text-align: center;
	line-height: 20px;
	display: inline-block;
	float:left;
	margin-left:10px;
	margin-right:10px;
 
	
}
a.menuitem {color:#06AB00; font-size:20px; font-weight:bolder;}
a.menuitem:hover, a.menuitem:active{color:#FF6622;}

#navv .active{color:#FF6622;}
#footer{height:30px;
background-color: #99CC00;}

.absolute-center {

/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;

}


.content a{
color:#000;
text-decoration:none;}


p{margin-bottom:5px;}
.tekstrechts{margin-top:-55px; padding-left:35px;}
.content {min-height:420px;background-repeat:no-repeat;  
}
.homeimg {float:left;}
.home{margin-top:-140px;}
.welcome{background-image:url(../images/wrapperwelcome.png);background-position:top right;}
.whois{background-image:url(../images/wrapperwhois.png);background-position:top right;}
.atwork{background-image:url(../images/wrapperatwork.png);background-position:left bottom;}
.sharing{background-image:url(../images/wrappersharing.png);background-position:left;}
.contact{background-image:url(../images/wrappercontact.png); min-height:530px; background-repeat: no-repeat; background-position: top; margin-top:-140px;}

 .button, .button a {
	 display:block;
	 width:130px;
	 background-color:#2F2F2F;
	 text-align:center;
	 margin-left:50px;
	 color:#fff;
 }

.menubutton{background-color:#333; color:#fff; border:none; margin-top:120px; padding:10px; float:right; }

 .error {
	 color:#F00;
	 font-size:16px;

	 }
	.footer{font-size:16px;}

#navv{margin-top:55px;}





@media screen and (max-width:980px) {
	
	.resp{margin-top:-90px;}
	h2{padding-top:0px;}
	
	.home{margin-top:0px;}
	
	.verschijn{display:block;}
	
	.verdwijn{display:none;}
	.contactbutton{border: 1px solid #333; padding:10px; margin-top:20px; float:left; margin-right:20px; border-radius: 15px; min-width:60px;}
	

  }


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:980px) {
	.tekstrechts{margin-top:0; padding-left:0px;}
	.content {background-image:none; }
	
}

.textcenter{
text-align: center;
}

.img-centered {
    margin: 0 auto;
}





.full{display: block;
  max-width: 100%;
  height: auto;}