body {
  background-color: black;
}
#headline {
	padding: 0.0em;
	padding: 0px 0%;
}


#headline #blurb {
	background-color: #000000;
	color: #FFFFFF;
	width: 100%;
	font-size: 18px;

}

#headline #register {
	float:left;
	width: 100%;
	box-sizing: border-box;
}

img {
	vertical-align:middle;
}

#image div img {
	border-radius: 25px 25px 25px 25px;
	width: 70%;
	margin: 2px;
     }

a
{
	font-weight: bold;
	font-size: 18px;
	color: #0096FF;
	text-decoration: none;
}

a:hover{
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
}

header {
	background-image:linear-gradient(#333333, #000000);
	border-bottom: 3px solid #0096FF;
	width: 100%;
	height: 60px;
	color: #FFFFFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

#logo{
	margin: 10px;
	float: left;
	width: 200px;
	height: 50px;
	background: url(http://www.angelxp.be/image/logo.png) no-repeat center;
	display: block;
}


nav {
	float: right;
	padding: 10px;	
	
}

#menu-icon {

	display: hidden;
	width: 40px;
	height: 40px;
	background: url(http://www.angelxp.be/image/menu-icon.png) center;
}

a:hover#menu-icon {

	background-color: #FFFFFF;
	border-radius: 4px 4px 0 0;

}

ul {

	list-style: none;

}

li {

	display: inline-block;
	float: left;
	padding: 10px
	color: #000000;

}

h1
{
	margin-bottom: 5px;
	padding: 0px;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
}

h2 {
	padding: 2px;
	text-align:left;
	margin: 2px;
	font-size: 16px;
	width:320px;
	font-family: Arial,sans-serif;
}

h3
{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}


.myButton {
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	background-color:#2dabf9;
	border-radius:25px;
	border:3px solid #ffffff;
	display:inline-block;
	width:25px;	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.myButton:hover {
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	background-color:#0688fa;
}
.myButton:active {
	position:relative;
	top:1px;
}


.myHome {
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	background-color:#2dabf9;
	border-radius:15px;
	border:3px solid #ffffff;
	display:inline-block;
	width:70px;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.myHome:hover {
	background:linear-gradient(to bottom, #0868bc 5%, #2dabf9 100%);
	background-color:#0688fa;
	font-size:16px;
}
.myHome:active {
	position:relative;
	top:1px;
}

.mydown {
	box-shadow:inset 0px -3px 7px 0px #ffffff;
	background-color:#89c403;
	border-radius:25px;
	border:3px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.mydown:hover {
	background-color:#719d0e;
	font-size:15px;
}
.mydown:active {
	position:relative;
	top:1px;
}


h5 {
	background-color: #FFFFFF;
	padding: 4px;
	text-align:left;
	margin: 2px;
	border: 2px solid #C8C8C8;
	border-radius: 8px 8px 8px 8px;
	font-size: 14px;
	width:280px;
	font-family: Arial,sans-serif;
}
span {
	background-color: #FFFFFF;
	width:300px;
	padding: 4px;
	text-align:center;
	margin: 2px;
	border: 2px solid #1784bf;
	border-radius: 10px 10px 10px 10px;
	font-size: 16px;
}
p { 
	font-weight: bold;
	font-size: 14px;
	padding-left:4px;
}

.container {
	margin: auto;
	max-width: 100%;
}


footer {
	margin-top: 5px;
	border-top: 3px solid #0096FF;
	color: #ffffff;
	padding: 0px;
}

.circular--portrait {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 25%;
}

.circular--portrait img {
  width: 100%;
  height: auto;
}

.menu1 {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 50px;
        background-color : #000000;
	border: 2px solid #0096FF;
        padding: 0px;
        padding-left: 0px;
        padding-bottom: 0;
        color: white;
        opacity: 1;
        filter: alpha(opacity=90);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        box-shadow: 1px 10px 12px #000000;
        filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=200, Strength=12);
        zoom: 1;
}
.menu1 td {
        padding-left: 0px;
        padding-bottom: 0;
}
 
body>.menu1 {position:fixed}
 
.menu1 td {
        padding-left: 0px;
        padding-bottom: 0;
}

/*MEDIA QUERY*/
@media only screen and (max-width : 2400px) {

header {

	position: absolute;

}

#menu-icon {

	display:inline-block;

}

nav ul, nav:active ul { 

	display: none;
	position: absolute;
	padding: 20px;
	background: #000000;
	border: 3px solid #0096FF;
	border-radius: 10px 10px 10px 10px;
	right: 10px;
	top: 20px;
	width: 35%;
}

nav li {

	text-align: left;
	width: 100%;
	padding: 10px 0;
	margin: 0;

}

nav:hover ul {

	display: block;

}
}