@charset "utf-8";

img, object, embed, video {	max-width: 100%;}
*{
	margin:0;
	padding:0;
	max-width:100%;
	font-family: arial,Verdana, sans-serif;
	}
/* ======================================================
   spezielle Vereinbarungen
   ===================================================== */
.gold{
	color:#c93
	}
.red{
	color:darkred
	}
.grau { 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
	filter: gray; /* IE 6-9 */ 
	} 
.abstandhoehe{
	height:350px;
	}
.hgfarbe_3 {
    background-color: #f0f0f0;
	}
.hgfarbe_2 {
    background-color: #ccc;
	}
.rechts{
		float:right
	}
.box1{
	background-color: #ccc;
	padding:15px;
	}
.rechts {
	float:right
	}
.hide{
	display:none;
	}
.clear{
	clear:both
	}
.block		{
	text-align:justify
	}
.oben{float:left; 
	margin-top:15px;
	margin-bottom:15px;
	width:100%;
	display:block;
	text-align:right;
	}
.up{
	clear:both;
	float:right
	}

/* ======================================================
   generelle Vereinbarrungen
   ===================================================== */
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 86%;
	background-color: white
	}

body{
	background-color: white;
	}

body, table{
	width: 100%;
	overflow: hidden;
	line-height: 26px;
	font-size: 105%;
}

body, input[type="text"], input[type="number"], [type="email"], input[type="url"],[type="search"], textarea {
		color: black;
}


img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }


/* ======================================================
   Links
   ===================================================== */


a {
    color: #c93;
    padding-bottom: 1px;
    text-decoration: none;
    border-bottom: 1px #c93 solid;
    }

 a:hover{
	 color:darkred;
	  text-decoration: none;
    border-bottom: 1px darkred solid;}

.nav a{
	border:none
	}

.footer a {
    color: #ccc;
    border-bottom: 1px #ccc solid;
}
.footer a:hover {
    color: #c93;
    border-bottom: 1px #c93 solid;
}

/* ======================================================
   Formatierungen
   ===================================================== */


hr {
	width: 100%;
	background-color: #666;
	height: 0.02em;
	margin-top: 2px;
	margin-bottom: 8px;
	margin-left:0px;
}

p {	line-height: 26px;
	text-align:justify;}

sup { top: -0.5em; }

sub { bottom: -0.25em; }

blockquote{
	-webkit-margin-start: 4.5%;
	-webkit-margin-end: 4.5%;
}

/* ===================================================
   Listen
   =================================================== */

ul{
    width: 100%;
    -webkit-padding-start: 0;
    margin-top:15px;
    margin-bottom: 25px;
}

li {
	margin-left: 9%;
	list-style-type: circle;
	}


/* =====================================================
   Schalter und Formulare
   ========================================= */

 input[type="button"]:hover, input[type="submit"]:hover, .button1:hover{
		background-image: -webkit-gradient(linear, left top, left bottom, from( #ccc), to(white));
		background-image: -webkit-linear-gradient(#ccc,white);
		background-image: -moz-linear-gradient(#ccc,white );
		background-image: -ms-linear-gradient(#ccc,white);
		background-image: -o-linear-gradient(#ccc,white);
		background-image: linear-gradient(#ccc,white);
		}
		
label {
	cursor: default;
	display:block;
	float:left;
	clear: both;
	width: 96%;
	}
input[type="button"], input[type="submit"],.button{
	min-width: 180px;
	height: 40px;
	display: inline-block;
	margin-bottom: 4px;
	margin-top: 4px;
	float: right!important;
	border-radius:1px!important;
	margin-left: 6px;
	color:white;
	text-align: center;
	font-size:100%;
	font-weight:100!important;
	background: linear-gradient(left,#ca2e2e 0%, #333 100%);
	background: -moz-linear-gradient(left,#ca2e2e 0%, #333 100%);
	background: -webkit-linear-gradient(left,#ca2e2e 0%, #333 100%);
	background: -ms-linear-gradient(left,#ca2e2e 0%, #333 100%);
	background: -o-linear-gradient(left,#ca2e2e 0%, #333 100%);
	}
	input[type="button"]:hover, input[type="submit"]:hover{
	background: linear-gradient(left,#333 0%,#ca2e2e 100% );
	background: -moz-linear-gradient(left,#333 0%,#ca2e2e 100% );
	background: -webkit-linear-gradient(left,#333 0%,#ca2e2e 100% );
	background: -ms-linear-gradient(left,#333 0%,#ca2e2e 100% );
	background: -o-linear-gradient(left,#333 0%,#ca2e2e 100% );
	}
	
	input[type="button"], input[type="reset"]{
	min-width: 180px;
	height: 40px;
	display: inline-block;
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
	color:white;
	text-align: center;
	font-size:100%;
	background: linear-gradient(left,#ca2e2e 0%, #333 100%);
	background: -moz-linear-gradient(left,#ca2e2e 0%, #333 100%);
	background: -webkit-linear-gradient(left,#ca2e2e 0%, #333 100%);
	background: -ms-linear-gradient(left,#ca2e2e 0%, #333 100%);
	background: -o-linear-gradient(left,#ca2e2e 0%, #333 100%);
	}
input[type="button"]:hover, input[type="reset"]:hover{
	background: linear-gradient(left,#333 0%,#ca2e2e 100% );
	background: -moz-linear-gradient(left,#333 0%,#ca2e2e 100% );
	background: -webkit-linear-gradient(left,#333 0%,#ca2e2e 100% );
	background: -ms-linear-gradient(left,#333 0%,#ca2e2e 100% );
	background: -o-linear-gradient(left,#333 0%,#ca2e2e 100% );
	}
	
input[type="text"], input[type="number"], [type="email"], input[type="url"]{
	border: 1px solid silver;
    min-width: 100px;
    max-width: 96%;
    min-height: 38px;
    color: black;
    cursor: text;
    clear: none;
    -webkit-border-radius: 1px!important;
    margin-bottom: 12px;
    padding: 5px;
    clear: none;
    float: left;
	}
textarea {
	border: 1px solid silver;
	color: black;
	cursor: text;
	text-align: left;
	display: block;
	width: 94%;
	height:160px;
	padding: 0.8%;
	}
.textarea, .table2 td .textarea {
    width: 96% !important;
    font-size: 100% !important;
    border-radius: 1px!important;
    -moz-border-radius: 1px!important;
    -webkit-border-radius: 1px!important;
    padding: 2px !important;
    }
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:96%
	}
td {
	vertical-align: top;
	}
.handy{
	visibility:visible;
	display:block;
	float:left
	}
 .aussen{
	width: 1100px;
	top: 0;
	margin: 19px auto;
	background-color: white;
	max-width:1000px!important;
	}
.seite {
	width: 100%;
	margin-bottom: 40px!important;
	top: 0;
	float:left;
	box-shadow: 10px 10px 53px -15px rgba(0,0,0,0.75);
	}
.mitte {
	width: 94%;
	margin-left: 3%;
	float: left;
	}
.header{
	width: 94%;
	float: left;
	display: block;
	margin: 3%;
	border-bottom: 5px darkred solid;
	background-image: url(../img/kopf.jpg);
	background-size:contain;
	height: 249px;
	}
.logo{
	width: 300px;
	float: left;
	margin:3%;
	}
.firma{
	margin-top: 143px;
	color: white;
	font-size: 26px;
	float: left;
	}
h1, h2, h3, h4, h5, h6{
	margin-bottom: 5px;
	font-weight: 100;
	font-family: Verdana, Arial, sans serif;
	}
h1{
	font-size: 200%;
	margin: 40px 0 15px 0;
	color: darkred;
	font-size: 180%;
	line-height: 30px;
	}
h2{
	font-size: 110%;
	margin-top:25px;
	height: 54px;
	line-height: 54px;
	color: white;
	padding:1% 2%;
	background-color: darkred;
	}
h3{
	font-size: 140%;
	color: darkred;
	margin-bottom:18px;
	}
h4{
	text-transform: uppercase;
	text-align:left;
	width:92%;
	color: darkred;
	border-bottom: 3px darkred solid;
	margin:22px 0 12px 0;
	}
h5{
	font-size: 120%;
	color:darkred;
	font-family:"Times New Roman";
	font-style: italic;
	}
h6{ 	
	font-size: 180%; 
	color:white;
 	line-height:45px;
 	}
.grau{color:#999}
.untertitel {
    float: left;
    margin-top: 205px;
    color: white;
    margin-left: -182px;
 }
.footer{
	margin-top: 15px;
	width: 94%;
	background-color: darkred;
	color: #ccc;
	padding: 3%;
	float: left;
	margin-bottom: 15px;
	}
.rechts		{
	float: right!important;
	margin-right: 0!important;
	}
.nav{
	width: 22%;
	float: right;
	height: 210px;
	margin-top: 0;
	}	
.open, .close {
	visibility:hidden;
	display:none;
	height:0px;
	}
#inh, :not(:target) #inh {
	width: 100%;
	position:relative;
	float: left;
	height: 50px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	}
#inh ul{
    width: 100%;
    -webkit-padding-start: 0;
    margin-bottom:0;
    height: auto;
    margin-top: 0;
    float:left;
 }
#inh  li{
	width: 25%;
	float:left;
	text-align:right;
	list-style-type: none;
	list-style-image: none;
	}
#inh ul li {
	width: 100%;
	float: right;
	overflow:hidden;
	height: 50px;
	background: linear-gradient(left,#ca2e2e 0%, #333 100%);
	background: -moz-linear-gradient(left,#ca2e2e 0%, #333 100%);
	background: -webkit-linear-gradient(left,#ca2e2e 0%, #333 100%);
	background: -ms-linear-gradient(left,#ca2e2e 0%, #333 100%);
	background: -o-linear-gradient(left,#ca2e2e 0%, #333 100%);
	color:white;
	border-bottom:1px white solid;
	}
#inh ul li:hover{
	background: linear-gradient(left,#333 0%,#ca2e2e 100% );
	background: -moz-linear-gradient(left,#333 0%,#ca2e2e 100% );
	background: -webkit-linear-gradient(left,#333 0%,#ca2e2e 100% );
	background: -ms-linear-gradient(left,#333 0%,#ca2e2e 100% );
	background: -o-linear-gradient(left,#333 0%,#ca2e2e 100% );
	}
#inh  li:hover {
	overflow:visible; 
	background-color:white;
	color:black;
	}
#inh ul li a{
	width: 95%;
	height: 50px;
	float:left;
	line-height: 50px;
	margin-top: 0;
	color: white;
	}
#inh ul li a.current{
	color: #c93;
	}
#inh ul li a:hover{
	color: #c93;
	}
.c_10,.c_20,.c_25, .c_33,.c_50,  .c_66, .c_75 , c_100{
	float:left;
	margin:  1% 5% 0 0;
	padding:0
	}
.c_10 {
	width: 5.5%;
	}
	
.c_20 {
	width: 15.5%;
	}

.c_25 {
	width: 20.2%;
	}
.c_33 {
    width: 29.93%;
 }
 .c_50 {
    width: 47%;
 }
.c_66 {
  width: 61.66%;
 }

.c_75 {
	width: 70.5%;
	}
.c_100 {
	width: 100%;
	margin:  1% 0 0 0;
	}
	


@media only screen and (max-width: 1190px) {
.nav{
	width:20%
	}
.abstandhoehe{
	height:0;
	}
}
@media only screen and (max-width: 1090px) {
 .aussen{
	width: 96%;
	top: 0;
	margin-left: 2%;
	float: left;
	margin-top: 0;
	}

}

@media only screen and (max-width: 980px) {
.nav{
	width: 100%;
	float: left;
	height:0;
	}
.header{
	height:auto;
	margin: 2%;
	width: 96%;
	}
.open {
	visibility: visible;
	position:absolute;
	display: block;
	float:right;
	right: 43px;
	top: 23px;
	width: 40px;
	}
.close {
	visibility: visible;
	position:absolute;
	display: block;
	float:right;
	right: 8px;
	top: 5px;
	width: 40px;
	}
#inh, :not(:target) #inh {	
	width:94%;
	top: -1280px;	
	position:absolute;	
	left:0;
	width: 100%;
	z-index:300;
	margin-top:0;
	text-align: center;
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
	}
#inh:target {    
	top:0;
	height: auto;	
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
	}

#inh  li{
	width: 100%;
	float:left;
	text-align:center;
	padding-left: 4%;
	list-style-type: none;
	list-style-image: none;
	}
#inh ul li {
	width: 100%;
	float:left;
	margin-left: 0;
	height: auto; 
	margin-left: 0;
	}
#inh ul li a{
	height: 45px;
	line-height: 45px;
	font-size: 98%;
	text-align:left;
	padding-left:2%;
	width: 96%;
	}
#inh ul li li a{
	height: 45px;
	line-height: 45px;
	font-size: 100%;
	text-align:left;
	padding-left:5%;
	}
}

@media only screen and (max-width: 799px) {
	#inh ul {
    width: 96%;
	}
.logo{
	width: 220px;
	}
.firma{
	margin-top: 98px;
	font-size: 22px;
	}
.untertitel{
	margin-top: 147px;
	margin-left: -152px;
	}
.open {
	right: 3.8%;
	top: 8px;
	}
.header {
    height: auto;
    margin: 0;
    width: 100%;
 }
 .handy{
	display:none;
	visibility:hidden;
	height:0px
	}
h1{
	font-size: 190%;
	}
h2{
	font-size: 120%;
	margin-top: 2px;
	}
h3{
	font-size: 120%;
	}
h6{ 
	font-size: 140%;
	 }
.footer{
 	padding:4%;
 	width: 92%;
 	font-size:94%
 	}
.c_10,.c_20,.c_25, .c_33,.c_50,  .c_66, .c_75{
	margin: 1% 2% 0 0;
	width: 48%;
	}
.c_10, .c_20 {
	width: 18%;
	}
.rechts{
	float:left!important;
	}
.c_33.rechts,.c_66, .c_100{
	width: 98%!important;
	}	
}

@media only screen and (max-width: 650px) {
.untertitel{
	margin-top: -8px;
	margin-left: 3%;
	clear: both;
	}
}

@media only screen and (max-width: 560px) {
.logo{
	width: 144px;
	}
.untertitel{
	margin-top: -10px;
	}
.firma{
	margin-top: 61px;
	}
}

@media only screen and (max-width: 480px) {
.c_100,.c_50, .c_25, .c_33, .c_66, .c_75 {
	width: 98%;
	}
.c_20, .c_10 {
	width: 48%;
	}
.logo{
	width: 124px;
	margin: 1.4% 1.4% 0 1.4%;
	}
.untertitel{
	margin-top: 17px;
	}
.firma{
	margin-top: 55px;
	}
.mitte {
    }
.open {
    }
h1{
	font-size: 140%;
	margin-top: 14px;
	}
h2{
	font-size: 100%;
	}
h4{ 
	font-size: 100%; 
	}
h5{
	font-size: 130%;
	font-style: italic;
	color: darkred;
	margin-right:5%;
	}
h6{
	font-size: 110%;
	text-transform: uppercase;
	}
td.foot {
    height: auto!important;
	float:left;width:100%;
	}
.table td .button_send {
    font-size: 14px !important;
    width: 98% !important;
    margin-left: 0!important;
    float: left!important;
	}
}

@media only screen and (max-width: 430px) {
.logo{
	width: 124px;
	}
.untertitel{
	margin-top: 15px;
	padding-left: 0;
	}
.firma{
	margin-top: 51px;
	}
.mitte {
    }
.open {
    right: 3.4%;
    top: 4px;
    }
 }

@media only screen and (max-width: 408px) {
.untertitel{
	font-size: 90%;
	}
.firma{
	font-size: 134%;
	}
}

@media only screen and (max-width: 390px) {
.untertitel{
	padding-left: 0.5%;
	}
.firma{
	font-size: 124%;
	margin-top: 57px;
	}
 }
 
 @media only screen and (max-width: 340px) {
.firma{
	font-size: 124%;
	}
.untertitel {
    height: 41px;
    margin-top: -3px;
    padding: 3% 6% 3% 0;
    line-height: 18px;
}
.header{height: 128px;}
}