/* -----------------------------------*/
/*    Font    EM        Line-Height   */
/* -----------------------------------*/
/*    15px    1.0em     1.6 (24px)    */
/* -----------------------------------*/
/*    24px    1.6em     1.0           */
/*    20px    1.3333em  1.2           */
/*    18px    1.2em     1.333         */
/*    14px    0.9333em  1.7143        */
/*    12px    0.8em     2.0           */
/*    10px    0.6666em  2.4           */
/* -----------------------------------*/

/* ----------------------------------*/
/*    Titel- und Navigationsleiste   */
/* ----------------------------------*/

/* Leiste für Navigation und Titel */
#navbar {
  background:           #484848 url(images/bg_header.jpg) repeat-x 0 0;
  color:                #FFF;
  font-size:            0.8em;
  height:               3em;
  line-height:          3.0;
}

/* Titel */
#navbar .content h1 {
  color:                #FFF;
  font-size:            1.1667em;
  font-weight:          100;
  left:                 0;
  letter-spacing:       0;
  line-height:          2.6;
  margin-left:          10px;
}

/* Name */
#navbar h1 em {
  color:                #EC6015;
  font-style:           normal;
}

/* Tagline */
#navbar h1 span {
  color:                #F6DA21;
}

/* Navigationsliste (ul)*/
#nav {
  border-left:          1px solid #5C5C5C;
  border-right:         1px solid #3C3C3C;
  height:               3em;
  position:             absolute;
  right:                0;
  top:                  0;
}

/* Einzelne Navigationspunkte */
#nav li {
  border-left:          1px solid #3C3C3C;
  border-right:         1px solid #5C5C5C;
  display:              block;
  float:                left;
  line-height:          3em;
}

/* Aktiver Menüpunkt (Kein Link); TODO: Entscheiden, ob diese Variante oder die untere */
#nav li.aktiv {
  background:           #EC6015 url(images/bg_header_aktiv.jpg) repeat-x 0 0;
  padding:              0 10px;
}

/* Navigations-Links */
#nav a {
  color:                #FFF;
  display:              block;
  padding:              0 10px;
  text-decoration:      none;
}

/* Navigation: Mouse-Over, und aktiver Menüpunkt; TODO: Entscheiden, ob diese Variante oder die obere */
#navbar a:hover, 
#navbar a.aktiv {
  background:           #EC6015 url(images/bg_header_aktiv.jpg) repeat-x 0 0;
}

/* -----------------------------------*/
/*    Bildleiste und Bild (Irezumi)   */
/* -----------------------------------*/

/* Leiste unter dem Bild, Farbe und obere Schattenkante */
#imgbar {
  background:           #6E6E6E url(images/bg_shade_hd.jpg) repeat-x 0 0;
  height:               200px;
}

/* Bild (Irezumi) */
#imgbar #img {
  background:           url(images/irezumi.jpg) no-repeat center bottom;
  height:               200px;
}

/* ------------------------------------------------------*/
/*    Subheader mit Breadcrumb (optional) und Suchfeld   */
/* ------------------------------------------------------*/

/* Leiste für Breadcrumb und Suche */
#subbar {
  background:           #555 url(images/bg_sub-header.jpg) repeat-x 0 100%;
  border-top:           1px solid #585858;
  height:               2.2em;
}

/* Form-Element, dunkler Hintergrund */
#subbar form {
  background:           #3B3B3B url(images/bg_sub-header_drk.jpg) repeat-x 0 100%;
  height:               2.2em;
  line-height:          2.2em;
  margin:               0 auto;
  position:             relative;
  width:                865px;
}

/* Breadcrumb; TODO: Breadcrumb? Oder Status? Oder ganz weg? */
#subbar #breadcrumb {
  color:                #FFF;
  font-size:            0.8em;
  left:                 10px;
  line-height:          2.6;
  position:             absolute;
}

/* Links der Breadcrumb */
#subbar #breadcrumb a {
  color:                #EC6015;
  text-decoration:      none;
}

/* Hover-Links der Breadcrumb */
#subbar #breadcrumb a:hover {
  text-decoration:      underline;
}

/* Suchfeld (fieldset) */
#subbar fieldset {
  border:               0;
  position:             absolute;
  right:                0;
}

/* Position der Eingabefelder */
#subbar form input {
  bottom:               2px;
  position:             relative;
  right:                38px;
  width:                150px;
}

/* Position des Such-Buttons */
#subbar .search-button {
  bottom:               8px;
  position:             absolute;
  right:                10px;
  width:                20px;
}

#subbar label {
  display:              none;
}

/* ------------------*/
/*    Meta-Bereich   */
/* ------------------*/

#meta {
  background:           #484848;
  border-top:           1px solid #969595;
  clear:                both;
  color:                #FFF;
  font-size:            0.8em;
  line-height:          2.0;
  padding:              24px 0;
}

#meta p {
  margin-left:          110px;
  margin-right:         230px;
}

#meta img {
  border:               1px solid #FFF;
  float:                left;
  margin:               5px 0 0 10px;
}

#meta div.feeds {
  float:                right;
  width:                195px;
}

#meta div.feeds p {
  margin:               0;
}

#meta a:link {
  border-bottom:        1px dotted #AAA;
  color:                #AAA;
  text-decoration:      none;
}

#meta a:visited {
  border-bottom:        1px dotted #AAA;
  color:                #AAA;
  text-decoration:      none;
}

#meta a:hover,
#meta a:focus,
#meta a:active {
  border-bottom:        1px solid #FFF;
  color:                #FFF;
}

/* ----------------*/
/*    Fußbereich   */
/* ----------------*/

#sub {
  background:           #363636 url(images/bg_shade_sc.jpg) repeat-x 0 0;
  clear:                both;
  color:                #FFF;
  font-size:            0.6666em;
  line-height:          2.4;
  padding:              24px 0;
}

#sub #logos {
  float:                left;
  padding-top:          0.85em;
  width:                300px;
}

#sub #logos a {
  border:               0;
}

#sub #logos img {
   border:              0;
   margin-right:        5px;
}

#sub p {
  margin-left:          300px;
}

#sub a:link {
  border-bottom:        1px dotted #AAA;
  color:                #AAA;
  text-decoration:      none;
}

#sub a:visited {
  border-bottom:        1px dotted #AAA;
  color:                #AAA;
  text-decoration:      none;
}

#sub a:hover,
#sub a:focus,
#sub a:active {
  border-bottom:        1px solid #FFF;
  color:                #FFF;
}

/* ------------------------------------*/
/*    Abbildungen und Bilduntertitel   */
/* ------------------------------------*/

/* Abbildungs-Block */
#main div.abbildung {
  background:           #DADADA;
  border:               10px solid #DADADA;
  border-bottom:        3px solid #DADADA;
  margin-bottom:        1.6em;
}

/* Beschreibungstexte */
#page-notiz #main div.abbildung p {
  font-size:            0.8em;
  line-height:          2.0;
  margin:               0;
  padding:              0;
}

/* Abbildung volle Breite: 825px, Höhe muss Vielfaches von 24px - (2 * 10px) sein */
#main div.w {
  clear:                both;
  display:              block;
  width:                825px;
}

/* Abbildung in der Content-Spalte: 605px */
#main div.m {
  clear:                both;
  display:              block;
  width:                605px;
}

/* Kleine Abbildung in der Seitenleiste: 165px */
#main div.s {
  display:              block;
  float:                right;
  width:                165px;
}

/* Kleine Abbildung links-fließend: 165px */
#main div.ms-1 {
  display:              block;
  float:                left;
  margin-right:         35px;
  width:                165px;
}

/* Kleine Abbildung links-fließend: 275px */
#main div.ms-2 {
  display:              block;
  float:                left;
  margin-right:         35px;
  width:                275px;
}

/* Kleine Abbildung links-fließend: 385px */
#main div.ms-3 {
  display:              block;
  float:                left;
  margin-right:         35px;
  width:                385px;
}


/* Kleine Abbildung in der Seitenleiste: variable Breite */
#main div.v {
  display:              block;
  float:                right;
}

/* Kleine Abbildung in der Seitenleiste, ohne Rahmen und Hintergrund */
#main div.o {
  background:           transparent;
  border:               0;
  display:              block;
  float:                right;
}

/* Alternative Breite für Abbildung in der Seitenleiste, in den Text geschoben: 275px, 385px o. 495px */
#main div.alt-1 {
  display:              block;
  float:                right;
  margin-left:          1.6em;
  width:                275px;
}

#main div.alt-2 {
  display:              block;
  float:                right;
  margin-left:          1.6em;
  width:                385px;
}

#main div.alt-3 {
  display:              block;
  float:                right;
  margin-left:          1.6em;
  width:                495px;
}

/* Test */

#main img.border {
    border:             1px solid #CBCBCB;
    background:         #DADADA;
    padding: 10px;
}

#main img.links {
    float:              left;
    margin:             0 15px 15px 0;
}

#main img.rechts {
    float:              right;
    margin:             0 0 15px 15px;
}

/* ----------------------*/
/*    Kommentarbereich   */
/* ----------------------*/

/* Kommentarbereich */

#main #comments {
  border-top:           1px solid #CCC;
  float:                left;
  list-style:           none;
  margin:               0 10px;
  padding:              1.6em 0;
  width:                845px;
}

#main #comments .comment {
  list-style:           none;
}

#main #comments .comment li {
  border-bottom:        1px solid #CCC;
  clear:                both;
  float:                left;
  padding-top:           1.6em;
}

#main #comments .comment li.odd {
  background:           #E6E6E0;
}

#main #comments ol.comment li.author {
  background:           #DFE2E4 url(images/comment_grid.png) repeat 0 0;
}

#main #comments h2 {
  margin-bottom:        0;
  margin-top:           0;
}

#main #comments dt,
#main #comments dd {
  margin:               0;
}

#main #comments .message {
  float:                left;
  font-size:            0.8em;
  line-height:          2.0;
  margin-left:          35px;
  width:                730px;
}

.cols-8 #comments .message p {
  margin:               0 0 2.0em 0;
}

#main #comments dl {
  color:                #999;
  float:                left;
  font-size:            0.6666em;
  line-height:          2.4;
  text-align:           right;
  width:                75px;
}

/* Kommentareingabe-Fomular */

#comment-form {
  float:                left;
  margin:               0 10px;
  padding:              1.6em 0;
  width:                845px;
}

#main label {
  display:              block;
}

#page-notiz #main p.checkbox {
  margin-top:           0.5em;
}

#main p.checkbox label {
  display: inline;
  color:                #999;
  font-size:            0.666em;
  line-height:          2.4;
  margin-bottom:        2.4em;
}

#main p.checkbox input {
  display:              inline;
  width:                auto;
}

#comment textarea {
  font-family:          "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size:            1.0em;
  height:               12.8em;
  line-height:          1.6;
  width:                405px;
}

#comment-author input {
  font-size:            1.0em;
  line-height:          1.6;
  width:                185px;
}

fieldset#comment {
  border:               0;
  float:                left;
  width:                405px;
}

fieldset#comment-author {
  border:               0;
  float:                left;
  margin-left:          35px;
  width:                185px;
}

fieldset#comment-rules {
  border:               0;
  float:                left;
  margin-left:          20px;
  padding-top:          1.6em;
  width:                185px;
}

#page-notiz #main fieldset p {
  margin:               0;
}

#page-notiz #main #comment-rules p {
  color:                #999;
  font-size:            0.666em;
  line-height:          2.4;
  margin-bottom:        2.4em;
}

fieldset#comment-submit {
  border:               0;
  clear:                both;
}

/* Preview */

#main #comments ol.comment li#preview {
  background:           #E1B9A9 url(images/comment_grid.png) repeat 0 0;
}

/* Formatierung der Kommentare */

#main #comments .comment .message li {
  border:               0;
  float:                none;
  padding:              0;
}

#main #comments .comment .message p {
  margin:               0 0 1.95em 0;
}

#main #comments .comment .message ol {
  margin:               0 0 1.95em 0;
}

#main #comments .comment .message ul {
  margin:               0 0 1.95em 0;
}

#main #comments .comment .message pre {
  margin:               0 0 1.95em 0;
  padding:              0.95em;
  width:                auto;
}

#main #comments .comment .message blockquote p {
  line-height:          1.75;
  margin:               0 0 1.75em 0;
  padding:              0;
}

/* ----------------*/
/*    Startseite   */
/* ----------------*/


/* Aktuelle Notiz */
#main #aktuelle-notiz h2 {
  font-size:            1.6em;
  line-height:          1.0;
  margin-bottom:        1.0em;
  margin-top:           0;
}

/* Ältere Notizen */
#letzte-notizen {
  float:                left;
}

#letzte-notizen li {
  border-bottom:        1px solid #CCC;
  float:                left;
  height:               4.7em;
  list-style:           none;
  margin:               0 15px 1.6em 0;
  padding-bottom:       1.6em;
  padding-right:        10px;
  width:                220px;
}

#main #letzte-notizen h2 {
  font-size:            1.3333em;
  line-height:          1.2;
  margin-bottom:        0.6em;
  margin-top:           0.6em;
}

#main #letzte-notizen h3 {
  font-size:            1.0em;
  line-height:          1.6;
  margin-top:           0;
}

/* Aktuelle und vorgestellte Projekte */
#aktuelle-arbeiten {
  float:                left;
  margin-bottom:        1.3em;
}

#main #aktuelle-arbeiten h2 {
  font-size:            1.3333em;
  line-height:          1.2;
  margin-bottom:        1.2em;
}

#aktuelle-arbeiten img {
  background:           #FFF;
  border:               1px solid #999;
  clear:                both;
  float:                left;
  margin:               0 10px 10px 0;
  padding:              4px;
}

/* Randbemerkungen */
#main #randbemerkungen {
  float:                left;
}

#main #randbemerkungen li {
  border-bottom:        1px solid #CCC;
  list-style:           none;
  margin-bottom:        1.6em;
  padding-bottom:       1.6em;
}

#main #randbemerkungen p {
  display:              inline;
  font-size:            0.8em;
}

#main #randbemerkungen h2 {
  font-size:            1.3333em;
  line-height:          1.2;
  margin-bottom:        0.6em;
  margin-top:           0.6em;
}

#main #randbemerkungen h3 {
  font-size:            1.0em;
  line-height:          1.6;
  margin-bottom:        0;
  margin-top:           0;

}

/* Flickr-Fotos */

#page-startseite #flickr-photos {
  margin-bottom:        1.6em;
}

#page-startseite #flickr-photos h2 {
  margin-top:           0.6em;
}

/* -----------------------*/
/*    Notizbuch & Notiz   */
/* -----------------------*/

/* Einzelne Notizen auf der Übersichtsseite */
div.note {
  border-bottom:        1px solid #CCC;
  float:                left;
  margin-bottom:        1.5em;
  width:                520px;

}

div.sidenote {
  border-bottom:        1px solid #CCC;
  margin-bottom:        1.55em;
  padding-bottom:       1.55em;
}

/* Paginate-Links */

#page-notizbuch #content-1 p.paginate {
  color:                #999;
  float:                left;
  font-size:            0.8em;
  line-height:          1.6;
  padding-bottom:       1.6em;
}

p.paginate .links {
  float:                left;
}

p.paginate .rechts {
  float:                right;
}

#page-notizbuch #content-1 p.page-1 {
  display:              none;
}

/* Zusätzlicher Abstand für gleiche Höhe mit Notizen */
#page-notizbuch #content-2 h3 {
  margin-top:           3em;
}

#page-notizbuch h3 {
  border-bottom:        1px solid #CCC;  
}

#page-notizbuch #content-2 h4 {
  font-size:            1em;
  line-height:          1.6;
}

#page-notizbuch #content-2 p {
  display:              inline;
  font-size:            0.8em;
  margin-bottom:        0;
}

#main #meta-content h3 {
  font-size:            1.1666em;
  line-height:          1.7142;
  margin-bottom:        0;
  margin-top:           1.7142em;
}

#main #meta-content p {
  margin-bottom:        2.0em;
}

/* Ränder im Notizbuch */
#page-notiz #main h1, 
#page-notiz #main h2, 
#page-notiz #main h3, 
#page-notiz #main h4, 
#page-notiz #main h5, 
#page-notiz #main h6, 
#page-notiz #main p,
#page-notiz #main ol,
#page-notiz #main ul,
#page-notiz #main .download {
  margin-right:         220px;
}

#page-notiz #meta-content h3, 
#page-notiz #meta-content p,
#page-notiz #meta-content ol,
#page-notiz #meta-content ul,
#page-notiz #comments ol {
  margin-right:         0;
}

#page-notiz #main h2 {
  margin-bottom:        0;
}

#page-notiz #main blockquote.pullquote p {
  font-size:            1.6em;
  line-height:          1.0;
  margin:               0.95em 0;
}

#main #meta-content ul {
  margin-bottom:        2.0em;
}

/* Feeds */
.feeds ul {
  list-style:           none;
}

.feeds li {
  background:           url(images/feed-icon.png) no-repeat 0 50%;
  padding-left:         20px;
}

/* Download */

.download {
    border: 1px solid #999;
    background: #BEBEBE;
    margin: 1.5em 0;
    clear: both;
}

#page-notiz #main .download p {
    margin: 0;
    padding: 1.5em;
}

#page-notiz #main .download ul {
    margin: 0;
    padding: 1.5em;
    list-style: none;
}

/* Hinweisbox */

.hinweis {
    border: 2px solid #262626;
    margin-right: 220px;
    padding: 1.0em;
    background: #ec9521;
    margin-bottom: 1.5em;
}

#page-notiz #main .hinweis p {
    margin: 0;
}

#page-notiz #main .hinweis a {
    color: #fff;
    background: #000;
    border: 0;
    padding: 0.2em;
}

#page-notiz #main .hinweis a:hover {
    background: #fff;
    color: #000;
}

/* ----------------*/
/*    Projekte   */
/* ----------------*/

#main .projekt {
  clear:                both;
  height:               12.8em;
}

#main .projekt img {
  background:           #DADADA;
  border:               10px solid #DADADA;
  float:                left;
  margin-bottom:        1.6em;
}

/* Überschrift des Projektes */
#main .projekt h3 {
  clear: none;
  font-size:            1.2em;
  line-height:          1.3333;
  margin:               0 0 0 660px;
}

/* Unterüberschrift, z.B. für Auszeichnungen */
#main .projekt h4 {
  clear: none;
  color:                #000;
  font-size:            0.9333em;
  font-weight:          bold;
  line-height:          1.7143;
  margin:               0 0 0 660px;
}

#main .projekt p {
  font-size:            0.8em;
  line-height:          2.0;
  margin:               0 0 2.0em 660px;
}

/* -----------------------------*/
/*    Information & Kontakt   */
/* -----------------------------*/

.cols-6-2 h3 {
  clear:                both;
}

.cols-6-2 #content-2 h4 {
  color:                #000;
  font-size:            0.8em;
  font-weight:          bold;
  line-height:          2.0;
}

.cols-6-2 #content-2 p {
  font-size:            0.8em;
  line-height:          2.0;
  margin-bottom:        2.0em;
}

.cols-6-2 #content-2 dl {
  font-size:            0.8em;
  line-height:          2.0;
}

.cols-6-2 #content-2 dd {
  margin-bottom:        2.0em;
}

.cols-6-2 #content-2 ul {
  font-size:            0.8em;
  line-height:          2.0;
}

/* HCard */

#main #hcard h3 {
  font-size:            1.2em;
  line-height:          1.333;
  margin:               0;
}

/* Networking-Links */

#main ul.network {
  line-height:          2.0;
  list-style:           none;
  margin-bottom:        2.0em;
}

.network .network-xing {
  background:           url(images/xing.png) no-repeat 0 50%;
  padding-left:         20px;
}

.network .network-twitter {
  background:           url(images/twitter.png) no-repeat 0 50%;
  padding-left:         20px;
}

.network .network-readernaut {
  background:           url(images/readernaut.png) no-repeat 0 50%;
  padding-left:         20px;
}


/* flickr-Fotos */

#flickr-photos {
  float:                left;
  margin-bottom:        1.7em;
}

#main #flickr-photos h3 {
  margin-top:           0.6em;
}

#flickr-photos img {
  background:           #FFF;
  border:               1px solid #999;
  float:                left;
  margin:               0 10px 10px 0;
  padding:              4px;
}

/* Bücher-, Film-, Medienbereich */

#medienkonsum {
  float:                left;
  margin-bottom:        1.7em;
}

#main #medienkonsum h3 {
  margin-top:           0.6em;
}

#main #medienkonsum a {
    float:              left;
    border:             0;
    height:             7em;
}

#medienkonsum img {
  background:           #FFF;
  border:               1px solid #999;
  margin:               0 5px 5px 0;
  padding:              4px;
}

/* Del.icio.us Links */

#lesezeichen-delicious {
  float: left;
}

#main #lesezeichen-delicious p {
  font-size:            1.0em;
  margin-bottom:        1.6em;
}

/* Universal Reset */
* {
  margin:               0;
  padding:              0;
}

/* Italics Bug */
* html * {
  overflow:             visible;
}

body {
  background:           #EAEAE4;
  /* background:           #EAEAE4 url(images/_grid.png) repeat-y 50% 0;       /* DEBUG: GRID */
  /* background:           #EAEAE4 url(images/_line-height.png) repeat 0 5px;  /* DEBUG: LINE-HEIGHT */
  color:                #333;
  font-family:          "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-size:            93.75%; /* 15px Grundschriftgröße */
  line-height:          1.6;    /* 24px Zeilenhöhe */
}

/* -------------*/
/*    Spalten   */
/* -------------*/

/* Spalten-Klasse zur zentrierten Ausrichtung */
.content {
  margin:               0 auto;
  position:             relative;
  width:                865px;
}

/* Content-Bereich */
#main {
  margin:               24px 0;
}

/* Primärer Content */

.cols-5-3 #content-1 {
  float:                left;
  margin-left:          10px;
  padding:              0;
  width:                515px;
}

.cols-8 #content-1 {
  float:                left;
  margin:               0 10px;
  width:                845px;
}

.cols-6-2 #content-1 {
  float:                left;
  margin-left:          10px;
  padding:              0;
  width:                630px;
}

/* Meta-Content: Informationen zum Artikel */
.cols-8 #content-1 #meta-content {
  float:                right;
  font-size:            0.8em; /* Grundschriftgröße Meta-Content: 12px */
  line-height:          2.0;
  margin-top:           -8em;
  padding:              0 0 0 10px;
  position:             relative;
  width:                185px;
}

/* Sekundärer Content */

.cols-5-3 #content-2 {
  float:                left;
  margin-left:          35px;
  padding:              0;
  width:                295px;
}

.cols-6-2 #content-2 {
  float:                left;
  margin-left:          30px;
  padding:              0;
  width:                195px;
}

/* -----------------------------------*/
/*    Allgemeine Textformatierungen   */
/* -----------------------------------*/

/* Überschriften */

h1, h2, h3, h4, h5, h6 {
  clear:                left;
  color:                #EC6015;
  font-family:          "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-weight:          normal;
  letter-spacing:       -0.05em;
}

#main h2 {
  font-size:            1.6em;
  line-height:          1.0;
  margin-bottom:        1.0em;
}

#main h3 {
  font-size:            1.333em;
  line-height:          1.2;
  margin-bottom:        0.6em;
  margin-top:           1.8em;
}

#main h4 {
  font-size:            1.2em;
  line-height:          1.333;
}

#main h5 {
  font-size:            1.0667em;
  line-height:          1.4999;
}

/* Absätze */

#main p {
  margin-bottom:        1.6em;
  word-spacing:         0.1em;
}

#main div.terminal p {
  margin-bottom:        0;
}

hr {
  display:              none;
}

/* Herz-Symbol */
.herz {
  color:                #B61833;
  font-family:          "Symbol";
}

/* Code, Benutzereingaben, Beispiele */

#main pre {
  background:           #000;
  margin-bottom:        1.6em;
  overflow:             auto;
  padding:              0.8em;
  width:                605px;
}

#main #aktuelle-notiz pre {
    width:              505px;
}

#page-notizbuch #main pre {
    width:              505px;
}

#main code {
  color:                #999;
  font-family:          "Lucida Console", monospace;
  line-height:          1.2;
}

#main pre code {
  color:                #FFF;
  font-family:          "Lucida Console", monospace;
  line-height:          1.2;
}

#main code var {
  color:                #FFF;
  font-style:           normal;
  font-weight:          bold;
}

/* Terminal-Style Block */
#main div.terminal {
  background:           #111;
  margin-bottom:        1.6em;
  overflow:             auto;
  padding:              0.8em;
  width:                605px;
}

#main kbd {
  color:                #FFF;
  font-family:          "Lucida Console", monospace;
}

/* Klasse für Tasten-Formatierung (Shortcuts) */
#main kbd.key {
  background:           #BCBCBC;
  border-bottom:        1px solid #333;
  border-left:          1px solid #DDD;
  border-right:         1px solid #333;
  border-top:           1px solid #DDD;
  color:                #000;
  padding:              0.2em;
}

#main samp {
  color:                #999;
  font-family:          "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
  font-style:           italic;
}

/* Listen */

#main ul,
#main ol,
#main dl {
  margin-bottom:        1.6em;
}

#main dt {
  font-weight:          bold;
}

#main dd {
  margin-bottom:        1.6em;
}

/* Semantische Textauszeichnung */

#main strong {
  font-weight:          bold;
}

#main em {
  font-family:          Georgia, Times, "Times New Roman", serif;
  font-size:            1.0em;
  font-style:           italic;
  line-height:          1.5em;
}

#main ins {
  text-decoration:      underline;
}

#main del {
  text-decoration:      line-through;
}

#main abbr,
#main dfn {
  border-bottom:        1px dotted #999;
  color:                #999;
  cursor:               help;
  font-size:            1.0em;
  font-style:           normal;
}

/* Zitate */

#main span.quote {
    color:              #999;
    font-family:        Georgia, Times, "Times New Roman", serif;    
}

#main blockquote {
  color:                #999;
}

#main blockquote p {
  font-family:          Georgia, Times, "Times New Roman", serif;
  font-size:            1.2em;
  line-height:          1.333;
  margin-bottom:        1.333em;
}

#main cite {
  font-family:          Georgia, Times, "Times New Roman", serif;
  font-size:            1.0em;
  font-style:           italic;
  line-height:          1.5em;
}

#main blockquote.preserve pre {
  background:           transparent;
  font-family:          Georgia, Times, "Times New Roman", serif;
  font-size:            1.2em;
  line-height:          1.333;
  margin-bottom:        1.333em;  
  padding:              0;
}

#main blockquote.pullquote {
  border-bottom:        1px solid #CCC;
  border-top:           1px solid #CCC;
  margin-bottom:        1.6em;
  text-align:           center;
  width:                625px;
}

/* Fußnoten, Legende */

#main sup {
  font-family:          Georgia, Times, "Times New Roman", serif;
}

#main #fussnoten {
  border-top:           1px solid #CCC;
  color:                #999;
  font-size:            0.8em;
  line-height:          2.0;
  padding:              2.0em 0 0.4em 0;
  width:                845px;
}

/* Links */

#main a:link {
  border-bottom:        1px dotted #AAA;
  color:                #4994CB;
  text-decoration:      none;
}

#main a:visited {
  border-bottom:        1px dotted #AAA;
  color:                #AAA;
  text-decoration:      none;
}

#main #comments ol.comment li.author a:visited {
  border-bottom:        1px dotted #AAA;
  color:                #4994CB;
  text-decoration:      none;
}

#main a:hover,
#main a:focus,
#main a:active {
  border-bottom:        1px solid #AAA;
  color:                #3D7BA9;
}

#main h1 a:link, #main h1 a:visited,
#main h2 a:link, #main h2 a:visited,
#main h3 a:link, #main h3 a:visited,
#main h4 a:link, #main h4 a:visited,
#main h5 a:link, #main h5 a:visited {
  border:               0;
  color:                #EC6015;
}

#main h1 a:hover, #main h1 a:focus, #main h1 a:active,
#main h2 a:hover, #main h2 a:focus, #main h2 a:active,
#main h3 a:hover, #main h3 a:focus, #main h3 a:active,
#main h4 a:hover, #main h4 a:focus, #main h4 a:active,
#main h5 a:hover, #main h5 a:focus, #main h5 a:active {
  color:                #4994CB;
}

#main #fussnoten a:link,
#main #fussnoten a:visited,
#main sup a:link,
#main sup a:visited {
  border:               0;
}

/* Datum, Zeit und Kommentare; Link zur Kommentareingabe über den Kommentaren */
small.datetime, small.comment-link {
  color:                #999;
  font-size:            0.6666em;
  line-height:          2.0;
}

/* Eintrag bearbeiten Button */

#main .edit-entry img {
  border:               0;
}

#main a.edit-entry {
  border:               0;
}