html {
    height: 100%;
}

body {
	background: linear-gradient(to right, white 85%, #64377D);
	background-image: url("images/logositebanner.png");
    background-repeat: no-repeat;
    background-position: right top;
	background-size:11%;
	overflow-y: scroll
}



ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
	background-color: #f1f1f1;
	border:1px black solid;
	border-radius:5px;
}

li a {
	padding:3%;
	display: block;
	text-decoration: none;
	color: #64377D;
	transition: color 0.7s;
	border: 1px solid black;
}

li a:hover {
	background-color:#555555;
	color:white;
}

li a.selected {
	background-color: #64377D;
	color:white;
}


#imglogo {
	display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 10%;
	right:0;
}


#header {
	font-family: 'Timmana', sans-serif;
	font-size:65px;
	height:15%;
	padding:3%;
	color:#64377D;
	text-shadow: 1px 1px 1px #aaa;
}


header {
	text-align:center;
}


h1 {
	font-family: 'Laila', serif;
	font-size:52px;
	text-shadow: 2px 2px 2px #aaa;
}


#page {
	margin: 0 auto;
	word-wrap:break-word;
}



#titlename {
	text-align: center;
	margin:auto;
	clear: both;
}


#imgFoto {
	display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 33%;
    border-radius:5%;
}


#imgPraktijk {
	position:relative;
	top:12px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 60%;
    border-radius:5%;
}


#headerwrap {
    width: 100%;
    margin-bottom: 5px;
}

.columnwrapper {
    width: 75%;
    display: table;
	margin: auto;
}

#contentliquid {
	padding:2%;
	vertical-align: middle;
	font-size:1.2em;
	width: 50%;
	box-shadow: 0 0 5px 10px #f1f1f1;
}

#contentliquid, #leftcolumnwrap, #rightcolumnwrap {
    display: table-cell;
	background-color: #f1f1f1;
	color: #000000;
}

#leftcolumnwrap, #rightcolumnwrap {
    width: 15%;
}

#leftcolumnwrap {
	border-radius:0% 0% 0% 0%;
	padding:1%;
	text-align:center;
	box-shadow: 0 0 5px 10px #f1f1f1;
}

#rightcolumnwrap {
	font-size:0.8em;
	border-radius:0% 0% 0% 0%;
	vertical-align: bottom;
	padding:2%;
	background-color:#f1f1f1;
	box-shadow: 0 0 5px 10px #f1f1f1;
}

#content {
	height:auto;
}


.ullist {
	border-style : none;
	list-style-type : disc;
	padding:2%;
}

.lilist {
	margin:1.5%;
	float: left;
	clear: both;
}


#paragraphs {
	padding:2%;
	margin:5%;
	word-wrap: break-word;
}


#footerwrap {
    width: 35%;
    border-top: 1px solid black;
	border-bottom: 1px solid black;
    margin-top: 5px;
	bottom:0;
	margin: 50px auto;
	left:0;
	right:0;
}


#footer {
	color: #64377D;
	text-align: center;
	font-size:0.7em;
	padding: 1%;
	margin: auto;
	bottom:0;
	left:0;
	right:0;
}