@charset "UTF-8";
#div1,
#div2,
#div3,
#div4 {
  border: 1px solid black;
  width:  250px;
  height: 100px;
}

#div1 { overflow-y: hidden; margin-bottom: 12px;}
#div2 { overflow-y: scroll; margin-bottom: 12px;}
#div3 { overflow-y: visible; margin-bottom: 120px;}
#div4 { overflow-y: auto; margin-bottom: 120px;}
/* CSS Document */

h2 {
	font: normal large Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgba(51,51,153,1);
	margin-left: 25px;
}


body {
	-webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
	-webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
	-webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
	background-color: #E4E4E4;
	background-image: linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
	background-image: -webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
	background-image: -ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
	background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #A7A7A7),
        color-stop(0.51, #E4E4E4)
    );
	background-attachment: fixed;
	font: 12px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 100%;
	width: 100%;
	clear: left;
}	
body form {
	border: thin solid #949494;
	background-color: #DFDFDF;
	width: 560px;
	margin-left: auto;
	margin-right: auto;
	
}

.Input_uber {
	font: normal large Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
}


#Navi {
	width: 560px;
	height: 60px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}






#Eingabe_Rechteck, #Info_Rechteck {
	min-height: 0px;
	
	background-color: #D4D4D5;
	padding-left: 2px;
}
#Eingabe_Rechteck {
	width: auto;
}
#Info_Rechteck {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

#Ausgabe_Rechteck1, #Ausgabe_Rechteck2 {
	width: 645px;
	background-color: #A3BEED;
	border-radius: 30px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 5px;
}

#Info_back {
	width: 667px;
	border-radius: 30px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 15px;
}



.button {
	background-color: #4CAF50; /* Green */
	border: medium solid #918F8F;
	color: white;
	padding: 4px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font: 16px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
	height: 30px;
	border-radius: 10;
	min-width: 0px;
}

.button1 {
    background-color: white;
    color: black;
    border: 2px solid #4CAF50;
}

.button1:hover {
    background-color: #4CAF50;
    color: white;
}

.button2 {
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white;
    color: black;
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
	background-color: white;
	color: black;
	border: 1px solid #ACABAB;
	border-radius: 10px;
	width: 150px;
	
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
	background-color: white;
	color: black;
	border: 1px solid #ACABAB;
	border-radius: 10px;
	width: 150px;
}

.button5:hover {background-color: #e7e7e7;}
td .Result_Kommentar span {
	text-indent: 0px;
	font-variant: small-caps;
	vertical-align: top;
}