@charset "UTF-8";
/*
Theme Name: Planet13
Theme URI: http://3ch.ch/Wordpress/?page_id=336
Description: Individuell gestaltetes Thema für Planet13.ch, basierend auf dem <a href="http://www.yaml.de">YAML CSS-Framework</a> & dem <a href="http://blog.jochen-bauer.net/2008/03/28/blitzblank-2-wordpress-theme/">blitzblank2</a> Thema.
Version: alpha
Author: <a href="http://www.highresolution.info">Dirk Jesse</a>, <a href="http://jochen-bauer.net/">Jochen Bauer</a> und <a href="mailto:h.kiffmeyer@googlemail.com">Holger Kiffmeyer</a>
Copyright: 2005-2012
Licence: <a href="http://creativecommons.org/licenses/by/2.0/">Creative Commons Attribution 2.0 License (CC-A 2.0)</a>
*/


/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) draft for a central stylesheet
 * (de) Vorlage für ein zentrales Stylesheets
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.3
 * @revision        $Revision: 118 $
 * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $
 */

/** import core styles | Basis-Stylesheets einbinden
 * @import url(yaml/core/base.css); 
 */
 
@media all
{
 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding:0; }

  /* (en) Correction:margin/padding reset caused too small select boxes. */
  /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left:0.4em; } /* LTR */
  select { padding:1px; }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }

  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size:100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    background:#fff;
    color:#000;
    text-align:left; /* LTR */
  }

  /* (en) avoid visible outlines on DIV containers in Webkit browsers */
  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div { outline:0 none; }

  /* (en) HTML 5 - adjusting visual formatting model to block level */
  /* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
  article,aside,canvas,details,figcaption,figure,
  footer,header,hgroup,menu,nav,section,summary { 
  	display:block;
  }
  
  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border:0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl { margin:0 0 1em 1em; } /* LTR */
  li {
    line-height:1.5em;
    margin-left:0.8em; /* LTR */
  }

  dt { font-weight:normal; }
  dd { margin:0 0 1em 0.8em; } /* LTR */

  blockquote { margin:0 0 1em 0.8em; } /* LTR */

  blockquote:before, blockquote:after,
  q:before, q:after { content:""; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display:block; }

  /* (en) alternative solution to contain floats */
  /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
  .floatbox { display:table; width:100%; }

  /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display:none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position:absolute;
    top:-32768px;
    left:-32768px; /* LTR */
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position:static;
    top:0;
    left:0;
  }

  /* skiplinks:technical setup */
  #skiplinks { 
    position:absolute;
    top:0px; 
    left:-32768px; 
    z-index:1000; 
    width:100%;
    margin:0; 
    padding:0; 
    list-style-type:none;   
  }
  
  #skiplinks .skip:focus,
  #skiplinks .skip:active {
    left:32768px; 
    outline:0 none;
    position:absolute; 
    width:100%;
  }  
}

@media screen, projection
{

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 20%     | flexible  | 20%     |
  * |-------------------------------|
  */


/**  auskommentiert weil es ein Problem gibt mit der 3fix_1flex_SEO wenn bestimmte Werte hier bereits definiert werden...
  #col1 { float:left; width:20%; }
  #col2 { float:right; width:20%; }
  #col3 { width:auto; margin:0 20%; } */

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content { position:relative; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */
  .subcolumns { display:table; width:100%; table-layout:fixed; }
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }

  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .equalize, .equalize .subcolumns { table-layout:fixed; }

  .equalize > div {
    display:table-cell;
    float:none; 
    margin:0; 
    overflow:hidden;
    vertical-align:top;
  }
}

@media print
{
 /**
  * (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
  * (de) Float Clearing für Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
  */

  .subcolumns,
  .subcolumns > div {
    overflow:visible; 
    display:table;
  } 

  /* (en) make .print class visible */
  /* (de) .print-Klasse sichtbar schalten */
  .print { 
    position:static; 
    left:0;
  }

  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .noprint { display:none !important; }
}

/** import screen layout | Navigations-Layout einbinden (nicht nötig aufgrund plugin)
 * @import url(navigation/nav_vlist.css);
 */

/** import screen layout | Screen-Layout einbinden
 * @import url(css/screen/basemod_2col_advanced.css);
 */

@media screen, projection
{
  /**
   * (en) Repositioning content container
   * (de) Neupositionierung der Content Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col3   | #col1               |
   * | flexible| 75%                 |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  /* #col1 becomes the main column | #col1 wird zur Hauptinhaltsspalte */
  #col1 { margin-left: 200px; float: right; width: auto;}
/**  #col1_content { padding: 10px 20px 10px 10px; margin: 14px 0 0 10px; } */ 
  #col1_content { padding: 10px 20px 10px 20px;}

  /* #col2 is turned off | #col2 abschalten */
  #col2 { display:none; }

  /* #col3 becomes the left column | #col3 wird zur linken Spalte */
  #col3 { margin-left: -200px; width: 200px; position: relative; left: 200px; margin-top: 1px;}
  #col3_content { }

}


/** import screen layout | Screen-Layout einbinden
 * @import url(css/screen/basemod.css);
 */

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body {background-color:#fffde6;  padding:20px 0 10px 0;}

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  .page_margins {max-width:80em;  min-width:740px;  margin: 0 auto;}
	
	#wrapper {padding: 0 10px;}

  .page{ 
  	background-color: #ffffff;  	
  	-moz-border-radius: 5px; 
  	-webkit-border-radius: 5px; 
  	border-radius: 5px; 
	padding: 10px;
	border: 1px solid #ff9d00;
 	}

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header {  
   background:#ff9d00; 
	height:140px;
	position: relative;
	}
 
  #main {
  	width:100%; /* neu ab blitzblank 2 */
	float:none; /* neu ab blitzblank 2 */
	position: relative;
	}
  
  #pagination {
  	margin-top:2em; /* neu ab blitzblank 2 */
	}

  #footer { 
   background-color: #ff9d00; 
   font-size: 70%; 
   color:#000033; 
   height: 2.5em;	
	text-align:center;
	}
	 
  #footer_content { 
	padding: 0 10px;
	}

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereiche
  *
  * @section layout-main
  */


/* Main menu and sub-menus */
/* Menu list items */

#col3_content ul, #col3_content ul li, .button {margin: 0; padding: 0px; background-color: #ff9d00; font-weight: bold; text-decoration:none; display: block; color: #323284;}

#col3_content ul ul, #col3_content ul ul li {margin: 0; padding: 0px; background-color: #ff9d00; font-weight: bold; text-decoration:none; display: block; color: #323284;}

/* Menu list links */
#col3_content ul ul a, .button a {padding: 5px 5px; background-color: #ff9d00; font-weight: bold; font-size: 87.5%; text-decoration:none; display: block; color: #323284; border-bottom: 1px solid #ffffff;}

/* Sub-menu links */
#col3_content ul ul li a {padding: 10px 10px 10px 10px; border-bottom: 1px solid #ffffff;}

/* Sub-menu links */
#col3_content ul ul ul li a {padding: 10px 10px 10px 20px; background: #ffb43f; border-bottom: 1px solid #ffffff;}

/* Parent links only */
#col3_content ul ul a.dcjq-parent {border-bottom: 1px solid #ffffff;}

/* Active parent links - hover */
#col3_content ul ul a.dcjq-parent:hover {background-color: #ffcd7f; color: #003280;}

/* Menu list links on hover */
#col3_content ul ul a:hover, .button a:hover {background-color: #ffcd7f; color: #003280; text-decoration:none; }

/* Zentrierung der Archiv-Buttons */
.button {text-align: center; width: 200px; position: relative; margin: auto; margin-bottom: 1em;}

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */

  .post {
	margin-bottom: 1em;
	}
	
	#searchwrapper { width: 100%; height: 30px; position: relative; }
	#search { width: auto; height: 30px; float: right;}

	.platzhalter {visibility: hidden;} 
	.unsichtbar {display: none;}
}

  .linktable { width:100%; border-bottom: 1px solid #ff9d00; } /*border-bottom: 1px solid #ff9d00; */
 
  .td33 { width:33.33%; vertical-align: top; padding: 1.40625em 3px 0.703125em 3px;}



/** import screen layout | Screen-Layout einbinden
 * @import url(css/screen/content.css);
 */

@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Verdana, Arial, Helvetica, Ubuntu, sans-serif;
    font-size: 93.75%; line-height: 150%; color: #000066; 
  }


  #col1_content h2 {
  	display: none;
  	}

  h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.375em 0; color: #150099;}
  h1 { font-size: 18px; margin: 0 0 10px 0; color: #323284; }    /* 24px */
  h2 { font-size: 125%; }                     /* 20px */
  h3 { font-size: 112.5%; }                        /* 18px */
  h4 { font-size: 112.5%; }                     /* 18px */
  h5 { font-size: 100%;}                     /* 16px */
  h6 { font-style:italic }  /* 14px */

  p { margin: 0 0 0.703125em 0;}

  /* ### Lists | Listen  #### */

  ul, ol, dl { margin: 0 0 1.40625em 0; }
  ul { list-style: none outside; }
  .post ul li:before { content: "\2013 \020"; }
  .post li { margin-left: 16px; text-indent: -12px; }

  dd, dt { margin: 0 0 0 0; }

/*  dt { font-weight: bold } 
  dd { margin: 0 0 1em 2em } */

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b, .strong, .bold, .fett, { font-weight: bold;}
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note {background: #dfd; padding: 1em; border-bottom: 1px #bdb dotted; border-bottom: 1px #dbb dotted;}
  .important {background: #ffd; padding: 1em; border-bottom: 1px #ddb dotted; border-bottom: 1px #dbb dotted;}
  .warning {background: #fdd; padding: 1em; border-bottom: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {text-decoration:underline; color: #000066; }
  a:focus,
  a:hover,
  a:active {text-decoration:underline; color: #003280;}
  

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }


  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */
	.aligncenter {display: block; margin: 0 auto;}

	.alignright, .bild_rechts {float: right; margin: 5px 0 5px 20px;}
 
	.alignleft, .bild_links {float: left; margin: 5px 20px 5px 0; }
      
	.bild_klein_rechts {float: right; margin: 5px 0 5px 10px; border: 1px solid silver; }
 
	.bild_klein_links {float: left; margin: 5px 10px 5px 0; border: 1px solid silver; }      
      
	.span_align_left {display: inline-block;		text-align: left;		float: left;}

	.span_align_center {display: inline-block;	text-align: center;}

	.span_align_right {display: inline-block;		text-align: right;	float: right;}

	.w200 {width: 200px;}
	dt, .w150 {width: 150px;}

	dt, .tab	{display: inline-block; float: left;}

/**
* Nach der Umstellung auf html5 können die folgenden Klassen verwendet werden:
*
**/

figure
figcaption { font-style:italic } 
figure.links {float: left; margin: 5px 20px 5px 0; }
figure.rechts {float: right; margin: 5px 0 5px 20px;}

/**
* Ende html5-Klassen
*
**/

hr {
    color: #fff;
    background:transparent;
    margin: 0 0 1.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #ff9d00 solid;
    clear: both; 
    }
  
.blau { color: #150099; }
 .blau a {text-decoration:underline; color: #150099; }
 .blau a:focus,
 .blau a:hover,
 .blau a:active {text-decoration:underline; color: #003280;}


.orange { color: #ff9d00; }
.orange a {text-decoration:underline; color: #ff9d00; }
.orange a:focus,
.orange a:hover,
.orange a:active {text-decoration:underline; color: #003280;}

.lila { color: #b643a3; }
.lila a {text-decoration:underline; color: #b643a3; }
.lila a:focus,
.lila a:hover,
.lila a:active {text-decoration:underline; color: #003280;}
	
.rotpink { color: #ff0066; }
.rotpink a {text-decoration:underline; color: #ff0066; }
.rotpink a:focus,
.rotpink a:hover,
.rotpink a:active {text-decoration:underline; color: #003280;}
	
.knallpink { color: #ff00ff; }
.knallpink a {text-decoration:underline; color: #ff00ff; }
.knallpink a:focus,
.knallpink a:hover,
.knallpink a:active {text-decoration:underline; color: #003280;}

.gruen { color: #31CD5D; }
.gruen a {text-decoration:underline; color: #31CD5D; }
.gruen a:focus,
.gruen a:hover,
.gruen a:active {text-decoration:underline; color: #003280;}

.rot { color: red; }
.rot a {text-decoration:underline; color: red; }
.rot a:focus,
.rot a:hover,
.rot a:active {text-decoration:underline; color: #003280;}

.pink { color: #FF66FF; }
.pink a {text-decoration:underline; color: #FF66FF; }
.pink a:focus,
.pink a:hover,
.pink a:active {text-decoration:underline; color: #003280;}

.abstand_unten {
	position: relative;
	margin-bottom:  0.703125em;
	}

.abstand0_unten {
	position: relative;
	margin-bottom:  0;
	}

.abstand_oben {
	position: relative;
	margin-top:  0.703125em;
	}

.abstand2_unten {
	position: relative;
	margin-bottom:  1.40625em;
	}

.abstand2_oben {
	position: relative;
	margin-top:  1.40625em;
	}

.rahmen {
	border: 1px solid silver;}

.andika {
	font-family: Andika, "Comic Sans MS", serif;
	font-size: 107%; line-height: 150%;
	}

.clear { clear: both;	}
}

.center { text-align: center; 
	}

h3.post-title {font-size: small; font-weight: normal;  margin-bottom: 2em; display: none;}

.postmetadata {visibility: hidden;}

.postmetadata:before {
	content: "Copyright 2007-2013 Internetcafé Planet13. Alle Angaben nach bestem Wissen, aber ohne Gewähr. Irrtum vorbehalten. - ";
	}
 

/** import print layout | Druck-Layout einbinden
 * @import url(css/print/print_100.css);
 */
 
@media print
{
 /**
  * @section basic layout preparation
  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
  */

  /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */
  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
  body { font-size:11pt; }

  /* (en) Hide unneeded container of the screenlayout in print layout */
  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
  #topnav, #nav, #search, nav { display:none; }

  /*------------------------------------------------------------------------------------------------------*/

  /* (en) Avoid page breaks right after headings */
  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
  h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }

  /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section column selection
  * (en) individually switch on/off any content column for printing
  * (de) (De)aktivierung der Contentspalten für den Ausdruck
  *
  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
  */

  #col1, #col1_content { float:none; width:100%; margin:0; padding:0; border:0; }
  #col2 { display:none; }
  #col3 { display:none; }

  /*------------------------------------------------------------------------------------------------------*/

  /* (en) optional output of acronyms and abbreviations*/
  /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */

  /*
    abbr[title]:after, 
    acronym[title]:after { content:'(' attr(title) ')'; }
  */

  /*------------------------------------------------------------------------------------------------------*/

  /* (en) optional URL output of hyperlinks in print layout */
  /* (de) optionale Ausgabe der URLs von Hyperlinks */
  /*
  a[href]:after {
    content:" <URL:"attr(href)">";
    color:#444;
    background:inherit;
    font-style:italic;
  }
  */
}