@media handheld {
  body {
  color:#333;
  background-color:#fff;
  font-size:1.3em;
  }
  a, a:link,
  a:visited, a:hover,
  a:focus, a:active {
  color:#00f;
  background-color:transparent;
  }
  h1, h2, h3, h4, h5, h6 {
  color:#339;
  background-color:transparent;
  }
}
/* ============================================================ */
@media screen { /*
  ELEMENTE
  ========================================
  */
  html,body {
    font-family: 'Franklin Gothic Medium', sans-serif;
    margin: 0;
    padding: 0;
  }
  body {
    font-size: 1em;
    line-height: 1.5em;
    color: #666;
    background-color: #369;
    background-image: url('../images/layout/bg-body.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  body hr {
    display: none;
  }
  a,a:link,a:visited {
    
  }
  a:hover,a:active {
    
  }
  a.wikipedia {
    
  }
  address {
    
  }
  q {
    
  }
  h1 {
  color: #FFF;
  background-color: transparent;
  }
  /*
  STRUKTUR
  ========================================
  */
  #head {
    margin-right: 15em;
    padding: 1ex 3ex 1ex 3em;
  }
  #body {
    margin-right: 15em;
    margin-left: 3ex;
    padding: 1em 2ex 0 2ex;
    border: 1px solid #000;
    color: #333;
    background-color: #FFF;
    background-image: url('../images/layout/bg-content.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  #body a,#body a:link,#body a:visited {
    color: #007700;
    background-color: transparent;
  }
  #body a:hover {
    color: #000;
    background-color: #FFF;
    background-image: url('../images/layout/bg-foot.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  #body textarea {
    color: #000;
    background-color: #BBC2A9;
    background-image: url('../images/layout/bg-content.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  #body textarea:focus {
    color: #000;
    background-color: #BBC2A9;
    background-image: url('../images/layout/bg-foot.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  #foot {
    margin-right: 15em;
    margin-left: 3ex;
    margin-bottom: 3em;
    border: 1px solid #363;
    border-top: 1px solid #9C9;
    color: #000;
    background-color: #86916A;
    background-image: url('../images/layout/bg-foot.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    padding: 0 3ex 0 3ex;
  }
  #foot a,#foot a:link,#foot a:visited {
    color: #FFF;
    background-color: transparent;
  }
  #foot a:hover {
    color: #060;
    background-color: #FFF;
  }
  #foot input,#foot textarea {
    color: #000;
    background-color: #BBC2A9;
    background-image: url('../images/layout/bg-foot.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  #foot input:hover,#foot textarea:hover {
    color: #000;
    background-color: #BBC2A9;
    background-image: url('../images/layout/bg-foot.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  #foot input:focus,#foot textarea:focus {
    color: #000;
    background-color: #BBC2A9;
    background-image: url('../images/layout/bg-content.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  #besides {
    width: 14em;
    position: absolute;
    right: 0;
    top: 6.2em;
    color: #FFF;
    background-color: transparent;
  }
  #besides ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 1em;
  }
  #besides ul li {
    line-height: 1.1em;
    padding: 0;
    margin-top: 0.3em;
  }
  #besides a.active:link,#besides a.active:visited,#besides a.active {
    padding: 0 0.5em 0 0.5em;
    border: 1px dotted #000;
    color: #333;
    background-color: #FFF;
    background-image: url('../images/layout/bg-content.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  #besides a.active:hover {
    color: #FFF;
    background-color: #CCC;
    background-image: url('../images/layout/bg-foot.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  #besides a,#besides a:link,#besides a:visited {
    color: #FFF;
    background-color: transparent;
    text-decoration: none;
  }
  #besides a:hover {
    color: #000;
    background-color: #FFF;
    background-image: url('../images/layout/bg-content.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  #besides .menucaption {
    border: 1px solid #000;
    padding: 0 0 0 1em;
    color: #000;
    background-color: #D0D0D0;
    margin: 0.2em 0 0 0;
    background-image: url('../images/layout/bg-foot.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  #breadcrumbs {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0.5em;
    right: 1.5em;
    color: #FFF;
    background-color: transparent;
  }
  #breadcrumbs a,#breadcrumbs a:link,#breadcrumbs a:visited {
    font-size: 0.8em;
    color: #CCC;
    background-color: transparent;
  }
  #breadcrumbs a:hover {
    color: #333;
    background-color: #FFF;
  }
  ul.index {
    color: inherit;
    background-color: transparent;
    list-style-type: none;
    border: 1px dotted #000;
    float: right;
    clear: both;
    padding: 1em;
    margin: 1em;
  }
  ul.index a,ul.index a:link,ul.index a:visited {
    text-decoration: none;
  }
  ul.index a:hover,ul.index a:active {
    text-decoration: underline;
  }
  ul.index li {
    white-space: nowrap;
  }
  li.indexlevel2 {
    margin-left: 0;
  }
  li.indexlevel3 {
    margin-left: 2em;
  }
  li.indexlevel4 {
    margin-left: 4em;
  }
  li.indexlevel5 {
    margin-left: 6em;
  }
  li.indexlevel6 {
    margin-left: 8em;
  }
  .blogitem h2.title {
    margin-left: 2.7em;
    margin-top: 1em;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    color: #000;
    background-color: #F8F8F8;
    border: 1px dashed #999;
    background-image: url('../images/layout/bg-foot.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    line-height: 1em;
  }
  #body .blogitem h2.title a.title,#body .blogitem h2.title a.title:link,#body .blogitem h2.title a.title:visited
    {
    display: block;
    color: #006;
    background-color: transparent;
    text-decoration: none;
  }
  #body .blogitem h2.title a.title:hover {
    color: #009;
    background-color: transparent;
    background-image: url('../images/layout/bg-content.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  .blogitem p.itemfoot {
    font-size: 0.8em;
    font-style: italic;
  }
  .blogitem p,.blogitem ol,.blogitem ul,.blogitem span,.blogitem h3,.blogitem h4,.blogitem h5,.blogitem h6
    {
    clear: left;
  }
  .blogitem p.date {
    text-align: center;
    float: left;
    border: 0.25em solid #FFF;
    padding: 0 0.5em 0 0.5em;
    margin-top: 0em;
    margin-right: 1em;
    color: #FFF;
    background-color: #339;
    line-height: 1em;
  }
  .blogitem p.date span.day,.blogitem p.date span.month,.blogitem p.date span.year
    {
    display: block;
  }
  .blogitem p.date span.day,.blogitem p.date span.year {
    font-size: 0.8em;
  }
  .blogitem p.date span.month {
    font-size: 1.4em;
    text-transform: uppercase;
  }
  dl.blog {
    border-top: 1px dashed #FFF;
    margin-top: 1em;
    padding-bottom: 1em;
  }
  dl.blog dt {
    color: #009;
    font-size: 0.9em;
    background-color: transparent;
  }
  dl.blog dd {
    float: left;
    margin-left: 1em;
    border-left: 0.5em solid #FFF;
    padding: 0 0.5em 0 0.2em;
  }
  .otherlang {
    color: #633;
    background-color: transparent;
  }
  #toolbar {
    text-align: center;
    position: fixed;
    top: 0.5em;
    left: 0.3em;
  }
  #toolbar a {
    font-size: 1.5em;
  }
  #toolbar a:link,#toolbar a:visited {
    color: #FFF;
    background-color: transparent;
    text-decoration: none;
  }
  #toolbar a:hover {
    color: #333;
    background-color: #FFF;
  }
  #body table {
    empty-cells: show;
    border-collapse: separate;
    border-spacing: 1px;
    color: #000;
    background-color: #000;
    border: 1px solid #FFF;
    margin-left: auto;
    margin-right: auto;
  }
  #body table th,#body table td {
    padding: 0 0.4em 0 0.4em;
  }
  #body table th {
    color: #333;
    background-color: #9C9;
    border: 1px solid #FFF;
    font-style: italic;
    background-image: url('../images/layout/bg-foot.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  #body table td {
    text-align: center;
    border: 1px solid #FFF;
    color: #333;
    background-color: #E8E8E8;
  }
  #body table tr.odd td {
    
  }
  #body table tr.even td {
    
  }
  #body table.ranking {
    
  }
  #body table.ranking th {
    color: #333;
    background-color: #FFF;
    background-image: none;
  }
  #body table.ranking td {
    color: #000;
    background-color: transparent;
    border: 1px solid #FFF;
    background-image: url('../images/layout/bg-foot.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  #body table.ranking td.comment {
    text-align: left;
    font-family: 'arial', sans-serif;
    font-size: 0.8em;
    line-height: 1em;
  }
  p.validation {
    margin-right: 15em;
    margin-left: 3ex;
    padding: 0;
    text-align: center;
  }
  pre.shell {
    color: #FFF;
    background-color: #000;
    padding: 1em;
    border: 0.2em solid #339;
    white-space: normal;
  }
  pre.shell em {
    font-weight: normal;
    color: #FF9;
    background-color: transparent;
  }
  pre.shell strong {
    border-bottom: 1px dotted #999;
  }
  #web2star {
    position: absolute;
    top: 4.75em;
    right: 0.5em;
  }
}

/* ============================================================ */
@media all {
  #body .noborder img {
    border-style: none;
  }
  #body img.unscaled {
    border-style: none;
  }
  pre {
    
  }
  .left,.right,.center {
    color: #666;
    background-color: transparent;
    font-size: 0.7em;
    font-family: "Bitstream Vera Sans", "DejaVu Sans Condensed", verdana,
      sans-serif;
    margin-bottom: 1em;
    padding-bottom: 0.25em;
    text-align: center;
    line-height: 1.2em;
  }
  .left {
    float: left;
    clear: left;
    margin-right: 2em;
  }
  .right {
    float: right;
    clear: right;
    margin-left: 2em;
    margin-right: 1em;
  }
  .center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .cb {
    clear: both;
  }
  .textcenter {
    text-align: center;
  }
  .left img,.right img {
    border: 1px solid #666;
  }
  .inline {
    display: inline;
  }
  .bigimage {
    text-align: center;
    margin-top: 2em;
  }
  .bigimage img {
    border: 1px solid #FFF;
  }
  ul.imagenavi {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  ul.imagenavi li.prev {
    float: left;
  }
  ul.imagenavi li.next {
    float: right;
  }
  ul.imagenavi img {
    font-size: 0.3em;
    line-height: 1em;
  }
  ul.imagenavi li.prev img {
    margin-left: 0.2em;
  }
  ul.imagenavi li.next img {
    margin-right: 0.2em;
  }
  ul.imagenavi a {
    text-decoration: none;
    font-size: 3em;
    line-height: 1.5em;
  }
  .note {
    border: 1px dashed #E8E8E8;
    font-size: 0.8em;
    line-height: 1.3em;
    color: #333;
    background-color: #F8F8F8;
    padding: 0.25em;
    margin-left: auto;
    margin-right: auto;
    max-width: 40em;
  }
  .src {
    font-family: monospace;
    color: #666;
    background-color: transparent;
  }
  h1 {
    font-family: impact, sans-serif;
    font-weight: normal;
    font-size: 3em;
    line-height: 1.2em;
    margin: 0;
  }
  h2,h3,h4,h5,h6 {
    font-weight: normal;
  }
  ul {
    
  }
  a.external {
    
  }
  a.external:before {
    content: "\2197";
  }
  a img {
    border-style: none;
  }
  .dachzeile {
    color: #FFF;
    background-color: transparent;
    margin: 0;
  }
  ul.sitemap,ul.sitemap ul {
    
  }
  ul.sitemap a.folder {
    font-size: 1.2em;
    line-height: 1.3em;
  }
  #foot hr {
    display: none;
  }
  ul.comments,ul.comments ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  ul.comments {
    border-bottom: 2px dotted #000;
  }
  ul.comments li li {
    margin: 0 0 0 2em;
  }
  ul.comments li p.usertext {
    line-height: 1.4em;
    border-top: 2px dotted #000;
    padding: 0.5em 0.5em 0.9em 0.5em;
  }
  ul.comments li li p.usertext,.blogitem ul.comments li p.usertext {
    color: #333;
    background-color: transparent;
    border: none;
    border-top: 1px dotted #666;
  }
  ul.comments .postinfo {
    font-style: italic;
  }
  ul.comments .answer {
    float: left;
    font-size: 0.8em;
    line-height: 1.2em;
    color: #900;
    background-color: #FFF;
    padding: 0 0.2em 0 0.2em;
    border-bottom: 1px solid #FFF;
  }
  ul.comments a.answer,ul.comments a.answer:link,ul.comments a.answer:visited
    {
    text-decoration: none;
  }
  ul.comments a.answer:hover {
    background-image: url('../images/layout/bg-content.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
  }
  ul.comments li li {
    font-weight: normal;
  }
  #commentsinfo {
    text-align: center;
  }
  .dice strong {
    font-size: 4em;
    line-height: 1em;
  }
  .solvedcats strong {
    font-size: 2em;
    line-height: 1em;
  }
  .docinfo {
    clear: both;
    text-align: right;
    font-size: 90%;
    line-height: 1.2em;
  }
  form.five100euro {
    float: right;
    border: 1px solid #FFF;
    margin-left: 1em;
    padding: 0 1em 0 1em;
  }
}

/* ============================================================ */
@media print {
  body {
    
  }
  .index,.answer,form,#besides,#foot form,#commentsinfo,#breadcrumbs,body>hr,.noprint
    {
    display: none;
  }
  #foot hr {
    display: block;
  }
}