/**
Theme Name: mega_ordnung
Theme URI: http://www.mega-ordnung.de/
Description: theme fuer den Web-Auftritt von Mega-Ordnung Monica Wagner-Manslau.
Version: 1.0
Author: webarchitekten.de
Author URI: webarchitekten.de
Tags: three columns, post-it, three level menue

Urheberrechtlich geschuetzt. Copyright(c) webarchitekten.de 2010

*/

/*---------------------------------------------------------------------+
 |  mega-Ordnung-spezifische Definitionen                              |
 +---------------------------------------------------------------------*/

li.page-item-24 { list-style-image: url('images/list_item_xdark.png'); }
li.page-item-78 { list-style-image: url('images/list_item_dark.png'); }
li.page-item-102 { list-style-image: url('images/list_item_default.png'); }
li.page-item-80 { list-style-image: url('images/list_item_light.png'); }
li.page-item-82 { list-style-image: url('images/list_item_xlight.png'); }
li.page-item-84 { list-style-image: url('images/list_item_xxlight.png'); }
li.page-item-215 { list-style-image: url('images/list_item_xxlight.png'); }
li.page-item-33 { list-style-image: url('images/list_item_grn.png'); }
li.page-item-31 { list-style-image: url('images/list_item_blue.png'); }
li.page-item-2, li.page-item-3 { list-style-image: url('images/list_item_small.png'); }

/*---------------------------------------------------------------------+
 |  page-item-24    Dienstleistungen                                   |
 |  page-item-78    Monica Wagner-Manslau                              |
 |  page-item-102   Zeitdiebe - Selbstcheck                            |
 |  page-item-80    Kompetenzkreis                                     |
 |  page-item-82    Testimonials                                       |
 |  page-item-84    Presse                                             |
 |  page-item-215   Info-Archiv                                        |
 |                                                                     |
 |  page-item-33    Espanol                                            |
 |  page-item-31    English                                            |
 |                                                                     |
 |  page-item-3     Home                                               |
 |  page-item-2     Kontakt/Impressum                                  |
 +---------------------------------------------------------------------*/

div.big_image     { height: 255px; }
.big_image img    { margin-top: 28px; }

.postits          { margin-top: 16px; }

.postit.tipp, .tipp h3, .postit.tipp a { color: #fff; }
.postit.aktuelles, .postit.aktuelles a { color: #fff; }
.postit.info, .postit.info a { color: #fff; }
.postits div h3 { top: 125px; }                              /*  Header unten  */
div.postit div p { padding-top: 4px; }

.subheadline, #content h2     { color: #9a2c4c; }

/* --- Ende sub-theme-spezifische Einträge ----------------------------------- */

body { margin: 0; padding: 0; font-family: Verdana, sans-serif;
       background: url("images/b_back.gif") repeat-x top left; }
ul { margin-left: 0px; padding-left: 0px; } 

div#header, div#sidebar_right, div#sidebar_left, div.narrowcolumn
  { display: block; position: absolute; margin: 0; padding: 0; }
div#sidebar_right, div.narrowcolumn { top: 106px; height: 582px;}
div#sidebar_left { height: auto; }

div#header { left: 287px; height: 106px; width: 713px; }
div#sidebar_left {
 left: 80px;
 width: 207px;
 padding-bottom: 30px;
 background-color: #e7e7e9;
 }
div.narrowcolumn { left: 287px; width: 384px; }
div#sidebar_right { left: 782px; width: 219px; }


.bildleiste
  { display: block; height: 106px; width: 100%; border: none; padding: 0; }
.bildleiste img { vertical-align: top; margin: 0; padding: 0; height: 106px;}
.bildleiste span
  { position: relative; float: left; display: block; width: 494px; 
    height: 100%; border: none; }
.bildleiste .bild_1 { float: left; }
.bildleiste .bild_slogan { height: auto; float: right; position: relative; top: 57px; }
.bildleiste .bild_2 { float: right; }
.bildleiste .bild_3 { position: relative; float: left; }

.logo { margin: 0; width: 298px;}
.logo img 
  {position: relative; border: none; margin-left: -0.5px; margin-bottom: 18px; }


/*---------------------------------------------------------------------+
 |  Menue - Navigation                                                 |
 +---------------------------------------------------------------------*/
li.page_item ul { display: none; } 
li.page_item ul li.page_item ul { display: none; }
li.current_page_item ul { display: block; }
li.current_page_parent ul { display: block; }
li.current_page_ancestor ul { display: block; }
li.current_page_ancestor ul li.current_page_parent ul{ display: block; }
li.current_page_parent ul li.current_page_item ul{ display: block; }

/*---------------------------------------------------------------------+
 |  Menue - Darstellung                                                |
 +---------------------------------------------------------------------*/
/* Allgemein */
.page_item a:hover { color: #9a2c4c; }
li.page_item a.current_page_ancestor, li.page_item a.current_page_item 
  { color: #9a2c4c; }

ul.navigation { margin: 0; font-size: 11px;/* overflow: hidden; */}
ul#hauptmenue { font-size: 12px; line-height: 21px; }
ul#fremdsprachenmenue, ul#metanavigation { line-height: 19px; }
.page_item a:hover { font-weight: bold; }
.navigation a { color: #666; }
li.page_item a { font-weight: normal; text-decoration: none; }

/* 1. Ebene */
ul.navigation  { padding-bottom: 10px; }
.navigation ul { padding-left: 0; }
.page_item   { list-style: square inside url('images/list_item_default.png'); }

li.current_page_item, li.current_page_ancestor
  { list-style-image: url('images/list_item_active.png'); }
li.page_item:hover                                  /* non-ie Browser  */
  { list-style-image: url('images/list_item_active.png'); }
li.page_item a:hover                                /* -- ie --------  */
  { list-style-image: url('images/list_item_active.png'); }

#fremdsprachenmenue li.page_item a, #metanavigation li.page_item a
  { padding-left: 5px; }

#fremdsprachenmenue li.current_page_item, #fremdsprachenmenue li.current_page_ancestor, 
#metanavigation li.current_page_item, #metanavigation li.current_page_ancestor, 
#fremdsprachenmenue li.page_item:hover, #metanavigation li.page_item:hover
  { list-style-image: url('images/list_item_small_active.png'); }

#fremdsprachenmenue li.page_item a:hover, #metanavigation li.page_item a:hover
  { list-style-image: url('images/list_item_small_active.png'); }
ul#hauptmenue {  margin-bottom: 65px; }
ul#hauptmenue {  margin-bottom: 45px; }




/* 2. Ebene (und weitere) */
li.page_item ul   { /* margin-left: 0px; */ padding: 1px 0 5px 0; }
li.page_item ul li.page_item { margin-left: 0px; padding-left: 0px; }
li.page_item ul li.page_item a { font-size: 10px; }
li.page_item ul li.page_item
  { list-style-image: none ; list-style-type: none; line-height: 16px; }
li.page_item ul li.page_item a:hover                /* wichtig fuer ie */
  { list-style-image: none ; list-style-type: none; }

/* 3. Ebene */
ul#hauptmenue li.page_item li.page_item ul { margin-left: 0px; padding: 1px 0 5px 12px; }/* ==> browser-specific ??*/
li.page_item li.page_item li.page_item { line-height: 14px;}

/*--Ende Menue --------------------------------------------------------*/

/*---------------------------------------------------------------------+
 |  Sonstige Sidebar (links UND rechts)                                |
 +---------------------------------------------------------------------*/
.plugoo  
  { width: 177px; height: 207px; margin: auto; margin-bottom: 11px;  }

div.big_image     { overflow: hidden; }
.big_image img    { width: 214px;}

.postits {
 position: relative;
 width: 100%;
 height: 265px;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 0;
 padding: 0;
 left: 25px;
 left: -9px;
 background: no-repeat left top;
 overflow: hidden;
 }

div.postit, a.postit {
 position: absolute;
 font-family: Verdana, sans-serif;
 font-size: 10px;
 line-height: 12px;
 overflow: hidden;
 }

div.postit div, a.postit div {
 position: relative; 
 width: 140px !important;                      /* wegen IE                    */
 height: 148px !important;                     /* wegen IE                    */
 padding: 12px 4px 4px 8px !important;         /* wegen IE                    */
 overflow: hidden;
 }

div.postit div * {
 margin: 3px;
 }

.postits div h3 {
 position: absolute;
 font-size: 10px;
 left: 8px;                                    /* wegen IE                    */
 }

.postits a {
 text-decoration: none;
 }

/*---------------------------------------------------------------------+
 |  Content-Bereich                                                    |
 +---------------------------------------------------------------------*/
.headline, #content h1        { font-size: 13px; color: #9a2c4c; font-weight: bold; }
.subheadline, #content h2     { font-size: 12px;                 font-weight: normal; }
.markerrot, #content h3       { font-size: 11px; color: #9a2c4c; font-weight: bold; }
.markergrau, #content h4      { font-size: 11px; color: #666666; font-weight: bold; }
.markergruen, #content h5     { font-size: 11px; color: #ef8807; font-weight: normal; }
.markerrotnormal, #content h6 { font-size: 11px; color: #9a2c4c; font-weight: normal; }

#content p, #content ul, #content ol, #content table {
 font-size: 11px; color: #666; text-align: left;
 }
#content ul, #content ol      { padding-left: 10px;}
#content hr                   { color: #ef8807; height: 0.7px; }

/*---------------------------------------------------------------------+
 |  unordered lists: siehe abweichende Behandlung in style_ie.css  !!  |
 +---------------------------------------------------------------------*/
ul                   { list-style-type: square; }
#content ul {
 list-style-type: none;
 background: url("images/liste_xsmall.jpg") 4px 4px no-repeat;
 }


/* #content ul          { list-style-image: url("images/liste_coaching.jpg"); } */

#content li          { margin-left: 4px; padding-left: 4px; }

p em, ul em, ol em   { font-weight: bold; }
p                    {margin-bottom: 4px; }
address, cite
  { margin-top: 0; font-size: 11px; color: #ef8807; font-style: normal; }
blockquote p, cite, q { color: #ef8807; }
blockquote           {margin: 4px 0px; }

#content a           { color: #666; text-decoration: underline; }
#content a:hover     { color: #9A2C4C; text-decoration: underline; }

#content             { padding: 15px 90px 15px 30px; height: auto; }

/*---------------------------------------------------------------------+
 |  Fragebogen                                                         |
 +---------------------------------------------------------------------*/
label                { font-size: 11px; color: #666; text-align: left; }
input, textarea
  { font-size: 11px; color: inherit; font-family: inherit; text-align: left; }
.t_input label       { display: block; margin-top: 5px;}
.t_input input, .t_input textarea 
  { border: 1px solid #bbb ; margin-left: 15px; width: 365px;
    min-height: 40px; overflow: hidden; height: auto; display: inline; }
.m_choice p { margin-bottom: 2px;}
.m_choice input { margin-left: 12px; padding-left: 5px;}
.c_box label { margin-left: 12px; display: block;  }

.kontakt label
            {  margin-left: 17px; width: 84px; float: left; clear: left;}
.kontakt input { position: relative; width: 200px; margin: 3px; border: 1px solid #bbb ;}
input.submit { margin: 15px 0px; width: 80px; padding-left: 8px;  }

/*---------------------------------------------------------------------+
 |  Definitionen fuer einzelne Seiten                                  |
 +---------------------------------------------------------------------*/
.testimonials p { margin-bottom: 1px; }
/* object { border: 1px solid #ccc; } */