/* ---[ All ]--- */

html, body {
	font-family: 'Verdana';
	background-color: #fff;
}

#wpr-page {
	text-align: center;
}

#page {
	text-align: left;
}

/* ---[ Header ]--- */

#wpr-header {
	height: 435px;
	background: #fff url(/layouts/mybee/images/bg-wpr-header.png) repeat-x top center;
}

#header {
	position: relative;
	width: 990px;
	height: 435px;
	margin: 0 auto;
}

#header .logo {
	position: absolute;
	left: 34px;
	top: 10px;
}

#header .logo a {
	outline: none;
	display: block;
	width: 145px;
	height: 93px;
	text-indent: -9000px;
	background: transparent url(/layouts/mybee/images/bg-logo.png) no-repeat top left;
}

#header .download-mybee {
	position: absolute;
	bottom: 0;
	left: 10px;
}

.download #header .download-mybee,
.download #footer .download-mybee {
	display: none;
}

#header .download-mybee a {
	outline: none;
	display: block;
	width: 313px;
	height: 63px;
	text-indent: -9000px;
	background: transparent url(/layouts/mybee/images/bg-sprite.png) no-repeat 0 -114px;
}

#btn-download-windows,
#btn-download-mac {
	margin-top: 10px;
	cursor: pointer;
}

#akkoord-windows,
#akkoord-mac {
	margin: 3px 5px 0 0;
}

#btn-download-windows,
#btn-download-mac {
	padding: 11px 14px 5px 10px;
	width: 287px;
	height: 69px;
	background: #fff url(/layouts/mybee/images/button-download.png) no-repeat top left;
}

#btn-download-windows,
#btn-download-mac {
	text-align: center;
}

.content a.download-link {
	font-size: 116%;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.content .version {
	color: #fff;
}

/* ---[ Header banner ]--- */

#header-banner {
	position: absolute;
	top: 120px;
	width: 990px;
	height: 315px;
	background: transparent url(/layouts/mybee/images/bg-header-banner.png) no-repeat top left;
}

#header-banner .imac {
	position: absolute;
	top: -14px;
	right: 0;
	width: 381px;
	height: 362px;
	background: transparent url(/layouts/mybee/images/bg_header_imac.png) no-repeat top left;
}

#header-banner .leader {
	position: absolute;
	top: 20px;
	left: 12px;
	width: 425px;
	height: 164px;
	text-indent: -9000px;
	background: transparent url(/layouts/mybee/images/bg_header_leader.png) no-repeat top left;
}

/* ---[ Content ]--- */

#wpr-main {

}

#main {
	margin: 0 auto;
	padding: 50px 0 0 0;
	width: 990px;
	min-height: 270px;
	background: #fff url(/layouts/mybee/images/bg_main.png) no-repeat 515px 0;
}

#credits {
	display: none;
}

.home #credits {
	display: block;
	clear: both;
	float: none;
}

#credits p {
	text-align: right;
	font-style: italic;
}

/* ---[ Footer ]--- */

#wpr-footer {
	clear: both;
	height: 195px;
	padding: 25px 0 0 0;
	background: #69ae21 url(/layouts/mybee/images/bg_footer.png) repeat-x top center;
}

#footer {
	position: relative;
	margin: 0 auto;
	width: 990px;
	height: 195px;
	font-size: 93%;
}

#footer .logo {
	position: absolute;
	left: 0;
	top: 40px;
}

#footer .logo a {
	outline: none;
	display: block;
	width: 145px;
	height: 93px;
	text-indent: -9000px;
	background: transparent url(/layouts/mybee/images/bg-logo.png) no-repeat top left;
}

#beehive {
	position: absolute;
	top: 20px;
	right: 0;
	width: 158px;
	height: 113px;
	background: transparent url(/layouts/mybee/images/bg-sprite.png) no-repeat -479px -171px;
}

#footer .download-mybee {
	position: absolute;
	bottom: 0;
	right: 43px;
}

#footer .download-mybee a {
	display: block;
	outline: none;
	width: 237px;
	height: 46px;
	text-indent: -9000px;
	background: transparent url(/layouts/mybee/images/bg-sprite.png) no-repeat -313px -114px;
}

#wpr-footer-mainmenu,
#wpr-footer-contact {
	position: absolute;
	padding: 5px 30px;
	width: 185px;
	height: 125px;
	background: transparent url(/layouts/mybee/images/bg-sprite.png) no-repeat -690px -85px;
}

#wpr-footer-contact {
	top: 30px;
	left: 370px;
}

#footer-contact {

}

/* ---[ Clearing elements ]--- */

/* clear float container without source markup - http://www.positioniseverything.net/easyclearing.html */
#wpr-page:after,
#wpr-header:after,
#wpr-main:after,
#main:after,
#wpr-footer:after,
#wpr-generalmenu:after,
#wpr-content:after,
#wpr-sidebar-right:after,
.content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

/* ---[ Layout ]--- */

#wpr-content,
#wpr-sidebar-right {
	overflow: hidden;
	float: left;
	min-height: 10px;
}

#wpr-content {
	width: 485px;
	margin: 0 60px 0 0;
}

#content {

}

#wpr-sidebar-right {
	width: 445px;
}

#sidebar-right {

}

/* ---[ Mainmenu ]--- */

#wpr-mainmenu {
	position: absolute;
	margin: 0;
	top: 63px;
	right: 0;
	width: 600px;
	height: 62px;
}

#mainmenu {

}

#mainmenu ul li {
	float: left;
}

#mainmenu ul li a {
	outline: none;
	display: block;
	width: 100px;
	height: 57px;
	text-indent: -9000px;
	background: transparent url(/layouts/mybee/images/bg-sprite.png) no-repeat top left;
}

#mainmenu ul li.over-mybee a {
	width: 145px;
	background-position: -85px 0;
}

#mainmenu ul li.download a {
	width: 135px;
	background-position: -230px 0;
}

#mainmenu ul li.vraag-en-antwoord a {
	width: 225px;
	background-position: -365px 0;
}

#mainmenu ul li.over-mybee a:hover,
#mainmenu ul li.over-mybee.current a {
	background-position: -85px -56px;
}

#mainmenu ul li.download a:hover,
#mainmenu ul li.download.current a {
	background-position: -230px -56px;
}

#mainmenu ul li.vraag-en-antwoord a:hover,
#mainmenu ul li.vraag-en-antwoord.current a {
	background-position: -365px -56px;
}

#mainmenu ul.homemenu li a,
#mainmenu ul.homemenu li.current a {
	width: 85px;
	background-position: 0 0;
}

.home #mainmenu ul.homemenu li.home.current a,
#mainmenu ul.homemenu li.current a:hover {
	background-position: 0 -56px;
}

/* ---[ Footermenu ]--- */

#wpr-footer-mainmenu {
	position: absolute;
	top: 30px;
	left: 200px;
	margin: 0;
	width: 150px;
}

#footer-mainmenu {

}

#footer-mainmenu ul li {
	padding: 3px 0;
}

#footer-mainmenu ul li a {
	display: block;
	font-size: 93%;
	color: #000;
	text-decoration: none;
}

#footer-mainmenu ul.homemenu li a,
#footer-mainmenu ul.homemenu li.current a {
	width: 85px;
}

/* ---[ Generalmenu ]--- */

#wpr-generalmenu {
	position: absolute;
	top: 55px;
	right: 130px;
}

#generalmenu {

}

#generalmenu ul {

}

#generalmenu ul li {
	padding: 3px;
}

#generalmenu ul li a {
	color: #000;
	text-decoration: none;
}

#generalmenu ul li a:hover {

}

#generalmenu ul li.current a {

}

/* ---[ Content ]--- */

.content {

}

#content .content {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: transparent url(/layouts/mybee/images/bg-hr.png) no-repeat bottom left;
}

/* ---[ Paragraph formatting ]--- */

.content p {

}

/* ---[ Table formatting ]--- */

.content table {

}

.content table tr td {

}

/* ---[ Headers ]--- */

.content h1,
.content h2,
.content h3 {
	font-family: 'Trebuchet MS';
}

.content h1,
.content h2 {
	margin-bottom: 0.25em;
	font-size: 174%;
	line-height: 28px;
	font-weight: bold;
	color: #99cc00;
}

#footer-mainmenu h2,
#footer-contact h2 {
	margin-bottom: 0.4em;
	height: 20px;
	text-indent: -9000px;
	background: transparent url(/layouts/mybee/images/bg-sprite.png) no-repeat -612px 0;
}

#footer-contact h2 {
	background-position: -612px -46px;
}

.content h3 {
	font-size: 108%;
	line-height: 20px;
	font-weight: bold;
	color: #000;
}

body.vraag-en-antwoord .content h3 {
	margin: 5px 0;
}

.content h3.active {
	color: #99cc00;
}

.content h3.rollover {
	color: #666;
}

/* ---[ Links ]--- */

.content a {
	color: #000;
}

.content a:hover {

}

#footer a {
	color: #000;
}

/* ---[ Images ]--- */

.content img,
.content img.left {

}

.content img.right {

}

/* ---[ Text formatting ]--- */

.content strong {

}

.content em {

}

/* ---[ Lists ]--- */

.content ul {

}

#sidebar-right .examples {
	float: left;
	width: 190px;
}

.content ul li {
	margin-left: 0;
	padding: 0 0 0.1em 25px;
	list-style-type: none;
	background: transparent url(/layouts/mybee/images/bg-sprite.png) no-repeat 0 -186px;
}

.content ul li ul li {
	margin-left: 0.5em;
}

.content ul li ul li ul li {
	margin-left: 1em;
}

/* ---[ Subscribe form ]--- */

.content #cm-subscribe {
	padding-bottom: 20px;
	width: 400px;
	font-family: 'verdana';
}

#cm-subscribe label {
	width: 75px;
	font-family: 'verdana';
	font-size: 108%;
}

#cm-subscribe input {
	font-family: 'verdana';
}

#cm-subscribe input.textfield {
	border: 1px solid #ccc;
	width: 225px;
	font-size: 123.1%;
}

#cm-subscribe input.submit {
	width: auto;
	margin-left: 75px;
}

/* ---[ Flash check ]--- */

#content div#check-flash-plugin {
	padding: 18px 20px 30px 45px;
	background: #fff url(/layouts/mybee/images/bg-flash-warning.png) no-repeat top left;
}

#content div#check-flash-plugin p {
	margin-bottom: 5px;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }

  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }

  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }

  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;
    padding: 0pt;
    overflow: auto;
    letter-spacing: 0px;
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }

  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}