/*
  -------------------------------------------------------------------------------
  
  (c) Johannes - SexyLoverBoy.de - www.tabellenspitze.de
      Maerz 09 fuer www.mediationfreiburg.de

  -------------------------------------------------------------------------------
*/

/*
  -------------------------------------------------------------------------------
  Blockdefinitionen  www.mediationfreiburg.de
  -------------------------------------------------------------------------------
*/

#mediation_logo
{
 position:absolute;
 top:0px; left:0px;
 width: 200px;
 height: 58px;
}

#mediation_headergrafik
{
 position:absolute;
 top:0px; left:200px;
 width: 800px;
 height: 112px;
 /*background: #990000;*/
 background-image: url(../images/mediation_headergrafik.jpg);
}

#mediation_navi_background
{
 position:absolute;
 top: 58px; left:0px;
 width: 200px;
 height: 100%;
 background: #666666;
 padding:0px 0px 0px 0px; /*macht Abstand um die Navi nach oben und nach unten */
 z-index:0;
}

#mediation_navi
{
 position:absolute;
 top:0px; left:0px;
 width: 199px;
 /*height: 100%;*/
 background: #666666;
 padding:5px 0px 5px 0px; /*macht Abstand um die Navi nach oben und nach unten */
 /*border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #000000;*/
 border-right-color: #336799;
 border-right-width: 1px;
 border-right-style: solid;
 z-index:1;
}

#mediation_navi_trenner1
{
 position:absolute;
 width: 200px;
 height: 1px;
 background: white;
 padding:0px 0px 0px 0px; /*macht Abstand um die Navi nach oben und nach unten */
 margin: 5px 0px 0px 0px;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:black;
 z-index:2;
}

#suche
{
 position:absolute;
 width: 200px;
 height: 20px;
 background: transparent;
 margin: 5px 0px 0px 0px;
 padding: 10px 0px 0px 10px;
 z-index:3;
}

#mediation_navi_trenner2
{
 position:absolute;
 width: 200px;
 height: 1px;
 background: white;
 padding:0px 0px 0px 0px; /*macht Abstand um die Navi nach oben und nach unten */
 margin: 47px 0px 0px 0px;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:black;
 z-index:4;
}
#mediation_navi_meta
{
 position:absolute;
 width: 200px;
 background: transparent;
 padding:0px 0px 0px 0px; /*macht Abstand um die Navi nach oben und nach unten */
 margin: 55px 0px 0px 0px;
 z-index:4;
}


#mediation_content
{
 position:absolute;
 top:115px; left:220px;
 width: 440px;
 height: 100%;
 background: transparent;
}

#mediation_box_rechts
{
 position:absolute;
 top:115px; left:695px;
 width: 350px;
 height: 100%;
 background: transparent;
}

#mediation_footer   /* wenn zu hoch, dann stört es den Content --> Vorsicht */
{
 position:absolute;
 top:500px; left:0px;
 width: 500px;
 height:10px;
}

/*
  -------------------------------------------------------------------------------
  Styles  www.mediationfreiburg.de
  -------------------------------------------------------------------------------
*/

body
{
 font-family: Verdana, Helvetica, sans-serif;
 background: #ffffff;
 font-size: 12px;
}

a
{
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    color:#F3A103;
    text-decoration:underline;
}
a:hover
{
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    color:#F3A103;
    text-decoration:none;
}

strong
{
    font-weight: bold;
    color:#444444;
}


#mediation_content ul {
    margin-top: 0px;
    }  
 
   
#mediation_content li {
    margin:5px 0px 0px 0px;
    padding: 0px;
    list-style-type:disc;
    }  

#mediation_content p
{
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 margin:0px 0 15px 0;  /* macht Abstand zwischen zwei p-Tags*/
 line-height:16px;
 padding: 0;
}

img
{border: none;}

 h1
  { 
    font-size:  15px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color:#F3A103;
    padding:0px 0px 0px 0px;
  }

 h2
  { 
    font-size:  13px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color:#F3A103;
    margin: 15px 0 0 0;  /* macht Abstand zwischen zur h2*/
  }   
 h3
  { 
    font-size:  12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color:#000000;
    padding:0px 0px 0px 0px;
  }     

/* ###################################################### */
/* ####################### NAVIGATION und METANAVIGATION ################### */
/* ###################################################### */

/* Level 1 */

#navigation ul, #mediation_navi_meta ul {
   width:200px;
   margin:0px;
   padding:0px 0 0px 10px;
   background-color:transparent;
}
#navigation li, #mediation_navi_meta li {
    width:200px;
    margin:0;
    padding:0px 0 0px 0px; /*macht Abstand um die Listenpunkte oben nach_rechts unten nach_links*/
    list-style-type:none;
}
#navigation a, #mediation_navi_meta a {
    display:block;
    width:180px;
    /*height:25px; /*Zeilenabstand*/
    line-height:18px;*/
    margin:0px;
    padding:0px 0 0px 0px; /*macht Abstand der einzelnen Listenpunkte oben nach_rechts unten nach_links*/
    font-size:12px;  /* gibt die Größe der Links an */
    font-weight: bold;
    color:#cccccc; /*Farbe des Navigationstextes*/
    text-decoration: none;
    /*background-image:url(../images/navi_pfeil_zu.gif);
    background-repeat:no-repeat;
    background-position:0px 0px;*/
    /*border-bottom:1px solid #ccc;*/
}
#navigation ul li.active a, #mediation_navi_meta ul li.active a {
    /*background-image:url(../images/navi_over.gif);*/
    background-repeat:no-repeat;
    /*background-position:0 0;*/
    color:#F3A103;
}

#navigation ul li a:hover, #mediation_navi_meta ul li a:hover {
    /*background-image:url(../images/navi_over.gif);*/
    background-repeat:no-repeat;
    /*background-position:0 0;*/
    color:#F3A103;
}

/* Level 2 */
/*#navigation ul.subNavigation{
    width:200px;
    margin:0;
    padding:0;
    background-color:red;
}*/

#navigation li.navmainStandardLevel_2 a
{
   /*background-image:url(../images/subnavi_pfeil_zu.gif);
    background-repeat:no-repeat;*/
    /*background-position:199px 8px;*/
    /* die drei folgenden von JvK*/
    height:16px; /*Zeilenabstand*/
    line-height:16px;
    padding:0 0 0 10px; /*macht Abstand der einzelnen Listenpunkte*/
    /*background-position:0px 0px;*/
    /*border-bottom:1px dotted #ccc;*/
    color:#ffffff;
    width:180px;
}

/* Level 3 */
#navigation li.navmainStandardLevel_3 a
{
   /*background-image:url(../images/subnavi_pfeil_zu.gif);
    background-repeat:no-repeat;*/
    /*background-position:199px 8px;*/
    /* die drei folgenden von JvK*/
    height:16px; /*Zeilenabstand*/
    line-height:16px;
    padding:0 0 0 15px; /*macht Abstand der einzelnen Listenpunkte*/
    /*background-position:0px 0px;*/
    /*border-bottom:1px dotted #ccc;*/
    color:#ffffff;
    width:150px;
    font-weight: normal;
}

/**
 * CSS styles for Contenido Sitemap.
 * 
 * @author rbi
 * @copyright four for business AG <www.4fb.de>
 * @version 0.1.0
 * 
 * created 2009-01-16
 */

ul.sitemapStandardMainCat {
        margin-left:0;
        padding-left: 0;
}

ul.sitemapStandardMainCat li {
    border-bottom: 1px solid #ffffff;
    list-style-type: none;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
        background-color: #e6f1fb;
        padding: 3px 3px 3px 10px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
        background-color: #f4f9fd;
        padding: 3px 3px 3px 30px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
        background-color: #ffffff;
        padding: 3px 3px 3px 50px;
}

