html 
 {	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	background:#C7B18B;
}
 body {
    width: 90%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
    margin-top:100px;
    background: #C7B18B;
}
 .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, 
  .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 { 
    float:left;
    /*margin-right: 1.041666666667%; 
    margin-left:  1.041666666667%;*/ }
        
    /* Formel: %-Wert = px-Wert / 960 * 100 */ 
  .grid1  { width:6.25%;  }            /*  60px */ 
  .grid2  { width:14.583333333333%; }  /* 140px */
  .grid3  { width:22.916666666667%; }  /* 220px */
  .grid4  { width:31.25%; }            /* 300px */
  .grid5  { width:39.583333333333%; }  /* 380px */
  .grid6  { width:47.916666666667%; }  /* 460px */
  .grid7  { width:56.25%; }            /* 540px */
  .grid8  { width:64.583333333333%; }  /* 620px */
  .grid9  { width:72.916666666667%; }  /* 700px */
  .grid10 { width:81.25%; }            /* 780px */
  .grid11 { width:89.583333333333%; }  /* 860px */
  .grid12 { width:97.916666666667%; }  /* 940px */
    
.wrap
	{padding: 5px;
	border: 1px solid #F8F3EA;
}
.content
	{background: #F8F3EA;
	
	/*padding: 10px;*/
}
main
	{height:100%; background: #DED9AF}

.inhalt
{	min-height: 400px;
	text-align: left;
	font-size:13px;
	padding: 38px 40px 38px 40px;
}
.inhalt ul
{	
	list-style:none;
	padding-left: 0px;
	text-align:center;

}
.inhalt ul li
{
	margin: 5px 0;
	padding-left: 0px;
	background: url('../images/bullet_sub_nav.gif') no-repeat 7px 5px;
}

.inhalt ul li p:nth-child(1)
{
	margin-top:0px;
}
.inhalt ul li  span:before
{
	content: "  -  ";
}
header
{	
	height: 150px;
	/*background: black;
	width:100%;*/
	border-bottom: 5px solid #C7B18B;
	overflow-x: hidden
}
.hea1
{
background: url('../images/header.png');
	
}
.hea2
{
background: url('../images/header02.jpg');	
}
.hea3
{
background: url('../images/header03.jpg');	
}
.hea4
{
background: url('../images/header05a.jpg');	
}
.hea5
{
background: url('../images/header05.jpg');	
}


footer
{	
	
	display: inline-block;
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 100px;
	text-align: right;
	font-size:12px;	
}

nav 
	{
	
	position: relative;
	float: left;

	width: 38.19530284301607%;
	height: inherit;
	/*max-height: 100%;*/
	/*background: url(../images/titel.png) no-repeat 40px 40px;*/
	}
nav > ul
{	
float:left;
padding-top: 40px;
list-style: none;
line-height: 2.5em;
}
nav li {
margin: 9px 0;
}
nav ul:first-child
{margin-top:0px}

#logo
{
position: relative;
float: right;
padding: 1px;
background: #F8F3EA;
margin: 53px -74px 40px 0;
border: 5px solid #DED9AF/*#F8F3EA*/;
text-align: center;
overflow: visible;
line-height: 1.1em;
background: #C7B18B;
/*border-radius: 15px  0 0 15px*/

}
#zitat
{position:relative;
box-sizing:border-box;
text-align:justify;
font-size: 12px;
font-weight: 500;
padding: 40px;
width: 38.19530284301607%;
height: 131px;
}
#zitat span
{
vertical-align: bottom;
	
}
.clearfix:after{
	content: ".";
clear:both;
display: block;
height:0;
visibility: hidden;

}
.rclear
{clear:right;}