@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,300,700);

body {
  background: #bcb7b7;
  color: #333;
  font-family: 'Open sans', 'Arial', sans-serif;
  font-size: 14px;
}

.foto {
	display: block;	
	max-width:250px;
	width: 30%;
	float: right;
	margin: 0 0 10px 10px;
}

p {
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 22px;
}
td { 	width:33%; 
	padding:10px; 
	text-align:center;
}

table { min-width: 450px;
	width: 75%;
	display: block; 
	margin-top: 0; 
	margin-left: auto;
	margin-right: auto;
}

.Header {
	background: #bcb7b7;
	display: block;
	max-width:1500px;
	max-height:180px;
	width: 55%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	z-index: 10;}

.content {display: block;
	width: 55%;
	left: 22%;
	margin-left: auto;
	margin-right: auto;
	}

.footer {
	font-size: 8px;
}
.Link_Button {
	position: relative;
    	background: none repeat scroll 0 0 #2418ff;
    	border: medium none;
    	color: #bcb7b7;
    	font-size: 18px;
    	cursor: pointer;
    	margin-bottom: 26px;
    	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
/* Menubar */
/* Add a black background color to the top navigation */
.topnav { display: block;
	background-color: #333;
	overflow: hidden;
	max-width:1500px;
	max-height:180px;
	width: 55%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	z-index:10;
	/* margin-bottom: 15px;*/
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    max-width: 15%;
    min-width: 10%;
    display: block;
    color: #CBC8B5;
    text-align: center;
    vertical-align: middle;
    padding: 12px20px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #CBC8B5;
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #4CAF50;
    color: white;
}
/* einde Menubar */


.Speciality {color: rgb(3, 3, 3); 
	display: block; 

	width:55%;
	height:20%;
	margin-left: auto;
	margin-right: auto;}

h3 {
	font-family: 'Open sans', 'Arial', sans-serif;
	font-size:18px;
	/*text-align: center;*/
	color: #2418ff;
}

@media screen and (max-width: 450px) {
.Header {width:100%;}
.Speciality {width:100%;}
.topnav {width: 100%;}
.topnav a {width:25%;}
td {width:100%;}

}

/* Contact Forumier */
 /* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */ 
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #2418ff;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #140db3;
}

/* Add a background color and some padding around the form */
.container {
    border-radius: 5px;
    /*background-color: #f2f2f2;*/
    padding: 20px;
}
/* Einde Contact Formulier */