html{
margin:0;
padding:0;
}


body{
  background-color: #DDDDDD;
  margin:0;
  padding:0;
  font-family: "Arial";
}

#header{
  background-color: black;
  width: 100%;
  display: inline-flex;
 }
 

::selection{background-color:none; color:inherit;}


#content{
	text-align: center;
}

#screen_links{	
	/* display: inline-block;  */
	/* width:130px; */
	width:1100px;
	vertical-align: top;
	/* margin-top:20px; */
	text-align: left;
	display:none;
	
}

#screen_mitte{	
 /* display: inline-block; */
 width:1090px;
 margin: auto;
}


.block{
	/*! height:130px; */
	width:1000px;
	margin:0px auto 20px;
	font-size:12px;
	/* text-align: center; */
}


.keyboard{
  width:970px; height: 260px;
  background-color: #646473;
  margin: 0px auto;
  border-radius: 9px;
  padding: 20px;
  color: #eee;
  
  margin-bottom: 50px;
}

 
 textarea{
	width:auto;
	height:80px;
	 /* float:left; */
	 
 }
 
.center{
	display: inline-table;
	text-align:left;
	margin: 0px 10px 0px 10px;
	font-size:12px;
}



.key_highlight{-webkit-box-shadow:inset 0px 0px 0px 5px orange;
    -moz-box-shadow:inset 0px 0px 0px 5px orange;
    box-shadow:inset 0px 0px 0px 5px orange;}
.key_pressed{ -webkit-box-shadow:inset 0px 0px 0px 5px green;
    -moz-box-shadow:inset 0px 0px 0px 5px green;
    box-shadow:inset 0px 0px 0px 20px green;}
	


.key{
 width: 40px; height:40px;
  display:block;
  background-color:#333;
  text-align: left;
  padding-left: 8px;
  line-height: 29px;
  border-radius:2px;
  float:left; margin-left: 2px;
  margin-bottom:2px;
  cursor: pointer;
  transition: box-shadow 0.7s ease;
}

.key-high{
  width: 40px; height:80px;
  display:block;
  background-color:#333;
  text-align: left;
  padding-left: 8px;
  line-height: 29px;
  border-radius:2px;
  float:left; margin-left: 2px;
  margin-bottom:2px;
  cursor: pointer;
  transition: box-shadow 0.7s ease;
}

.section-a{
	width:650px;
	height:260px;
	float:left;
}
.section-b{
	width:150px;
	height:260px;
	float:left;
}
.section-c{
	width:170px;
	height:260px;
	float:left;
}

.function{font-size: 12px; width:30px; height:30px; margin-bottom:15px;}
.small{font-size:10px; line-height:13px; text-align: center; padding:0 5px; padding-top:2px; height:28px !important;}
.space1{margin-right: 43px !important;}
.space2{margin-right: 25px !important;}
.dual {font-size: 14px; line-height: 20px; width:30px; }
.backspace {width:84px; }
.tab {width: 50px; line-height: 40px;}
.letter{width:30px;}
.slash{width:64px;}
.caps{width:70px; font-size:12px; line-height:27px;}
.enter{width:52px; line-height:40px; text-align: center; padding-left:0;}
.shift.left{width: 90px;line-height: 40px; }
.shift.right{width: 104px;line-height: 40px;}
.ctrl{width: 50px; line-height: 40px; font-size:13px;}
.os{line-height: 40px; font-size:18px;}
.menu{line-height: 40px; font-size:18px;}
.alt{line-height: 40px; font-size:13px;}
.space{width:234px;}
.arrows{position:relative;}
.sec-func .key{width: 32px; font-size:10px; text-align:left;}
.sec-func .bigger{font-size:15px;}
.sec-func div.dual{line-height:20px;}

.arrows .key{text-align: center; padding-left: 7px; margin-left:2px; font-size:15px; }
.hidden{visibility: hidden;}

.key:hover{box-shadow:0px 0px 10px #14B524; z-index:1000;}

.bigger{ font-size:20px}
.connect_enter{
	height:14px;
	width:52px;
	background-color:#333;
	top: 120px;
	position: relative;
	right: -562px;
}


.connect_enter_num{
	height:15px;
	width:40px;
	background-color:#333;
	position: relative;
	top: 175px;
	right: -928px;
}
.connect_zero{
	height:40px;
	width:13px;
	background-color:#333;
	position: relative;
	top: 169px;
	right: -835px;
}
.connect_plus_num{
	height:15px;
	width:40px;
	background-color:#333;
	position: relative;
	top: 108px;
	right: -928px;
}