* {
	margin: 0;
	padding: 0;
}
.wrapper {
	width: 100%;

}
body {
	width:99%;
/*	background-color: #7a4d76; */
	background-color: yellowgreen;
	position:relative;
}
ul .rdm a{
	background-color: wheat;
	color: blue;
}
ul.rdm a:hover {
	color: white;
	background-color: #036;
/*	background-color: #036;*/
}
.error{
	color: red;
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
}
form.span {
	text-align: center;
}
.container {
	position: relative;
		width:99%;
	height: 500px;
background-color: #7a4d76; 
}
#header {
	position: relative;
	margin: 0px auto;
	background-color: #7a4d76;
/*	background-image:url(../images/ddss2.png); 	*/
	background-repeat:no-repeat;
	width:99%;
	height: 140px;
}
.ddss {
	width: 90%;
	height: 120px;
}
.content{
	position: absolute;
	margin-top: 100px;
	margin-left: 1em;
	background-color: #7a4d76;
	/*	background-image:url("../images/EagleClaw1.png"); */
	background-repeat:no-repeat;
	padding:0px;
	width:62%;
	height:250px;
}
div.contact-form {
	position: absolute;
	width:40%;
	margin-left: 30%;
	margin-right: auto;
	padding-left: 0px;
	padding-right: auto;
	height: 345px;
	box-sizing: border-box;
	border-radius: 8px;
	box-shadow: 0 0 20px #000000b3;
	background-color: #dedede;
	background-image: url("../images/EagleClaw1.png");

}

.eagle {
	position:center;
	width: 90%;
	height: 250px;
	opacity: 0.7;
}
.img {
	max-width: 100%;
	z-index: 1;
}
.img-info {
	width: 100%;
}
.img-info h2 {
	padding: 30px 30px 20px;
	font-family: arial;
	font-size: 50px
	color: #111;
	line-height: 44px;
}
.img-info p {
	padding: 0px 30px 20px;
	font-family: arial;
	font-size: 16px
	color: #111;
	line-height: 24px;
}
.img-me {
	width: 100%;
}
/* hier zijn we gebleven met de youtube video */

ul.nav {
	float: left;
	width: 8em;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	list-style-type: none;
}
ul.nav a {
	display: block;
	text-decoration: none;
	background-color: rgba(122,77,118, 0.6);
	color: #FFF;
	padding .2em .5em;
/*	width: 4.8em; */
	width: 80%;

}
ul.nav a:hover {
	background: #f3b8ed;
	color: #000;
}
ul.nav li {
	display: inline;
}
hr {
	 border: 0;
	 color: #000000;
	 background-color: #cc0000;
	 height: 5px;
	 width: 99%;
	 text-align: left;
 }


.footer {
	text-align: right;
	clear: both;
	margin-top: 420px;
	width:99%;
	height:50px;
}

.fnote1{
	color: #FFF;

}

/* ------------------------------------------M E D I A  S E C T I O N ----------------------------------- */
 body {
/*	background-color: grey; */
}
@media screen and (max-width: 960px) {
   body {
/*	  background-color: red; */
    }
}
@media screen and (max-width: 768px) {
   body {
/*	background-color: orange; */
	}
}
@media screen snd (max-width: 550px) {
   body {
/*	background-color: yellow; */
   }
}
@media screen and (max-width: 320px) {
	body {
/*	  background-color: green; */
	}
}

@media screen and (min-width: 1001px) and (max-width: 1080px) {
#navigation ul li a { font-size: 1.4em;}
}
@media screen and (min-width: 805px) and (max-width: 1000px) {
#navigation ul li a {font-size: 1.25em;}
}
@media screen and (min-width: 769px) and (max-width: 804px) {
#navigation ul li a {font-size: 1.1em;}
}
@media screen and (max-width: 768px) {
	#wrapper,#header,#footer,#navigation {
		width: 768px;
		margin: 0px;
	}
#logo {
	text-align:center;
}
#navigation {
	text-align: center;
	border-top-color: #bfbfbf;
	border-top-style: double;
	border-top-width: 4px;
	padding-top: 20px;
}
#navigation ul, li, a {
	background-color: #dedede;
	line-height: 16px;
	font-size: 16px;
}
#content, #sidebar {
	margin-top: 20px;
	padding-right: 10;
	padding-left: 10px;
	width: 728px;
}
.oscarMain {
	margin-right: 30px;
	margin-top: 0px
	width: 150px;
	height: 394px;
}
#sidbar {
	border-right: none;
	border-top: 2px solid #e8e8e8;
	padding-top: 20px;
	margin-bottom: 20px;
}
.sideblock {
	width: 46%;
	float: left;
}
.overHyped {
	margin-top: 0px;
	margin-left: 50px;
	}
}