/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {             #container .tabs-hide {display: none;}}
@media print {                          #container .tabs-nav {display: none;}}


/* ALGEMENE STYLING */
#container #tabs                                   {color:#69686c; margin:0; padding:0; width:990px;}
#container #tabs p                                 {margin:5px 0 0 0; padding:0 25px 0 27px; width:248px; float:left;}
#container #tabs .p                                {padding:0 0 0 48px; margin:0;}
#container #tabs h1                                {margin:0; padding:0 25px 0 27px; font-size:14px; width:248px; text-transform:uppercase;}
#container #tabs h2                                {margin:0; padding:0; font-size:14px; text-transform:uppercase;}
#container #tabs ul                                {color:#69686c; margin:0 0 0 250px!important; padding:0!important; width:780px!important; list-style:none;}
#container #tabs li                                {margin:0; padding:35px 10px 15px 1px!important; float:left!important;/* be nice to Opera */}
#container #tabs a                                 {display: block; padding:0 10px 20px 10px; font-family:Calibri; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:13px; color:#a7a6aa;}


#container .tabs-nav                               {list-style: none; margin:0; padding:0 0 0 4px;}
#container .tabs-nav:after                         { /* clearing without presentational markup, IE gets extra treatment */display: block; clear: both; content: " ";}
#container .tabs-nav li                            {margin:0; padding:35px 10px 15px 1px!important; float:left;/* be nice to Opera */}
#container .tabs-nav a                             {display: block; padding:0 10px 20px 10px; font-family:Calibri; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:13px; color:#a7a6aa;}
#container .tabs-nav a:hover                       {display: block; padding:0 10px 20px 10px; text-transform:uppercase; font-size:13px; color:#000!important; text-decoration:underline;}
#container .tabs-nav a.active                      {display: block; padding:0 10px 20px 10px; text-transform:uppercase; font-size:13px; color:#000;}
#container .tabs-nav .tabs-selected a              {color: #000; background:url(../images/menu-images/blokje-active-btn.gif) center bottom no-repeat;}