body { background:#77b740; }
header #logo { top:1px; background:url(../../elements/shell/header/logoSchrijffontein.png); width:237px; height:55px; }
header #logoSubtitle { position:absolute; top:35px; left:190px; display:block; font-size:14px; }
header #logoGroen { position:absolute; top:3px; right:10px; display:block; background:url(../../elements/shell/header/logoGroen.png); width:121px; height:40px; }

nav ul li { background:#77b740 url(../../elements/controls/buttons/mainTab/back.png); }
nav ul .innerTab { background-color:#77b740; }
#tilesScrollerControls .scroller .bar { background:#77b740; }
#tilesScrollerControls .scroller.left .bar { background:#77b740; }
.tile.empty { background:#77b740 url(../../elements/controls/tiles/empty/back.png); }
.tile.empty .center { background:#77b740 url(../../elements/controls/tiles/empty/center.png); }
#addTile { background:#77b740; }
.focusButton { background-color:#77b740; }
.focusButton div {background-color:#77b740; }


.basicButton { background-color:#77b740; }
.basicButton div { background-color:#77b740; }



/* ===================================================================
   LESSON TYPE KEUZE                                 LESSON TYPE KEUZE
   =================================================================== */

#fullscreenLayer .holder.margin { background:#FFF; padding:10px; overflow:auto; text-align:center; }


/* blueButton*/
.blueButton { display:inline-block; height:29px; background:url(../../elements/shell/topowereld/blueButton/up.png) repeat-x; color:#FFFFFF; padding:10px 7px 0 7px; font-size:13px; text-decoration:none; }
.blueButton:hover { background:url(../../elements/shell/topowereld/blueButton/over.png) repeat-x; color:#000; }

/* mainButton*/
.mainButton { display:inline-block; height:29px; background:url(../../elements/shell/topowereld/mainButton/up.png); color:#727272; padding:10px 0 0 35px; font-size:13px; text-decoration:none; }
.mainButton:hover { background:url(../../elements/shell/topowereld/mainButton/over.png); color:#000; }
.mainButton.disabled { background:url(../../elements/shell/topowereld/mainButton/disabled.png); color:#b2b2b2; }
.mainButton.disabled:hover { color:#b2b2b2; }
.mainButton.checked .checkedIcon { position:relative; margin:-18px 0 0 -28px; display:block; width:23px; height:20px; background:url(../../elements/icons/checked.png); }

/* lessonType*/
.lessonType { display:inline-block;  }

.lessonType .block1 { position:relative; display:inline-block; float:left; text-align:left; width:276px; margin:0 20px 0 0; }

.lessonType .textBlock { display:block; width:305px; }
.lessonType .textBlock h1 { font-size:16px; color:#2e8cb0; margin:0; padding:0; }


/* lessonTypeNavigator*/
#lessonTypeNavigator { display:block; width:276px; margin-top:20px; }
#lessonTypeNavigator #navigatorTop { display:block; background:url(../../elements/shell/topowereld/lessonTypeNavigator/top.gif); width:276px; height:3px; }
#lessonTypeNavigator #navigatorBottom { display:block; background:url(../../elements/shell/topowereld/lessonTypeNavigator/bottom.gif); width:276px; height:4px; }
#lessonTypeNavigator #navigatorCenter { display:block; background:url(../../elements/shell/topowereld/lessonTypeNavigator/center.gif) repeat-y; width:272px; padding:0 0 0 4px; }
#lessonTypeNavigator #navigatorCenter .mainButton { width:233px; } /*padding:10px 0 0 35px;*/

/* spellenNavigator*/
#spellenNavigator { display:block; width:276px;  margin-top:20px; }
#spellenNavigator #navigatorTop { display:block; background:url(../../elements/shell/topowereld/lessonTypeNavigator/top.gif); width:276px; height:3px; }
#spellenNavigator #navigatorBottom { display:block; background:url(../../elements/shell/topowereld/lessonTypeNavigator/bottom.gif); width:276px; height:4px; }
#spellenNavigator #navigatorCenter { display:block; background:url(../../elements/shell/topowereld/lessonTypeNavigator/center.gif) repeat-y; width:272px; padding:0 0 0 4px; }
#spellenNavigator #navigatorCenter .blueButton { margin:0 1px; }

/* mainButton*/
#toetsContainer { margin:10px 0 0 0; }
#toetsContainer #toetsProgress { display:inline-block; height:10px; background:url(../../elements/shell/topowereld/blueButton/up.png); width:50px; z-index:0; }
#toetsContainer .mainButton { margin-top:-5px; }


.lessonType #mainMapContainer { display:inline-block; float:left; border:solid 1px #cccccc;}
.lessonType #mainMapContainer img { border:solid 3px #ffffff; }