/* -*- CSS -*-
  ----------------------------------------------------------------------------
  File:     darmarIT.js              --                                     --
  Author:   Markus Heiser            --     Copyright (C) 2008 darmarIT     --
  mail:                              --         All rights reserved.        --
  http://www.darmarIT.de             --                                     --
  ----------------------------------------------------------------------------
  Revision:    $Id: $
  Purpose:     Stylesheet für die Inlet-Boxen

*/


.InletBox {
    clear: both;
}

.InletBox_content {
    padding: 1px 20px;
}

.InletBox_content h1, .InletBox_content h2, .InletBox_content h3, .InletBox_content h4 {
    font-size: 100%;
    margin: 5px -10px;
    padding: 2px 20px;
    color: #333;
    z-index: 1000;
}

.InletBox_content h1 {
    margin: -8px 0 0 0;
    background-color: #FAB937;
    border: 1px solid #bbb;
    color: #333;
}

/* der IE6 berechnet die Abstände falsch */
* html .InletBox_content h1 {
    margin: -9px 0 0 0;
}

.InletBox_content h2 { background-color: #c1d8e1; }
.InletBox_content h4 { background-color: #eae7b4; }
.InletBox_content h3 { background-color: #e1d5c1; }


.InletBox_lb {
    background-image: url('../images/InletBox_middle.png');
}
.InletBox_rb {
    background-image: url('../images/InletBox_middle.png');
    background-position: 100% 0;
}


.InletBox_tl, .InletBox_tr, .InletBox_bl, .InletBox_br { 
    background-image: url('../images/InletBox.png');
    height: 10px;       /* = 1/2 height of the image) */
    font-size: 2px;    /* correction IE for height of the <div>'s */
}


/* IE 6, der Filter 'DXImageTransform.Microsoft.AlphaImageLoader' für
   halbtransparente PNGs funktiooniert hier nicht, da mehrere halbtransparente
   Hintergrundbilder aufeinander gelegt werden, deshalb sollte man einfach ein
   GIF verwenden, auch wenn es mit den Farben nich so prächtig iist: man kann
   im Leben nicht alles haben */

* html .InletBox_lb, * html .InletBox_rb {
    background-image: url('../images/InletBox_middle.gif');
}

* html .InletBox_tl, * html .InletBox_tr, * html .InletBox_bl, * html .InletBox_br { 
    background-image: url('../images/InletBox.gif');
}

.InletBox_tl, .InletBox_bl { margin-right: 15px; }
.InletBox_tr, .InletBox_br {
    margin-left: 10px;
    margin-top: -10px;
}
.InletBox_tr { background-position: 100% 0; }
.InletBox_bl { background-position: 0 -10px; }
.InletBox_br { background-position: 100% -10px;}