/* ==================================================================================================== */
@media screen , projection {
html,body {
font-family: Merriweather, Ubuntu, 'Nimbus Sans L', FreeSans, sans-serif;
margin: 0;
padding: 0;
}
body {
font-size: 1.1em;
line-height: 1.75em;
color: #666;
background-color: #5E751D;
background-image: url('../images/layout/bg-body.jpg');
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
}
body hr {
display: none;
}
#head,#body,#foot {
max-width: 40em;
margin-left: auto;
margin-right: auto;
}
#head {
color: #fff;
background-color: transparent;
margin-top: 2em;
}
#body {
border: 1px solid #000;
color: #333;
background-color: #D0D5BE;
background-image: url('../images/layout/bg-content.jpg');
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
padding: 1em;
}
#foot {
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;
}
h1 {
font-family: Georgia, serif;
font-weight: normal;
font-size: 2em;
line-height: 1.2em;
margin: 0;
}
p#toolbar {
position: fixed;
left: 0;
top: 0;
width: 100%;
margin: 0 0 0 0;
padding: 0;
height: 2em;
opacity: 0.9;
color: #fff;
background-color: #000;
text-align: center;
font-weight: bold;
line-height: 2em;
}
p#toolbar a,p#toolbar a:link,p#toolbar a:visited {
color: #fff;
background-color: transparent;
text-decoration: none;
padding: 0 1.5em;
}
p#toolbar a:hover {
color: #000;
background-color: #fff;
}
#besides {
width: 100%;
border-top: 1px dashed #333;
border-bottom: 1px solid #000;
opacity: 0.95;
color: #999;
background-color: #181818;
margin: 0;
padding: 2em 0 1em 0;
max-height: 80%;
overflow: auto;
}
#besides div.container {
max-width: 60em;
margin: 0 auto;
}
#besides div.menusection {
max-width: 20em;
float: left;
margin: .5em .5em;
}
#besides .menucaption {
margin: 0;
color: #999;
background-color: transparent;
font-weight: normal;
}
#besides ul {
list-style-type: none;
margin: 0;
padding: 0 0 0 1em;
width: 15em;
}
#besides ul ul {
width: auto;
}
#besides ul li {
line-height: 1.1em;
padding: 0;
margin-top: .3em;
}
#besides a.active:link,#besides a.active:visited,#besides a.active {
padding: 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;
}
#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;
}
textarea {
width: 100%;
height: 5em;
color: #000;
background-color: #BBC2A9;
background-image: url('../images/layout/bg-foot.jpg');
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
border: 1px solid #fff;
}
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;
}
#breadcrumbs a,#breadcrumbs a:link,#breadcrumbs a:visited {
font-size:.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;
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;
}
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:.1em;
padding-bottom:.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:.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:.25em solid #FFF;
padding:0 .5em;
margin-top:0;
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:.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:.9em;
background-color:transparent;
}
dl.blog dd {
float:left;
margin-left:1em;
border-left:.5em solid #FFF;
padding:0 .5em 0 .2em;
}
.otherlang {
color:#633;
background-color:transparent;
}
#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 .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:.8em;
line-height:1em;
}
p.validation {
margin-right:15em;
margin-left:3ex;
padding:0;
text-align:center;
}
pre {
overflow: auto;
}
pre.shell {
color:#000;
background-color:#F8F8F8;
font-weight:bold;
padding:1em;
border:.1em solid #669;
white-space:normal;
opacity:0.85;
width:auto;
}
pre.shell em {
font-weight:normal;
color:#33C;
background-color:transparent;
}
pre.shell strong {
border-bottom:1px dotted #999;
}
}

/* ==================================================================================================== */
@media screen , projection and (min-width: 320px) {
#head,#body,#foot {
margin-left: auto;
margin-right: auto;
padding: .5em .5em;
}
.bigimage img {
width: 100%;
}
}

/* ==================================================================================================== */
@media screen and (min-width: 600px) {
.bigimage img {
width: 100%;
}
#head,#body,#foot {
padding: 1em 1em;
}
}

/* ==================================================================================================== */
@media screen and (min-width: 1000px) {
#head,#body,#foot {
max-width: 45em;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
padding: 1em 2em;
}
h1 {
font-family: Merriweather, Ubuntu, 'Nimbus Sans L', FreeSans, sans-serif;
font-weight: normal;
font-size: 2.2em;
line-height: 1.2em;
letter-spacing: -.025em;
margin: 0;
}
.bigimage img {
width: auto;
}
textarea {
width: 50em;
height: 10em;
}
ul.index {
float:right;
}
ul.index li {
white-space:nowrap;
}
}

/* ==================================================================================================== */
@media all {
#body .noborder img {
border-style: none;
}
#body img.unscaled {
border-style: none;
max-width:100%;
}
pre {

}
.left,.right,.center {
color: #666;
background-color: transparent;
font-size: .7em;
font-family: "Bitstream Vera Sans", "DejaVu Sans Condensed", verdana,
sans-serif;
margin-bottom: 1em;
padding-bottom: .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: .3em;
line-height: 1em;
}
ul.imagenavi li.prev img {
margin-left: .2em;
}
ul.imagenavi li.next img {
margin-right: .2em;
}
ul.imagenavi a {
text-decoration: none;
font-size: 3em;
line-height: 1.5em;
}
.note {
border: 1px dashed #E8E8E8;
color: #333;
background-color: #F8F8F8;
padding: .25em;
margin-left: auto;
margin-right: auto;
max-width: 40em;
}
.src {
font-family: monospace;
color: #666;
background-color: transparent;
}
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: .5em .5em .9em;
}
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;
line-height: 1.2em;
color: #900;
background-color: #FFF;
padding: 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;
}
#foot hr {
display: none;
}
}

/* ==================================================================================================== */
@media print {
body {

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