html, body, h1, form {
	margin: 0; 
	padding: 0;
}

a {
	color: #000033;
}

a:visited {
	color: #000033;
}

body, table, input, textarea, tr, td, div, p {

	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 100%;

}

h1 {
	font-size: 1.1em;
	margin: 0.5em 0;
}

h2 {
	font-size: 1.0em;
	margin: 2em 0;
}

td { padding: 0px; text-align: left; }

th {    
    /*padding: 7px 0 3px 0;*/
    padding: 5px 0;
    text-align: left; 
    font: bold 0.7em Arial,sans-serif;
	color: #555;
}

p {
	line-height: 1.5em;
}

.result_table th {    
    font: bold 12px/*13px*/ Verdana, sans-serif;
}
.result_table td {    
   /* font: normal 12px/*13px*/ Verdana, sans-serif;*/
}

#header {
	margin: auto; 
	width: 785px;
}
 
#logo {
	margin-left: -11px; 
	margin-top: 22px; 
	margin-bottom: 17px;
}

#wrapper {
	margin: 0; 
	position: relative;
}

#content {
	margin: auto; 
	width: 785px;
	position: relative;
}

#main-content {
	/*float: left; breaks virtual keyboard */
	padding: 0; 
	width: 562px;
}

.text-form {
	background: none repeat scroll 0 0 #cedbe5; 
	border: 1px solid #8cb1ba; 
	margin-bottom: 20px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.text-form textarea  {
	/*width: 100%*/
	width: 480px;
	margin-left: 6px;
}

#txtInput  {
	width: 476px;
	margin-left: 6px;
	height: 30px;
	border: 1px solid #999;
	border-radius: 5px;
	font-size: 1.1em;
	padding: 1px 4px;
}

.inner-box input[type=text] {
	width: 480px;
}

.inner-box {
	border: 0;
	padding: 0.5em 1em;
}

.resultOptions {
	 margin-top: 15px; 
	 margin-bottom: 5px;
}

.resultOptions a {
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

.submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #467a87;
	border: 2px solid #fff; 
	color: #fff;
	/*outline: 1px solid #467a87; */
	padding: 2px 9px;
	/*font-size: 11px; 
	font-weight: bold; */
	height: 28px;
	border-radius: 5px;
}

.hidden {
	visibility: hidden;
	display: none;
}

.info-form {
	background: none repeat scroll 0 0 #fff; 
	border: 1px solid #8cb1ba; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}	

.info-form .inner-box {
	padding: 1em;
	font-size: 0.9em;
}

#footer {
	font: normal 11px Arial, sans-serif;
	text-align: center; 
	padding: 15px 0;
}

.text_wrap {
	display: inline;
	position: relative;
	height:100%;
	font-size: 1.1em;
}

.t_text {
       	cursor: copy;
}

td.col_lang1,
td.col_lang2,
.result_table thead.spacer th.col_lang1,
.result_table thead.spacer th.col_lang2 {
	width: 50%;
}

/* row after last example */
tbody.results tr.row_last td {
	padding-bottom: 10px;
}

/* cells of example rows */		
tbody.results td {
	/*background-color: #ffffff;*/
	/*padding: 6px 7px 4px 7px;*/
	padding: 6px 7px;
	border-top: 1px solid #ddd;
	vertical-align: top;
	font: 12px/*13px*/ Arial, sans-serif; /* resultTableFont */
	line-height: 1.5em/*18px*/;
}
tbody.results tr.row_first td {
	border-top: 0px;
}
tbody.results td.sentence {
	color: #333;
	padding-left: 20px;
}
tbody.results td.sentence.right {
	color: #333;
	padding-left: 43px;
}

tbody.results td.sentence {
	padding-left: 8px;
}
tbody.results td.sentence.right {
	padding-left: 13px;
}

.flag {
	width: 24px;
	height: 19px;
	margin-right: 7px;
	padding-left: 7px; 
	margin-bottom: -1px;
	vertical-align: text-bottom;
	display: inline-block;
}

.source_url 
{   
	font: italic 11px Arial, sans-serif; /* resultTableFont */
	color: #777;
	background-image: url(../img/robot.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	/*background-image: url(/img3/sourcelink_whiteBG.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;*/
	padding-left: 18px;
	padding-top: 2px;
	position: absolute;
	/*bottom: 0px;*/
	right: 0px;
	bottom: -1px;
}

.created_by 
{   
	font: italic 11px Arial, sans-serif; /* resultTableFont */
	color: #777;
	background-image: url(../img/robot.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	/*background-image: url(/img3/sourcelink_whiteBG.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;*/
	padding-left: 18px;
	padding-top: 2px;
	display: inline;
	margin-left: 6px;
	white-space: nowrap;
	line-height: 18px;
}


.source_url_spacer {
 	font: italic 11px Arial, sans-serif; /* resultTableFont */
	color: #777;
	padding-left: 15px;
	display: inline;
	visibility: hidden;
	margin-left: 15px; /* Mindestabstand zur letzten Zeile */
}

.source_url a {
	color: #777; /* IE */
}

.result_table {	/*background-color: red; #ebebeb;*/
	border-spacing: 0px;
	width: 100%;
	empty-cells: show;
	clear: both; /* for IE */
	border-collapse: separate;
}

/* "more results" row */
.result_table #bottom_row tr td {
	/*font-family: Arial, sans-serif;*/
	background-color: white;
	color: black;
	font-size: .8em;
	padding: 15px 0 10px 0px;
	/*border-top: 1px solid #8b8b8b;*/
	/*border-bottom: 1px solid #ccc;*/
}

a.add_translation {
	font: normal 11px Arial, sans-serif; /* resultTableFont */
	display: block;
	float: left;
	height: 23px; /* IMAGE HEIGHT */
	padding-right: 9px; /* IMAGE WIDTH */
	/* FONT PROPERTIES */
	line-height: 18px;
	/*font-size: 11px;*/
	font-weight: normal;
	margin: -2px 9px 2px 0;
}

#add_entry {
	font-size: 0.9em; 
	margin-bottom: 15px; 
	display: none;
}

#new_source, #new_translation {
	border: 1px solid #ccc; 
	height: 16px;
}

#submit_entry {
	background: url(../img/button-bg.png); 
	font-size: 0.9em; 
	font-weight: bold;
	border: 1px solid #ccc; 
	height: 20px !important;
}

#about {
	border-top: 1px solid #aaa;
	width: 700px;
}

/*#wrapper { position: relative }*/
#keyboard_icon, .keyboardInputInitiator { width: 16px; position: absolute; margin: 0 !important; }

textarea {
/*overflow:hidden;
height:auto;*/

}

#input-wrapper {
position: relative;
}

.keyboardInputInitiator {

left: 514px;
top: 96px;
display: none;
}

arclones .keyboardInputInitiator {
display: none;
}

#skyscraper { 
margin-left: 18px;
position: absolute;
top: 0;
left:572px;
/*right: 35px;*/
}

#toggle_input {
float: left;
cursor: pointer;
}

.tooltipster-content {
  font-size: 0.8em;
}

.editicons {
 /* position: absolute;*/
  display: none;
  padding-left: 5px;
  float: right;
}

tr:hover .editicons {
  display: block!important;
}

.far { 
  color: #999;
}

.fa-thumbs-up:hover {
  color: green!important;
}

.fa-thumbs-down:hover {
  color: red!important;
}

.t_approved {
  color: #8FBC8F;
  font-size: 0.9em;
}

@media only screen and (max-width: 750px) {
	#skyscraper {
		display: none;
	}
	
	#header, #content {
		width: 100%;
	}
	
	#main-content {
		margin: 0 auto;
		width: 95%;
	}
	
	#txtInput, #txtSource {
		width: 84%;
	}
	
	#src, #dst, #src_chosen, #dst_chosen {
		width: 45% !important;
	}
	
	.submit {
		margin-top: 10px;
	}
	
	.addthis_toolbox {
		top: 50px;
	}
}

.cc-cp-foot-byline {
	visibility: hidden!important;
}