@charset "utf-8";

*                   { margin: 0px; padding: 0px; }
body                { background: url(../images/background.png) repeat-x; font: 12px/21px Arial,Helvetica,Garuda,sans-serif; }
a:link,
a:active,
a:visited            { color: #0082c8; text-decoration: none; cursor: pointer; }
a:hover              { text-decoration: underline;}

b, strong            { color: #0181c6; }
td                   { }

h1, h2               { font-weight: normal; margin-bottom: 12px; }
h1                   { font-size: 24px; color: #77292a; }
h2                   { font-size: 18px; color: #0082c8; margin-bottom: 6px; margin-top: 12px; }
h3                   { font-weight: bold; font-size: 12px; color: #0082c8; margin-bottom: 0px; margin-top: 18px; }
dt                   { display: none; }
/* Flow */
.wrapper, .overflow  { overflow: hidden; }

#container           { width: 968px; height: 800px; margin: auto; }
body.wide #container { padding: 0 121px; border: 1px solid #f00; background: url(../images/background-bullits.png) no-repeat; }

/* Layout */
#header              { float: left; width: 968px; color: #0082c8; }
#logo                { float: left; padding-top: 1px; padding-bottom: 6px; }

#call                { float: right; padding: 36px 0px 0px; text-align: right; margin-right: -4px; display: inline; }
#call span           { float: right; font-size: 21px; }
#call a              { text-align: right; font-size: 11px; padding-right: 10px; border-right: 1px solid #0082c8; display: inline; margin-right: 4px; }

#newsletter          { float: right; text-align: center; padding: 36px 10px 0px 10px; font-size: 14px; }
#newsletter .submit  { width: 90px; padding: 4px; text-transform:uppercase; color: #fff; font-size: 10px; margin-top: 4px; background: #77292a; border: 0px; cursor: pointer; }

#breadcrumb          { float: left; width: 968px; padding: 8px 0px 5px 0px; font-size: 11px; color: #0082c8; }
#breadcrumb .bread  { float: left; width: 648px; }
#breadcrumb ul  { float: right; position: relative; left: 2px; padding-left: 1px; width: 100px; }
#breadcrumb li  { float: left; font-weight: bold; }
#breadcrumb a   { border-left: 0px solid #0082c8; padding: 0px 5px; }

#content        { float: left; margin-top: 1px; width: 966px; background: #fff; border: 1px solid #0181c6; }

#footer         { float:left; width:970px; height:60px; margin-bottom:30px; color: #0181c6; }
#footer p       { float:left; padding:20px 0 0 7px; }
#footer a       { font-weight:bold; font-size:11px; }
#footer img     { float:right; width:100px; }

#left           { float: left; width: 264px; padding: 22px 30px; overflow: hidden; border-right: 1px solid #0181c6; background: url(../images/left-background.png) 0px 0px repeat-x; }

#left form      { padding-bottom: 0px; border-bottom: 1px solid #fff; }
#left form p    { position: relative; left: 125px; top: -25px; font-size: 11px; }
#left input     { width: 248px; padding: 8px 8px; font-size: 11px; margin-top: 4px; border: 1px solid #d8d9da; color: #0082c8; }
#left select    { z-index: 1; position:relative; width: 266px; padding: 8px 5px; font-size: 11px; border: 1px solid #d8d9da; color: #0082c8; }
#left .submit         { width: 110px; padding: 5px; text-transform:uppercase; color: #fff; background: #77292a; border: 0px; cursor: pointer; }
#right .submit         { width: 110px; padding: 5px; text-transform:uppercase; color: #fff; background: #77292a; border: 0px; cursor: pointer; }
#left .agenda   { border-top: 1px solid #0082c8; border-bottom: 1px solid #FFFFFF; padding: 20px 0px; font-size: 11px; }
#left td        { padding-right: 5px; }

#right          { float: left; width: 580px; padding: 22px 30px; position: relative; left: -1px; border-left: 1px solid #0181c6; background: url(../images/content-background.png) 0px 0px repeat-x; }
#right h2       { font-size: 21px; color: #77292a; border-bottom: 1px solid #7bbde1; padding-top: 5px; padding-bottom: 12px; margin-bottom: 12px; }
#right p        { padding: 10px 0px; }

.a1, .a2        { position: absolute; left: 0px; top: 0px; }
.a1             { z-index: 1; width: 639px; height: 235px; overflow: hidden; border: 1px solid #fff; }
.a2             { z-index: 2; width: 100px; height: 100px; }

.a3, .a4        { position: absolute; left: 30px; width: 298px; z-index: 3; color: #434342; }    
.a3             { top: 25px; height: 165px; }
.a4 a:link,
.a4 a:visited,
.a4 a:active           { position: relative; top: 197px; width: 110px; padding: 5px 10px; text-transform: uppercase; color: #fff; background: #77292a; text-decoration: none; }

.validation				{ float: left; position: relative; margin-top: -28px; top:0px; left:100px; width:240px; height:25px; padding:2px 0 0 20px; font-size: 11px; background: url(/images/validation.png) no-repeat; color: #0082c8; }

#inschrijfformulier                 { font-size: 11px; color: #0082c8; }
#left span                          { float: left; padding-right: 10px; }
#right span                         { float: left; color: #0082c8; padding: 5px 10px 5px 0px; }
#inschrijfformulier dt              { float: left; width: 110px; height: 37px; display: block; }
#inschrijfformulier dd              { float: left; width: 400px; height: 37px; display: block; }
#right .check                       { padding: 8px 0px; }
#right .check input,
#right .radio input                 { float: left; width: 20px; padding: 0px; border: 0px; }
#left .radio input                  { float: left; width: 20px; padding: 0px; border: 0px; }
#inschrijfformulier input.post_n    { width: 50px; }
#inschrijfformulier input.post_l    { width: 25px; }
#inschrijfformulier .cursus         { float: left; }
#inschrijfformulier .cursus input   { float: left; width: 30px; padding: 0px; border: 0px; }
#inschrijfformulier .button         { width: 80px; } 

/* ---------- Featured ---------- */

#feature_wrapper                { }

#feature_list                   { float: left; width: 641px; margin-left: -1px; border-left: 1px solid #0181c6; }
#feature_list ul                { list-style: none; }

#output                         { float: left; width: 641px; height: 237px; margin-bottom: 1px; overflow: hidden; border-bottom: 1px solid #0181c6; }
#output li                      { position: absolute; width: 642px; height: 237px; }
#output h2                      { font-size: 24px; color: #77292a; font-weight: normal; }
#output h3                      { font-size: 18px; color: #0082c8; font-weight: normal; margin-bottom: 10px; }
.outputimg                      { border-right: none; }

#tabs                           { float: left; width: 640px; border-bottom: 1px solid #0181c6; padding-left: 1px; }
#tabs ul                        { }
#tabs li                        { float: left; width: 159px; height: 61px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background: #5fabda; }
#tabs li a:link,
#tabs li span.two,
#tabs li span.three             { float: left; padding-top: 0px; color: #fff; text-decoration: none; }
#tabs li span.two               { float: left; font-size: 21px; width: 140px; padding: 0px 0px 0px 12px; }
#tabs li span.three             { padding: 8px 0px 0px 12px; }

#tabs li a:hover                { }
#tabs li a.current         { float: left; width: 158px; height: 61px; background: #248dcd; }
#tabs li a.current:hover        { }
#tabs img   { border: 1px solid #f00; position: absolute; top: 40px; left: 70px; }

#gratisbrochure   { border-top: 1px solid #0082c8; padding: 20px 0 0; height:76px; font-size: 12px; float:left; width:100% }
#gratisbrochure h2 { margin:5px 0 16px; }
#gratisbrochure a { background:#77292A; color:#fff; font-size:12px; padding:2px 0; text-transform:uppercase; width:110px; float:left; cursor:pointer; text-align:center; }
#gratisbrochure a:hover { text-decoration:none; }