@charset "UTF-8";
/* CSS Document */

:root {

--rahmenfarbe :gold; 

}

form {
	font-size:12px;
	width: 740px;
	padding:10px;
}

#blog_btt input[type="button"]{
	left:0px;
	font-size:11px;
	padding:0 5px;
	border-radius: 5px;
	border:solid 1px var(--rahmenfarbe);
	cursor:pointer;
}

#blog_btt input[type="button"]:active {
	background-color: var(--rahmenfarbe);
}

#daten input[type="submit"], 
#daten input[type="button"],
#daten input[type="reset"] {
	font-size:11px;
	padding:0 5px;
	border-radius: 5px;
	border:solid 1px var(--rahmenfarbe);
	cursor:pointer;
}

#daten input[type="submit"]:active, 
#daten input[type="button"]:active,
#daten input[type="reset"]:active {
	background-color: var(--rahmenfarbe);
}

legend {
	color:var(--rahmenfarbe);
	padding:0 5px;
}

label {
	position:absolute;
	color:#000000;
	padding:0 10px; }

input {
	left: 10px;
	position:relative;
	margin-bottom: 10px;
	border:0;
	height:20px;
	background-color:#E6E6E6;
	padding-left:3px;
	}

input:hover,
textarea:hover
{
    border-style: solid;
    border-width: 1px;
    border-color:darkgreen;
   }	

.captcha {
		position:relative;
		left:10px; }
	
.zusatz {
	text-align:right;
	padding: 10px 10px 0px 10px;
}

.errMsg {
	color:red;
	font-weight:bold;
	text-align:center;
	}

.feld1 {
	width: 94%; /*315px;*/
}
.feld2 {
	width: 145px;
}
.feld3 {
	position:relative;
	width: 164px;
	}
.feld4 {
	width: 200px;
}
.feld5 {
	width: 108px;
	position:relative;
	}
.feld6 {
	width: 80px;
	}
.feld7 {
	width: 226px;
	position:relative;
	margin-left: 3px;
}

.sico {
	width: 161px;
    }
	
textarea {
	width: 315px;
	left: 10px;
	padding-left:3px;
	position:relative;
	margin-bottom: 10px;
	border:0;
	background-color:#E6E6E6;
	}
	
fieldset {
	padding:10px;
	margin: 0px 20px 20px -10px;
	border-style:solid;
	border-color:var(--rahmenfarbe);
	border-width:1px;
}

#formular {
	width:540px;
	position:relative;
	
}
#daten, #anfrage{
	width: 370px;
}