/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v19-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Grundformatierungen */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
	background-color:#FFF;
	color:#666;
	font-size:12px;
	font-family:'Roboto';
	margin:0px;
	padding:0px; 
	}

h1 { 
  	font-size:72px;
	font-family: Georgia,'Roboto Condensed';
	font-weight:8006
  	}


h2 { 
  	font-weight: 500;
	font-size: 36px;
  	font-sstyle: italic;
	background: #D5E5E5;
	color:#F0F;
	}

p {  font-family: 'Roboto';
background:#0F0;
  	font-weight: 300;
	font-size: 20px;
  	text-decoration: uppercase !important;
}


  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* Layer-Formatierung Gesamt - Mittige Positionierng der Site */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  #gesamt { 
  	position:absolute; 
  	left:50%; 
  	top:50%; 
  	margin-left:-230px;
  	margin-top:-140px;
  	width:600px;
  	height:193px;
  	/* background-color:#00F; */
  	z-index:1;
  	}
  		
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* Layer-Formatierung */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  	#content { 
  	position:absolute; 
  	top:0px; 
  	left:0px; 
  	width:600px;
  	height:193px;
  	z-index:1;
  	}