/* Stand 20201103 OliSul*/
/* Rahmen A auf Seite mit Inhalt */
/* .rahmenseiteninhalt { */

.rahmen {
	border: solid black 0.15vw;
	box-shadow: 0.3vw 0.3vw grey;
	border-radius: 2em 2em 0 0;
	background-color: #E6E6E6;
	/* background-color: green; */
	margin: 3vh 5vw 2vw 5vw; /* Top right bottom left */
	font-family: Raleway;
	overflow: hidden;

}
	
.rahmenueberschrift {
	background-color: #333;
	/* border-radius: 2em 2em 0 0; */
	color: #FFFFFF;
	font-size: 2vw;
	text-align: center;
	padding: 0.3em 0 0.3em 0;
	margin-bottom: -3vh;
	overflow: hidden;
	width: 100%;
		/* background-color: pink; */
}

.rahmeninhalt {
	margin: 1vh 2vw 1vh 2vw;
	font-size: 1.4vw;
	font-weight: bold;
	text-shadow: 0.15vw 0.15vw white;
	padding-top: 2vh;
	overflow-x: auto;
}

.rahmen button {
	float:right;
	border: solid black 0.1vw;
	color: white;
	background-color: blue;
	font-weight: bold;
	font-size: 1em;
	height: 2.5vw;
	min-height: 2em;
	margin: 2vh 4vw 0 0;
	box-shadow: 0.15vw 0.15vw gray;
	cursor: pointer;
}

.rahmen button:hoover {
	cursor: pointer;
}

label {
	margin: 2vw 0 0 2vw;
}

input, select, textarea, .eingabefelder {
	margin: 0.4vh 2vw 0 2vw;
	padding: 0.5vh 0 0.7vh 0.8vw;
	width: 80vw;
	height: 2.5vw;
	font-family: Raleway;
	font-size: 1.3vw;
	border: 0.15vw solid #aaaaaa;
	box-shadow: 0.15vw 0.15vw gray;
}

select {
	color: gray;
	padding-bottom: -4vh;
}

/* input:invalid { */
	/* border-color: red; */
/* } */

.rahmen textarea {
	margin: 2vh 2vw 2.5vh 2vw;
	padding: 0.5vh 0 0.7vh 0.8vw;
	width: 80vw;
	height: 20vh;
	font-size: 1.5vw;
	border: 0.15vw solid #aaaaaa;
	box-shadow: 0.15vw 0.15vw gray;
}

.rahmen td {
	color: black;
	font-size: 1vw;
	padding: 0 1vh 0 1vh;
	text-shadow: 0.15vw 0.15vw white;
	/* background-color: none; */
}
.rahmen th {
	color: white;
	background-color: blue;
	font-size: 1.5vw;
	padding: 0 1vh 0 1vh;
	text-shadow: 0.1vw 0.1vw grey;
	/* background-color: none; */
}

.rahmen td button{
	border:none;
	color: blue;
	font-size: 1.5vw;
	padding: 0 -1vh 0 -1vh;
	background-color: transparent;
	font-weight: normal;
	height: 5vh;
	margin: 0;
	text-shadow: .1vh .1vh grey;
	box-shadow: none;
	cursor: pointer;
}

.rahmen td button:hoover{
	cursor: pointer;
}

button:disabled{
	cursor: default;
}


/* Einbinden von Clips in die Rahmen */
.clipelemente {
	margin: 0.8vh 4vw 2vh 2vw;
	width: 80vw;
	float: left;
	
	/* background-color: #848484; */
}

iframe {
	width: 19.7vw;
	height: 25vh ;
	/* background-color: lime; */
}