@charset "UTF-8";
/* CSS Document */

/**
 * @author      Markus Hoffmana
 * @package     Joomla!
 * @subpackage  HTML5 Mustertemplate
 * @link        http://r8m.de
 * @email       info@r8m.de
 * @copyright   MArkus Hoffmann
 *
 * HTML5 Mustertemplate
 * Copyright (C) 2014 MArkus Hoffmann
 *
**/

/* ************** ALLGEMEINE FORMATIERUNGEN *********************
*****************************************************************/
*{
	margin: 0px;
	padding: 0px;
}

html, body{
	background:url(../images/main_bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  height: 101%;
}

p {
	font-family: 'Helvetica', Arial, sans-serif;
	padding-left:14px;
	font-size: 16px;
	font-weight: 300;
	text-align:left;
	color:#333;}
/* ************************** LAYOUT ****************************
*****************************************************************/

#wrapper{
  width: 1050px;
  margin: 0 auto;
  min-height: 1050px;
  height:auto 
  height:1050px;
  overflow: hidden  /* FF Scroll-leiste */ 
  z-index: 1;
}

#main_header{
  width: 1050px;
  height:160px;
  float:left;
}

#head_logo{
	width: 520px;
	height: 90px ;
	padding-top: 40px;
	margin:auto;

}	



#grafik { 
	width: 100px;
 	height:	100px;
	position:relative;
	float:left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right:auto;
	
}

#infotext { 
	width: 380px;
 	height:	100px;
	position:relative;
	float:left;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right:auto;
	
}
#infotext_02 { 
	width: 500px;
 	height:	100px;
	position:relative;
	float:left;
	margin-top: -25px;
	margin-bottom: 10px;
	margin-left: -20px;
	margin-right:auto;
	
	font-family: 'Helvetica', Arial, sans-serif;
	padding-left:14px;
	font-size: 12px;
	font-weight: 300;
	text-align:center;
	color:#333;
	}
	
	

#content{
	 width: 500px;
 	height:150px;

  	float:left;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left:250px;
	margin-right:auto;
	padding: 20px;
	border:1px solid lightgrey;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	background:url(../images/white_bg.png);
  	background-repeat:repeat;
}

footer{
	width: 1050px;
	height: 42px;

	float:left;
}