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

Urheberrechtlich geschuetzt. Copyright(c) webarchitekten.de 2008

*/

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, div#sidebar_left, div.narrowcolumn
  { display: block; position: absolute; margin: 0; padding: 0; }
div#sidebar, 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; background-color: #e7e7e9; }
div.narrowcolumn { left: 287px; width: 384px; }
div#sidebar { left: 781px; 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_2 { float: right; }
.bildleiste .bild_3 { position: relative; float: left; }

.logo { margin: 0; width: 298px;}
.logo img 
  {position: relative; border: none; width: 170px; margin: -1px auto 16px 12px; }


/*---------------------------------------------------------------------+
 |  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; }
li.page_item   { list-style: square inside url('images/list_item_default.png'); }

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                                  |
 +---------------------------------------------------------------------*/

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     { height: 312px; height: 270px; overflow: hidden; }
.big_image img    { margin-top: 28px; width: 214px;}

.postits 
  { position: relative; width: 100%; height: 265px; 
    margin: 0; padding: 0; left: -9.2px; background: no-repeat left top; }

.postits img#postits_image
  { position: absolute; border: none; }
h3.postit {position: absolute; color: #fff; cursor: pointer; }
.postits div.postit
  { position: absolute; width: 131px; height: 148px; 
    display: block; overflow: hidden; padding-left: 10px; 
    color: #fff; font-family: Verdana, sans-serif; }
.postits div div  { height: 120px; width: 131px; border: 0.1px solid transparent; }
.postits div div p { color: #fff; font-size: 10px; margin: 11px auto;}
.postits div h3   { margin-top: 7px; color: #fff; font-size: 10px; }
.postits a  { color: #fff; text-decoration: none;/* cursor: pointer;*/ }
.postits div h3:hover { font-weight: bold; }
.postits div.aktuelles { top: 28px ; left: 11px; }
.postits div.info { top: 56px ; left: 21px; }
.postits div.tipp { top: 93px ; left: 35px; }
.postits div.default { top: 114px ; left: 80px; }
#postit-aktuelles { background-color: #9a2c4c; } 
#postit-info      { background-color: #006e75; }
#postit-tipp      { background-color: #00a27f; }
#postit-default   { background-color: #2b48c5; }

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

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

/*---------------------------------------------------------------------+
 |  unordered lists: siehe abweichende Behandlung in style_ie.css  !!  |
 +---------------------------------------------------------------------*/
ul                   { list-style-type: square; }
#content ul          { list-style-image: url("images/liste_xsmall.jpg"); }
#content li          { margin-left: 12px; }

p em, ul em, ol em   { font-weight: bold; }
p                    {margin-bottom: 4px; }
address, cite
  { margin-top: 0; font-size: 11px; color: #12A697; font-style: normal; }
blockquote p, cite, q { color: #12A697; }
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: visible;}
.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; } */