@charset "utf-8";

*		{ margin: 0px; padding: 0px; border: 0px; }
html	{ height: 100.2%; }
body	{ background-color: #ffffff; }


body {/*mobilefirst*/
background: #fff; /*falls bild nicht vorhanden*/
background-image: url(../images/hg.jpg) ;
background-position: center top;
background-attachment: fixed;
background-repeat: repeat-y;
color: black;
font-family: 'Raleway', sans-serif; Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
font-size: 11px; /*Fontsizechange*/
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;	/* !!! */
width: 100%;
}


* {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
  }
  
  .cf:after {
    content: " "; 
    display: table; 
  }

  .cf:after {
    clear: both;
  }
	img {
	  max-width: 100%;
	  height: auto;
	  margin: 0;
	  padding: 0;
	}



.klammer {
	width: 100%;
	margin: auto;	/*zentriert auf der Seite*/
}




/*----------------------------------	
BEGINN LAYOUT	
----------------------------------*/	


#wrapper
{
	min-width: 800px;
	max-width: 1024px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: none;	
margin: 0px auto; /* !!! */
text-align: left; /* !!! */
}


#block1
{
	width: 100%;
	height: 100%;
	min-height: 220px;
	margin: 30px 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	background: none;	
  display: inline-block;
  }

#position-101
{
	width: 22%;
	height: 100%;
	min-height: 170px;
	margin: 0% 3% 0% 0%;
	padding: 0% 0% 0% 0%;
	background: none;	
	float: left;
}

#position-102
{
	width: 72%;
	height: 100%;
	min-height: 170px;
	margin: 0% 3% 0% 0%;
	padding: 0% 0% 0% 0%;
	background: none;	
	float: right;
//	border-bottom: 2px solid #ed1c24;
}


#block2
{
	width: 100%;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	background: none;	
}

#position-201
{
	width: 22%;
	height: 100%;
	min-height: 300px;
	margin: 0% 3% 1% 0%;
	padding: 0% 0% 0% 0%;
	background: none;	
	float: left;
}

#position-202	/*Content*/
{
	width: 72%;
	height: 100%;
	min-height: 550px;
	margin: 0% 3% 1% 0%;
	padding: 0% 0% 0% 0%;
	background: none;	
	float: left;
}



#block3
{
	width: 100%;
	min-height: 50px;
	margin: 0% 0% 0 0%;
	padding: 0 0 0 0;
	background: none;	
}

#position-301
{
	width: 22%;
	min-height: 50px;
	margin: 0 3% 0 0;
	padding: 0 0 0 0;
	float: left;
	background: none;	
}

#position-302
{
	width: 67%;
	min-height: 50px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	background: none;	
}