body {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 120%;
        /* background: rgb(255,231,24); /* Old browsers */
        /* background: -moz-linear-gradient(top,  rgba(255,231,24,1) 0%, rgba(255,248,198,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
        /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,231,24,1)), color-stop(50%,rgba(255,248,198,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        /* background: -webkit-linear-gradient(top,  rgba(255,231,24,1) 0%,rgba(255,248,198,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
        /* background: -o-linear-gradient(top,  rgba(255,231,24,1) 0%,rgba(255,248,198,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
        /* background: -ms-linear-gradient(top,  rgba(255,231,24,1) 0%,rgba(255,248,198,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
        /* background: linear-gradient(to bottom,  rgba(255,231,24,1) 0%,rgba(255,248,198,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
        /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe718', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,248,198,1) 50%, rgba(255,231,24,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,248,198,1)), color-stop(100%,rgba(255,231,24,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,248,198,1) 50%,rgba(255,231,24,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,248,198,1) 50%,rgba(255,231,24,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,248,198,1) 50%,rgba(255,231,24,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,248,198,1) 50%,rgba(255,231,24,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe718',GradientType=0 ); /* IE6-9 */
}

.menu a:link { font-family:arial; text-decoration:none; font-weight:bold; font-size:12pt; color:#000; }
.menu a:visited { font-family:arial; text-decoration:none; font-weight:bold; font-size:12pt; color:#000; }
.menu a:active { font-family:arial; text-decoration:none; font-weight:bold; font-size:12pt; color:#7298BE; }
.menu a:hover { font-family:arial; text-decoration:none; font-weight:bold; font-size:12pt; color:#FFE718; }

.kontaktlink a:link { font-family:arial; text-decoration:none; font-weight:normal; font-size:10pt; color:#000000; }
.kontaktlink a:visited { font-family:arial; text-decoration:none; font-weight:normal; font-size:10pt; color:#000000; }
.kontaktlink a:active { font-family:arial; text-decoration:none; font-weight:normal; font-size:10pt; color:#7298BE; }
.kontaktlink a:hover { font-family:arial; text-decoration:underline; font-weight:normal; font-size:10pt; color:#000000; }

.kontaktlink { color:#000000; }

#site {
        max-width: 960px;
        height: 100%;
		margin-right: auto;
       	margin-left: auto;
       	margin-top: 20px;  
       	padding-top:10px;
        background-color: #ffffff;             
}

#kopf {
	max-width: 100%;
	text-align:left;
}

#logo_klein {
	float:left;
         position:relative;
         top: 0px;
         left: 0px;
         /*height: 100px;*/
}

#header_image {
	width: 100%;
	height: auto;
}

#logo_text {
  position:absolute;
  top: 144px;
  left: 120px;
  
  font-family:arial;
  font-weight: bold;
  font-size:50pt;
}

#inhaber {
  position:relative;
  width: 100%;
  top: 0px;
  text-align: center;
  /* left: 780px; */
}

div#navi {
         position:relative;
         border:0px solid #000000;
         top:0px;
         left:100px;
         text-align:left;
}
#text {
         position:relative;
         margin: 10px;
         padding: 0px 10px 0px 10px;         
         text-align:left;
         vertical-align:top;
         border:0px solid #000000;
}

#inhalt {
         clear:left;
         position:relative;
		 height: 100%;
         background-color:#ffffff;
         padding:10px;
         margin:0px;
         margin-bottom:50px;
         top:25px;         
         text-align:left;
         border: 1px solid #000000;
         
         box-shadow:0px 0px 30px #000000;
		    -moz-box-shadow:0px 0px 30px #000000;
		    -webkit-box-shadow:0px 0px 30px #000000;
}


.email { font-family:arial; font-weight:bold; font-size:10pt; color:#FFD980; }

h1 {
         font-size:40px;
         font-weight:bold;
         letter-spacing:1px;
         color:#000000;
}

.texthome {
         font-size:20px;
         font-weight:normal;
         letter-spacing:1px;
         color:#000000;
}

.slogan {
        color:red;
        font-size: 130%;
        font-weight: bold;
        text-align:center;


/* -moz-transform: scale(1.3) rotate(10deg) translateX(00px) translateY(00px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1.3) rotate(10deg) translateX(00px) translateY(00px) skewX(0deg) skewY(0deg);
-o-transform: scale(1.3) rotate(10deg) translateX(00px) translateY(00px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1.3) rotate(10deg) translateX(00px) translateY(00px) skewX(0deg) skewY(0deg);
transform: scale(1.3) rotate(10deg) translateX(00px) translateY(00px) skewX(0deg) skewY(0deg);   */
}

.ul_leistungen {
     margin: 0px;
     padding: 0px 10px 0px 18px;
}

/************************************************************
 Formulardefinitionen
************************************************************/

.formular {
	font: 90% Arial, Helvetica, sans-serif;
	max-width: 560px;
}
fieldset {
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 0px;
	border: 1px solid #000;
}
label {
	font-weight: bold;
	margin: 0px 20px 0px 0px;
}
legend {
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	color: #000;
}
input , textarea, select{
	margin: 0px 10px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	width: 370px;
	cursor: pointer;
}
input:focus, textarea:focus, select:focus{
	background-color: #FFF8CA;
}
.radio {
	margin: 0px 3px 10px 0px;
	padding: 0px;
	width: 20px;
}
input.button {
	border: 1px solid #000;
	background-color: #efefef;
	width: 180px;
	cursor: pointer;
}


/* Auflösung berücksichtigt*/
@media screen and (max-width: 480px) {
	div#navi {
		position: relative;
		display: inline;
		width: 100%;	
		margin-left: auto;
		margin-right: auto;	
	}
	
	#inhaber {
	  position:relative;
	  width: 100%;
	  text-align: center;
	}
	
	input , textarea, select{
		margin: 0px 10px 10px 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		width: 90%;
		cursor: pointer;
	}
}