.noscreen {
  display: none;
}

body {
  font-family: sans-serif;
  font-size: small;
  color: #333333;
  margin: 0;
}

a {
  color: #0000CC;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a img {
  border: none;
}

#logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  padding-left: 20px;
}

#logo img {
  margin-top: 15px;
  margin-left: 25px;
}

#logo ul {
  list-style-type: none;
  margin-left: 2em;
  padding-left: 0;
}

#logo li {
  font-family: sans-serif;
  //font-size: x-small;
  font-size: small;
  padding-bottom: 0.4em;
}

#logo li:hover {
  list-style-type: square;
}

#logo a {
  color: #333333;
  text-decoration: none;
}

#menu {
  position: absolute;
  top: 195px;
  left: 0;
  width: 150px;
  padding-left: 20px;
  border-top: solid 1px #666666;
  border-bottom: solid 5px #666666;
}

#menu ul {
  list-style-type: none;
  margin-left: 2em;
  padding-left: 0;
}

#menu li {
  font-family: sans-serif;
  //font-size: x-small;
  font-size: small;
  padding-top: 0.4em;
  padding-left: 0;
  margin-left: 0;
}

#menu li:hover {
  list-style-type: square;
}

#menu a {
  color: #333333;
  text-decoration: none;
}

#title {
  margin-top: 30px;
  margin-left: 190px;
  width: 620px;
  border-bottom: solid 1px #666666;
  border-top: solid 5px #666666;
}

#title h1, #title h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  letter-spacing: -0.05em;
}

#title h1 {
  font-size: 24pt;
}

#title h2 {
  font-size: 14pt;
}

#content {
  padding-top: 1em;
  padding-bottom: 1em;
  margin-left: 190px;
  width: 620px;
  line-height: 170%;
  text-align: justify;
}

#start_column1 {
  width: 295px;
}

#column1 {
  width: 295px;
  float: left;
}

#column2 {
  width: 295px;
  margin-left: 325px;
}

#column_clear {
  clear: both;
}

#footer {
  text-align: center;
  //border-top: solid 1px #666; 
  margin-left: 190px;
  width: 620px;
  color: #999999;
  padding-top: 1em;
  padding-bottom: 1em;
}

#login {
  position: absolute;
  top: 30px;
  left: 830px;
  right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: solid 5px #666666;
  border-bottom: solid 1px #666666;
}

#customer_current_news {
  position: absolute;
  top: 80px;
  left: 830px;
  font-size: x-small;
}

#blogtitle {
  position: absolute;
  top: 150px;
  left: 830px;
  //font-size: x-small;
  font-size: small;
}

#blog {
  position: absolute;
  top: 195px;
  left: 830px;
  right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  border-top: solid 1px #666666;
  border-bottom: solid 5px #666666;
  font-size: x-small;
  //font-size: small;
  line-height: 150%;
}

form fieldset {
  border: none;
  border-top: solid #666666 3px;
}

form fieldset legend {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12pt;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  letter-spacing: -0.05em;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 15px;
}

form div {
  clear: left; /* clear a previously set float */
  padding-bottom: 0.5em;
}

form label { 
  display: block; /* block float the labels to left column, set a width */
  float: left; 
  width: 10em; 
  text-align: right; 
  padding: 0.2em; /* keep in sync with input padding */
  margin-right: 1em;
}

form input, form textarea, form select {
  border: solid 1px #666666;
  font-size: small;
}

form .submit {
  text-align: right;
}

form .submit input {
  background-color: lightgray;
}

table {
  border-collapse: collapse;
}

table thead th {
  text-align: left;
  border-bottom: solid 1px #666666;
  padding-left: 0.4em;
  padding-right: 0.4em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

table thead th.table-sorted-asc, table thead th.table-sorted-desc {
  background-color: #666666;
  color: #eeeeee;
}

table tbody td {
  padding-left: 0.4em;
  padding-right: 0.4em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

table tbody tr:hover {
  background-color: #cccccc;
}

dl {
  margin-top: 0;
}
/* main definition titles should be bold */
dt {
  font-weight: bold;
}
/* definition titles in encapsulated definitions should not be bold */
dd dt {
  font-weight: normal;
}

#status, .form_error_message {
  padding: 0.2em;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
}
#status.success {
  background-color: #00cc33;
  color: white;
}
#status.warning {
  background-color: #cc9900;
  color: white;
}
#status.error, .form_error_message {
  background-color: #cc0000;
  color: white;
}
.error {
  color: #cc0000;
}
.error_message {
  font-size: smaller;
  display: block;
}

.image_author {
  text-align: right;
  font-size: smaller;
  font-style: italic;
}

#search {
  padding-bottom: 1em;
}

dd {
  padding-bottom: 0.5em;
}

:lang(de) { quotes: '»' '«' '›' '‹'; }

q:before { content: open-quote; }
q q:before { content: open-quote; }
q:after { content: close-quote; }
q q:after { content: close-quote; }

#content ul {
  list-style-type: square;
  margin-top: 0;
  margin-left: 1.6em;
  padding-left: 0;
}

table#order {
  width: 620px;
}

table#order th, table#order td {
  padding-left: 0;
  padding-right: 0;
}

table#order tr:hover {
  background: none;
}

table#order .amount {
  white-space: nowrap;
  text-align: right;
  padding-left: 1em;
}

table#order .details {
  padding-left: 2em;
}

table#order tr.title {
  border-bottom: solid 1px #666666;
}

table#order tr.section {
  border-top: solid 1px #eeeeee;
}

table#order tr.sum {
  border-top: solid 1px #666666;
  border-bottom: double 3px #666666;
}

input.minisearch {
  background: url(/app/static/icons/00008b-on-transparent/search.gif) no-repeat center left;
  padding-left: 16px;
}