@charset "UTF-8";

/* "Yet Another Multicolumn Layout" (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 103 $ $Date: 2007-07-31 23:24:53 +0200 (Di, 31 Jul 2007) $ */

 /* (en) base.css yaml-framework */
  
  * { margin:0; padding: 0 }
  option { padding-left: 0.4em }
  * html body * { overflow:visible }
  * html iframe, * html frame { overflow:auto }
  * html frameset { overflow:hidden }
  html { height: 100% }
  body {
    min-height: 101%;
    font-size: 100.01%;
    color: #000;
    background: #fff;
    text-align: left;
      }
  fieldset, img { border: 0 solid}
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}
  #header { position:relative }

  #topnav {
    position:absolute;
    top: 10px;
    right: 10px;
    /* (en) essential for correct alignment in Opera 6 ! */
    /* (de) Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
    text-align: right;
  }
  #nav { clear:both; width: auto }
  #main { clear:both; width: auto }
  #footer { clear:both; display:block }
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }
  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden }

  /* (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 }
    .subcolumns, .subcolumns_oldgecko {
    width: 100%;
    overflow:hidden;
  }

  /* (en) alternative class for optional support of old  Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { float:left }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .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 }
  .subcl img {float: right }
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }
    .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }


 /* (en) iehacks.css yaml-framework */

  body { min-height: auto; height: 1% }
  html { height: auto }
  * html textarea {overflow:scroll; overflow-x: hidden}
  * html input {overflow: hidden}
  body { position:relative }
  .clearfix { display: inline-block }  /* ... especial for IE7 */
  .clearfix { display: block }      /* ... für IE5,IE6,IE7 */
  * html .clearfix { height: 1% }   /* ... für IE5 + IE6/Win | hasLayout aktivieren */
  * html .floatbox { width:100% }
  .slidebox {
    margin-right: -1000px;
    position:relative;
    height: 1%
  }
  #page_margins, #page, #header, #nav, #main, #footer { zoom:1 }             /* IE6 & IE7    */
  #page_margins, #page { height: 1% }                                        /* IE 5.x       */
  * html #header, * html #nav, * html #main, * html #footer { width: 100% }  /* IE 5.x & IE6 */
  * html #header, * html #nav, * html #main, * html #footer { wid\th: auto } /* IE 6         */
  * html ul { position: relative }
  * html ol { position: relative }
  * html dl { position: relative }
  #ie_clearing {
    /* (en) Only a small help for debugging */
    /* (de) Nur eine kleine Hilfe zur Fehlersuche */
    position:static;

    /* (en) Make container visible in IE */
    /* (de) Container sichtbar machen im IE */
    display:block;

    /* (en) No fix possible in IE5.x, normal clearing used instead */
    /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
    \clear:both;

    /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
    /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
    width: 100%;
    font-size:0px;
    margin: -2px 0 -1em 1px;
  }
  * html #ie_clearing { margin: -2px 0 -1em 0}
  html {margin-right: 1px}
  * html {margin-right: 0}
  * html body a, * html body a:hover { background-color: transparent; }
  * html .c50l, * html .c25l, * html .c33l, * html .c38l, * html .c66l, * html .c75l, * html .c62l,
  * html .c50r, * html .c25r, * html .c33r, * html .c38r, * html .c66r, * html .c75r, * html .c62r {
    display:inline;
  }
  * html .subcolumns .subc,
  * html .subcolumns .subcl,
  * html .subcolumns .subcr { word-wrap: break-word; overflow:hidden; }

  
 /* (en) content_default.css yaml-framework */

  html * { font-size: 100.01% }
  body {
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    font-size: 75.00%;
    color: #444;
  }

  h1,h2,h3,h4,h5,h6 {
  	font-family:"times new roman",times,serif;
  	font-weight:bold;
  	color:#666;
  	margin: 0 0 0.25em 0;
  }

  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 200%; color:#182E7A}          /* 24px */
  h3 { font-size: 150% }                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */

  .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 }


 /* (en) theme_specific.css yaml-framework */


  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund  background:#27343C */
  * {font-style: normal;list-style: none;margin: 0;outline: none;padding: 0;text-decoration: none}
  body {background:#27343C;padding: 1em 0;text-align: center}

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins { min-width: 740px; max-width: 80em; margin: 0 auto; border: none; text-align:left; }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins {min-width: 740px; max-width: 80em; margin: 0 auto; border: none; text-align:left}
  #page {background: #FFFFFF url(../images/siteground.png);background-position:top;background-repeat: repeat-x;border: 1px #575D64 solid;font: small/150% "Lucida Grande", "Lucida Sans Unicode", Calibri, Arial, Helvetica, Verdana, sans-serif}
  #main {margin:0 1em 0 1em;background:#FFF;}

  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header {background: url(../images/top.png);background-position:left;background-repeat: no-repeat;height:9.5em}
  #header ul {padding: 1em 1em 0 0;float:right;text-align:right}
  #header ul li.month{font-size: 1.6em; line-height: 1.7em; color:#fff}
  #header ul li.date{font-size: 1.2em; line-height: 1.3em; color:#95B7EE}
  #header h1 {font-size:10pt;text-align:left}
  #blogtitle, #blogtitle a {color:#000;background-color:transparent}
  #blogtitle a { position:absolute;left:15px; top:6px; width:500px;height:9em;text-decoration:none;border:none}
  #blogdescription {display:none}

  /* (en) small navigation on top of page */
  /* (de) Schmale Navigationszeile oben auf der Seite */
  #topnav {background: #000;padding:0.1em 1em 0.2em 0;top: 0; right: 0; position: static;font-family:"Lucida Grande", verdana, helvetica, sans-serif}
  #topnav a {text-decoration:none;border-bottom:none;color: #CCCCCC;line-height: 1em;font-size: 0.8em}
  #topnav a:hover {color: #FFCC33;background:transparent;text-decoration:none;border-bottom: 1px #9C9C9C dotted}
  #topnav img{padding:0.1em 0 0 0.5em;vertical-align:middle}


  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #nav * { border: 0px none !important}
  #nav {border-top: 1px #99C3F7 solid; border-bottom: 1px #5086EA solid}
  #nav ul.navmain {margin:0; border:0; font-size: 0.9em;list-style-type: none;height: 2.2em; background:#70A5F3}
  #nav ul.navmain li {color: #eee;float: left;padding:0;margin:0}
  #nav ul.navmain li a {float: left;display: block;height: 1.8em;padding: 0.4em 1.5em 0 1.5em;text-align: center;color: #A6BFED;text-decoration: none;font-family: "Lucida Grande", verdana, helvetica, sans-serif;letter-spacing:0.1em;text-transform: uppercase}
  #nav ul.navmain li p {float: left;display: inline;height: 1.8em;padding: 0.4em 0.5em 0 0.5em;text-align: center;color: #A6BFED;text-decoration: none;font-family: "Lucida Grande", verdana, helvetica, sans-serif;letter-spacing:0.1em;text-transform: uppercase}
  #nav ul.navmain .dir ul li a{width: 120%; text-align: left; }
  
  /* (en) change background-color of main navigation */
  /* (de) Wechsel der Hintergrundfarbe bei Navigationsänderungen */
  #nav ul li.current{background-color: #629BF0}
  #nav ul li .current a, #nav ul li.archiv a, #nav ul li.favorites a, #nav ul li.contact a{color: #fff}
  #nav ul li  a:hover{background-color: #000066}
  

  /* (en) search in main navigation */
  /* (de) Suchbereich oben rechts in der Hauptnavigation */
  #nav ul li.topsearch{margin:0 0.5em 0 0;float: right;height:1.5em;vertical-align: middle}
  #nav ul li.topsearch a{float: left;display: block;height: 1.8em;padding: 0.4em 0.5em 0 0.5em;text-align: center;color: #A6BFED;text-decoration: none;font-family: "Lucida Grande", verdana, helvetica, sans-serif;letter-spacing:0.1em;text-transform: uppercase}
  #nav ul li input{font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;color: #00008B;font-size: 1em;background: #D5E4FD;border: 1px solid #000;text-align: center;height:1.4em;vertical-align: middle;padding:0.2em 0 0 0;margin: 0em 0.5em 0 0}
  #nav ul li input.search_button{border:none;background:transparent;height:auto;width:auto;vertical-align: middle}


  .c70l{width: 70%;float: left;border-right: 1px #ddd dotted;margin:0;padding:0}
  .c30r{width: 28%;float: right;margin-left: -5px;padding:0.5em}
  .c25l{width: 35%;border-right: 1px #ddd dotted;padding:0 1em;}
  .c25r{width: 55%;padding:0 1em;}

  /* (en) subcolumns in frontpage and content section | (de) Sonderspalten im Inhaltsbereich */
  #columnblock{margin:1em}
  .subcolumns {margin:0em; padding:0em}
  .subcolumns li.tags{padding:0 1em 0 0;margin:0; list-style:none;list-style-type: none;background:none;}
  .subcolumns ul.tags{padding:0;margin:0;}


  /* (en) #col1 headlines and links| (de) #col1 Ueberschriften und Links */
  h1,h2,h3 {color:#000033;font-weight:normal;font-family:"Trebuchet MS", Candara, Trebuchet, Helvetica, Arial, Geneva, sans-serif}
  h1 {margin:0 0 0.5em;font-size:1.8em;line-height:1.2em}
  h2 {margin:0.1em 0 0.5em 0;font-size:1.8em;line-height:1.3em}
  h3 {margin:1.2em 0 0.5em 0;font-weight:bold;font-size:1.2em}
  h4 {font-family:"Trebuchet MS", Candara, Trebuchet, Helvetica, Arial, Geneva, sans-serif;margin: 0 0 0.5em 0;color:#666;font-weight:normal;font-size:1em;line-height:1.0em;text-transform:uppercase;letter-spacing:0.15em}

  h2 a:link, h2 a:visited, h2 a:hover, h3 a:link, h3 a:visited, h3 a:hover {margin:0;padding:0;border-bottom:1px dotted #000033;color:#000;font-weight:normal}
  h2 a:hover, h2 a:focus, h2 a:active, h3 a:hover, h3 a:focus, h3 a:active {color:#fff; background:#000033;border-bottom:none}


  a:link, a:visited {border-bottom:1px dotted;color:#0000A0;text-decoration:none}
  a:visited {color:#0000A0}
  a:hover, a:focus, a:active {border-bottom-style:solid;color:#990000}
  a:focus, a:active {background:#ffc}
  a.imglink:link, a.imglink:visited {border:none}
  a.imglink:hover {background:transparent}

  .clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden;width: 100%;}
  a.button {background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px; /* sliding doors padding */text-decoration: none;border-bottom:none}
  a.button span {background: transparent url(../images/bg_button_span.gif) no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px}
  a.button:active {background-position: bottom right;color: #000;outline: none; /* hide dotted outline in Firefox */}
  a.button:active span {background-position: bottom left;padding: 6px 0 4px 18px; /* push text down 1px */}


  /* (en) #col1 posts | (de) #col1 Artikel */
  /* (en) new posts  | (de) #col2 Neuester Artikel gesondert formatieren 041830 17292F*/
  #new {padding:1.5em 1em 1em 1.5em}
  #new .entry {margin:0.2em 0 0.1em 0; padding:0 0 1.5em 0;color:#000}
  #new .postmetadata {line-height:1.2em;letter-spacing:0.1em;font-size:0.9em;margin:0;padding: 0.5em; border-top: 1px #9C9C9C dotted}
  #new .postcomment{float:right}
  #new .postimage{vertical-align:middle}
  #new .posttitle{padding:0;margin:0 0 0.2em 3em;background:none}
  #new h2 {background:#FF8C00;color:#fff;font-size:1.8em;line-height:1.4em;margin:0 10em 0.2em 0em}
  #new h2 a:hover{background:#DD5200;color:#fff;text-decoration:none}
  #new h4{color:#666}
  #new .postdate {color:#666;margin:0.5em 0 1em 0}
  #new .c30r a{text-decoration:none;border-bottom:none;color:#000080;line-height:1em}
  #new .c30r a:hover{text-decoration:none;border-bottom:none;color:#990000}
  #new p{padding:0em 1em 0em 0em}

  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #featured * { border: 0px none !important}
  #featured {border-top: 1px #5086EA solid; border-bottom: 1px #5086EA solid}
  #featured ul.navmain {margin:0; border:0; font-size: 0.9em;list-style-type: none;height: 2.2em; background:#70A5F3}
  #featured ul.navmain li {color: #eee;float: left;padding:0;margin:0}
  #featured ul li.current{background-color: #629BF0}
  #featured ul.navmain li a {float: left;display: block;height: 1.8em;padding: 0.4em 1.5em 0 1.5em;text-align: center;color: #FFF;text-decoration: none;font-family: "Lucida Grande", verdana, helvetica, sans-serif;letter-spacing:0.1em;text-transform: uppercase}

  /* (en) subcolumns in frontpage | (de) Sonderspalten auf der Hauptseite */
  #featuredblock{background:#FBFBFF;border-bottom: 1px #70A5F3 solid;padding:1em 0 1em 0;margin:0 0 2em 0em}
  #featuredblock li{padding:0;margin:0 0 0 1em}
  #featuredblock img{vertical-align:middle;padding:0 10px 0 0}

 .links ul {list-style-type: none;width: 235px;padding:0,margin:0}
  .links li {margin:0;padding:0}
  .links li a:hover {background-color: #FBFBFF;border-top: 1px #70A5F3 solid;border-bottom: 1px #70A5F3 solid}
  * html .links li a {  /* make hover effect work in IE */ width: 185px}

  .topartikel a span {color: #990000;font: normal 70% "Lucida Grande", "Lucida Sans Unicode", Calibri, Arial, Helvetica, Verdana, sans-serif;line-height: 150%;border-top: 1px #ddd solid;padding: 0.1em 0 0 0}
  .topartikel a em {color: #333;font: normal 85% "Lucida Grande", "Lucida Sans Unicode", Calibri, Arial, Helvetica, Verdana, sans-serif;line-height: 125%;display: block;padding: 0 0 0.5em 0}
  .links li a {display: block;font: normal 100% "Lucida Grande", "Lucida Sans Unicode", Calibri, Arial, Helvetica, Verdana, sans-serif;padding: 0.2em 0 0.2em 0.3em;margin: 0 0 0.1em 0;text-decoration: none;border-top: 1px #fff solid;border-bottom: 1px #fff solid}
  .links {padding:0.5em;margin:0 0 2em 0}
  .topartikel li {margin:0 0 0 0.5em;padding:0.2em 0 0.2em 0em; list-style: disc;}
  .logo li{ padding:1em 0 1em 0em;vertical-align:middle }
  .logo img{ padding:1em 0 1em 0em;vertical-align:middle }
  .logo a{ padding:1em 0 1em 0em;vertical-align:middle;text-decoration:none;border-bottom:none; font-size:1.3em}
  h4.logo { margin:2em 0 0 3em }

  #amazon-favorites{padding:0.5em;margin:0em 0 2em 0;}

  /* (en) footer section | (de) Fusszeile */
  #footer {color:#fff;background: #000;padding: 1.5em;margin: 0;font-size:0.9em;border-top: 2px #000 solid}
  #footer a {text-decoration:none;border-bottom:none;color: #CCCCCC;line-height: 1em;font-size: 1em; font-weight:normal}
  #footer a:hover {color: #FFCC33;background:transparent;text-decoration:none;border-bottom: 1px #9C9C9C dotted}
  #footer .footerbagde {float:right}
  #footer .footerbagde a:hover {text-decoration:none;border-bottom:none}

  /* flickr stream */
  #flickr a {background: #fff;padding: 3px;display: block;float: left;margin-right: 10px;margin-bottom: 10px;text-decoration:none;border-bottom:none}
  #flickr a:hover {background: #DD5200;}
  #flickr a:hover img {border-color: #fff;}
  #flickr img {border: 1px solid #adcbf0;display: block;float: left;margin: 0;width: 60px;height: 60px;}
  #flickr h3 span {color: #ff0084;}
  #flickrhome a {text-decoration:none;border-bottom:none}

  /* xing-bagde */
  .xing a {text-decoration:none;border-bottom:none}

    /* tagcloud */
  #aboutcloud{line-height:1.3em;padding: 0em 2em 0 1em;margin:0 0 2em 0}
  #aboutcloud a:hover{text-decoration:none;border-bottom: 1px #9C9C9C dotted}
  a.tag1 {font-size:160%;text-decoration:none;border:none;color:#25323A;line-height:1.1em;padding:0 0.5em 0 0}
  a.tag2 {font-size:130%;text-decoration:none;border:none;color:#25323A;line-height:1.1em;padding:0 0.5em 0 0}
  a.tag3 {font-size:110%;text-decoration:none;border:none;color:#25323A;line-height:1.1em;padding:0 0.5em 0 0}
  a.tag4 {font-size:90%;text-decoration:none;border:none;color:#25323A;line-height:1.1em;padding:0 0.5em 0 0}
  a.tag5 {font-size:80%;text-decoration:none;border:none;color:#25323A;line-height:1.1em;padding:0 0.5em 0 0}