::-webkit-input-placeholder{
    color:white;
}

:-moz-placeholder{
    color:white;
}

::-moz-placeholder{
    color:white;
}

:-ms-input-placeholder{
    color:white;
}

html { overflow-y: scroll;} 

body {                                               
    margin: 0px;
    color: black;
    background: white;    
      
    
    /*    background-image: url("design_elemente/23128585.jpg");
        background-repeat: no-repeat;
        background-position: 0% -15%;
        background-size: 100% auto; */
}

body, select, input {
    font-family: 'Source Sans Pro', Helvetica, Verdana, sans-serif;    
    font-weight: 300;      
    font-size: 20px;    
}

#main {
    width: 100%;    
    margin: 0 auto;    
}

h2 {
    font-weight: 400;
}

table {    
    border-collapse:collapse;        
    width: 100%;
}

#results {
        
}

#results .item {                   
    cursor: pointer;    
    
}        

td {
    vertical-align: middle;

}

td.term {
    -ms-word-break: break-all;
    word-break: break-all;
}

tr.item {
    background: repeat-x bottom left 
        url(data:image/gif;base64,R0lGODlhAQACAPABAMjHzP///yH/C1hNUCBEYXRhWE1QAz94cAAh+QQFAAABACwAAAAAAQACAAACAgwKADs=);
    background-size: 100% 1px;    
    height: 50px;
}

.sourceFlag, .targetFlag {    
    width: 50px;
}

.sourceFlag > img, .targetFlag > img {                        
    display: block;
    margin: 10px;
    margin-top: 2px;
    margin-bottom: 5px;
}

.extended {
    display: none;
    font-size: 0.6em;    
}

label {    
    color: #77777;
    display: inline-block;    
    padding-right: 5px;
    margin-right: 10px;
    width: 55px;    
    font-weight: 400;
}

.term {        
    text-align: left;    
}

.definition {
    font-size: 13px;
}

.treffer {
    color:#be0344;
}

.forbidden {
    text-decoration: line-through;
}

#text {               
    line-height: 150%;                       
    padding: 5%;    
    width: 90%;    
}

.selected {
    background: #dddddd;
}


#search {

    /*font: 36px/36px -apple-system-font, Verdana;*/
    font-size: 36px;
    font-family: -apple-system-font, 'Source Sans Pro', sans-serif;    
    font-weight: 100;

    border: 0px;

    /*                position: fixed;
                    left: 0px;
                    top: 0px;*/
    outline-width: 0;

    color: white;                
    z-index: 10;                

    background: yellow;    

    background:  #DB0426;
    background:  #829DB0;
    border-radius: 0px;
    margin: 0px;
    line-height: 60px;
    display: block;
    padding: 2%; 
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
    display: none;
}

#logo {
    margin: 0 auto;
    display: block;
    margin-bottom: 15%;
}


#logo {
    display: none;
}

#header {
    display: none;
}



.sourceLanguageSelected {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyYjJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjYjRiNGI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNDUiLz4KICAgIDxzdG9wIG9mZnNldD0iODclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left,  rgba(178,178,178,1) 0%, rgba(180,180,180,1) 1%, rgba(255,255,255,0.45) 48%, rgba(255,255,255,0) 87%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(178,178,178,1)), color-stop(1%,rgba(180,180,180,1)), color-stop(48%,rgba(255,255,255,0.45)), color-stop(87%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(178,178,178,1) 0%,rgba(180,180,180,1) 1%,rgba(255,255,255,0.45) 48%,rgba(255,255,255,0) 87%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(178,178,178,1) 0%,rgba(180,180,180,1) 1%,rgba(255,255,255,0.45) 48%,rgba(255,255,255,0) 87%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(178,178,178,1) 0%,rgba(180,180,180,1) 1%,rgba(255,255,255,0.45) 48%,rgba(255,255,255,0) 87%); /* IE10+ */
    background: linear-gradient(to right,  rgba(178,178,178,1) 0%,rgba(180,180,180,1) 1%,rgba(255,255,255,0.45) 48%,rgba(255,255,255,0) 87%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */


}

.targetLanguageSelected {
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNiNGI0YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjJiMmIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 13%, rgba(255,255,255,0.45) 52%, rgba(180,180,180,1) 99%, rgba(178,178,178,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(13%,rgba(255,255,255,0)), color-stop(52%,rgba(255,255,255,0.45)), color-stop(99%,rgba(180,180,180,1)), color-stop(100%,rgba(178,178,178,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 13%,rgba(255,255,255,0.45) 52%,rgba(180,180,180,1) 99%,rgba(178,178,178,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 13%,rgba(255,255,255,0.45) 52%,rgba(180,180,180,1) 99%,rgba(178,178,178,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 13%,rgba(255,255,255,0.45) 52%,rgba(180,180,180,1) 99%,rgba(178,178,178,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 13%,rgba(255,255,255,0.45) 52%,rgba(180,180,180,1) 99%,rgba(178,178,178,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b2b2b2',GradientType=1 ); /* IE6-8 */

}

.qr {
    display: block;
    border: 1px dotted #aaaaaa;
}


#results .term:hover {
    text-decoration: underline;
}

#text {
    display: none;
}

#splash > img {
    display: block;    
    width: 75%;
    height: auto;
    margin: 0 auto;
    margin-top: 10%;
}

#loading {
    /*  color: #DB0426;
        font-weight: bold;
        font-size: 170px;
        text-align: center;
        display: none;*/
}

#progress {
    font-size: 30px;
    text-align: center;
    padding: 5%;
    display: none;
}

#not-found, #vorschlagen {
    display: none;
    padding: 5%;
    padding-bottom: 1%;
    padding-top: 1%;
}

canvas {
    display: block;
    margin: 0px auto;                 
}

canvas {
    background: white;    
    border: 0px white;
}

#loading{
    position: absolute;
   padding: 3%;
   width: 33%;
}

select {
    padding: 10%;  
    border-radius: 0px;      
    margin: 0;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
/*    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/
/*    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;*/
    background: #829DB0;
    color:white;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;    
    
}

select > option {        
}

select > option:hover {
    
}



.opaque {
    opacity: 0.3;
}

#back-taste {
    display: block;
    padding:3%;
    text-align: center;
    text-decoration: none;
    width: 94%;
    background: #829DB0;
    color: white;        
}

#logo_top {    
    height: 40px;
    width: auto;
    float: right;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-right: 3%;
}

#langselect { 
 margin-top: 15px;
 margin-left: 5%;
 float: left;
 padding: 0px;

}

select[name='userlanguage'] {
    background: white;
    color: #E30520;
    padding: 0px;
}

html[data-translate='true'] div[data-translate='true']{
    border: 1px solid red;
}

.divider {
    background: #cccccc;  
    color:#333333;
    height:50px
}

.odd {
    background: #eeeeee;
}

.even {
    background: white;
}

#vorschlag {
    display: none;
        color: red;
    text-decoration: none;
}

#vorschlag:hover {
    text-decoration: underline;
}

#vorschlagen {
    display: none;
}

#ausgangssprache,#sl, #tl, #email, #prop, #def {
    display: block;
    width: 88%;
    height:8%;
    font-size: 20px;
    border: 1px solid #829DB0;
    padding: 1%;
}

#vorschlag-abschicken {
    display: inline-block;
}

.vorschlag-label, #vorschlag-abschicken {
    margin-bottom: 20px;
    margin-top: 20px;
}

.zielsprache-flag, .ausgangssprache-flag {
    display: inline-block;
    padding: 5px;
    padding-bottom: 1px;
    cursor: pointer;

}

.zielsprache-flag:hover, .ausgangssprache-flag:hover{    
    border: 1px solid #829DB0;
    padding: 4px;
    padding-bottom: 0px;
}

.zielsprache-flag-selected, .ausgangssprache-flag-selected {
    border: 1px solid #829DB0;
    padding: 4px;
    padding-bottom: 0px;
}

#vorschlag-step1 {
    display: none;
}

#vorschlag-step2 {
    display: none;
}

.detail-term:hover {
    background: #829DB0;
    color: white;
}