@charset "utf-8";

/* ======================================================
   generelle Vereinbarrungen
   ===================================================== */

body,  textarea, button, p{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 88%;
	line-height: 22px;
	background-color:white;
}

article, aside, details, figcaption, figure,  header, hgroup,  section {
	display: block;
	color: #030;
}

.clear{clear:both}

.rechts{float:right}
 
.kopf img{width:100%}
.social_media{width:30px}
.kopf{box-shadow:0px 1px 9px 4px #999;margin-bottom:12px;overflow:hidden;width:99.15%;}
.kopfbilder{padding:0.65% 0}

/*=============       Schriften    ==================================================================*/

h4{clear:both	}

h5{}


h6{}


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


a {
	height: 28px;
	line-height: 28px;
	color: #530202;
	text-decoration:none;
	font-size:100%;
}




a:hover {
	color: #C93;
}


/* ======================================================
   Typografie
   ===================================================== */


hr {
	width:79%;
	border-bottom:dotted;
	border-bottom-color:white;
	border-bottom-width:0.09em;
	margin-top: 8px;
	margin-bottom: 8px;	
	margin-left:0px;
}


p {}
p:before, q:after { content: ""; content: none; }


sub, sup {  line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


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

ul{}

.mitte ul,li{margin-left:4%;}

ul,li{margin-top:-4px;padding:0;}
li {line-height: 22px;}


/* ==================================================
   Eingebetteter Inhalt
   ================================================== */


img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }



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


fieldset { border: 0; margin: 0; padding: 0; }

label {	cursor: default;clear:both}

legend { border: 0;  padding: 0; }

.button2 {
	cursor: default;
	border: 1px solid silver;
	width: 39%;
	height: 42px;
	line-height: 36px;
	text-align: center;
	display: block;
	padding-top: 0px;
	clear: none;
	float: left;
	color: white;
	margin-top:30px;
	margin-right:2%;
	border-radius:3px;
	min-width:150px;
}
input[type="radio"]{background-color:white;color:white}
input[type="button"],input[type="submit"],input[type="reset"]{
	width: 103px;
	border: 1px solid silver;
	height: 40px;
	display: inline-block;
	margin-bottom: 4px;
	margin-top: 4px;
	color: #333;
	cursor: default;
	text-align: center;
	background-image: -webkit-gradient(linear, left top, left bottom, from(white ), to( #ccc));
	background-image: -webkit-linear-gradient(white , #ccc);
	background-image: -moz-linear-gradient(white , #ccc);
	background-image: -ms-linear-gradient(white , #ccc);
	background-image: -o-linear-gradient(white,#ccc);
	background-image: linear-gradient(white,#ccc);
}

input[type="button"]:hover, input[type="submit"]:hover,input[type="reset"]:hover{
	color: #666;
	background-image: -webkit-gradient(linear, left top, left bottom, from(white ), to( #A8A8A8));
	background-image: -webkit-linear-gradient(white , #A8A8A8);
	background-image: -moz-linear-gradient(white , #A8A8A8);
	background-image: -ms-linear-gradient(white , #A8A8A8);
	background-image: -o-linear-gradient(white,#A8A8A8);
	background-image: linear-gradient(white,#A8A8A8);
}

input[type="button"]:active, [type="submit"]:active{}

button[type="button"]  {
	border: 1px solid #888	;
	width: 120px;
	font-size:90%;
	min-height: 25px;
	display: block;
	color: #030;
	cursor: default;
	text-align: center;
}
button[type="button"]:hover  {
	background-image: -webkit-gradient(linear, left top, left bottom, from(white ), to( #ccc));
	background-image: -webkit-linear-gradient(white , #ccc);
	background-image: -moz-linear-gradient(white , #ccc);
	background-image: -ms-linear-gradient(white , #ccc);
	background-image: -o-linear-gradient(white,#ccc);
	background-image: linear-gradient(white,#ccc);
	color: #111;
}
input[type="text"], input[type="number"], [type="email"], input[type="url"],[type="search"] {
	background-color: white;
	border: 1px solid #ccc;
	width: 95%;
	min-height: 24px;
	margin-left: 0px;
	color: black;
	cursor: text;
	text-align:left;
	display: block;
	font-size:100%;
}

input[type="text"]:hover, input[type="number"]:hover, [type="email"]:hover, input[type="url"]:hover, [type="search"]:hover , [type="button"]:hover{ border: 1px solid #c93;    }

textarea {
	border: 1px solid silver;
	color: black;
	cursor: text;
	text-align: left;
	display: block;
	margin:0;
	font-size: 100%;
	width:80%;
	height:160px;
}

textarea:active {border: 1px solid #ccc;}
/* ====================================================
   Tabellen
   ================================================ */

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 88%;
	text-align:center
}
td {
	vertical-align: top;
}