@charset "utf-8";

/* ======================================================
   generelle Vereinbarrungen
   ===================================================== */
.font-small {
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: normal;
color: #000000;
}
.font-big {
font-family: Verdana, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}
.rechts{float:right}
body{
	color: #333;
	font-family: "Comic Sans MS", Arial;
	background-color: white;
	line-height: 22px;
	background-image: url(../images/HintergrundfuerNatur.jpg)
}
textarea, button{
	color: #333;
	font-family: "Comic Sans MS", Arial;
	font-size: 90%;
	background-color:white;
	line-height: 22px;
}

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


 html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	
}


body, html{padding:0;margin:0}

.webdesign{width:80px;margin:-5px 15px auto auto}
.red{color:red;}
.bold{text-decoration:underline;font-weight:bold}
.border{border:1px #ccc solid;}
.border-bottom{border-bottom:1px #ccc solid;}

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

h4{	margin-bottom:5px;margin-top:15px}

h5{}


h6{}


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


a {
	
	color: #039;
	text-decoration:none;
}


a:visited { color:#039; text-decoration: none; } 


a:hover {
	color: #03F;
	text-decoration:underline;
}


/* ======================================================
   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 {
	line-height: 22px;
	color: #222;
}
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{margin-left:0px}


li{margin-left:-25px;padding:0;clear:both;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;}

legend { border: 0;  padding: 0; }
select.date{width:50px}
select.year{width:70px}
select{width:100%;height:30px;background-color:#D8DBE0;border: 0;}
.button2, .button1 {
	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: black;
	margin-top:30px;
	margin-right:2%;
	border-radius:3px;
	min-width:200px;
	background-image: -webkit-gradient(linear, left top, left bottom, from( white), to(#8A9C9F ));
	background-image: -webkit-linear-gradient(white,#8A9C9F  );
	background-image: -moz-linear-gradient(white,#8A9C9F );
	background-image: -ms-linear-gradient(white,#8A9C9F );
	background-image: -o-linear-gradient(white,#8A9C9F);
	background-image: linear-gradient(white,#8A9C9F);
}
.button1 {
	min-width: 136px;
	max-width: 150px;
	width: 48%;
	height: 32px;
	line-height: 32px;
		margin-top:0;
		margin-bottom:25px
}


.button2:hover, .button1:hover {

	background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#57676A));
	background-image: -webkit-linear-gradient(white, #57676A);
	background-image: -moz-linear-gradient(white, #57676A );
	background-image: -ms-linear-gradient(white, #57676A);
	background-image: -o-linear-gradient(white, #57676A);
	background-image: linear-gradient(white, #57676A );
}
input[type="button"]{
	border: 1px solid silver;
	height: 40px;
	display: inline-block;
	margin-bottom: 4px;
	margin-top: 4px;
	color: #333;
	cursor: default;
	text-align: center;
}

input[type="button"]:hover{
	color: #ccc;
	
}

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  {
	
	color: #111;
}
input[type="text"], input[type="number"], [type="email"], input[type="url"],[type="search"] {
	background-color: #D8DBE0;
	border: 1px solid #CCC;
	width: 100%;
	height: 25px;
	margin-left: 0px;
	color: black;
	cursor: text;
	text-align:left;
	display: block;
	font-size:100%;
	float:left
}

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-bottom: 16px;
	font-size: 100%;
	width:100%;
	height:160px;background-color:#D8DBE0;
}

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