<html>
<head>
<meta name="description" content="mdct Research">
<link rel="shortcut icon" href="../assets/md.png">
<meta charset="utf-8" />
<title>Title</title>
<link rel="stylesheet" href="../assets/fontawesome/font-awesome-4.7.0/css/font-awesome.min.css">
<style type="text/css">

html, body {
    height:100%;
    margin: 0;
    padding: 0;
    background-color: #FFF;
    font-family: Arial, Verdana, sans-serif;}
body {
    text-align: center;
    background-color: #ffffff;}
.spacerTop {
    margin-top: 50px;}


/* LOGO IM HEAD */
.logo-bereich  {
    width: 100%;
    background-color: #fff;
    padding: 10px 0;}
#logo {
    margin: 0 auto;
    width: 1000px;
    height: 50px;
    background-position: left center;
    background-repeat: no-repeat;
    -moz-background-size: 0 0, contain;
    background-size: contain, 0 0;
    background-image: url('../assets/mdctgroup.png');}
#logo img {
    border: none;}
.logo-href {
    display: block;
    width: 320px;
    height: 50px;}



/* STREIFEN */
.streifen-bereich  {
    width: 100%;
    background-color: #ff9900;}
.streifen {
    margin: 0 auto;
    width: 1000px;
    padding: 20px 0;
    text-align: left;
    font-size: 14px;}



/* TEXT IM STREIFEN */
.title {
    margin: 0;
    font-size: 22px;
    color: #fff;
    font-weight: normal;}


	
/* INHALT */
.content-bereich {
    margin: 0 auto;
    text-align: center;
    background-color: #fff;}
.content {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0;
    background-color: #fff;
    line-height: 20px;
    font-size: 15px;
    text-align: left;}

	
	
/* LINKS */
a:link,
a:hover,
a:visited,
a:focus {
	margin: 0;
	padding: 0;
	border: none;}
.dvLink:link, .dvLink:hover, .dvLink:visited, .dvLink:focus {
    padding-right: 10px;
    border: 0 none;
    text-decoration: none;
    font-weight: normal;
    color: #ff9900;}
.dvLink:hover {
    text-decoration: underline;}
.dvLink.no-ico {
    background: none;
    padding: 0;}


	
/* ENDE */
.footer-bereich  {
    width: 100%;
    min-height: 120px;
    background-color: #ffffff;}
.footer  {
    width: 1000px;
    margin: 0 auto;
    padding-top: 30px;
    text-align: left;
    font-size: 15px;}

	
</style>
</head>
<body>
    <div class="logo-bereich">
        <div id="logo">
            <a href="http://www.mdct-group.com" target="_blank" rel="nofollow" class="logo-href">
            </a>
        </div>
    </div>    <div class="streifen-bereich">
    <div class="streifen">
	<h1 class="title">Title</h1>
</div>
</div>
<div class="content-bereich">
<div class="content">
		<!--Menue auf der Webseite -->
			<span><a href="#" class="dvLink" target="_blank" rel="nofollow">Link 1</a></span>-   
			<span><a href="#" class="dvLink" target="_blank" rel="nofollow">Link 2</a></span> 
		   <hr>
		<!-- Ende Menue -->
            <p>
			<b>Text</b><br>
			Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
			sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
			ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
			magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
			sanctus est Lorem ipsum dolor sit amet.
			<br>
			<br><b>Font Awesome Icons</b><br>
			<i class="fa fa-font" aria-hidden="true"></i><br>
			<i class="fa fa-files-o" aria-hidden="true"></i><br>
			<i class="fa fa-arrows-alt" aria-hidden="true"></i><br>
			<br>
			</p>
			<p class="spacerTop">
			<hr>
			<span><a href="#" class="dvLink" rel="nofollow">Link</a></span>

    <div class="footer-bereich">
        <div class="footer"> 
            <span>Footer.</span>
        </div>
    </div>

</body>
</html>