* {
	font-family: 'Lato', sans-serif;
	letter-spacing: 0.75px;
	color: #ebcdcd;
	}

body, html { /* set size of body to full page and remove margins */
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
	 background-color: #a59091;
	}

hr {
	background-color:#ebcdcd;  /* Farbe f�r Opera und Firefox */
	color:#ebcdcd; /* Farbe f�r Internet Explorer (IE) */
	border: 0;
	height: 1px;
	}



#sidelink
{
	/*	font-size: 12px;*/
	}

#sidelink a
{
	text-decoration:none;
	color:#3b3b3b;
	font-weight: 200;
	}

#sidelink a:link
{
	text-decoration:none;
	color:#3b3b3b;
	}


#sidelink a:visited
{
	text-decoration:none;
	color:#3b3b3b;
	}

#sidelink a:hover
{
	text-decoration:none;
	color:#f5f5f5;
	}

#sidelink a:active
{
	text-decoration:none;
	color:#3b3b3b;
	}


#link
{
	text-align: center;
	padding-bottom: 30px;
	}

#link a
{
	text-decoration:none;
	color:#3b3b3b;
	font-weight: 200;
	}

#link a:link
{
	text-decoration:none;
	color:#3b3b3b;
	}


#link a:visited
{
	text-decoration:none;
	color:#3b3b3b;
	}

#link a:hover
{
	text-decoration:none;
	color:#f5f5f5;
	}

#link a:active
{
	text-decoration:none;
	color:#3b3b3b;
	}

#haupttitel
{
	text-align: center;
	text-transform: uppercase;
	font-size: 150px;
	font-weight: 200;
	color:#cd6a6a;
	}

#titel
{
	text-align: center;
	font-size: 65px;
	font-weight: 200;
	color:#3b3b3b;
	}

#text
{
	margin: 0 auto;
	max-width: 800px;
	padding-left: 50px;
  	padding-right: 50px;
  	padding-bottom: 50px;
  	color:#3b3b3b;
	}

#einleitung
{
	width:100%;
	}

#motivation
{
	width:100%;
	}

#projekt
{
	width:100%;
	margin-left: auto ;
  	margin-right: auto ;
	}

#lebenslauf
{
	width:100%;
	margin-left: auto ;
  	margin-right: auto ;
	}

#video
{
	width: 800px;
	margin: 0 auto;
	margin-bottom: 50px;
	/*-moz-box-shadow: 0 0 200px #d4d4d4;
	-webkit-box-shadow: 0 0 200px #d4d4d4;
	box-shadow: 0 0 200px #d4d4d4;*/
	}

#projectImg {
	width: 100%;
	overflow: hidden;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	}





	  /*	Media Screen */

/*@media screen and (max-width: 920px) {
  #contentwrapper {
   width: 736px;
  }*/

@media screen and (max-width: 736px) {
  #contentwrapper {
   width: 552px;
  }

  #about  {
	padding-left: 0;
	padding-right: 0;
  }

  #projectVideo {
	height: 288px;
	}


@media screen and (max-width: 552px) {
  #contentwrapper {
   width: 368px;
  }

  #about  {
   font-size: 20px;
	padding-left: 0;
	padding-right: 0;
  }

  #projectVideo {
	height: 207px;
	}