/* CSS Document */

body                                  { background: url(../images/bg-shadow4.gif) center top repeat-y fixed; margin: 0; clear: both; padding: 0; text-align: left; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 9pt; color: #444; }
/*div.bg                                { background: url(../images/bg-shadow.jpg) center top repeat-y; margin: 0 auto; }*/
div.container                         { margin: 0 auto; padding: 0; width: 950px; clear: both; background: #FFF; border-left: 1px solid #999; border-right: 1px solid #777; }

ul.numbers                            { margin: 10px 0 10px 0; padding: 0 0 0 30px; list-style:decimal; }

/* Header
----------------------------------------------------*/
div.header                            { margin: 0 auto; padding: 21px 10px 0 10px; height: 73px; background: #F7931D; }
div.header div.title,
div.header div.title a,
div.header div.title a:visited        { font-size: 21pt; color: #FFF; padding: 0 0 2px 0; margin: 0 0 0 8px; text-decoration: none; height: 32px; }
div.header div.title a:hover          { text-decoration: none; color: #993300; }

div.header div.menuleft               { float: left; margin: 13px 0 0 0; padding: 5px 0 5px 7px; height: 15px; }
div.header div.menuleft a:link,            
div.header div.menuleft a:visited     { color: #FFF; padding: 5px 10px; text-decoration: none; font-size: 10pt; }
div.header div.menuleft a:hover       { background: url(../images/chaptercurrbutt-bg.jpg) repeat-x #FFF; color: #000; }
div.header div.menuleft a:link.current,  
div.header div.menuleft a:visited.current,
div.header div.menuleft a:hover.current { background: url(../images/chapterbutt-bg.jpg) repeat-x #FFF; color: #F7931D; text-decoration: none; }

div.header div.menuright              { float: right; padding: 3px 5px; margin: 13px 0 0 0; }
div.header div.menuright a,           
div.header div.menuright a:visited    { background: #F2A551; color: #FFF; padding: 5px 10px 5px 10px; margin:0; text-decoration: none; font-size: 8pt; }
div.header div.menuright a:hover      { background: #CC6600; color: #FFF; }
div.header div.menuright a:link.current,  
div.header div.menuright a:visited.current,
div.header div.menuright a:hover.current  { background: #993300; color: #FFF; }


/* Voorpagina
----------------------------------------------------*/

div.voorpagina                         { background: url(../images/iceberg4.jpg) #FFF; margin: 6px 0; padding: 15px 0 15px 128px; height: 580px; color: #000055; }
div.voorpagina h2                      { font-size: 14pt; font-weight: normal; }
div.voorpagina h4                      { font-size: 10pt; font-weight: normal; margin: 0; }
div.voorpagina div.knowledgetext       { margin: 30px 0 10px 0; width: 300px; font-size: 9pt; line-height: 13pt; }
div.voorpagina div.knowledgetext div.quote    { margin: 10px 20px 0 0; font-size: 8pt; padding: 0 0 0 28px; background: url(../images/quote-blue.gif) no-repeat; }
div.voorpagina div.knowledgetext div.quote div.name { text-align: right; font-style: italic; margin: 5px 30px 20px 0;  }
div.voorpagina div.icebergtext         { margin: 21px 0 10px 0; width: 300px; font-size: 9pt; line-height: 13pt; }

div.voorpagina a,
div.voorpagina a:visited              { color: #000055; padding: 0 1px; margin:0; text-decoration: none; }
div.voorpagina a:hover                { background: #000055; color: #FFF; }

/*
div.teaserwrap                         { display: block; position: relative; margin: 0 88px; padding: 4px; }
div.teaserwrap h4                      { font-size: 14px; font-weight: normal; margin: 5px 0 0 0; text-decoration: none; }
div.teaserwrap a h4,
div.teaserwrap a:visited h4            { color: #444; text-decoration: none; }
div.teaserwrap a:hover h4              { color: #FFF; text-decoration: none; background: #000; }
div.teaserwrap div.teaser              { padding: 10px 35px; float: left; text-align: center; }
div.teaserwrap div.teaser img          { border: 1px solid #666; margin: 0; text-decoration: none; }
div.teaserwrap div.teasertext          { margin: 0 0 10px 35px; width: 640px; }
*/

div.teaserwrap                         { float:right; margin: 130px 40px 8px 0; padding: 4px; width: 400px; }
div.teaserwrap h4                      { font-size: 8pt; font-weight: normal; margin: 5px 0 0 0; text-decoration: none; }
div.teaserwrap h3                      { text-align: left; font-size: 11pt; color: #FFF; font-weight: normal; }
div.teaserwrap a h4,
div.teaserwrap a:visited h4            { color: #FFF; text-decoration: none; }
div.teaserwrap a:hover h4              { color: #FFF; text-decoration: none; background: #000; }
div.teaserwrap div.teaser              { padding: 0 20px 0 0; float: left; text-align: center; }
div.teaserwrap div.teaser img          { border: 1px solid #FFF; margin: 0; text-decoration: none; }
div.teaserwrap div.teasertext          { margin: 10px 0 10px 0; width: 400px; color: #FFF; font-size:8pt; }


/* Chapterfront
----------------------------------------------------*/
div.chapterfront                       { margin: 6px 0; padding: 48px 458px 0 115px; height: 310px; color: #FFF; }
div.chapterfront#globaldev             { background: url(../pages/globaldev/globaldev-large.jpg); }
div.chapterfront#stakeholders          { background: url(../pages/stakeholders/images/stakeholders-large.jpg); }
div.chapterfront#designers4b           { background: url(../pages/designers4b/images/designers4b-large.gif); }
div.chapterfront#collaboration         { background: url(../pages/collaboration/collaboration-large.jpg); }

div.chapterfront div.chaptertrigger    { margin: 0; }
div.chapterfront div.chaptertrigger div.title    { margin: 0 0 6px 0; font-size: 20pt; color: #FFF; }
div.chapterfront div.chaptertrigger div.titleblack    { margin: 0 0 6px 0; font-size: 21pt; color: #000; }
div.chapterfront div.chaptertrigger div.introduction    { font-size: 9pt; line-height: 18px; color: #FFF; }


/* Chapter Stakeholders
----------------------------------------------------*/
div.subheader                          { margin: 6px 0; padding: 20px 410px 20px 115px; height: 70px; color: #FFF; }
div.subheader div.title,
div.subheader div.title a,
div.subheader div.title a:visited,
div.subheader div.title a:hover        { margin: 20px 0 0 0; font-size: 24px; color: #FFF; text-decoration: none; }
div.subheader div.title-sh,
div.subheader div.title-sh a,
div.subheader div.title-sh a:visited,
div.subheader div.title-sh a:hover        { margin: 12px 0 0 0; font-size: 24px; color: #FFF; text-decoration: none; }
div.subheader div.tagline              { font-size: 8pt; }

div.subheader#stakeholderz             { background: url(../pages/stakeholders/images/stakeholders-small.jpg); }
div.subheader#designers4b              { background: url(../pages/designers4b/images/designers4b-small.gif); }
div.subheader#tipstricks               { background: url(../pages/tipstricks/tipstricks-small.jpg); }
div.subheader#boplibrary               { background: url(../pages/boplibrary/boplibrary-small.jpg); }
div.subheader#inspiration              { background: url(../pages/inspiration/inspiration-small.jpg); }
div.subheader#definitions              { background: url(../pages/definitions/definitions-small.gif); }

div.chaptermenu                        { margin: 6px 0 0 0; padding: 5px 8px 5px 35px; background: #CC6600; text-align: left; }
div.chaptermenu a,
div.chaptermenu a:visited              { color: #FFF; padding: 6px 10px; margin:0; text-decoration: none; font-size: 8pt; }
div.chaptermenu a:hover                { background: #EEA95F; color: #FFF; }
div.chaptermenu a.current,
div.chaptermenu a:visited.current,
div.chaptermenu a:hover.current        { background: #FFF; color: #CC6600; }

div.chaptercontent                     { padding: 20px 30px; display: block; width: 850px; line-height: 16pt; }
div.chaptercontent h1                  { font-size: 20px; margin: 0 0 20px 0; }
div.chaptercontent h2                  { font-size: 18px; margin: 0 0 10px 0; }
div.chaptercontent h4                  { font-size: 14px; margin: 20px 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #888; }
div.chaptercontent h5                  { font-size: 12px; margin: 15px 0 5px 0;}
div.chaptercontent h6                  { font-size: 12px; margin: 0 0 5px 0; border-bottom: 1px solid #888; }

div.chaptercontent div.title           { font-size: 18px; margin: 0 130px 0 85px; font-weight: bold; text-decoration: none; }
div.chaptercontent div.content a,
div.chaptercontent div.content a:visited   { text-decoration: underline; color: #000; }
div.chaptercontent div.content a:hover   { text-decoration: underline; color: #FFF; background: #000; }

div.chaptercontent img                 { margin: 5px 15px 5px 0; border: none; background: none; }
div.chaptercontent img a, 
div.chaptercontent img a:visited,
div.chaptercontent img a:hover         { text-decoration: none; background: none;  }

div.chaptercontent img.right           { float: right; }
div.chaptercontent img.left            { float: left }
div.chaptercontent div.onderschrift    { float: right; }

div.chaptercontent .ansoff             { font-size: 7pt; width: 330px; height: 140px; text-align: center; line-height: 10pt; }
div.chaptercontent .ansoff .kader      { background: #DDD; }

div.chaptercontent div.note            { font-size: 8pt; }
div.chaptercontent div.table           { margin: 10px 0 10px 0; display: block; width: 605px; }
div.chaptercontent div.table.title     { border-bottom: solid 1px #444; }          
div.chaptercontent div.table div.left  { float: left; display: block; width: 285px; padding: 4px 18px 4px 0; border-right: solid 1px #666; }
div.chaptercontent div.table div.right { float: right; display: block; width: 280px; padding: 4px 4px 4px 0; }

div.chaptercontent div.sitedump        { float: left; width: 300px; margin: 0 20px 15px 0; }
div.chaptercontent div.sitedump div.note  { font-size: 8pt; margin: 0 0 0 12px; width: 280px; }

div.chaptercontent div.content         { margin: 10px 85px; }
div.chaptercontent div.content div.quote  { margin: 10px 60px 10px 0; font-size: 8pt; padding: 0 0 0 30px; background: url(../images/quote.gif) no-repeat; }
div.chaptercontent div.content div.name  { margin: 5px 50px 20px 0; font-size: 9pt; font-style: italic; text-align: right; padding: 0 0 0 30px; }
div.chaptercontent div.content div.source  { margin: 8px 0; padding: 0 0 0 20px; background: url(../images/source.jpg) no-repeat; }

div.chaptercontent div.sh-intro        { margin: 8px 0 0 80px; height: 300px; width: 700px; background: url(../pages/stakeholders/images/sh-introbg.gif) no-repeat; }
div.chaptercontent div.sh-intro img.sh-image  { margin: 0 0 0 0; float: left;  }
div.chaptercontent div.sh-intro div.sh-text  { margin: 25px 50px 0 33px; width: 290px; float: right;}
div.chaptercontent div.sh-intro a,
div.chaptercontent div.sh-intro a:visited   { text-decoration: underline; color: #000; }
div.chaptercontent div.sh-intro a:hover   { text-decoration: underline; color: #FFF; background: #000; }

div.chaptercontent div.d4bcolumnswrapper  { font-size: 9pt; line-height: 16px; width: 700px; margin: 10px 0px 10px 15px;  }
div.chaptercontent div.d4bcolumnswrapper div.columns#left    { float: left; margin: 0; display: block; width: 200px; vertical-align: top}
div.chaptercontent div.d4bcolumnswrapper div.columns#right   { float: left; margin: 0 0 0 30px; width: 200px; display: block; vertical-align: top; }
div.chaptercontent div.d4bcolumnswrapper div.columns ul      { margin: 16px 0; padding: 0; }
div.chaptercontent div.d4bcolumnswrapper div.columns li      { margin: 3px 0; padding: 0; list-style-type: square; }

div.chaptercontent div.d4b-img         { float: right; display: block; margin: 5px 0 0 10px; }
div.chaptercontent div.d4b-img img.d4b { margin: 0 0 0 20px; border: 1px solid #444; }
div.chaptercontent div.d4b-img img.d4bprocess { margin: 0 0 0 20px; border: none; }
div.chaptercontent div.d4b-img div.d4b-imgnote  { margin: 5px 0 5px 0; text-align: right; font-size: 10px; line-height: 12pt; }

div.chaptercontent div.d4bquote        { font-size: 8pt; margin: 10px 0 10px 0; padding: 0 0 0 30px; background: url(../images/quote.gif) no-repeat; }
div.chaptercontent div.d4bname         { margin: 5px 0 0 0; font-style: italic; text-align: right; padding: 0; }

div.chaptercontent div.inspiration         { margin: 10px 85px; }

div.chaptercontent img.library         { margin: 10px 10px 10px 0; }
div.chaptercontent div.columnswrapper  { font-size: 10px; line-height: 16px; width: 685px; margin: 10px 120px 10px 85px;  }
div.chaptercontent div.titlecol        { font-size: 18px; margin: 0 10px 0 0 }
div.chaptercontent div.columns#left    { float: left; margin: 0; display: block; width: 210px; vertical-align: top}
div.chaptercontent div.columns#right   { float: left; margin: 0 0 0 20px; width: 210px; display: block; vertical-align: top; }
div.chaptercontent div.columns#expl    { float: left; margin: 0 0 0 30px; width: 210px; display: block; vertical-align: top; }
div.chaptercontent div.columns ul      { margin: 16px 0; padding: 0; }
div.chaptercontent div.columns li      { margin: 3px 0; padding: 0; list-style-type: none; }

/* Footer
----------------------------------------------------*/
div.footer                             { margin: 0; padding: 0 30px 15px 30px; color: #666; font-size: 10px; }
div.footer a,
div.footer a:visited                   { color: #666; text-decoration: none; }
div.footer a:hover                     { color: #666; text-decoration: none; border-bottom: 1px solid #666; }
div.footer div.footerleft              { float: left; margin: 8px 0 12px 0; }
div.footer div.footerright             { float: right; }