body {
	font-family: myriadPro, Trebuchet MS;
	margin:0px;
	background-image: url("rsc/bg.png");
    background-repeat: repeat;
}

@font-face {
    font-family: myriadPro;
    src: url(rsc/MyriadPro.otf);
}

.header {
	background-color: rgba(255, 255, 255, .98);
	width:100%;
    border-width: 0px 0px 2px 0px;
	border-bottom-color:lightgray;
	border-style:solid;
	z-index:1000;
}

article {
	width:60%;
	padding:30px;
	margin-left:auto;
    margin-right:auto;
    text-align:center;
    background-color: rgba(255, 255, 255, .9);
    #opacity:0.5%;
    border-radius: 0px 0px 25px 25px;
}

hr {
	background-color: lightgray;
	height: 1px;
	border: 0;
	margin-top:0px;
	margin-bottom:0px;
}

a {
	text-decoration:none;
	color:orange;
}

.eva {
	color:gray;
	font-weight:bold;
	display:inline;
	font-size:38px;
}

.menu ul{
    list-style-type: none;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
    padding-bottom:0px;
    overflow: hidden;
    background-color: white;
    width:470px;
}

.menu li {
    display:inline;
	margin-left:auto;
    margin-right:auto;
	padding-bottom:0px;
}

.menu li a, .dropbtn {
    display: inline-block;
    color: gray;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.menu li a:hover, .dropdown:hover .dropbtn {
    background-color: lightgray;
}

.menu li.dropdown {
    display: inline-block;
}

.menu .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.menu .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.menu .dropdown-content a:hover {
	background-color: #f1f1f1
}

.menu .dropdown:hover .dropdown-content {
    display: block;
}

h1 {
	color:orange;
	text-align: center;
	font-size:40px;
}

h2 {
	color:orange;
	text-align: center;
	font-size:25px;
}

h3 {
	color:gray;
	text-decoration:underline;
	text-align:left;
}

p {
	color:gray;
}

.cornerImg1 {
    border-radius: 25px 0px 25px 0px;
}

.cornerImg2 {
    border-radius: 0px 25px 0px 25px;
}

ul{
	list-style-type:square;
	padding-left:17px;
}

li {
	color:gray;
	padding-bottom:10px;
	text-align:left;
}

.proceduretabel {
	width:100%;
	color:gray;
}

.proceduretabel td {
	text-align:center;
	color:gray;
}

.tarieventabel {
	width:100%;
}

.tarieventabel, .tarieventabel th, .tarieventabel td {
	border: 1px solid orange;
    border-collapse: collapse;
    vertical-align:middle;
    color:gray;
}

.tarieventabel .noborder {
    border-left-style:hidden;
    border-top-style:hidden;
}

.tarieventabel th {
	text-align:left;
}

.tarieventabel td {
	text-align:center;
}

.contactLeft {
	text-align:left;
	width:45%;
	min-width:300px;
	display:inline-block;
}

.contactRight {
	width:45%;
	min-width:300px;
	display:inline-block;
	padding-left:5%;
}

.contactTitel {
	color:orange;
}

.contactVerzendKnop {
	background-color: lightgray;
	border: 1px solid gray;
    color: gray;
    padding: 5px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    float:left;
    font-size: 16px;
    cursor:pointer;
}

.contactVerzendKnop:hover {
	background-color: orange;
	border: 1px solid gray;
    color: white;
    padding: 5px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    float: left;
    font-size: 16px;
}

.eva span:nth-last-child(-n+12) {
	color:orange;
}

.eva span, #nav1 span, #nav2 span, #nav3 span, #nav4 span {
  display: inline-block;
  transition: 0.8s;
}

.eva:hover .sl2, .eva:hover .sl4, .eva:hover .sl6, .eva:hover .sl8, .eva:hover .sl9, .eva:hover .sl12, .eva:hover .sl15, .eva:hover .sl19, .eva:hover .sl21, .eva:hover .sl24, .eva:hover .sl25, .eva:hover .sl27, .eva:hover .sl28 {
  opacity:0.1;
}

#nav1:hover span:nth-child(odd), #nav2:hover span:nth-child(odd), #nav3:hover span:nth-child(odd), #nav4:hover span:nth-child(odd) {
  transform: rotateX( 0deg ) rotateY( 0deg ) rotateZ( 370deg );
}
 
#nav1:hover span:nth-child(even), #nav2:hover span:nth-child(even), #nav3:hover span:nth-child(even), #nav4:hover span:nth-child(even) {
  transform: rotateX( 0deg ) rotateY( 0deg ) rotateZ( -370deg );
}