/*
Theme Name: Fromm und Fromm
Theme URI: http://www.frommundfromm.de
Description: Theme für die Website von Fromm und Fromm.
Version: 1.0
Author: Michael Heilemann
Author URI: http://www.tripleorange.de/
Tags: green, multiple-width
Text Domain: kubrick


*/



/* GRUNDLAYOUT                                                                */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
      margin: 0;
      padding: 0 0 100px 0;
      min-height: 101%;
      height 101%;
      background: #fff none;
      font: 100.01%/170% verdana, arial, sans-serif;
      color: #333333;
}

#center {
     padding: 0 0 0 0;
     margin: 0 auto;
     width: 1173px;
}
#kopf-2 {
     width: 1173px;
     background: url(img/kopf-bg.jpg) right top no-repeat;
}
#kopf-2.bild-2 {
     background: url(img/kopf-bg-3.jpg) right top no-repeat;
}
#kopf-2.bild-3 {
     background: url(img/kopf-bg-2.jpg) right top no-repeat;
}
#kopf {
     width: 1165px;
     height: 168px;
     margin: 0 0 0 8px;
     padding: 0;
     }
  

/* ALLGEMEINE DEFINITIONEN - links - absaetze - ueberschriften - listen                                                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */



/* :link :visited :focus :hover :active - richtige Reihenfolge beachten! */

a, a:link {
  color: #88BB0A;
  text-decoration: underline;
}
a:visited {
  color: #88BB0A;
}
a:focus {
  color: #92B329;
  text-decoration: none;
}
a:hover {
  color: #92B329;
  text-decoration: none;
}
a:active {
  color: #92B329;
}


ul, p, address {
      font: 100 15px/24px Georgia,Palatino,Palatino Linotype,FreeSerif,serif;
      color: #333333;
      font-style: normal;
      letter-spacing: 0.025em;
      margin: 0 0 8px 8px;
      padding: 0 0 0 0;
}

.postmetadata { margin: 9px 0 0 8px; padding: 0; }
.postmetadata, small, .commentmetadata { font: 100 11px/18px Georgia,Palatino,Palatino Linotype,FreeSerif,serif; color: #92B329; }
.postmetadata a, .commentmetadata a {  color: #92B329; text-decoration: none;   }
.postmetadata a:hover {  text-decoration: underline;   }


.alignright, .alignleft {
      font: 100 15px/24px calibri, verdana, helvetica, 'sans-serif';
}


/* alle weiteren headlines */
h2 {
      margin: 23px 0 22px 8px;
      padding: 0 0 0 0;
      color: #92B329;
      font-style: normal;
      font:100 24px/26px calibri, verdana, helvetica, 'sans-serif';
      text-align: left;
}
h2.kategorie {
      margin: 22px 0 22px 8px;
      padding: 0 0 0 0;
      color: #92B329;
      font-style: normal;
      font:100 32px/26px calibri, verdana, helvetica, 'sans-serif';
      text-align: left;
}


h2 a, h2 a:link { color:#92B329; text-decoration: none; }
h2 a:active, h2 a:visited { color:#92B329; }
h2 a:hover { text-decoration: underline; }

h3 {
    color:#92B329;
    font:100 19px/26px calibri,verdana,helvetica,'sans-serif';
    margin:18px 0 4px 8px;
    padding:0;
    text-align:left;
    text-decoration:none;
}
h3 a, h3 a:link { color:#92B329; text-decoration: none; }
h3 a:active, h3 a:visited { color:#92B329; }
h3 a:hover { text-decoration: underline; }

h4 {
      font: 700 14px/1em arial, helvetica, sans-serif;
      color: #000;
      margin: 25px 0 0 0;
      padding: 0 0 10px 72px;
      background: url(../img/kontakt-bg.png) no-repeat top left;

}
h4.kontakt { color: #000; background: url(../img/kontakt-bg.png) no-repeat top left;       margin: 0 0 0 0;}
h4.kunden { color: #ff0000; background: url(../img/kunden-bg.png) no-repeat top left; }

h5 {
      font: 100 14px/1.4em verdana, arial, helvetica, sans-serif;
      color: #ff0000;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
}

h6 {
     font: 700 12px/1.4em arial, helvetica, sans-serif;
     color: #666;
     border-bottom: 1px dotted #000;
      margin: 22px 0 22px 0;
      padding: 8px 0 2px 14px;
}

#linkespalte h5 {
      margin: 22px 0 0 14px;
      padding: 0 0 0 0;
}
#linkespalte address h5 {
      margin: 22px 0 0 0;
}
#linkespalte .entwaetaab h5 { color: #666; font-weight: 700; padding: 0 0 11px 0; margin: 0 0 0 14px; }
#linkespalte .entwaetaab ul li { margin:0 0 8px 0; padding: 0 0 0 12px;}



hr {
     display: none;
     clear: all;

}

img { border: none;}





/* SERVICE MENU                                                                */
/*                                                                            */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#service {
      height: 30px;
      margin: 0 0 0 0;
     padding: 0 0 0 0;
     text-align: right;
}

#service ul {
      /* margin: 0 0 0 175px; */
      margin: 2px 0 0 0;
      padding: 0;
      line-height: 1em;
      text-align: right;
      float: right;
}

#service ul li {
      list-style-image:none;
      list-style-type:none;
      margin: 0 7px 0 7px;
      padding: 5px 0 1px 0;
      font: 100 12px/12px arial, verdana, sans-serif; ;
      letter-spacing: 0.03em;
      float: left;
       border-bottom: 1px solid #fff;
}

#service ul li.current_page_item {
      border-bottom: 1px solid #87BA19;

}
#service ul li.current_page_item a {
      color: #87BA19;

}
#service ul li:hover {
      border-bottom: 1px solid #87BA19;
}

#service ul li a, #service ul li a:link  {
      color: #4B4A50;
      text-decoration: none;
}
#service ul li a:hover {
      color: #87BA19;
}



/* Logo Gilder-/Levin-Methode  http://levin.grundeis.net/files/20030809/alternatefir.html */
/* LOGO                                                                       */


#logo {
      /* width: 834px; */
      width: 1165px;

      margin: 0 0 0 0;
      padding: 0;
      height: 103px;
      background: transparent none;
      float: left;
}



#logo a {
      width: 392px;
}

#logo h1 {
      width: 392px;
      height: 103px;
      position: relative;
      padding: 0;
      margin: 0;
      color: #000;
      font-size: 12px;
}

#logo h1 span {
      background: url(img/logo-frommundfromm.png) no-repeat top left;
      width: 324px;
      height: 103px;
      position: absolute;
      padding: 0; margin: 0;
}

/* HAUPTMENU                                                                */
/*                                                                            */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#hauptmenu {
     background: url(img/hauptmenu-bg.png) no-repeat bottom left;
     width: 1165px;
     height: 36px;
     clear: left;
     margin: 0 0 0 -8px;
}
#hauptmenu ul {
     margin: 0;
     padding: 0;
     font: 100 13px/10px cambria, georgia, 'times new roman', serif;
     font-style: italic;
}
#hauptmenu ul li {
   display:block;
   float:left;
   list-style-type:none;
   height: 35px;
   padding: 0;
   margin: 0 15px 0 0;
   }
   
.menu-item-1 {
     width: 74px;
}

#hauptmenu ul li a {
     display:block;
     height:35px;
     text-indent:-9009px;
}


.menu-item-1 a { width:74px;background:transparent url(img/menu/startseite.png) no-repeat 0 0; }
.menu-item-2 a { width:104px;background:transparent url(img/menu/life-coaching.png) no-repeat 0 0; }
.menu-item-3 a { width:194px;background:transparent url(img/menu/fuehrungskraefte-coaching.png) no-repeat 0 0; }
.menu-item-4 a { width:67px;background:transparent url(img/menu/vortraege.png) no-repeat 0 0; }
.menu-item-5 a { width:187px;background:transparent url(img/menu/ueber-frommundfromm.png) no-repeat 0 0; }
.menu-item-6 a { width:62px;background:transparent url(img/menu/journal.png) no-repeat 0 0; }

#hauptmenu ul li a:hover {
     background-position: 0 -35px;
}

#hauptmenu ul li.active a {
     background-position: 0 -35px;
}

/* FRONTPAGE SPECIALS                                                           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#teaser {
     width: 553px;
}

#abschnitt-1 .audioplayer_container {
     display: none;
}

#abschnitt-1 img.alignleft {
  float:left;
  margin: 10px 22px 0 0;
  
}


/* Quote                                                           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#quote {
     height: 94px;
     width: 100%;
     margin: 35px 0 0 0;
     padding: 0;
     background: url(img/quote-bg.png) repeat-y top left;
     text-align: right;
}
/* Linke Spalte                                                           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#linkespalte {
     width: 671px;
     margin: 28px 121px 0 0;
     padding: 0;
     float: left;
}

#linkespalte ul, #linkespalte p, #linkespalte address {
      margin: 0 0 20px 8px;
      padding: 0 0 0 0;
}
#linkespalte.journal p {
      margin: 0 0 0px 8px;
      padding: 0 0 0 0;
}

#linkespalte .post {
      margin: 0 0 22px 0;
      padding: 0 0 0 0;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
	
.textbild {
     margin: 10px 10px 10px 0;
}

/* Rechte Spalte                                                           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#rechtespalte {
     width: 380px;
     float: left;
     margin: 14px 0 0 0;
}

#rechtespalte .box {
     width: 380px;
     margin: 0 0 10px 0;
     padding: 14px 0 14px 0;
     border-bottom: 1px solid #87BA19;
     border-right: none;
}

#rechtespalte #box-3 { border-bottom: none;}

/* Boxen                                                           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#boxen {
     margin: 28px 0 0 0;
}

.box {
     width: 380px;
     margin: 0 10px 0 0;
     border-right: 1px solid #87BA19;
     float: left;
}

#box-3 { border-right: none;}
.box img {
     float: right;
     margin: 0 10px 0 22px;
}
.box p, .box ul {
     font: 100 15px/21px calibri, verdana, 'sans-serif';
      color: #333333;

      font-style: normal;
      letter-spacing: 0;
      margin: 0 0 0 8px;
      padding: 0 14px 0 0;
}
#linkespalte ul, #abschnitt-1 ul {

      margin: 8px 0 20px 16px;
      padding: 0 0 0 0;
}





#linkespalte ul, #abschnitt-1 ul, .box ul {
     list-style-image:url(img/cross.png);
     list-style-position: outside;
     margin: 0 0 0 26px;
}


#linkespalte ul li , #abschnitt-1 ul li {

      margin: 0 0 0 0;
      padding: 0 0 0 16px;
}

p.weiter {
     background: url(img/pfeil-rechts.png) no-repeat right center;
     text-align: right;
     padding: 0 22px 0 0;
     margin: 25px 22px 0 0;
}
p.weiter a {
     font: 700 15px/24px calibri, verdana, 'sans-serif';
     color:#87BA19;
     text-decoration: none;
}
p.weiter a:hover { text-decoration: underline; }



/* Kommentare                                                           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#kommentare h3, h3#comments {
      margin: 30px 0 30px 8px;
      padding: 0 0 0 0;
      color: #333;
      font: italic 100 21px/26px cambria, georgia, 'times new roman', 'serif';
      text-align: left;
      border-bottom: 1px solid #87BA19;
     }

p.hinweis {
     width: 500px;
     margin: 22px 0 0 0;
     font: 100 13px/17px calibri, verdana, 'sans-serif';
     color: #333333;

}

textarea#comment {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     width: 500px;
}

cite.fn a {
     font: italic 100 16px/24px Georgia,Palatino,Palatino Linotype,FreeSerif,serif;
     color: #87BA19;
}

span.says {

     display: none;
}

.commentlist {
     font: italic 100 14px/24px Georgia,Palatino,Palatino Linotype,FreeSerif,serif;
     color: #87BA19;
     padding: 0 0 0 0;
     margin: 0 0 0 22px;
     list-style-position: outside;
}
.commentlist li {
     padding: 0 0 0 0;
     margin: 0 0 0 0;
}
.commentlist p {
     font: italic 100 14px/26px Georgia,Palatino,Palatino Linotype,FreeSerif,serif;
     color: #333;
}