@charset "utf-8";
@media screen, print {
    *{
        font-size:12px;
    }    
    body{
     background-position:top center;
     background-attachment:fixed;
     background-repeat:no-repeat;
    }
    p, td, p,li, a,ul,div{
        font-size:12px;  
    }
    h1{
        font-size:18px;
        padding-bottom:10px;
    }
    h2{
        font-size:17px;
    }
    h3{
        font-size:16px;  
        font-weight:bold; 
        color:#D9252D; 
        padding:10px 0px 5px 0px;
    }
    h4{
        font-size:15px;
    }   
    p{
        padding-bottom:15px;
    }        
    form td{
        padding:5px;
        vertical-align:top;
    }         
    .webform span{
     color:red;
     float:right;
    }
    form#contactFORM input,
    form#searchForm input,
    form#webForm input
    {
        background-image:url(../_sysimg/input-bg.gif); 
        background-repeat:repeat-x;
        background-position:top;
       	height:18px;
	    width:250px;
	    border:1px solid #D0D0D0;
    }   
    form#webForm input.file
    {
        height:25px;                      
    }
    form#contactFORM textarea,
    form#searchForm textarea{    
        background-image:url(../_sysimg/input-bg.gif); 
        background-repeat:repeat-x;
        background-position:top;
	    border:1px solid #D0D0D0;  
        width:250px;
     }  

    form#webForm textarea{  
        background-image:url(../_sysimg/input-bg.gif); 
        background-repeat:repeat-x;
        background-position:top;
	    border:1px solid #D0D0D0; 
    
    }
      form#contactFORM button,
      form#searchForm button,
      form#webForm button{
        color:#FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-transform: lowercase;
        background-repeat: no-repeat;
        background-position: 0px -36px;
        background-image: url(../_sysimg/zoek.gif);
        border:0px;
        text-align: center;
        width: 78px;
        margin-left: 15px;
        margin-right: 2px;
        background-color:transparent;      
        height:32px;
    } 
    form#contactFORM button:hover,
      form#searchForm button:hover,
      form#webForm button:hover{
        background-position: 0px 0px;
      }
    a{
        color:#D9252D;
    }  
    small{
        font-size:10px;
    }
    body {
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
        background-position: center top;
        background-repeat: no-repeat;
    }    
    .header h1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 35px;
        line-height: 37px;
        font-weight: bold;
        vertical-align: text-bottom;
        margin-top: 12px;
        margin-left: 68px;
    }
    .header h3 {
        font-family: Arial, Helvetica, sans-serif;
        color: #666666;
        font-size: 16px;
        line-height: 17px;
        margin-left: 68px;
        font-weight: bold;     
        padding:0px;
    }   
    .bannerright{
        padding-left:5px;
        padding-top:70px;
    }
     .banner{
        width: 960px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        height: auto;
        border-bottom: 1px solid #CCCCCC;
    }
    .banner2{
        margin-right: auto;
        margin-left: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        height: auto;
        border-bottom: 1px solid #CCCCCC;
    }
    .top {
        width: 960px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 17px;
        margin-bottom: 17px;
        height: 36px;
    }
    .top .logo {
        float: left;
        width: 240px;
        clear: none;
        height: 36px;
    }
    .top .links {
        clear: none;
        float: right;
        height: 36px;
        width: 700px;
        margin-top: 15px;
    }
    .top  li  {
        float: right;
        display: block;
        list-style-image: none;
        list-style-type: none;
        padding-left: 10px;
        font-size: 12px;
        font-weight: bold;
        color: #999999;
        clear: none;
        padding-right: 10px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #999999;
    }    
    .top  li:first-child { 
        border-right: none;
    }
    .top li a {
        color: #000000;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        white-space: nowrap;
    }   
    .top li:hover  a,
    .top li.hover  a,
    .top li a:hover {
        color: #C52726;
        text-decoration: underline;
    }
    .top  li  .current  {
        color: #C52726;
        text-decoration: none;
    }
    /*hoofdnavigatie ---------------------------------------------------*/
    .tabs {
        width: 960px;
        margin-right: auto;
        margin-left: auto;
        padding: 0px;
        background-color: #CCCCCC;
        height: 36px;
        border: 1px solid #999999;
        background-image: url(../_sysimg/nav-basic.gif);
        background-repeat: repeat-x;
        line-height: 36px;
        width: 960px;
    }
    .tabs ul {
        list-style-image: none;
        list-style-type: none;
    }
    .tabs li {
        list-style-type: none;
        list-style-image: none;
        float:left;
        padding:0px;
        margin:0px;
    }   
    
    .nav {
        width: 72px;
        text-align: left;
        vertical-align:top;
    }  

    .tabs .nav-u a, 
    .tabs .nav-r a, 
    .tabs .nav-s a, 
    .tabs .nav-m a {
        text-decoration:none;
        color:#C52726;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #999;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-transform: lowercase;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        display: block;
        text-align: left;
        text-indent: 40px;
        width:113px;
    }
    /*uitgaan ---------------------------------------------------*/
    .tabs .nav-u a {
        background-image: url(../_sysimg/nav-uitgaan.gif);
    }
    .tabs .nav-u a:hover, 
    .tabs .nav-u a.current:hover {
        background-position: 0px -36px;
        color:#FFFFFF;
    }
    .tabs .nav-u a.current {
        background-position: 0px -72px;
    }
    /*recreatie ---------------------------------------------------*/
    .tabs .nav-r a {
        background-image: url(../_sysimg/nav-recreatie.gif);
    }
    .tabs .nav-r a:hover, 
    .tabs .nav-r a.current:hover {
        background-position: 0px -36px;
        color:#FFFFFF;
    }
    .tabs .nav-r a.current {
        background-position: 0px -72px;
    }
    /*shoppen ---------------------------------------------------*/
    .tabs .nav-s a {
        background-image: url(../_sysimg/nav-shop.gif);
    }
    .tabs .nav-s a:hover, 
    .tabs .nav-s a.current:hover {
        background-position: 0px -36px;
        color:#FFFFFF;
    }
    .tabs .nav-s a.current {
        background-position: 0px -72px;
    }
    /*movies ---------------------------------------------------*/
    .tabs .nav-m a {
        background-image: url(../_sysimg/nav-movie.gif);
    }
    .tabs .nav-m a:hover, 
    .tabs .nav-m a.current:hover {
        background-position: 0px -36px;
        color:#FFFFFF;
    }
    .tabs .nav-m a.current {
        background-position: 0px -72px;
    }
    /*home ---------------------------------------------------*/
    .tabs .nav-h a {
        text-decoration:none;
        color:#C52726;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #999;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-transform: lowercase;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        display: block;
        text-align: left;
        width:54px;
        background-image: url(../_sysimg/nav-home.gif);
    }
    .tabs .nav-h a:hover, 
    .tabs .nav-h a.current:hover {
        background-position: 0px -36px;
        color:#FFFFFF;
    }
    .tabs .nav-h a.current {
        background-position: 0px -72px;
    }
    /*zoek! ---------------------------------------------------*/
    .tabs .zoek a {
        text-decoration:none;
        color:#FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-transform: lowercase;
        background-repeat: no-repeat;
        background-position: 0px -36px;
        background-image: url(../_sysimg/zoek.gif);
        display: block;
        text-align: center;
        width: 78px;
        margin-left: 15px;
        margin-right: 2px;
    }
    .tabs .zoek a:hover, 
    .tabs .zoek a.current:hover {
        background-position: 0px 0px;
    }    
          
    
    .zoekstyle {
        vertical-align: top;
        text-align: right;
        width: 354px;
    }
    .zoekstyle input {
        margin-left: 15px;
        margin-top: 7px;
        color: #999999;
        padding-left:25px;
        font-style: italic;
        background-color: #FFFFFF;
        background-image: url(../_sysimg/zoek-input.gif);
        background-repeat: no-repeat;
        background-position: 2px 2px;
        width: 304px;                  
    }
    .zoekstyle input:hover, 
    .zoekstyle input.hover, 
    .zoekstyle input:active  {
        color: #000000;
    }
    .contentwrap {
        width: 960px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        clear: both;
    }
    .contentwrap .maincontent {
        float: left;
        width: 700px;
    }          
    
    .contentwrap .widgets {
        float: right;
        width: 250px;
    }
    .header {
        height: 140px;
        width: 700px;
        border: 1px solid #999999;
        margin-bottom: 8px;
        float: left;
    }
    .locator {
        font-family: Arial, Helvetica, sans-serif;
        float: left;
        height: 14px;
        width: 580px;
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 14px;
        padding-left: 10px;
    }
    .locator p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 18px;
        color: #666666;
    }
    .locator ul {
        margin-left: 0px;
        padding-left: 0px;
    }

    .locator li {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 18px;
        display: block;
        float: left;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #DF222B;
        list-style-image: none;
        list-style-type: none;
        padding-right: 7px;
        margin-right: 7px;
    }
    .locator li a {
        font-weight: bold;
        text-decoration: none;
        color: #333333;
    }
    .locator li a:hover {
        text-decoration: none;
        color: #CC232A;
    }
    .locator li a.active {
        text-decoration: underline;
        color: #000000;
    }
    .img-right {
        float: right;
        margin-bottom: 7px;
        margin-left: 7px;
        clear: none;
        width: 286px;
    }
    .img-left {
        float: left;
    }
    /*Resultaatpagina ----------------------------------------------------*/
    .result {
        float: left;
        width: 690px;
        padding-left: 10px;
        margin-top: 7px;
    }

    .resultnav {
        float: left;
        width: 120px;
        cursor : pointer;
    }
    .resultnav li a {
        text-decoration:none;
        color:#FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-transform: none;
        background-repeat: no-repeat;
        background-position: 0px -24px;
        background-image: url(../_sysimg/resultnav-paars.gif);
        display: block;
        text-align: left;
        width: 120px;
        height: 21px;
        margin-bottom: 8px;
        text-indent: 8px;
        padding-top: 3px;
    }
    .resultnav li {
        width: 120px;
        list-style-image: url((URL));
        list-style-type: none;
        margin-left: 0px;
        padding-left: 0px;
    }
    .resultnav ul {
        margin-left: 0px;
        padding-left: 0px;
    }
    .resultnav li a:hover, 
    .resultnav li a.current:hover {
        background-position: 0px 0px;
    }
    .resultcontent {
        float: right;
        width: 560px;
        overflow: auto;
    }

    .result h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #000000;
        margin-bottom: 8px;
        padding-bottom: 5px;
        font-weight: bold;
    }
    .resultcontent p {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 15px;
    }
    .resultcontent li {
        font-size: 12px;
        font-weight: bold;
        margin-left: 0px;
        padding-left: 0px;
        list-style-image: none;
        list-style-type: none;
        font-family: Arial, Helvetica, sans-serif;
    }
    .resultcontent ul {
        margin-bottom: 12px;
        margin-left: 0px;
        padding-left: 0px;
    }
    .img-right img {
        margin-bottom: 7px;
    }
    .tip {
        float: left;
        width: 560px;
        height: 100px;
        padding-top: 7px;
        padding-bottom: 7px;
        border-top-width: 1px;
        border-top-style: solid;
        background-repeat: repeat-x;
    }
    .view {
        height: 100px;
        width: 690px;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: #4F5151;
        border-bottom-color: #4F5151;
        margin-bottom: 10px;
    }
    .view .img {
        height: 100px;
        width: 120px;
        background-repeat:no-repeat;
        overflow:hidden;
        cursor:pointer;
    }
    .view .cnt {
        height: 100px;
        width: 190px;
        text-align: left;
        vertical-align: top;
        padding-left: 10px;
        padding-right: 10px;
    }                  
    .cnt h2 a{
        font-size:17px;
        text-decoration:none;
    }
    .cnt h2 a:hover{
        text-decoration:underline;
    }
    .view .cnt h2 {
        border-bottom-width: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .view .cnt p {
        font-size: 10px;
        line-height: 13px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .view .cntfeed {
        height: 100px;
        width: 290px;
        text-align: left;
        vertical-align: top;
        padding-left: 10px;
        padding-right: 10px;
    }
    .view .cntfeed h2 {
        border-bottom-width: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .view .cntfeed p {
        font-size: 10px;
        line-height: 13px;
        font-family: Arial, Helvetica, sans-serif;
    }
    .view .loc {
        height: 100px;
        width: 100px;
        text-align: left;
        vertical-align: top;
        padding-right: 10px;
        padding-left: 10px;
    }
    .view .loc h2 {
        border-bottom-width: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .view  .lijst {
        font-size: 12px;
        text-align: left;
        vertical-align: top;
        height: 100%;
        width: 170px;
        padding-right: 10px;
        padding-left: 10px;
        background-repeat: repeat-x;
        background-position: bottom;
    }
    .view .lijst ol {
        list-style-type: lower-alpha;
        margin-top: 5px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
        list-style-position: inside;
        padding: 0px;
    }

    .view  .lijst  li {
        font-size: 12px;
        line-height: 15px;
        background-image: none;
    }
    .view  .lijst  a {
        text-decoration: none;
        font-weight: bold;
        background-image: none;
    }
    .view  .lijst  a:hover {
        text-decoration: underline;
        background-image: none;
    }
    .tip .title {
        width: 91px;
        padding-left: 7px;
        text-align: left;
        vertical-align: middle;
        color: #826799;
    }
    .tip .img {
        width: 164px;
        vertical-align: middle;
    }
    .tip .cnt {
        width: 170px;
        padding-left: 32px;
        vertical-align: middle;
        text-align: left;
    }
    .tip .link {
        width: 76px;
        text-align: center;
        vertical-align: bottom;
    }
    .tip .link a {
        text-decoration:none;
        color:#FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-transform: none;
        background-repeat: no-repeat;
        background-position: 0px -24px;
        display: block;
        text-align: left;
        width: 78px;
        height: 21px;
        margin-bottom: 8px;
        text-indent: 8px;
        padding-top: 3px;
    }
    .tip .link li {
        width: 78px;
        list-style-type: none;
        margin-left: 0px;
        padding-left: 0px;
    }
    .tip .link ul {
        margin-left: 0px;
        padding-left: 0px;
    }
    .tip .link li a:hover, 
    .tip .link li a.current:hover {
        background-position: 0px 0px;
    }
    .tip   h4 {
        float: left;
        font-size: 36px;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
    }               
    
    /*kleur etc. agenda  ---------------------------------------- */
    .agenda{
        background-image: url(../_sysimg/h-agenda.jpg);
        background-repeat: no-repeat;
    }
    .w-agenda{
        background-image: url(../_sysimg/w-agenda.jpg);
        background-repeat: no-repeat;
        height: 140px;
    }
    .w-agenda h1, 
    .w-agenda h2,     
    .w-agenda h2 a,     
    .w-agenda h4, 
    .w-agenda li, 
    .agenda h1, 
    .agenda h2, 
    .agenda h4, 
    .agendares a,
    .agenda li {
        color: #512e6f;
    }
    .agendares li a {
        background-image: url(../_sysimg/resultnav-paars.gif);
    }
    .agendares h2 {
        color: #512e6f;
        border-bottom-color: #512e6f;
    }
    .agendatip {
        background-image: url(../_sysimg/tipbkg-paars.gif);
        border-top-color: #512e6f;
    }
    .agendatip .title {
        color: #512e6f;
    }
    .agendatip .link li a {
        background-image: url(../_sysimg/tipnav-paars.gif);
    }
    .agendablox {
        background-image: url(../_sysimg/tipbkg-paars.gif);
    }
    .agendablox:hover {
        border-color: #512e6f;
    }
    .agendares .bloxmore a {
        color: #512e6f;
    }                
    .agendares .view .lijst {
        background-image: url(../_sysimg/tipbkg-paars.gif);
    }         
     .agendares .view table{
        height:100%;
     }
    .agendares .view .lijst a {
        color: #512e6f;
    }
    .agendares .view .lijst .info
    {                      
        height:40px;
        vertical-align:bottom;
    }
    .agendares .view .lijst .tips{                      
        height:75px;
        vertical-align:top;
    }
    .agendares .view .lijst .tips h4{                      
        font-weight:bold;      
        font-size:12px;
        padding-top:5px;
    }
      
    .agendares .view .lijst .info a {    
        background-image: url(../_sysimg/tipnav-paars.gif);
        color: #FFFFFF;            
        width:68px;
        height:24px;               
        line-height:24px;
        display:block;                 
        text-decoration:none;   
        background-repeat: no-repeat;
        background-position: 0px -24px;
    }                  
    /*kleur etc. movies  ---------------------------------------- */
    .movies{
        background-image: url(../_sysimg/h-movies.jpg);
        background-repeat: no-repeat;
    }
    .w-movies{
        background-image: url(../_sysimg/w-movies.jpg);
        background-repeat: no-repeat;
        height: 140px;
    }
    .w-movies h1, 
    .w-movies h2, 
    .w-movies h2 a, 
    .w-movies h4, 
    .w-movies li, 
    .movies h1,
    .movies h2,
    .movies h4,  
    .moviesres a,
    .movies li {
        color: #cc232a;
    }
    .moviesres li a {
        background-image: url(../_sysimg/resultnav-rood.gif);
    }
    .moviesres h2 {
        color: #cc232a;
        border-bottom-color: #cc232a;
    }
    .moviestip {
        background-image: url(../_sysimg/tipbkg-rood.gif);
        border-top-color: #cc232a;
    }
    .moviestip .title {
        color: #cc232a;
    }
    .moviestip .link li a {
        background-image: url(../_sysimg/tipnav-rood.gif);
    }
    .moviesblox {
        background-image: url(../_sysimg/tipbkg-rood.gif);
    }
    .moviesblox:hover {
        border-color: #cc232a;
    }
    .moviesres .bloxmore a {
        color: #cc232a;
    }
    .moviesres .view .lijst a {
        color: #cc232a;
    }
    .moviesres .view .lijst {
        background-image: url(../_sysimg/tipbkg-rood.gif);
    }         
    
    
    .agendares .view .lijst .info
    {                      
        height:40px;
        vertical-align:bottom;
    }
    .agendares .view .lijst .tips{                      
        height:75px;
        vertical-align:top;
    }
    .agendares .view .lijst .tips h4{                      
        font-weight:bold;      
        font-size:12px;
        padding-top:5px;
    }
    
    .agendares .view .lijst .info a {    
        background-image: url(../_sysimg/tipnav-paars.gif);
        color: #FFFFFF;            
        width:68px;
        height:24px;               
        line-height:24px;
        display:block;                 
        text-decoration:none;   
        background-repeat: no-repeat;
        background-position: 0px -24px;
    }        
    
    
    
    
    /*kleur etc. shoppen  ---------------------------------------- */
    .shoppen{
        background-image: url(../_sysimg/h-shoppen.jpg);
        background-repeat: no-repeat;
    }
    .w-shoppen{
        background-image: url(../_sysimg/w-shoppen.jpg);
        background-repeat: no-repeat;
        height: 194px;
    }
    .w-shoppen h1, 
    .w-shoppen h2, 
    .w-shoppen h2 a, 
    .w-shoppen h4, 
    .w-shoppen li, 
    .shoppen h1, 
    .shoppen h2, 
    .shoppen h4, 
    .shoppen li,  
    .shoppenres a,
    .w-shoppen menu-items{
        color: #4f5151;
    }
    .shoppenres li a {
        background-image: url(../_sysimg/resultnav-grijs.gif);
    }
    .shoppenres h2 {
        color: #4f5151;
        border-bottom-color: #4f5151;
    }
    .shoppentip {
        background-image: url(../_sysimg/tipbkg-grijs.gif);
        border-top-color: #4f5151;
    }
    .shoppentip .title {
        color: #4f5151;
    }
    .shoppentip .link li a {
        background-image: url(../_sysimg/tipnav-grijs.gif);
    }
    .shoppenblox {
        background-image: url(../_sysimg/tipbkg-grijs.gif);
    }
    .shoppenblox:hover {
        border-color: #4f5151;
    }
    .shoppenres .bloxmore a {
        color: #4f5151;
    }
    .shoppenres .view .lijst li a {
        color: #4f5151;
    }
    .shoppenres .view .lijst {
        background-image: url(../_sysimg/tipbkg-grijs.gif);
    }         
    
    .shoppenres .resultnav li a {
        background-image: url(../_sysimg/resultnav-grijs.gif);
    }
    
    
    
    .shoppenres .view .lijst .info
    {                      
        height:40px;
        vertical-align:bottom;
    }
    .shoppenres .view .lijst .tips{                      
        height:75px;
        vertical-align:top;
    }
    .shoppenres .view .lijst .tips h4{                      
        font-weight:bold;      
        font-size:12px;
        padding-top:5px;
    }                
    .shoppenres .view .lijst .info a {    
        background-image: url(../_sysimg/tipnav-grijs.gif);
        color: #FFFFFF;            
        width:68px;
        height:24px;               
        line-height:24px;
        display:block;                 
        text-decoration:none;   
        background-repeat: no-repeat;
        background-position: 0px -24px;
    }      
    /*kleur etc. recreatie  ---------------------------------------- */
    .recreatie{
        background-image: url(../_sysimg/h-recreatie.jpg);
        background-repeat: no-repeat;
    }
    .w-recreatie{
        background-image: url(../_sysimg/w-recreatie.jpg);
        background-repeat: no-repeat;
        height: 194px;
    }
    .w-recreatie h1, 
    .w-recreatie h2, 
    .w-recreatie h2 a, 
    .w-recreatie h4, 
    .w-recreatie li, 
    .recreatie h1, 
    .recreatie h2, 
    .recreatie h4,   
    .recreatieres a,
    .recreatie li {
        color: #83a41a;
    }
    .recreatieres li a {
        background-image: url(../_sysimg/resultnav-groen.gif);
    }
    .recreatieres h2 {
        color: #83a41a;
        border-bottom-color: #83a41a;
    }
    .recreatietip {
        background-image: url(../_sysimg/tipbkg-groen.gif);
        border-top-color: #83a41a;
    }
    .recreatietip .title {
        color: #83a41a;
    }
    .recreatietip .link li a {
        background-image: url(../_sysimg/tipnav-groen.gif);
    }
    .recreatieblox {
        background-image: url(../_sysimg/tipbkg-groen.gif);
    }
    .recreatieblox:hover {
        border-color: #83a41a;
    }
    .recreatieres .bloxmore a {
        color: #83a41a;
    }
    .recreatieres .view .lijst li a {
        color: #83a41a;
    }
    .recreatieres .view .lijst {
        background-image: url(../_sysimg/tipbkg-groen.gif);
    }           
    
    
    
    
    .recreatieres .view .lijst .info
    {                      
        height:40px;
        vertical-align:bottom;
    }
    .recreatieres .view .lijst .tips{                      
        height:75px;
        vertical-align:top;
    }
    .recreatieres .view .lijst .tips h4{                      
        font-weight:bold;      
        font-size:12px;
        padding-top:5px;
    }                
    .recreatieres .view .lijst .info a {    
        background-image: url(../_sysimg/tipnav-groen.gif);
        color: #FFFFFF;            
        width:68px;
        height:24px;               
        line-height:24px;
        display:block;                 
        text-decoration:none;   
        background-repeat: no-repeat;
        background-position: 0px -24px;
    }    
    
    /* ---------------------------------------------------------- */
    .blox {
        float: left;
        height: 170px;
        width: 120px;
        margin-right: 16px;
        background-repeat: repeat-x;
        background-position: bottom;
        margin-bottom: 16px;
        border: 1px solid #FFFFFF;   
        cursor:pointer;
    }       
    .bloxImage{
       background-repeat : no-repeat;
       height:80px !important;
    }
    .bloxmore {
       vertical-align:top;
        font-size: 10px;
        line-height: 13px;
        font-family: Arial, Helvetica, sans-serif;
        padding-right: 3px;
        padding-left: 3px;
    }
    .bloxbtn{
        height:24px;     
     }
    /*dropdownlijsten ---------------------------------------- */
    .menu-items{
        position:relative;
    }
    .menu-items .menu li div{
        border-top:1px solid #999;
    }
    .menu-items, 
    .widget h4 {
        height:24px;
        float: left;
        margin-top: 13px;
        font-size: 18px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 20px;
        margin-left: 10px;
    }
    .menu-items li {
        float: left;
        width: 220px;
        clear: right;
        text-indent:5px;
    }
    .menu-items ul {
        list-style-image: none;
        list-style-type: none;
    }
    /* menu start ---------------------------------------------- */
    .menu {    
        padding:0px;
        margin:5px 5px 5px 5px;
        list-style-type:none;
    }
    .menu li{
        float:left;
        width:210px;
        height:20px;
        padding:0px;
        margin:0px;
        background-color: #FFFFFF;    
        background-repeat: no-repeat;
        background-position: right center;
        background-image: url(../_sysimg/select-down.gif);
        border: 1px solid #999999;
        font-size:12px;
        line-height:20px;
        font-weight:normal;
        font-style: italic;
        color:#666;
        text-indent:10px;
    }

    .menu a, 
    .menu a:visited {
        display:block;
        font-size:12px;
        line-height:20px;
        font-weight:normal;
        font-style: italic;
        color:#666;
        text-decoration:none;
    }
    .menu :hover,
    .menu .hover,
    .menu a:hover{
        color:#666;
        font-weight: bold;
    }
    .menu div {
        width:210px;
        z-index:999;
        top:21px;
        left:0px;
        background-color: #FFFFFF;    
        border-right: 1px solid #999999;
        border-left: 1px solid #999999;
        visibility:hidden;
    }

    .menu li ul li{
        float:none;
        background-image:none;
        border-top-width: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
    }
    .menu li:hover div, 
    .menu li.hover div, 
    .menu a:hover div{
        visibility:visible;
    }
    /*widget ------------------------------------------------------------ */
    .widget {
        width: 248px;
        border: 1px solid #999999;
        margin-bottom: 8px;
        float: right;
        clear: right;
    }
    .widget ul {
        list-style-image: none;
        list-style-type: none;
    }         
    
    .widget h2 a {
        text-decoration:none; 
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        line-height: 26px;
        font-weight: bold;
        
    }
    .widget h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        line-height: 26px;
        font-weight: bold;
        vertical-align: text-bottom;
        margin-top: 12px;
        margin-left: 70px;
    }
    .widget h3 {
        font-family: Arial, Helvetica, sans-serif;
        color: #666666;    
        padding:0px;
        font-size: 12px;
        line-height: 15px;
        margin-left: 70px;
        font-weight: bold;
        margin-bottom: 14px;
    }
    .info{
        text-align: right;
        width: 78px;
        text-align: center;
        vertical-align: bottom;
        text-decoration: none;
        float: right;
    }
    .info li a {
        text-decoration:none;
        color:#FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-transform: none;
        background-repeat: no-repeat;
        background-position: 0px -24px;
        display: block;
        text-align: left;
        width: 78px;
        height: 21px;
        margin-bottom: 8px;
        text-indent: 8px;
        padding-top: 3px;
    }
    .info li {
        width: 78px;
        list-style-type: none;
        margin-left: 0px;
        padding-left: 0px;
    }
    .info ul {
        margin-left: 0px;
        padding-left: 0px;
    }
    .info li a:hover, 
    .info li a.current:hover {
        background-position: 0px 0px;
        text-decoration: none;
        color: #FFFFFF;
    }
    .footer {
        width: 960px;
        margin-right: auto;
        margin-left: auto;
        clear: both;
        height: 20px;
        margin-top: 20px;
        padding-top: 10px;
        border-top: 1px solid #CCCCCC;
    }

    /*subpage_toggle_button --------------------------------------------- */
    .subpage_toggle_button a {
    }

    .subpage {
        display : none;
    }
    /*zoek! ---------------------------------------------------*/
    .tabs .zoek button {
        text-decoration:none;
        color:#FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-transform: lowercase;
        background-color : transparent;
        background-repeat: no-repeat;
        background-position: 0px -36px;
        background-image: url(../_sysimg/zoek.gif);
        border : none;
        display: block;
        text-align: center;
        height: 36px;
        width: 78px;
        margin-left: 15px;
        margin-right: 2px;
    }
    .search-box form button {
        border : none;
        background : transparent;
        line-height : 20px;
        display : block;
    }

    /*main_content ------------------------------------------------------ */
    
    .locator li a.selected {
        font-weight: bold;
        text-decoration: underline;
        color: #333333;
    }

    
    
    .menu li ul li a.selected {
        font-weight : bold;
        font-style : normal;
        background-color : rgb(25,25,200);
        color : rgb(255,255,255);
    }
    .menu li ul li span.unavailable {
        font-weight : normal;
        font-style : normal;
        color : rgb(200,200,200);
    }
    .menu li ul li span.unavailable:* {
        font-weight : normal;
        font-style : normal;
        color : rgb(200,200,200);
    }
    
    .item_view tr td {
        vertical-align : top;
    }
    
    .item_view .item_images {
        vertical-align : top;
        text-align : right;
    }

    .item_view .item_detail a {
        background-image : none;
    }               

    ul.pager { 
        font-size : 80%;
        display : block;
        list-style-type: none;
        list-style-image: none;
        background-image : none;
        background-color : transparent;
    }
    ul.pager li { 
        display : inline;
        list-style-type: none;
        list-style-image: none;
        background-image : none;
        background-color : transparent;
        margin : 0 .25em 0 .25em;
    }
    ul.pager a { 
        display : inline;
        background-image : none;
        background-color : transparent;
    }
}
@media print {
    .header,
    .widgets,
    .widget,
    .top,
    .tabs {
        display : none; 
    }
    .contentwrap,
    .uitgaanres,
    .agendares,
    .recreatieres,
    .moviesres,
    .maincontent,
    .result,
    .subpage,
    .hiddenElement,
    .view .cnt {
        width : auto; 
    }
    .subpage,
    .hiddenElement {
        display : block;
    }    
}
.maincontent{
 z-index:1;
}
                  
    .tabs .nav-u ul li a,
    .tabs .nav-r ul li a,
    .tabs .nav-s ul li a,
    .tabs .nav-m ul li a
     {
        background-image:none;
        padding:0px;
        margin:0px;     
    }
        
    .tabs ul li ul{
      z-index:1000;
          display:none;
        position:absolute; 
        padding:0px;
        margin:0px;    
        width:250px;           
        list-style:none; 
        list-style-type: none;
    }
    .tabs ul li ul li{      
        text-decoration:none;
        color:#C52726;
        border:0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        background-image:none;
        display: block;
        text-align: left;
        width:250px; 
        float:left;        
        text-indent:0px;
        padding:0px;
        margin:0px;       
        list-style-type: none; 
		list-style-position: outside;
        list-style:none;  

    }             
    .tabs ul li ul li a{   
        display: block;     
        border-right: 1px solid #999;
        padding-left:-40px;
        margin:0px;   
        width:450px;    
        line-height:16px;      
        text-indent:0px;
        background-image:none;  
        background-color:white;
    }   
    .tabs ul li ul li a:hover{
        background-color:#C52726;
    }
    .tabs ul li:hover ul{
        display:block;
    }
    .view .lijst .info a:hover {
        background-position: 0px 0px;    
    }
    
td.info
  { 
     vertical-align:bottom;
  }
  .bloxbtn a{
    display:blok
  }
  
  
  
 .city{
    width:130px;
     float:left;
    }    
 
    .city{      
        position:relative;
        top:1px;
        z-index:1;
    }
.city ul, 
.city ul li{
    list-style:none;
}
      
      
.city li{
    width:130px;
}
.city div {
    width:130px;
}

ol{
    list-style-type: lower-latin;
}
.face400 ol{
    list-style-type: decimal;
    margin-left:20px;
}
.face400 ol li {
    margin-bottom:5px;
}
.face400 ul{
    margin:5px 0px 5px 20px; 
}
.siteworks p{
    padding:5px;
}
.webform .radio, 
.webform input.radio{
 width:20px;
}
.item{
    border:1px solid #cccccc; 
    padding:5px; 
    margin:5px; 
    background-color:#eeeeee;
}
#detailview .item_detail ul{
    padding:0p 0px 0px 10px;
    margin:0px 0px 10px 10px;      
      	list-style-type: disc;
}
#detailview .item_detail ul li{
    padding:0p 0px 5px 25px;
    margin:0px 0px 0px 10px;    
    list-style-type: disc;  
    font-weight:normal;
}

#tiplink{
    display:block;  
    padding-left:15px;
    line-height:18px;
    margin:0px;   
    background-image:url(../images/o-bullet12.png);
    background-repeat:no-repeat;
    background-position:left 4px; 
}