@charset "utf-8";

body { background-color: #c4dfff; font-size: 12px; font-family: Arial; }
a:link,
a:active,
a:visited 	{ color: #316cb2; text-decoration: none; }
a:hover		{ text-decoration: underline; }

/* ---------- Layout ---------- */

#wrapper                    { width: 970px; margin: 0 auto; }
#wrapper .shadow-left       { float: left; width: 13px; height: 899px; background: url(../images/shadow-left.png); }
#wrapper .shadow-right      { float: left; width: 13px; height: 899px; background: url(../images/shadow-right.png); }

#container                  { float: left; width: 940px; background: #fff; border: 1px solid #9cb2cb; border-top: 0px; }

#header_left                { float: left; width: 322px; margin-top: -42px; }
#header_right               { float: left; width: 618px; margin-top: -42px; }

#logo                       { float: left; padding: 0px 32px 0px 24px; }

#menu                       { float: left; width: 219px; padding:16px 20px 24px 51px; font-weight: 700; color: #aaa; background: url(../images/menu-bottom.png) 24px bottom no-repeat; }
#menu h2, #menu h1          { color: #cccccc; font-size: 21px; padding-left: 0px; padding-bottom: 1px; line-height:25px; }
#menu ul                    { padding-left: 0px; padding-bottom: 20px; }
#menu li                    { width: 213px; padding: 5px 0px 5px 0px; font-size: 16px; color: #505259; font-weight: 700; border-bottom: 1px solid #ccc; }

#menu a                     { padding: 0px 4px; }
#menu a:link,
#menu a:active,
#menu a:visited             { color: #aaa; text-decoration: none; }
#menu a:hover               { color: #aaa; text-decoration: underline; }

#menu li a                  { padding: 0px; }
#menu li a:link,
#menu li a:active,
#menu li a:visited          { color: #505359; text-decoration: none; }
#menu li a:hover            { color: #505359; text-decoration: underline; }

.fixedheight                { height:315px; }
#menu.fixedheight ul        { padding-left: 0px; padding-bottom: 50px; }

.content_tab                { float:left; background:url(../images/tab_content.png); width:192px; height:108px; }
.content_tab h1             { padding:26px 0 0; text-align:center; color:#505359; font-weight:normal; }
/* .content_tab h1          { padding:26px 0 0; text-align:center; color:#505359; font-weight:normal; font-size:18px; } */

#sub_navigation             { float: left; width: 618px; padding-top: 3px; padding-bottom: 4px; }
#sub_navigation ul          { position: relative; left: 18px; }
#sub_navigation li          { float: left; padding: 4px 10px 4px 10px; font-size: 14px; font-weight: bold; border-right: 1px solid #ccc; white-space:nowrap; }
#sub_navigation li a:link,
#sub_navigation li a:active,
#sub_navigation li a:visited { color: #aaa; }
#sub_navigation li.last a    { border: 0; }
#sub_navigation li.active a:link, #sub_navigation li.active a:visited, #sub_navigation li.active a:active  { color: #ff5019; }

#product_image              { overflow:hidden; position:relative; float:left; left:25px; margin-top:10px; background:url(../images/block-1.png) no-repeat; width:266px; height:183px; }
#product_image_over         { position:absolute; top:0; left:0; background:url(../images/block-1-trans.png) no-repeat; width:266px; height:183px; }
#product_image img          { display:block; margin:0 auto; }
/* ---------- Content ---------- */
#content                    { float: left; width: 538px; padding: 0px 25px 25px 25px; line-height: 21px; }
.content_tab_end            { float: left; background:url(../images/tab_content_endless.png) no-repeat; width:392px; height:88px; }
.content_tab_end h2         { padding: 30px 0 0 28px; color:#505359; }
/* ---------- End Content ---------- */

.content_blocks             { float:left; width: 600px; padding: 11px 0px 25px 0px; line-height: 21px; background:url(../images/content_bottom_back.png) no-repeat left bottom; }
.content_blocks h2          { line-height:17px; }

#standard_content           { float:left; width:600px; background:url(../images/content_bottom.jpg) no-repeat left bottom; }

#block_tl, #block_tr,
#block_bl, #block_br        { color:#505259; font-family: Arial, Helvetica, Sans-serif; font-size:13px; }
#block_bl, #block_br        { padding-top: 20px; }

#block_l                    { float: left; width:292px; }
#block_r                    { float: left; margin:20px 0 0 15px; }
#block_r img                { margin-top:15px; }
#block_tl                   {  }
#block_l #block_tl          { height: 250px; }

#block_tl, #block_tr        { float: left; width: 292px; /*height: 212px;*/ padding-top: 20px; position: relative; left: 28px; border-bottom: 0px solid #f00; line-height:17px; }
#block_bl, #block_br        { float: left; width: 292px; /* height: 110px;*/ position: relative; left: 28px; border-bottom: 0px solid #f00; }
#block_tr                   { line-height: 17px; height:224px; margin-bottom:25px; }
#block_tr, #block_br        { padding-right:50px; width:242px; }
#block_tr h1                { line-height: 22px; }

#block_tl form              { margin-top:12px; }
#block_br a:active,
#block_br a:link,
#block_br a:visited         { text-decoration:underline; }  
 
/* #block_tl h2, #block_tr h2  { font-size: 17px; } */
h1, h2                      { font-size: 22px; padding-bottom: 10px; color: #ff5019; }
h2                          { line-height: 21px; }

#slogan                     { float: left; width: 618px; height: 76px; }

#action_blocks              { float: left; position: relative; left: 24px; margin-top: 20px; margin-bottom: 20px; width: 890px; color: #aaa; font-size: 11px; line-height: 18px; }
#action_blocks p			{ font-size: 16px; color: #505359; padding-bottom: 14px; font-weight:bold; }
.block_small                { float: left; width: 217px; height: 133px; padding: 25px 55px 25px 25px; background:  url(../images/block-1.png) no-repeat; border-right: 1px solid #fff; }
.block_width                { float: left; width: 563px; height: 133px; padding: 25px 0px 25px 25px; background:  url(../images/block-2.png) no-repeat; border-right: 1px solid #fff; }
.block_left,
.block_right				{ float: left; width: 258px; }
.block_left					{ border-right: 1px solid #e5e5e5; padding: 0 12px 0 0; }
.block_right				{ position: relative; left: 22px; }
#action_blocks .icon		{ float: right; width: 60px; height: 60px; }
#action_blocks .button		{ float: right; width: 126px; height: 44px; padding-top: 5px; }
#action_blocks .search      { float:right; padding-top: 0; background:url(/images/button-zoek.png) no-repeat; width:126px; height:44px; border:0; text-indent:-9999px; line-height:0; cursor:pointer; margin:2px 0; }	
#footer                     { clear:both; float:left; height:100px; width:940px; }
#footer .border		        { float: left; width: 938px; height: 7px; border-left: 1px solid #fff; border-top: 1px solid #fff; }

.blue        		{ background: #316cb3; float:left; height: 7px; }
.red         		{ background: #ff5019; float:left; height: 7px; }
.yellow      		{ background: #f1ff29; float:left; height: 7px; }
#footer #partners      		{ float:left; padding:10px 0 0 30px; }
#footer #blocks      		{ color:#AAAAAA; float:left; height:46px; margin:20px 0 0; padding:0 0 0 45px; }
#partnerlogos               { float:left; width:250px; height:56px; padding:0; margin:0; }

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

#feature_links                  { float: left; position: relative; top: -420px; left: 36px; width: 308px; border-right: 1px solid #f00; }
#feature_links .block_1         { width:  80px; position: absolute; left:   0px; top: 0px; font-size: 11px; }
#feature_links .block_2         { width:  80px; position: absolute; left: 200px; top: 0px; font-size: 11px; }
#feature_links .block_3         { width: 100px; position: absolute; left: 400px; top: 0px; font-size: 11px; }

#feature_wrapper                { float: left; width: 608px; height: 470px; }

#feature_list                   { float: left; width: 608px; height: 450px; background-color: #fff; }
#feature_list ul                { list-style: none; padding: 0; margin: 0; }
#feature_list .action           { position: absolute; top: 161px; left: 447px; border: 0px solid #f00; width: 170px; height: 170px; }
#feature_list .action_text      { position: absolute; top: 294px; left: 92px; border: 0px solid #f00; width: 220px; height: 170px; color: #3984c8; font-size: 18px; }
#feature_list .action_button    { position: absolute; top: 294px; left: 318px; width: 126px; height: 44px; }

#tabs                       { float: left; width: 608px; height: 108px; }
#tabs .title                { font-size: 24px; font-weight: 700; padding: 4px 0px; }
#tabs li                    { float: left; width: 200px; height: 108px; font-size: 11px; font-family: Arial; background: url(../images/tab.png) no-repeat; }
#tabs li a                  { color: #505359; text-decoration: none; display: block; padding: 10px 20px 10px 35px; height: 108px; outline: none; }
#tabs li a:hover            { color: #316cb2; }
#tabs li a.current          { color: #316cb2; }
#tabs li a.current:hover    { text-decoration: none; cursor: default; }
#tabs li span               { float: left; width: 123px; clear: both; }

#output                     { float: left; width: 618px; height: 355px; overflow: hidden; position: relative; }
#output li                  { position: absolute; width:610px; height: 450px; }
.outputimg                  { border-right: none; width:593px; height:355px; }

.ui-tabs .ui-tabs-hide      { display: none; }

/* ---------- Formulieren ---------- */
dd.ddInput                  { position:relative; float:left; background:url(../images/input.jpg) no-repeat; width:260px; height:30px; margin-bottom:4px; }
dd.ddInputField             { position:relative; background:url(../images/input.jpg) no-repeat; width:260px; height:30px; margin-bottom:4px; }
.validation                 { position:absolute; color:white;  font-weight:bold; background: #FF5019; top:0px; left:259px; width:14px; height:24px; padding:6px 0 0 6px; display:block; cursor:pointer; }
.validationPopup            { color:white; z-index:1; display:none; padding:5px 0 0 10px; position:absolute; top:0px; left:107px; width:140px; height:23px; background: #FF5019; border:solid 1px #FF5019; }
.inputLabel                 { display:none; }
.inputField                 { border:0;  font-family: Arial, Helvetica, Sans-serif; font-size:13px; color:#aaa; }
input.inputField            { width:240px; margin:5px 0 0 10px; }
#block_tl select            { border:none; margin:5px 0 0 7px; width:245px; font-family: Arial, Helvetica, Sans-serif; font-size:13px; color:#aaa; }
dd.selectField              { background:url(../images/input.jpg) no-repeat; float:left; position:relative; width:260px; height:30px; margin-bottom:5px; }
textarea.inputField         { margin-top:5px; background:none; border:1px dashed #cbcbcb; font-family: Arial, Helvetica, Sans-serif; font-size:13px; color:#aaa; padding:7px; height: 80px; width:260px; }  
/*.button_inschrijven_step2*/ 
.submit_Stap2               { float:left; background:url(../images/button-stap2.png); width:126px; height:44px; border:0; cursor:pointer; text-indent:-9999px; line-height:0; }
.submit_Inschrijven         { float:left; background:url(../images/button-inschrijven.png); width:126px; height:44px; border:0; cursor:pointer; text-indent:-9999px; line-height:0; margin:8px 0; }
.submit_aanvragen           { float:left; background:url(../images/button-aanvragen.png); width:126px; height:44px; border:0; cursor:pointer; text-indent:-9999px; line-height:0; margin:8px 0; }
dd.ddInputValidation        { background:url(../images/inputValidation.jpg) no-repeat; }

.partners, .partners tr, .partners tr td { vertical-align: middle; }
a.proefles_aanvragen      { background:url(../images/button-aanvragen.png); width:126px; height:44px; border:0; cursor:pointer; text-indent:-9999px; line-height:0; display:block; }
a.meer_info               { padding-left:10px; color:#316CB2; text-decoration:underline; font-family: Arial, Helvetica, Sans-serif; font-size:11px; font-weight:bold; }
a.inschrijven             { background:url(../images/button-inschrijven.png); width:126px; height:44px; border:0; cursor:pointer; text-indent:-9999px; line-height:0; display:block; }

.versturen                { background:url(../images/button-versturen.png); width:126px; height:44px; border:0; cursor:pointer; text-indent:-9999px; line-height:0; display:block; }  

.inputFieldSearch         { background:url(../images/inputSearch.jpg) no-repeat; width:202px; height:25px; border:0; }
input.inputFieldSearch    { font-family: Arial, Helvetica, Sans-serif; font-size:13px; color:#ccc; padding:0 5px 0 5px; }

/* ---------- FAQ ---------- */
.faq              { width: 538px; border-top: 1px solid #ccc; }
.faq div          { background-color: #eee; }

.faq p            { margin-bottom: 10px; text-decoration: none; margin: 0px; padding: 5px 10px; border-bottom: 1px solid #ccc; }
.faq a            { cursor: pointer; display: block; padding: 5px 10px; margin-top: 0; text-decoration: none; border-bottom: 1px solid #ccc; }
.faq a:hover      { background-color: #fff; }
.faq a.selected   { background-color: #fff; }  

#tabjes .faq      { margin-left:20px; border:0; float:left; }
#scholing h2      { background:url(../images/tab_content_endless.png) no-repeat; width:392px; height:40px; float:left; padding:20px 30px 30px 30px; font-size:13px; }

/* ---------- Zoekresultaten ---------- */
#searchresults .title { margin-top: 20px;}
#searchresults .title a { font-size: 16px; color: blue; text-decoration: underline;	margin-top: 20px;}
#searchresults .link { color: red; }

/* twitter widget */
#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p   { font-size:11px !important; }
.twtr-hd                                                                                { padding:0 10px 10px 10px !important; }
.twtr-widget .twtr-tweet-wrap                                                           { padding:0 8px !important; }
.twtr-timeline  { height:72px !important; }