* {
  font-family: verdana,arial;
padding:0;
margin:0;

}

body {
background-color:#DDD;
}

a {  color: black; }
a img { border:0; }
a image { border:0;}

h2 {
  font-family:verdana,arial;
  margin-bottom:1em;
  font-size:1.4em;
  
}

h3 {
  font-size: 1.2em;
  margin-top:1.8em;
  margin-bottom:0.4em;
  font-family:verdana,arial;
}

#wrap {
padding:20px;
padding-top:10px;
max-width:1390px;
min-width:830px;
margin:auto;
background-color: white;

}

#bookmarks {
padding-top:2px; 
 float: right;
}
#bookmarks a img {
  width:24px;
}

#header {

  border: 2px solid black;
  border-width: 0 0 1px 0;
}


.fbut {
  width:260px;
padding:6px;  
}

#emil {
  float:right;
}

#alink {
  float:left;
  
}

.red {
  color:red;
}

#nav ul li {
  display: inline;
  float:left;
  display:block;
  margin-right:60px;
}

#nav ul li a {
  font-weight: bold;
  text-decoration: none;
  font-size:18px;
font-family:verdana,arial;
  line-height:28px;
color:#444;
}
#nav ul li a:hover {
  background:#DDD;

}

#nav {
 margin-bottom: 24px;
 border: 2px solid #444;
  border-width: 0 0 2px 0;
  line-height:28px;
height:28px;

}

form, fieldset {
  border:0;
}

#footer {
margin-top: 20px;
  font-size: 12px;
border: 2px solid black;
  border-width: 1px 0 0 0;
  height: 18px;
  line-height: 16px;
  clear: both;
}
#footer a {
    text-decoration: underline;
   color:#000;
}
#footer a:hover {
 text-decoration: underline;
}
#footer #bookmarkjs {
  float:right;
}


#error {
  margin-top:20px;
  color: #B11;
  font-weight: bold;

}



/* Modal */

#proggif {
text-align:center;
margin-bottom: 40px;
}
	
#uploadMessage {
    display: none;
text-align:center;
line-height:24px;
display: none;
    position: fixed;
    top: 40%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    background-color: #EEE;
    color: #000;
    border: 2px solid black;
    padding: 20px;
}

.jqmOverlay { background-color: #000; }




/***** neu ***/
#valid-indicator {
height:10px;
width:20px;
}

#javascript-enable-message {
border:2px solid #888;
color:red;
padding:8px;
margin-top:1em;
margin-bottom:1em;
}

.barcode-option {
border: 1px solid #aaa;
padding: 8px;
padding-left:4px;
float:left;
position:relative;
margin-right:10px;
margin-bottom:10px;
height:84px;
overflow: hidden;

}

.image-area {
float:left;
width:80px;
height:80px;
overflow:hidden;
margin-left:4px;
margin-right: 8px;
}

.image-area img {
height: 80px;
}


.radiob {
position: absolute;
top:2px;
right:2px;
width:24px;
height:24px;
}

.desc {
line-height: 13px;
font-size: 12px;
float:left;
width:160px;
font-size:10px;
}

.desc-title {
font-weight:bold;
font-size:13px;
}

.desc-title, .desc-teaser, .desc-charset {
margin-bottom:4px;

}

.desc-teaser {
  color:#444;

}

.step, #fbut, #result-title {
font-family:verdana,arial;
  font-weight:bold;
  font-size:20px;
  color:#4096EE;
margin-bottom:8px;
margin-top:18px;
}

input#data {
  width:98%;
  font-size:20px;
padding:3px;
}


#result-img {
  padding-top:12px;
  padding-bottom:12px;

}

.hint {
font-size:11px;
}

#result {
  border:1px solid #aaa;
  border-width:0 0 1px 0;
  padding-bottom:20px;
}

.valid-indicator {
  margin-top: 10px;
}

.valid-indicator img {
  float:left;
  margin-right:4px;
margin-top:4px;
}
.valid-indicator p {
margin-left:24px;
}


#gads_top {
float:right;
}

#logo {

}
#logo h1 {
  font-size:50px;
letter-spacing:-4px;
color:#4096EE;
line-height:0.9em;
padding-bottom:20px;
}