html * {
	padding: 0;
	margin: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}
body {	
	background-color: #fff;
	line-height: 1.6em;
	font-size: 15px;
	font-family: Arial, Verdana, "Trebuchet MS", sans-serif;
	color:#333;
	text-align:left;	
}





h1,  h2	{	
	font-size:150%;
	line-height:170%;
	font-family: 'Oswald', sans-serif;
	font-weight:100;
	color:#d6b04a;
	margin:0 0 3% 0
}
h2.head {	
	font-size:90%;
	line-height:190%;
	font-family: Arial, Verdana, "Trebuchet MS", sans-serif;
	font-weight:300;
	color:#999;
}

h2	{
	font-size:130%;
	margin:0;
	color:#b73;text-transform: uppercase;
}
h3	{
	font-size:145%;
	line-height:195%;
	font-family: 'Oswald', sans-serif;
	color:#975;	font-weight:100;margin-left:1%;
}



a {
	text-decoration:none;
}

.small  { 
	font-size:85%;
	color:#863;
	line-height:115%
	
}

.datenschutz { 
	display:block;	
	padding-left:27%;
	width:100%;
	text-align:justfy
}
/*  CSS Layout
----------------------------------------------- */

#main {	
	max-width:61em;
	width:100%;
	margin:1% auto;
	text-align:left;
}


#main .colL,
#main .colR {
	clear:both;
	width:100%;
}


#main  p.partner {
	background: transparent url(../img/pfeil.png) 0 6px no-repeat;
	padding-left:30px
}



/* === HEAD === */
#main  #head #fronttxt{
	font-size:120%;
	font-weight:100;
	line-height:125%;
	color:#323;
}


#main  #head {	
		background-color: #fff;
		padding: 0
}
#main  #head img.logo {	
		max-width:9.6em;
		width:66%;
		height:auto
}



#main  #head {	
		background-color: #fff;
		padding:0 7% 0 7%
}

#main  #head  img.senf{	
	display:none;
}

#main  #mitte #adressblock {	
		display:none;
}
#main  #mitte a.seclink {	
		color:#b73;
		padding: 0.07em 0.3em;
		text-decoration: underline;
}

#main  #mitte a.seclink:hover {	
		background-color:#c7811f;
		color:#fff;
		text-decoration: none;
}



/* === NAVIGATION ===*/
#main  #mitte #navi {
	list-style-type:none;
	border-top:8px solid #999;	margin-top:1em;padding-top:2em;
}

#main  #mitte #navi li {
	margin-bottom:2px;
}

#main #mitte #navi li a {
	font-size:100%;
	line-height:120%;
	font-weight:700;
	padding:0 2%;
	color:#999;
	display:block;
	width:auto;
}
	
#main #mitte #navi li a.active {
	border:2px solid #000;
	color:#f00;
}

#main #mitte #adressblock {
	margin-top:4.668em;
	font-size:80%;
	line-height:150%;
	color:#333;
	text-align:right;
}

#main #mitte #sec-navi {
	margin-top:0,7em;
	background-color:#c7811f;
	color:#fff;
	text-align:center;
	line-height:160%;
}

#main #mitte #sec-navi a{
	color:#fff;
	padding: 0.4em;	
}


/* ===Spalten im Content === */
#main #mitte #cLeft,
#main #mitte #cRight {
	float:left;
	width:45%;
	font-size:90%;
	margin:5% 0 0 0;	
}

#main #mitte .linie {
	border-bottom:1px dashed #666;
	margin:1em 0;
}


/* === REFERENZEN === */
#main table{
	margin-top:2em;
	width:90%
}
#main td {
	font-size:90%;
	width:45%;
	padding: 0.1em;
	margin:0;
	vertical-align:top;
}
#main td.thema{
	font-weight:700;
	width:20%;
	text-align:right;
	color:#a98;
}


/*======== FOTO IM TEXTKOERPER =======*/

#main .box  {
	margin-top:2em;
	border-bottom:3px solid #999;
}

#main .box .photo {
	height: 5em;
	width: 6.6em;
	float:right;
	margin:0 0 0 0;
}

#main  .box .photo  li {
	display:inline;
	width:6.6em;
	height:5em;
	background-image:none;
}


#main .box .photo li a {
	display:block;
	width:6.6em;
	height:5em;
	background-image:none;
	background-color: transparent;
	padding:0;
}
#main .box .photo li a img { 
	display:block;
	width:6.6em;
	height:5em;
	background-color: #fff;
	z-index:99;
}


#main .clear {
	clear:both;
	height:0;
	padding:0;
	margin:0;
	font-size:0;
}



/* === FUSSZEILE === */

#main #feet{
	height:6em;
	background-color:#fff;

}

	
/*   Formularfelder wie Name, Kontonr. etc. 
------------------------------------------ */


#main  #mitte fieldset {
	width:100%; 
}
#main  #mitte fieldset p {
	width:98%;
	margin:2% 0;
	line-height:150%;
}


#main  #mitte p label {
	display: inline;
	width:25%;
	float: left;	
	margin:0.2em 0.7em 0 0;
	text-align:right;
	font-size:80%
}

#main  #mitte p input,
#main  #mitte p select,
#main  #mitte p textarea,
#main  #mitte p submit	{   
	border: 1px solid #cbbb88;
	background-color:#f8e6c0;
	color:#742;
	height:2em;
	line-height:1.5em;
	width: 71%;
}


#main #mitte p input.dsgvo { 
    width:1.5em;
    background-color:transparent;
	margin:0;

 
}




#main  #mitte p textarea {
	height:8em;
}
#main  #mitte p input:hover,
#main  #mitte p textarea:hover,
#main  #mitte p input:focus, 
#main  #mitte p textarea:focus {
	background-color: #fff;
	border:1px solid #000;
}
#main  #mitte input.ratiokurz {
  width: 20px;
  height:12px;
  border:none;
  background-color:transparent;
  }	
#main  #mitte input.ratiokurz:hover{
  border:none;
  background-color:transparent;
  }	
  
#main  #mitte .kurz,
#main  #mitte p select {
  width: 80px;
 }
 
#main  #mitte .superkurz,
#main  #mitte p select {
  width: 35px; 
}




#main  #mitte .send {
	cursor:pointer;
	width:12em;
	font-size:100%;
	height:auto;
	padding:0.5em 3em;
	color:#fff;
	background-color:#b83;
	font-weight:700;
	border:none;
}