html{
margin:0;
padding:0;
}


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

#info {
	width:20%;
	margin: 0 auto;
	float: right;
	color:white;
}

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

.logo{
	padding-top:0px;
	padding-bottom: 0px;  	
	color: white;	
	font-size:50px;
	text-align:center;	
	font-family: "Impact";
	margin: 0 auto;		
  }


#nav_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /* overflow: hidden; */
    background-color: black;
}

#nav_menu li {
    display: inline-block;
}

#nav_menu li a {
    /* display: block; */
    color: white;
    text-align: center;
    padding: 4px 8px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
#nav_menu li a:hover {
    background-color: #333;
}

#nav_menu .active {
    background-color: #4CAF50;
}

::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:375px;
	 height:80px;
	 /* float:left; */
	 
 }
 
.mittig{
	display: inline-table;
    text-align:left;
	margin: 0px 10px 0px 10px;
	font-size:19px;
}
.info{
	display: inline-table;
    text-align:left;
	margin: 0px 0px 0px 0px;
	font-size:15px;
	padding:10px;
	
	background-color: #C0C0C0;
}






.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 5px 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;  margin-top:45px;}

.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;}
.space{width:234px;}
.arrows{position:relative; top:42px;}
.sec-func .key{width: 32px; font-size:10px; text-align:left; line-height:40px; float: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: 142px;
	right: -128px;
}
#connect_zero{
	height:40px;
	width:13px;
	background-color:#333;
	position: relative;
	top: 137px;
	right: -34px;
}
#connect_plus_num{
	height:16px;
	width:40px;
	background-color:#333;
	position: relative;
	top: 78px;
	right: -128px;
}

table#kaufempfehlung{
	/* display: none; */
}

/* amazontabelle */
thead{
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit;
	background-color:black;
	color:white;
	font-weight: bold;
	/* border: 2px solid black; */
}
thead td{
	/* padding:20px; */
	width:220px;
}
tbody td{
	/* padding: 10px; */
}

table{
	background-color: white;
	margin:20px;
}

table td { 
	/* border-left:2px solid black; */
	/* border-right:2px solid black; */
}