@charset "UTF-8";

body
{
	font: normal normal normal 19px sans-serif;
	padding: 8px 8px 48px 8px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #5ab;
	color: #000;
}

/* default margins of text block elements */

table,p,ul,ol,dl,fieldset,blockquote,h1,h2,h3,h4,h5,h6,section,article
{
	margin: 24px 0;
}

/* iframes */

iframe
{
	border: 0;
}

/* blockquotes */

blockquote
{
	margin-left: 32px;
	font-style: italic;
	white-space: pre-wrap;
}
blockquote em
{
	font-style: normal;
}

/* headings */

h1
{
	display: none;
}
h2
{
	text-align: center;
	font-style: italic;
	font-size: 120%;
	color: #d06;
}
h3
{
	text-align: center;
	text-shadow: 2px 2px 2px #44a;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
{
	color: inherit;
}

/* abbreviations */

abbr
{
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #000;
}
abbr[title]
{
	cursor: help;
}

/* small text */

small
{
	font-size: 10px;
}

/* definition lists */

dl dt
{
	margin-top: 1em;
	font: normal normal bold large sans-serif;
}
dl dd
{
	margin-left: 2em;
}
dl dl
{
	margin: 0;
}
dl dl dt
{
	margin: 0;
	display: run-in;
	font-size: medium;
}
dl dl dt::after
{
	content: ": ";
}
dl dl dd
{
	display: block;
	margin: 0;
}

/* (un)ordered lists */

ul
{
	list-style-type: square;
}
ul.compact li,
ol.compact li,
ul.comma-separated li,
ol.comma-separated li
{
	display: inline-block;
}
ul.compact li:not(:last-child)::after,
ol.compact li:not(:last-child)::after
{
	content: " ";
}
ul.comma-separated li:not(:last-child)::after,
ol.comma-separated li:not(:last-child)::after
{
	content: ", ";
}

/* navigation */

nav a + a
{
	margin-left: 1em;
}

/* ajax request status */

#ajax_request_status
{
	position: fixed;
	top: 0;
	right: 0;
	background: yellow;
	padding: .5em 1em;
	-webkit-border-radius: 0 0 0 6px;
	-khtml-border-radius: 0 0 0 6px;
	-moz-border-radius: 0 0 0 6px;
	border-radius: 0 0 0 6px;
}

/* hyperlinks */

a
{
	text-decoration: none;
}
a:link
{
	color: #33f;
}
a:link:hover
{
	color: #66f;
	text-decoration: underline;
}
a:visited
{
	color: #909;
}
a:visited:hover
{
	color: #d0f;
	text-decoration: underline;
}
a:focus
{
	color: #fff !important;
	text-shadow: 1px 1px 2px #c00, -1px -1px 2px #c00, 1px -1px 2px #c00, -1px 1px 2px #c00 !important;
}
a:active
{
	color: #faa700;
}
a[href^="urn:isbn:"]::after
{
	vertical-align: middle;
	content: " " url("img/book.png");
}

/* clickable elements */

a,
*[onclick],
button,
input[type="radio"],
input[type="checkbox"],
label
{
	cursor: pointer;
}
button:not(:enabled)
{
	cursor: default;
}

/* css picker */

#css_picker ul
{
	list-style: none;
}
#css_picker li
{
	display: inline-block;
}
#css_picker em::before
{
	content: "<";
}
#css_picker em::after
{
	content: ">";
}


/* ----------------------- */
/* --- NAVIGATION MENU --- */
/* ----------------------- */


#navigation
{
	margin-bottom: 4px;
	list-style-type: none;
}
#navigation li
{
	font: normal small-caps bold medium sans-serif;
	color: #fff;
	display: inline;
	display: inline-block;
	text-align: left;
	text-decoration: none;
	text-shadow: 1px 1px 1px #222;
	background: #069;
	background: -moz-radial-gradient(center top 0deg, ellipse cover, #5be 30%, #069 100%);
	background: -webkit-gradient(radial, center top 0deg, ellipse cover, #5be 30%, #069 100%);
	border: 1px solid #069;
	border-right: 0;
}
#navigation li:first-child
{
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
}
#navigation li:last-child
{
	border-right: 1px solid #069;
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}
#navigation li:hover
{
	background: #17b;
	background: -moz-radial-gradient(center top 0deg, ellipse cover, #6cf 30%, #17b 100%);
}
#navigation li.selected
{
	background: #a00;
	background: -moz-radial-gradient(center bottom 0deg, ellipse cover, #e55 30%, #a00 100%);
}
#navigation li.selected:hover
{
	background: #b11;
	background: -moz-radial-gradient(center bottom 0deg, ellipse cover, #f66 30%, #b11 100%);
}
#navigation li a:active
{
	background: #0a6;
	background: -moz-radial-gradient(center bottom 0deg, ellipse cover, #5eb 30%, #0a6 100%);
}
#navigation li a
{
	padding: 4px 8px;
	display: inherit;
	color: inherit !important;
	text-decoration: inherit !important;
}
#navigation li:first-child a
{
	-webkit-border-radius: inherit;
	-khtml-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
}
#navigation li:last-child a
{
	-webkit-border-radius: inherit;
	-khtml-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
}


/* ----------------------- */
/* --- NAVIGATION MENU --- */
/* ----------------------- */


body > header menu[type="toolbar"]
{
	position: absolute;
	display: block;
	top: 0;
	right: 8px;
	list-style: none;
}
body > header menu[type="toolbar"] button
{
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 1px;
	background: transparent no-repeat center center url("img/palette.png");
	width: 16px;
	height: 16px;
}
body > header menu[type="toolbar"] button:hover
{
	outline: #ff8 1px solid;
}

/* page footer */

body > footer
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: right;
}

/* special lists */

ul.procon
{
	padding-left: .7em;
}
ul.procon li
{
	list-style-image: url("img/eroteme.png");
}
ul.procon li.pro
{
	list-style-image: url("img/tick.png");
}
ul.procon li.con
{
	list-style-image: url("img/cross.png");
}
ul.gallery
{
	list-style: none;
}
ul.gallery li
{
	display: inline-block;
	border: outset 2px #aaa;
	background: #aaa;
}
ul.gallery li *
{
	display: block;
}
ul.gallery li:hover
{
	border-color: yellow;
}

/* floating blocks in paragrahs */

p .float
{
	position: static;
	display: block;
}
p:nth-of-type(2n+1) .float
{
	float: left;
	margin-right: 8px;
}
p:nth-of-type(2n) .float
{
	float: right;
	margin-left: 8px;
}

/* input elements */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
textarea
{
	font: normal normal normal 13px sans-serif;
	min-width: 128px;
	background: #ddd;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus
{
	background: #fff;
}
input[type="tel"]
{
	font-family: monospace;
	font-weight: bolder;
}
textarea
{
	width: 75%;
	min-width: 128px;
	resize: vertical;
}

/* default article styles */

article
{
	border: #bb2 2px solid;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #ff6;
	text-align: left;
	padding: 16px;
	margin-bottom: 16px;
}
article header
{
	border-bottom: #bb2 dotted 2px;
	padding-bottom: 1em;
}
article header h2
{
	margin: 0;
	color: #790;
	font-size: xx-large;
	text-align: left;
	font-style: normal;
}
article header h2 a:hover
{
	color: #ac0;
}
article header time
{
	display: inline-block;
	font-size: small;
}
article header time:before
{
	content: url("img/time.png") " ";
}
article header .tags
{
	display: inline-block;
	list-style: none;
	font-size: small;
	font-style: italic;
	margin-left: 8px;
}
article header .tags:before
{
	content: url("img/tag_blue.png") " ";
}
article header .tags > *
{
	display: inline-block;
	margin-left: 4px;
}
article header .url
{
	display: inline-block;
	font-size: small;
	margin-left: 4px;
}
article header .url:before
{
	content: url("img/house.png") " ";
}

article footer
{
	border-top: #bb2 dotted 2px;
	padding-top: 1em;
}
article footer menu[type="context"]
{
	list-style: none;
	font-size: 16px;
}
article footer menu[type="context"] li
{
	display: inline;
	margin-right: 16px;
}
article footer menu[type="context"] a[href$="#kommentare"]:before
{
	content: url("img/comments.png") " ";
}
article footer menu[type="context"] a[href$="#kommentar_hinterlassen"]:before
{
	content: url("img/comment_add.png") " ";
}
article section .video,
article section iframe
{
	display: block;
}
article section i
{
	font-family: serif;
	font-style: italic;
}
article section ins
{
	font-style: italic;
	text-decoration: none;
}
article section ins[datetime]:before
{
	content: "Update (" attr(datetime) "): ";
	font-weight: bold;
}
article section del
{
	font-style: italic;
	color: #444;
	text-decoration: line-through;
}


/* ------------ */
/* -- TABLES -- */
/* ------------ */


table
{
	font-size: .75em;
	width: 100%;
	border-spacing: 1px;
	background: #666;
}
table thead
{
	text-align: center;
	background: #663;
	color: #eeb;
}
table tbody
{
	text-align: left;
}
table tbody tr
{
	background: #cc9;
}
table tbody tr:nth-of-type(even)
{
	background: #bb8;
}
table tbody tr.current
{
	background: #8f8;
}
table tbody tr.obsolete
{
	opacity: .6;
}
table tbody tr:hover
{
	background: #ff8;
}
table tbody th,
table tbody td
{
	padding: 0 3px;
}










form label {
	display: inline-block;
}

form span.tip {
	font-size: small;
}

form p.notice, form p.error {
	font-style: italic;
}
form p.notice em,
form p.error em
{
	font-style: normal;
}
form p.notice:before,
form p.error:before
{
	font-weight: bold;
}

form p.notice:before {
	content: "Hinweis: ";
	color: #004;
}

form p.error:before {
	content: "Fehler: ";
	color: #c00;
}

/* infoboxes */

div.infobox {
	font-size: large;
	padding-left: 80px;  /* 64px + default_div */
	min-height: 80px;  /* 64px + default_div */
	background: no-repeat left;
	margin-bottom: 8px;
	border: 3px double;
}

div.infobox.error {
	border-color: #b22;
	color: #b22;
	background-color: #fcc;
	background-image: url("img/infobox-error.png");
}

div.infobox.ok {
	border-color: #0a0;
	color: #0a0;
	background-color: #cfc;
	background-image: url("img/infobox-ok.png");
}

div.infobox.info {
	border-color: #44f;
	color: #44f;
	background-color: #ccf;
	background-image: url("img/infobox-important.png");
}

/* other classes */

.invisible {
	display: none;
}

/* classes */

.author { /* author name of a weblog or guestbook entry */
	display: block;
	font-size: large;
	font-weight: bold;
	font-style: normal;
}


.textbox {
	border: 2px solid;
	padding: 1em;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* unique elements */

#legacy_browser
{
	margin: 64px 20% 0 20%;
	border: dashed 2px red;
	color: #fff;
	font-size: small;
}
#geekcode
{
	width: 30em;
	text-align: left;
	font-family: monospace;
	font-size: 9pt;
	background: #ff5;
	color: #a33;
	border: dashed 3px;
	padding: 8px;
	white-space: pre;
}
#qotd
{
	text-align: center;
	font-size: large;
	color: white;
	left: 10%;
	right: 10%;
	margin: 10% 0;
}

/* BOKS window manager */

.boks
{
	font: normal normal normal 12px sans-serif;
	display: block;
	visibility: visible;
	position: fixed;
	z-index: 9999;
	top: 10%;
	left: 25%;
	right: 25%;
	bottom: 25%;
	min-width: 128px;
	min-height: 128px;
	padding: 8px;
	color: #000;
	background: #eee;
	border: 6px #222 double;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	resize: both;
}

/*
##############
#### home ####
##############
*/

#home
{
	background: black;
	color: white;
}
#home h1,
#home > .footer,
#home > footer
{
	display: none;
}

/*
################
#### weblog ####
################
*/


/* blog side column */
#side_column {
	width: 205px;
	text-align: left;
	float: right;
}
#side_column h3 {
	display: none;
}


/* side column boxes common styles */
#side_column > div {
	border-width: 2px;
	border-style: solid;
	font-size: small;
	padding: 0;
	margin: 0 0 1.5em 0;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#side_column > div h4 {
	font-size: 16px;
	text-align: center;
	padding: .1em 0;
	margin: 0;
}


/* archive colors */
#side_column #archive {
	border-color: #987;
	background: #fed;
}
#side_column #archive h4 {
	background: #987;
	color: #fed;
}



/* feeds colors */
#side_column #feeds {
	border-color: #d80;
	background: #fe9;
}
#side_column #feeds h4 {
	background: #d80;
	color: #fe9;
}



/* tags colors */
#side_column #tags {
	border-color: #5a4;
	background: #bfa;
}
#side_column #tags h4 {
	background: #5a4;
	color: #bfa;
}



#side_column ul {
	list-style-type: none;
	display: block;
	margin: .5em;
}

#side_column ul li {
	display: block;
}

#side_column dl {
	padding-left: .5em;
	border-left: 6px solid #dcb;
}

#side_column dl dt {
	font-weight: bold;
}

#side_column dl dt+dd {
	margin-left: 1em;
}

#side_column dl dd {
	display: inline;
	margin: 0 .5em 0 0;
}


/* blog article column */
#weblog_column
{
	width: auto;
	min-width: 256px;
	margin: 0 220px 0 0;
}
#weblog_column p
{
	text-align: justify;
}
#weblog_column figure
{
	margin: 0;
	padding: 0;
}
#weblog_column figure figcaption
{
	width: 200px;
	font-size: 10px;
}
#weblog_column figure:nth-of-type(2n+1)
{
	margin: 4px 8px 4px 0;
	float: left;
}
#weblog_column figure:nth-of-type(2n)
{
	margin: 4px 0 4px 8px;
	float: right;
}

/* blog navigation bar */
#weblog_column nav
{
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	padding: 4px;
	height: 1.2em;
	margin-bottom: .5em;
	background: #bcf;
	border: #78f 2px solid;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#weblog_column nav a
{
	display: table-cell;
}
#weblog_column nav a:hover
{
	background: #fff;
}

/* blog comments */
#weblog_column .comment .entry {
	margin-bottom: .5em;
	border-color: #b44;
	background: #ebb;
	counter-increment: commid;
}
#weblog_column .comment .entry h4:before {
	content: counter(commid) ". ";
}
#weblog_column .comment .entry .timestamp {
	border-color: #b44;
}


#contact_column form textarea {
	font-family: monospace;
	font-size: x-large;
}