/**
 * Basic style definitions for "Open the doors to Solutions"
 *
 * @author:     Timo Gnambs <timo@gnambs.at>
 * @created:    2005-03-14
 * @lastmod:    2005-03-17
 *
 *
 * Colors used:
 *     Main background: #FFFFFF
 *     Main text:       #000000
 *     Menu background: #820019
 *     Menu text:       #FFFFFF
 *     Menu border:     #505558
 *     H2:              #D9D9D9
 *     Links:           #820019
 *     Links - hover:   #
 *     Links - active:  #
 *     Links - visited: #
 */



/* global styles */
html            { margin:0; padding:0; }
body            { font-size:101%; margin:0; padding:0; color:#000000; background:#FFFFFF; 
                  cursor:default; font-size:1em; font-family:Futura, Arial, sans-serif; }
img             { border:none; }
acronym, abbr,
span.abbr       { border-bottom:1px dotted; cursor:help; }

a               { cursor:pointer; }
a:link          { color:#820019; text-decoration:underline; }
a:visited       { color:#820019; text-decoration:underline; }
a:hover         { color:#000000; text-decoration:underline; }
a:active        { text-decoration:none; }
a:focus         { outline:#F0F0F6 solid 1px; text-decoration:none; }



/* logo */
/* Phark Revised Image Replacement Technique: 
   http://www.mezzoblue.com/tests/revised-image-replacement/#phark2 */
h1              { margin:0; padding:0; }
h1 a            { display:block; background:url(/img/logo.gif) no-repeat center; 
                  height:90px; text-indent:-2000px; padding:0; margin:20px 0 0 0; }




/* main menu */
div#menu        { position:absolute; top:107px; left:0; border-bottom:3px solid #505558; 
                  line-height:1px; padding:0 0 2px 0; width:100%; }
div#menu h2     { display:none; }
div#menu ul     { margin:0; padding:0; list-style:none; width:100%; background:#820019; }
div#menu ul li  { text-align:center; padding:0 0 1px 0; margin:0; background:#820019; float:left; 
                  line-height:1em; }
div#menu ul li a { color:#FFFFFF; text-decoration:none; font-weight:900; 
                   font-variant:small-caps; font-size:0.85em; 
                   font-family:Futura bold, Futura, Arial, sans-serif; }
div#menu ul li.home            { width:13%; }
div#menu ul li.coaching        { width:13%; }
div#menu ul li.mediation       { width:13%; }
div#menu ul li.veranstaltungen { width:13%; }
div#menu ul li.referenzen      { width:13%; }
div#menu ul li.links           { width:22%; }
div#menu ul li.kontakt         { width:13%; }

div#menu li a span             { display:none; }
div#menu li a:hover            { background:#820019; 
                                 /* needed for IE to interpret next instruction... */ }
div#menu li a span.active, div#menu li a:hover span 
                               { display:block; z-index:101;margin-left:-12px;
                                 background:#FFFFFF url(/img/dotsv.gif) no-repeat center; 
                                 position:absolute; top:40px; height:25px; width:30px; }
div#menu li.home a span            { left:6.5%; }
div#menu li.coaching a span        { left:19.5%; }
div#menu li.mediation a span       { left:32.5%; }
div#menu li.veranstaltungen a span { left:45.5%; }
div#menu li.referenzen a span      { left:58.5%; }
div#menu li.links a span           { left:76%; }
div#menu li.kontakt a span         { left:93.5%; }


/* main content */
div#content     { margin:100px 25% 3em 20%; font-size:0.8em; padding:0 0 3em 6em; }
/* IE5 Mac hack \*/
div#content     { position:absolute; top:200px; left:20%; width:55%; margin:0; }
/* end IE5 Mac hack */

div#content h2  { color:#820019; font-weight:900; font-size:1.4em; margin:2em 0 1em -2em; 
                  font-family:Futura bold, Arial, sans-serif; font-variant:small-caps; }
div#content h2.coaching { background:#FFFFFF url(/img/coaching.gif) no-repeat; width:400px;  
                          padding:48px 0 1em 2em; margin-left:-4em; }
div#content h2.mediation { background:#FFFFFF url(/img/mediation.gif) no-repeat; width:412px; 
                           padding:48px 0 1em 2em; margin-left:-4em; }
div#content h3  { color:#820019; font-size:1em; }
div#content h4  { color:#820019; margin:2em 0 0 0; }
div#content ul  { list-style-type:disc;list-style-image:url(/img/dot.gif); margin:0 0 0 -20px; }

div#content div.pic     { margin:0 0 -4em 0; text-align:right; padding:0 19% 0 0; }
div#content > div.pic   { padding-right:34%; }
div#content p.contact   { color:#820019; font-weight:900; }
div#content p.contact a { color:#000000; font-weight:300; }
div#content dt          { margin:0; padding:0; font-weight:900; font-size:1.1em; }
div#content dt a        { text-decoration:none; }
div#content .sep        { padding-top:3em; 
                          background:#FFFFFF url(/img/dotsh.gif) no-repeat top left; }
div#content ul.sep      { list-style:none; margin-bottom:2em; }
div#content ul.blank    { list-style:none; }
div#content dd          { margin:0 0 2em 0; padding:0;}