@charset "UTF-8";
/*  
Theme Name: Blogwerk 2.0
Theme URI: http://www.blogwerk.com
Description: Theme fuer die Blogwerk-Themenblogs.
Author: Philip Hetjens
Author URI: http://www.blogwerk.com.com/

*/

@import url(css/yaml/core/base.css);

@media all {
  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { font-family: Verdana, Arial, sans-serif; /*cursor: url('/wp-content/themes/default/gfx/local.cur'), auto; */ }

  .blogimg { background-image: url('gfx/blogs.gif'); width: 16px; height: 16px; float: left; margin-right: 5px }
  
  /* Generell */
  a { text-decoration: none; /*cursor: url('/wp-content/themes/default/gfx/localhand.cur'), pointer;*/ }
  /*.line_bottom { padding-bottom: 14px !important; margin-bottom: 14px !important; border-bottom: 1px dotted #ccc }*/
  .line_bottom { padding-bottom: 28px !important; margin-bottom: 28px !important; }
  .comments .line_bottom { padding-bottom: 14px !important; margin-bottom: 14px !important; }
  .line_top { padding-top: 14px !important; margin-top: 14px !important; }
  #topnav .black:hover { text-decoration: underline; }

  /* Überschriften */
  #col1 h3.title { font-weight:100; margin-bottom:11px; text-transform:uppercase; }
  /* Content */
  #col1 .sticky { padding: 14px; }
  .post { margin-bottom: 28px; padding-bottom: 28px; }
  .post .top { float: left; width: 50px; }
  .post h1, h1.likepost { font-weight: 100; font-size: 2em; padding-bottom: 8px; }
  .post h1 small { font-size: 0.5em; text-transform: uppercase; }
  .post .meta { padding-bottom: 16px; clear: left; }
  .post .meta a { text-decoration: underline; }
  .post .meta a:hover { text-decoration: none; }
  .post h4 { font-size: 1.11em; font-weight: 100; padding-bottom: 23px; }
  .post h2 { font-size: 1.11em; font-weight: 100; }
  .post .content { line-height: 1.5em; }
  .post p { padding-bottom: 1em; }
  .post p small { font-size: 0.9em; }
  .advertisement { font-size: 0.8em; padding: 10px 0 10px 0; }
  .advertisement3 { font-size: 0.8em; padding: 10px 0 10px 0; }
  .post hr { border: 0px; color: #fff; background: #fff; }
  .post img { margin: 10px; } /* Abwärtskompatibilität */
  .post .image_left img, .post .image_right img, .post image_center img, .post .meta img, .post .top img { margin: 0 } /* AK wieder rückgäng machen, bei aktuellen Bildern */
  
  .post blockquote { margin: 0.5em 0 0.5em 1em; padding: 0.5em 0 0.5em 1em; }
  .post h2 { font-weight: 100; margin-top: 1em; }
  .post h3 { font-weight: 700 !important; font-size: 1em; margin-top: 1em; text-transform: none !important;}
  .post table { margin: 1em 0 1em 0; padding: 0; border-collapse: collapse; }
  .post td { padding: 2px; font-size: 1em; }
  .post thead td { font-weight: 700; }
  .post ul { list-style-type: square; }  
  
  #col1 h3 { text-transform: uppercase; font-weight: 100; }
  
  /* Images */
  .image_left { float: left; padding-right: 20px; }
  .image_right { float: right; padding-left: 20px; }
  .image_center { text-align: center; }
  .image_desc { text-align: left; padding-bottom: 5px; font-size: 0.9em}
  a .image_desc { color: #888; }

  /* Boxen */
  .boxleft { float: left; margin-right: 10px; margin-bottom: 10px; }
  .boxright { float: right; margin-left: 10px; margin-bottom: 10px; }
  .boxcenter { margin-bottom: 1em; }
  
  /* Widgets im Content */
  #col1 ul.widgets .subcolumns { background: url('gfx/empf_bg.gif') repeat-y; }
  #col1 ul.widgets .cubcolumns p { margin-top: 4px; }
  #col1 ul.widgets li h1 {font-size: 1.11em; font-weight: 100; }
  #col1 ul.widgets .subcl { padding-right: 20px; }
  #col1 ul.widgets .subc { padding-left: 17px; padding-right: 17px; margin-left: -8px; margin-right: -8px; }
  #col1 ul.widgets .subcr { padding-left: 20px; }
  #col1 ul.widgets p { margin-top: 4px; }
  #col1 ul.widgets>li { margin-bottom: 0 } /* nur erste stufe li */

  /* Comments */
  .commentlist li { margin-bottom: 1em; }
  .commentlist .reply { text-align: right; }
  .commentlist .name { font-size: 1.11em; }
  .commentlist .author { background: #f6f6f6; }
  .commentlist .children { margin-left: 1.5em; padding-left: 1em; border-left: 1px solid #c5c5c5; }
  .commentlist li p { margin-bottom: 1em; }
  
  
  .commentlist .meta, .pingbacklist .meta { padding: 4px 0; font-size: 0.9em; }
  #respond { padding-top: 1em; }
  #respond blockquote.hint { border: 0; }
 
  /* Bildergalerie */
  #divout { position: relative; margin: auto; }
  #divout #divoverlay { z-index: 10; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
  #divout a { height: 100%; bottom: 0; top: 0; float: left; display: block; }
  #divout img { position: relative; z-index: 9; margin: 0; }
  #divout a.links { background: url('gfx/galerie/blank.gif'); }
  #divout a.rechts { background: url('gfx/galerie/blank.gif'); }
  #divout a.links:hover { background: url('gfx/galerie/links.gif') no-repeat left; }
  #divout a.rechts:hover { background: url('gfx/galerie/rechts.gif') no-repeat right; }

  #blog_list { background-color: #fff; border: 1px solid #ccc; position: absolute; top: 22px; left: 780px; width: 140px; padding: 5px; z-index: 1000; }
  #blog_list ul { list-style: none; margin: 0; padding: 0; }
  #blog_list ul li { margin: 0; padding: 0; }
  #blog_list ul li a { display: block; padding: 2px; }
  #blog_list ul li img { margin-top: 2px; }
  
  .fotostrecke { padding: 2px; margin-bottom: 1em; background: #E6E6E6 url(gfx/tabs/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%; border: 1px solid #D3D3D3; }
  .fotostrecke .name { font-weight: 700; padding: 5px 5px 0 5px; }
  .fotostrecke .pics { background: #fff; padding: 10px; text-align: center; margin: 5px; }
  .fotostrecke .pics img { margin: 0 5px 0 0; }
  .fotostrecke .info { padding: 0 5px 5px 5px; }
  
  /*WP-Standarklassen für z.B. Bilder*/
  .alignleft { float: left; margin-right: 10px; margin-bottom: 10px; }
  .alignright { float: right; margin-left: 10px; margin-bottom: 10px; }
  .aligncenter { display: block; margin-left: auto; margin-right: auto; }
  .flattr { margin-bottom: -22px; margin-top: 15px; }
  .flattr .flattr-label { color: #999; margin: 0px 0.5em 0px 0px; float: left; }
}

@media screen, projection
{
  /* Layout Alignment | Layout-Ausrichtung */
  #page_margins { margin: 0 auto; padding: 0 1em; width: 970px; }

  /* Layout Properties | Layout-Eigenschaften */
  #page { padding: 0; font-size: 0.77em;}
  #header { padding: 0px; color: #000; }
  #nav { overflow:hidden; margin-bottom: 20px; }
  #main { margin: 0; background: #fff; }

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 20px; }

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 510px}
  #col2 { display:none}
  #col3 { width: auto; margin: 0 0 0 510px}
  #col1_content { padding: 0 20px 0 0; }
  #col3_content { padding: 0 0 0 20px; border-left: 1px dotted #ccc; }
	
  /*-------------------------------------------------------------------------*/
  
  /* Werbung */
  table.advertisement { margin: 6px 0 6px 0; padding: 0; border-collapse: collapse; }
  table.advertisement td { width: 50%; vertical-align: top; }
  table.advertisement td.right { padding: 3px 0 0 10px; }
  table.advertisement td.left { padding: 3px 10px 0 0; text-align: right; }
  
  /* Top-Nav */
  #header #topnav { font-family: Verdana, Arial, sans-serif; top: 7px; font-size: 0.9em; }

  /* Nav-bar */
  #nav_main { width: 100%; overflow: hidden; float: left; display: inline; line-height: 0; }

  #nav_main ul {
    display: inline; /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    float: left; margin: 0; padding: 7px;
  }

  #nav_main ul li {
    display: inline; /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    float: left; line-height: 1em; list-style-type: none; margin: 0 10px 0 0; text-transform: uppercase; font-family: Trebuchet, 'Trebuchet MS', Verdana, Arial, sans-serif;
  }

  #nav_main ul li a { display: block; font-size: 1.2em; font-weight: bold; padding: 4px; text-decoration: none; width: auto; }

  /* Searchfeld in der Nav-Bar */
  #search { padding: 3px 5px 0 0; text-align: right}
  #search input#s_text { width: 150px; height: 18px; padding: 1px; font-family: Trebuchet, 'Trebuchet MS', Verdana, Arial, sans-serif; }
 
  /* Sidebar */
  ul.widgets { list-style-type: none; margin: 0; padding: 0; } /* alle ul */
  ul.widgets ul { list-style-type: none; margin: 0; padding: 0; } /* alle ul */
  ul.widgets li { margin: 0; padding: 0; } /* alle li */
  ul.widgets>li { margin-bottom: 14px } /* nur erste stufe li */
  ul.widgets h3 { text-transform: uppercase; font-weight: 100; margin-bottom: 11px; } /* Widget title */
  ul.widgets p { font-size: 0.9em; }
  ul.widgets h1 { font-size: 1.11em; font-weight: 100; } /* Artikel title */
  .disk p a:hover { text-decoration: underline; }
  ul.widgets li.newest { margin-bottom: 15px; }
  ul.widgets .textwidget { padding-bottom: 28px !important; margin-bottom: 28px !important; }

  /* Pagenavi */
  .pagenavi {margin: 25px 0 35px 0; }
  .pagenavi a { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; }
  .pagenavi span.current { padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; }
  .pagenavi span.extend { padding: 2px 4px 2px 4px; margin: 2px; }
  
  /* Footer */
  #footer { margin-top: 15px; padding: 0; }
  #footertext { text-align: center; padding: 0 0 16px 0; clear: both; }
  #footertext a { color: #999999; text-decoration: underline; }
  .blogs { padding: 10px 0 0px 0; clear: both }
  /* für div: .blog { float: left; width: 184px; padding-right: 10px } */
  .blog {}
  .blog h1 { font-weight: 100; font-size: 1.11em; margin-bottom: 8px; }
  
  /* inputs */
  input.submit { height: 22px; padding: 0 0 2px 0; }
  input, textarea { padding: 2px; margin: 2px 0; vertical-align: middle; }
  #col1 input, #col1 textarea { margin: 2px; }
  #ed_toolbar input { padding: 0px 5px; display: table-cell; }
  
  
  
  /* Tabs */
  .ui-helper-hidden { display: none; }
  .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
  .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
  .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .ui-helper-clearfix { display: inline-block; }
  * html .ui-helper-clearfix { height:1%; }
  .ui-helper-clearfix { display:block; }
  .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
  .ui-state-disabled { cursor: default !important; }
  .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
  .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
  .ui-widget-content { background: #ffffff url(gfx/tabs/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
  .ui-widget-header a { color: #222222; }
  .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(gfx/tabs/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
  .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
  .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(gfx/tabs/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
  .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
  .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(gfx/tabs/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
  .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }
  .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(gfx/tabs/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
  .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
  .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(gfx/tabs/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
  .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
  .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
  .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
  .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
  .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
  .ui-icon { width: 16px; height: 16px; background-image: url(gfx/tabs/ui-icons_222222_256x240.png); }
  .ui-widget-content .ui-icon {background-image: url(gfx/tabs/ui-icons_222222_256x240.png); }
  .ui-widget-header .ui-icon {background-image: url(gfx/tabs/ui-icons_222222_256x240.png); }
  .ui-state-default .ui-icon { background-image: url(gfx/tabs/ui-icons_888888_256x240.png); }
  .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(gfx/tabs/ui-icons_454545_256x240.png); }
  .ui-state-active .ui-icon {background-image: url(gfx/tabs/ui-icons_454545_256x240.png); }
  .ui-state-highlight .ui-icon {background-image: url(gfx/tabs/ui-icons_2e83ff_256x240.png); }
  .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(gfx/tabs/ui-icons_cd0a0a_256x240.png); }
  .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
  .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
  .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
  .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
  .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
  .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
  .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
  .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
  .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
  .ui-widget-overlay { background: #aaaaaa url(gfx/tabs/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
  .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(gfx/tabs/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }
  .ui-tabs { padding: .2em; zoom: 1; }
  .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
  .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0.2em 0.2em -1px 0; padding: 0 0 1px 0; }
  .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
  .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
  .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
  .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; border: 1px dotted #CCCCCC; }
  .ui-tabs .ui-tabs-hide { display: none !important; }
  .tagtab { display: none; }
  .tagtab h2 { font-size: 1.11em; font-weight: 100; }
  .tagtab p { font-size: 0.9em; line-height: 1.5em; }
  .tagtabs .spacing { padding-top: 9px; font-weight: 700; }
  .tagtabs td { padding-bottom: 18px; vertical-align: top; }
  .moretags { text-align: right; font-weight: 700; }
  
  
  /* Share this Post */
  .share a.btn { padding: 15px 10px 17px 10px; border: 1px solid #D3D3D3; background: #E6E6E6 url(gfx/tabs/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
  .share a.btn:hover { border: 1px solid #999999; background: #dadada url(gfx/tabs/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; }
  
}

@media print {
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * @section layout preparation
   * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
   */

  /* (en) Preparing base layout for print */
  /* (de) Basislayout für Druck aufbereiten */
  body, #page_margins, #page, #main { margin:0; padding: 0; border: 0; }
  #page_margins, #page { width: 100% !important; min-width:0; max-width: none; }
  #header { height: auto; }

  /* (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, #footer { display: none; }

  /* (en) Linearising subtemplates */
  /* (de) Linearisierung der Subtemplates */
  .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l,
  .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r {
    width: 100%; margin:0; float:none; overflow:visible; display:table;
  }
  .subc, .subcl, .subcr  { margin: 0; padding: 0; }

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

  /**
   * @section content preparation
   * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
   */

  /* (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; }

  /* (en) Format acronyms and abbreviations for print*/
  /* (de) Auszeichnung von Abkürzungen */
  abbr[title]:after, 
  acronym[title]:after { content: '(' attr(title) ')'; }

  /* (en) Disable background graphics of links  */
  /* (de) Abschalten evlt. vorhandener Hintergrundgrafiken zur Linkkennzeichnung */
  #page a[href^="http:"], 
  #page a[href^="https:"] { padding-left: 0; background-image: none; }

  /* (en) Preparation for optional column labels */
  /* (de) Vorbereitung für optionale Spaltenauszeichnung */
  #col1_content:before, #col2_content:before, #col3_content:before {
    content: "";
    color:#888;
    background:inherit;
    display:block;
    font-weight:bold;
    font-size:1.5em;
  }

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

  /**
   * @section browser fixes for print layouts
   * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
   */

  /**
   * (en) overflow:hidden Bug in print layouts
   * (de) overflow:hidden Bug in Drucklayouts
   *
   * @bugfix
   * @since     3.0
   * @affected  FF2.0, IE7
   * @css-for   all browsers
   * @valid     yes
   */
  
  .floatbox,
  .subcolumns, 
  .subcolums_oldgecko { overflow:visible; display: table; }

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

  #col1, #col1_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; }
  #col2 { display:none; }
  #col3 { display:none; }
  
  .printhide { display: none; }
  
  #footer { display: block; }
  #footertext { text-align: center; }
}