@charset "UTF-8";
/*
Theme Name: haefelinger.it
Theme URI: http://haefelinger.it
Description: The theme used by haefelinger IT
Version: 3.2.1
Author: Wolfgang Haefelinger (wh@haefelinger.it)
Tags: html fixed google-custom-search grid drop-down-menu

The basic theme using html table for layout instead of floats.
*/



html, body,  div,   span,    fieldset,    form      {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
}

/* TODO: add here further grid sections where we don't want to have the default */
#sidebar ol, #sidebar ul {
  list-style: none;
}


/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a { 
  text-decoration: none;
}

p { 
  text-align: left;
}

div { 
  /* stop all divs from margin collapsing (cause of the 1px padding) */
  padding: 1px 0;
}

/* 
   Within this file we care about the foreground colors and about the background
   including background images). In addition you may find 'border' settings here
   as well. Border settings do not really belong here cause they impact the 
   elements final position. To summarize: you will find here all color and 
   background settings not having an impact on the final layout.

   We assume here that all background and foreground colors have been set to 
   'transparent' and 'black' as their default values.

   Hint: If you move this file to a different folder, then make sure to adjust 
   all relative urls used in this document.
   */

body,html { 
  background: rgb(240,240,240);
  color: black;
}

blockquote, pre, code, kbd, samp, var { 
  background-color: #f7f7f7;
  background: #DDF8CC;
}

pre { 
 background: #DDF8CC;
}

a {
  color: green !important;
}

/* ---page -------------------------------------------------------------------*/
#page { 
  background: white;
}


/* --- content-main ----------------------------------------------------------*/
#content-main { 
  background: white;
  border-right: 1px silver dotted;
}

/*--- Sidebar ----------------------------------------------------------------*/
#sidebar { 
  color: rgb(90,70,70);
}

#sidebar li.current-cat > a, #sidebar li.current_page_item > a{ 
  background: white ;
  color: rgb(137,141,133); /* gray */
}

#sidebar ul li a:hover { 
  color: rgb(137,141,133);
  background: white;
}

#sidebar h3 { 
  background: rgb(180,229,85);
  color: rgb(137,141,133);
  font-weight: normal;
}


/* --- footer ----------------------------------------------------------------*/


/* --- header ----------------------------------------------------------------*/
#header { 
  background: white url(images/logo-haefelingerit.png) repeat 0px -0px;
}

.highlight { 
  color: #f60; 
}
.dimmed { 
  color: #888; 
}
.info { 
  background: #f8f8f8; 
  color: #666; 
}
.note { 
  background: #efe; 
  color: #040;
}
.important { 
  background: #ffe; 
  color: #440; 
}
.warning { 
  background: #fee; 
  color: #400; 
}

.newsitem div.ddmmyy span { 
  background-image: url("images/numbers.png");
  background-repeat: no-repeat;
}

.newsitem.i0 div.ddmmyy span { 
  background-color: rgb(214,210,201);
}

.newsitem.i1 div.ddmmyy span { 
  background-color: rgb(180,229,85); /* green-yellow */
}

.newsitem.i0 span.n00, .newsitem.i1 span.n00 {
  background-position: 0px -5px;  /* 0*70=0 */
}
.newsitem.i0 span.n01, .newsitem.i1 span.n01 {
  background-position: 0px -75px;  /* 1*70=70 */
}
.newsitem.i0 span.n02, .newsitem.i1 span.n02 {
  background-position: 0px -145px;  /* 2*70=140 */
}
.newsitem.i0 span.n03, .newsitem.i1 span.n03 {
  background-position: 0px -215px;  /* 3*70=210 */
}
.newsitem.i0 span.n04, .newsitem.i1 span.n04 {
  background-position: 0px -285px;  /* 4*70=280 */
}
.newsitem.i0 span.n05, .newsitem.i1 span.n05 {
  background-position: 0px -355px;  /* 5*70=350 */
}
.newsitem.i0 span.n06, .newsitem.i1 span.n06 {
  background-position: 0px -425px;  /* 6*70=420 */
}
.newsitem.i0 span.n07, .newsitem.i1 span.n07 {
  background-position: 0px -495px;  /* 7*70=490 */
}
.newsitem.i0 span.n08, .newsitem.i1 span.n08 {
  background-position: 0px -565px;  /* 8*70=560 */
}
.newsitem.i0 span.n09, .newsitem.i1 span.n09 {
  background-position: 0px -635px;  /* 9*70=630 */
}
.newsitem.i0 span.n10, .newsitem.i1 span.n10 {
  background-position: 0px -705px;  /* 10*70=700 */
}
.newsitem.i0 span.n11, .newsitem.i1 span.n11 {
  background-position: 0px -775px;  /* 11*70=770 */
}
.newsitem.i0 span.n12, .newsitem.i1 span.n12 {
  background-position: 0px -845px;  /* 12*70=840 */
}
.newsitem.i0 span.n13, .newsitem.i1 span.n13 {
  background-position: 0px -915px;  /* 13*70=910 */
}
.newsitem.i0 span.n14, .newsitem.i1 span.n14 {
  background-position: 0px -985px;  /* 14*70=980 */
}
.newsitem.i0 span.n15, .newsitem.i1 span.n15 {
  background-position: 0px -1055px;  /* 15*70=1050 */
}
.newsitem.i0 span.n16, .newsitem.i1 span.n16 {
  background-position: 0px -1125px;  /* 16*70=1120 */
}
.newsitem.i0 span.n17, .newsitem.i1 span.n17 {
  background-position: 0px -1195px;  /* 17*70=1190 */
}
.newsitem.i0 span.n18, .newsitem.i1 span.n18 {
  background-position: 0px -1265px;  /* 18*70=1260 */
}
.newsitem.i0 span.n19, .newsitem.i1 span.n19 {
  background-position: 0px -1335px;  /* 19*70=1330 */
}
.newsitem.i0 span.n20, .newsitem.i1 span.n20 {
  background-position: 0px -1405px;  /* 20*70=1400 */
}
.newsitem.i0 span.n21, .newsitem.i1 span.n21 {
  background-position: 0px -1475px;  /* 21*70=1470 */
}
.newsitem.i0 span.n22, .newsitem.i1 span.n22 {
  background-position: 0px -1545px;  /* 22*70=1540 */
}
.newsitem.i0 span.n23, .newsitem.i1 span.n23 {
  background-position: 0px -1615px;  /* 23*70=1610 */
}
.newsitem.i0 span.n24, .newsitem.i1 span.n24 {
  background-position: 0px -1685px;  /* 24*70=1680 */
}
.newsitem.i0 span.n25, .newsitem.i1 span.n25 {
  background-position: 0px -1755px;  /* 25*70=1750 */
}
.newsitem.i0 span.n26, .newsitem.i1 span.n26 {
  background-position: 0px -1825px;  /* 26*70=1820 */
}
.newsitem.i0 span.n27, .newsitem.i1 span.n27 {
  background-position: 0px -1895px;  /* 27*70=1890 */
}
.newsitem.i0 span.n28, .newsitem.i1 span.n28 {
  background-position: 0px -1965px;  /* 28*70=1960 */
}
.newsitem.i0 span.n29, .newsitem.i1 span.n29 {
  background-position: 0px -2035px;  /* 29*70=2030 */
}
.newsitem.i0 span.n30, .newsitem.i1 span.n30 {
  background-position: 0px -2105px;  /* 30*70=2100 */
}
.newsitem.i0 span.n31, .newsitem.i1 span.n31 {
  background-position: 0px -2175px;  /* 31*70=2170 */
}
.newsitem.i0 span.n32, .newsitem.i1 span.n32 {
  background-position: 0px -2245px;  /* 32*70=2240 */
}
.newsitem.i0 span.n33, .newsitem.i1 span.n33 {
  background-position: 0px -2315px;  /* 33*70=2310 */
}
.newsitem.i0 span.n34, .newsitem.i1 span.n34 {
  background-position: 0px -2385px;  /* 34*70=2380 */
}
.newsitem.i0 span.n35, .newsitem.i1 span.n35 {
  background-position: 0px -2455px;  /* 35*70=2450 */
}
.newsitem.i0 span.n36, .newsitem.i1 span.n36 {
  background-position: 0px -2525px;  /* 36*70=2520 */
}
.newsitem.i0 span.n37, .newsitem.i1 span.n37 {
  background-position: 0px -2595px;  /* 37*70=2590 */
}
.newsitem.i0 span.n38, .newsitem.i1 span.n38 {
  background-position: 0px -2665px;  /* 38*70=2660 */
}
.newsitem.i0 span.n39, .newsitem.i1 span.n39 {
  background-position: 0px -2735px;  /* 39*70=2730 */
}
.newsitem.i0 span.n40, .newsitem.i1 span.n40 {
  background-position: 0px -2805px;  /* 40*70=2800 */
}

.newsitem.i0 p.head { 
  background-color: rgb(180,229,85)
}

.newsitem.i1 p.head { 
  background-color: rgb(214,210,201);
}

.newsitem p.head a {
  color: white;
} 

.newsitem div.ddmmyy { 
  background-color: transparent;
}

.newsitem h4 { 
  color: black;
}

/*--- Featured ---------------------------------------------------------------*/
/*--- content-main------------------------------------------------------------*/

div.frame-founder img { 
  padding-bottom: 12px;
  width: 270px;
}

div.frame-founder .img-tl, div.frame-founder .img-bl {  
  float: left;
}
div.frame-founder .img-tr, div.frame-founder .img-br {  
  float: right;
}

/*--- Blog -------------------------------------------------------------------*/

.newsitem pre { 
  padding: 1ex;
}

x.newsitem ul, x.newsitem ol { 
  margin: 1em 0;
}
x.newsitem p.head { 
  margin: 0em;
  padding: 1ex;
}

/* Let the date 'stamp' sit in the top-right corner' */
.newsitem div.ddmmyy { 
  display: inline-block;
  padding: 0em 0em 1em 1em;
  float: right;
}

/* do a bit of padding between day, month and year */
.newsitem div.ddmmyy span.mm { 
  border-left: 2px solid white;
  border-right: 2px solid white;
}

/* make sure that date spans have proper size */
.newsitem div.ddmmyy span { 
  display: inline-block;
  width: 68px;
  height: 68px;
}


/*--- anchors -----------------------------------------------------------------*/

/* This class shall visualize that the user would leave this domain */
a.href-external { 
  font-style: normal;
}

#content-main.newsitem a { 
  text-decoration: underline;
}

/*--- #content-main.page -----------------------------------------------------*/
#content-main.page { 
  padding: 1em 0px;
  padding-left: 5px;
  padding-right: 15px;
}

#content-main.page h3 { 
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}

/*--- #content-main.index ----------------------------------------------------*/
#content-main.index { 
  padding: 2em 30px;
}

/*--- #content-main.404 ------------------------------------------------------*/
#content-main.notfound { 
  padding: 1ex 30px;
}

/*--- Sidebar ----------------------------------------------------------------*/
#sidebar > ul { 
  line-height: 2em;
}

#sidebar { 
  padding-left: 6px;
  padding-right: 6px;
}

#sidebar { 

}

#sidebar h3, #sidebar h4 { 
  margin-left: -6px;
  padding-left: 6px;
}

#sidebar ul li a { 
  margin-left: -6px;
  padding-left: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 3px;
}

/*--- Footer -------------------------------------------------------------*/
#founder h3 { 
  clear: both;
}

/*--- Contact ----------------------------------------------------------------*/
#content-main.contact p, #contat h3, #content-main.contact dl { 
  margin: 1em 0;
}
#content-main.contact dl dt { 
  clear: left;
  width: 200px;
  float: left;
}
#content-main.contact dl dd { 
  padding-left: 200px;
  display: block;
  border-bottom: 1px solid  #D6F17C;
}
#content-main.contact dl dt, #content-main.contact dl dd { 
  padding-top: 1ex;
  padding-bottom: 1ex;
}

/*--- keymessage -------------------------------------------------------------*/

#content-main.page div.keymessage { 
  padding-bottom: 1px;
  margin-bottom: 1em;
}
#content-main.page a { 
  text-decoration: underline;
}

#content-main.page h3 { 
  margin: 1em 0;
}
#content-main.page h4 { 
  margin: 1em 0;
}

/*--- Featured ---------------------------------------------------------------*/

/* make div.casestudy and div.latest two blocks pairing horizontally */
#content-main.page table.featured { 
  margin: 0;
  padding: 0;
  vertical-align: top;
}
/* do some round corners */
pre, #content-main.notfound {
   /* Firefox */
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  -moz-border-radius-bottomleft:0.5em;
  -moz-border-radius-bottomright:0.5em;
  -moz-border-radius-topleft:0.5em;
  -moz-border-radius-topright:0.5em; 

   /* Safari */
  -webkit-border-radius: 0.5em;
}/****** 
   font sizes:
  9px  56.25%
 10px  62.50%
 11px  68.75%
 12px  75.00%
 13px  81.25%
 14px  87.50%
 15px  93.75%
 16px 100.00%
 17px 106.25%
 18px 112.50%
 19px 118.75%
 20px 125.00%
 21px 131.25%
   ****/

body { 
  font-size: 75%;  /* =12pt if 16pt is given */ 
  font-family: "Lucida Grande",Verdana,AppleGothic, "Helvetica Neue",Arial,"Trebuchet MS", Helvetica, sans-serif;
  line-height: 120%;
}

blockquote, cite, q {
  font-family: Helvetica, Georgia, "Times New Roman", Times, serif;
  font-style:italic;
}

textarea, pre, code, kbd, samp, var, tt  {
  /* Use the browser default font */
  font-family: monospace;
}

h1,h2,h3,h4,h5,h6 { 
  font-family: sans-serif;
}

/* TODO: does this make any sense? */
h1 { font-size: 3.0em; }                    
h2 { font-size: 2.0em; }                    
h3 { font-size: 1.3em; }                    
h4 { font-size: 1.0em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; }


dt { 
  font-weight: bold; 
}

strong,b { 
  font-weight: bolder;
}

em,i { 
  font-style: italic; 
}

var { 
  font-style: italic; 
}

acronym, abbr {
  font-variant: small-caps;
  letter-spacing: .07em;
}

/*--- Blog -------------------------------------------------------------------*/
.newsitem div.ddmmyy span { 
  /* This hides all text within the span */
  font-size: 0;
}

.newsitem span.title { 
  font-size: 2em;
}

.newsitem h4 { 
  font-weight: bold;
}

/*--- info ------------------------------------------------------------------*/
#navigation span.info { 
  font-style: italic;
}

/*--- Featured ---------------------------------------------------------------*/

#content-main.page table.featured h4 {  
  font-size: 1em;
  font-weight: bolder;
}

#content-main.page table.featured a {  
  font-size: 0.8em;
  font-weight: normal;
}

html,body { 
  height: 100% !important;
}

div.pagewrap { 
  background: white;
  margin: 10px auto;
  padding: 20px;
  width: 760px;
}


#page { 
  padding: 0;         /* reset padding */
  margin: 0;          /* center page */
  width: 100%;       /* fixed size! */
  min-height: 100%    /* at least 100% of viewport */;
  overflow: hidden;   /* clip */
}

/*--- header -----------------------------------------------------------------*/
#header { 
  height: 10em;
}
 
#content-main {
  height: 100% !important;
  margin-right: 180px; /* Make sure text is not floating around the sidebar */
}

#sidebar { 
  clear: both;
  float: right;
  width: 150px;
  padding: 0;
}

#footer {
  clear: both;
  /* use visibility:hidden instead of display:none in order to get
     the sideeffect of 'clear'. 
     */
  visibility: hidden;
}



#content-main.notfound>h3 { 
  font-size: 1.9em;
  color: red;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  line-height: 2em;
}

input.text:focus { 
  border: 1px solid blue !important;
}

/*====== Navigation ==========================================================*/

#navigation { 
  background: white url(images/bg.png);
  padding: 0;
  margin: 0;
  position: relative;
  height: 2em;
  width: 100%;
  
}

#navigation div.search { 
  float: right;
  width: 180px;
  min-width:180px;
  line-height: 2em;
  height: 2em;
  padding: 0; /* clearing collapsing margin */
}

#navigation div.search input.text { 
  font-size: 0.83em;
  width: 172px;
  border:1px solid white;
  height: 1.5em;
  margin-top: 0.25em;
}

#navigation div.search input.text.empty { 
  background: white url(images/google_custom_search_watermark.gif) no-repeat;
}
#navigation div.search input.text.nonempty { 
  background: white;
}

#navigation div.lang { 
  float: right;
  margin-right: 10px;
  font-size: 0.8em;
  padding: 0;
}


#navigation div.lang span.info { 
  font-size: 0.8em;
  background: transparent;
}


#content-main li { 
  margin: 1ex;
}

#result { 
  background: transparent url(images/google_custom_search_watermark.gif) no-repeat top right;
}




p.smaller { 
  font-size: smaller;
  line-height: 1.5em;
}

div.newsitem { 
  margin-bottom: 4em;
}

div.newsitem>h2 { 
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  line-height: 1.3em;
  font-weight: normal;
  color: green;
}


#header div.logodata { 
  text-align: right;
  font-size: 9px;
  line-height: 16px;
  margin-right: 6px;
}
#header div.logodata div { 
  margin: 4px 0;
}
#header div.logodata span { 
  background: white;
  padding: 2px;
  padding-left: 4px;
}

#header div.logdata a.href-external { 
  font-style: normal !important;
  color: red;
}


#content-main { 
  line-height: 1.6em;
}


table td.c1 {
 width: 100px;
 border-right: 1px solid black;
 padding: 5px !important;
}
th.c1 {
 width: 150px;
}

td.c1 {
 padding: 10px;
}
table td.c2 {
  /* border-right: 1px solid black; */
}
table.techntool td, table.portfolio td,table.x-overview {
 padding: 10px;
}

table.x-overview td {
 padding: 10px 5px;
}
table.techntool br {
 display: none;
}



/* ----------------------------------- sidebar ------------- */
#sidebar { 
  font-size: 0.9em;
  background: transparent;
  padding-left: 10px;
}

#sidebar h3, #sidebar h4, #sidebar h5 { 
  font-size: 1.2em;
  line-height: 1.5em;
  background:  url(images/bg.png);
  color: white;
}

#sidebar div.tagcloud { 
  padding: 0 1em;
}

#sidebar > ul { 
  margin-left: 6px;
  padding: 0;
}
#sidebar ul ul { 
  margin: 0;
  padding: 0;
}
#sidebar ul li  { 
  list-style-position: outside;
  list-style-image: url(images/pictogram-post.gif);
  font-weight: bold;
}
#sidebar ul ul li { 
  margin: 0;
  padding: 0;
  list-style-image: url(images/li.gif);
  font-weight: normal;
}
#sidebar ul a { 
  color: green;
}

#sidebar ul li.cat-item { 
  list-style-image: url(images/pictogram-category.gif);
}

#sidebar ul li.current_page_item, #sidebar ul li.current-cat { 
  list-style-image: url(images/pictogram-here.gif);
}
#sidebar ul li.current_page_item > a, #sidebar ul li.current-cat > a { 
  color: red !important;
}
#sidebar > ul > li { 
  border-bottom: 1px solid #F0F0F0;
  margin: 2px 0px 2px 6px;
}