/*------------------------------------------------------------------
[Main Stylesheet]

Project:      Telecom Update
Version:      0.1
Created:      04/12/2009
Updates:      06/12/2009
              07/12/2009
Author:       Frank Broersen (frank@pitgroup.nl)
-------------------------------------------------------------------*/


body {
  background: url(../img/body2.jpg) repeat-x top;
  font: normal 12px/15px Arial;
}

#wrapper {
  margin: 0 auto 0;
  position: relative;
  width: 980px;
}

  /**********************
  ** Header
  */
  h2#logo a {
    background: url(../img/logo.jpg) no-repeat bottom left;
    display: block;
    float: left;
    height: 75px;
    padding:  42px 0 0;
    margin: 0 0 12px;
    text-indent: -9999px;
    width: 228px;
  }
    .banner {
      /*border: 1px solid #347198;*/
    }
    .leaderboard {
      /*background: #262626;*/
      height: 88px;
      margin: 19px 0 0;
      float: right;
      width: 728px;
    }
  
  /**********************
  ** Menu
  */
  #menu {
    clear: both;
    height: 45px;
    position: relative;
  }
  ul#mmenu {  }
    ul#mmenu li { float: left; position: relative; }
    ul#mmenu li.right { float: right; padding: 10px 0 0;  }
    ul#mmenu li a {
      color: #3f505f;
      display: block;
      font: bold 12px/12px Arial;
      padding: 15px 19px;
      position: relative;
      text-decoration: none;
      z-index: 1000;
    }
      ul#mmenu li a:hover {
        color: #3e86b4;
      }
      ul#mmenu li.a a {
        background: url(../img/menu_act.jpg) repeat-x 0 0;
        color: #fff;
      }
    ul#mmenu li.s {
      background: url(../img/menu_sep.jpg) no-repeat 0 2px;
      display: block;
      height: 44px;
      width: 1px;
    }

/**********************
** Left side
*/
#left {
  float: left;
  width: 661px;
	width: 625px;
}

  /**********************
  ** Layouts
  */
  #home {
    width: 624px;
  }
  .magazinedetail,
  #magazinedetail,
  #articledetail,
  #detail {
    background: url(../img/detailbg.jpg) no-repeat 0 0;
    padding: 28px 0 0;
    position: relative;
  }
  #magazines .item,
  #magazines .item,
  #articledetail .item,
  #detail .item{ border: 0 }
  
  #articledetail .item .i,
  #detail .item .i {
    height: 179px;
    margin: 0 19px 8px 0;
    width: 246px;
  }
  #articledetail .item .i { width: 157px; height: 105px; }
	#articledetail .first,
    #magazines .first {
		background: none !important;
	}  
    #magazines .c .a .i {
      border: 1px solid #BACEDB;
      float: left;
      height: 105px;
      margin: 14px 15px 0 0;
      padding: 3px;
      width: 157px;
    }
    #magazines .c .a h3 {
      font-size: 14px;
      margin: 15px 0 0 15px;
      color: #3f505f;
    }
    #magazines .c .a p {
      color: #3f505f;
      line-height: 18px;
      display: block;
      margin: 5px 0;
    }
  #magazines .item .i {
    height: 207px;
    margin: 0 19px 20px 0;
    width: 157px;
  }
  .back {
    background: url(../img/arrow.gif) no-repeat right 4px;
    padding: 0 15px 0 0;
    color: #3e86b4;
    font-size: 11px;
    position: absolute;
    top: 10px; right: 10px;
  }
  #detail .b {
    background: url(../img/blockbg.jpg) no-repeat -9px 0;
    color: #3e86b4;
    float: left;
    margin: 0 0 17px;
  }
    #detail .b a {
      color: #3e86b4;
      font-size: 11px;
    }
  #detail .more {
	clear: left;
    width: 348px;
  }
    #detail .more a {
      background: url(../img/arrow.gif) no-repeat 0 2px;
      padding: 0 0 0 18px;
    }
    #detail .b strong {
      display: block;
      margin: 0 0 5px;
    }
    #detail .b ul {
      margin: 10px 0 0 12px;
    }
      #detail .b li {
        padding: 1px 0;
      }
  #detail .tags {
    background-position: -360px 0;
    margin-left: 25px;
    width: 252px;
  }
    #detail .tags li.s {
      display: block;
      width: 240px;
    }
    #detail .tags li {
      float: left;
      display: block;
      width: 117px;
    }
    #detail .tags a {
      text-decoration: none;
    }
    #detail .tags a:hover { text-decoration: underline; }

    #magazines .l,
    #detail .l {
      border: 1px solid #c2d3df;
      clear: both;
      margin: 17px 0 0;
    }
      #magazines .l .h,
      #detail .l .h {
        background: url(../img/listhbg.jpg) repeat-x 1px 0;
        border: 1px solid #fff;
        border-top: 0;
        display: block;
        height: 37px;
      }
        #magazines .l .h ul,
        #magazines .l .h li,
        #detail .l .h ul { }
        #detail .l .h li {
          float: left;
        }

        #magazines .l .h li strong,
        #detail .l .h li strong {
          color: #3e86b4;
          display: block;
          padding: 12px 30px 0 15px;
        }
        #magazines .l .h li strong span { font-weight: normal }
        #detail .l .h li a {
          background: url(../img/arrow.gif) no-repeat 170px 14px;
          padding: 12px 30px 0 10px;
          display: block;
          color: #4a6d81;
          font-size: 11px;
          text-decoration: none;
        }
        #detail .l .h li.s {
          background: #bed6e6;
          border-left: 1px solid #dbeaf4;
          border-right: 1px solid #dbeaf4;
          display: block;
          float: right;
          height: 38px;
          width: 1px;
        }
        #detail .l .h li.m {
          float: right;
        }

    #magazines .c .a,
    #detail .c .i {
      border-top: 1px solid #c2d3df;
      position: relative;
      padding: 0 15px;
    }
    #magazines .c .a {
      height: 141px;
    }
    #magazines .c .p,
    #detail .c .i p {
      color: #3f505f;
      line-height: 18px;
      padding: 7px 0;
    }
    #detail .c .i div {
      background: url(../img/dot.gif) bottom repeat-x;
      font-weight: bold;
      color: #3f505f;
      display: block;
      height: 25px;
      padding: 10px 0 0;
      position: relative;
    }
      #magazines .c .a span {
        font-weight: normal;
        font-size: 11px;
        color: #3e86b4;
        font-style: italic;
      }
      #detail .c .i div span {
        font-weight: normal;
        font-size: 11px;
        position: absolute;
        right: 10px;
        top: 11px;
        color: #3e86b4;
        font-style: italic;
      }
      .reply .c {
        border-top: 1px solid #c2d3df;
		position: relative;
      }
      .reply {
        margin-bottom: 15px !important;
      }
      .reply .zip { display: none; }
      
      .reply form {
        margin: 15px;
      }
      .reply form label {
        clear: left;
        color: #3f505f;
        display: block;
        margin: 10px 0 0;
      }
      .reply .submit {
        display: block;
        margin: 0 0 10px;
        float: right;
      }
      .reply .text {
        border: 1px solid #c2d3df;
        width: 272px;
        height: 21px;
        padding: 4px 0 0 2px;
        display: block;
      }
      .reply textarea {
        font: normal 12px/15px Arial;
        border: 1px solid #c2d3df;
        width: 617px;
			width: 590px;
        padding: 5px 0 0 2px;
        margin: 0 0 10px;
      }

   /* overzicht van shakers
   **/
   #overview {
    padding: 13px 0 0;
   }
     #overview .item {
       background: #fff url(../img/gradient.jpg) repeat-x 0 -38px;
       border: 1px solid #c2d3df;
       float: left;
       margin: 0 26px 13px 0;
       padding: 0 0 15px 15px;
       width: 300px;
		 width:280px;
     }
     #overview .nm {
       margin-right: 0 !important;
     }
       #overview .item .i {
        background: #fff;
        border: 1px solid #bacedb;
        float: left;
        height: 133px;
        margin: 15px 15px 0 0;
        padding: 3px;
        width: 109px;
       }
       #overview .item h2 a {
         color: #3f505f;
         display: block;
         font-size: 14px;
         margin: 15px 0 5px;
         text-decoration: none;
       }
       #overview .item .m {
         color: #3E86B4;
         font-size:11px;
       }
       #overview .item p {
         margin: 0 0 10px;
       }
       #overview .item span {
         color: #3e86b4;
         display: block;
         font: italic 11px/18px Arial;
         margin: 0 0 10px;
       }
       #overview .item .more {
        background: url(../img/arrow.gif) no-repeat 0 2px;
        color: #4177a6;
        padding: 0 0 0 15px;
       }

  /* Lijst met berichten
  **/
    .list .item {
      border-top: 1px solid #bacedb;
	  clear: left;
      margin: 8px 0 0;
      padding: 20px 0 16px;
    }
    .list .first {
      border-top: 0;
      padding: 8px 0 15px;
    }
    .list .item h2 a  {
      color: #3f505f;
      font: bold 16px/16px Arial;
      text-decoration: none;
    }
    .list .item h2 {
      color: #3f505f;
      font: bold 16px/16px Arial;
      text-decoration: none;
    }
    .list .item .i    {
      background: #fff;
      border: 1px solid #bacedb;
      float: left;
      margin: 0 19px 14px 0;
      padding: 3px;
      height: 121px;
      width: 166px;
    }
    .list .item span  {
      color: #3e86b4;
      font: italic 11px/18px Arial;
    }
    .list .item p     {
      color: #3f505f;
      font: normal 12px/18px Arial;
      margin: 0 0 17px;
      padding: 0 5px 0 0;
    }
    /*.list .short span { display: block; margin: 0 0 5px; }*/
    .list .short p {
      /*margin: 0;
      height: 72px;*/
    }
    .list .item ul    { }
    .articles .a li,
    .list .item li    {
      color: #3f505f;
      display: inline;
      margin: 0 7px 0 0;
    }
    .articles .a li a,
    .list .item li a  {
      color: #3e86b4;
      font: bold 12px/18px Arial;
      text-decoration: none;
    }
    .pdf {
      background: url(../img/pdf.gif) no-repeat 0 1px;
      display: inline-block;
      height: 18px;
      padding-left: 25px;
    }
	.scrollable {
		clear: left;
	}
	#sub { position: relative; }
	#magazines .item,
    #sub .item  { background: url(../img/berichtbg.jpg) no-repeat 0 0; border: 0; clear: left; }
    #magazines .first,
    #sub .first {
      background: none;
      margin-top: 15px;
      /*border-top: 1px solid #bacedb !important;*/
    }

    /* Submenu
    */

    /* hover status */
    a.smHover {
      background: #fff;
      border: 1px solid #b1c7d5;
      border-bottom: 2px solid #fff;
      border-top: 0;
      padding-right: 18px !important;
      padding-left: 18px !important;
      float: left;
      z-index: 1000;
    }

    /* menu zelluf */
    .sub {
      clear: both;
      background: url(../img/smbg.png) repeat-y 0;
      display: none;
      position: absolute;
      top: 42px;
      width: 163px;
      padding: 0 0 0 2px;
      z-index: 1;
    }
      .zfix {
        position: absolute;
        top: -1px;
        border-left: 1px solid #b1c7d5;
        border-right: 1px solid #b1c7d5;
        /*padding: 0 19px;*/
        display: block;
        left: 2px;
        z-index: 10;
        height: 2px;
        background: #fff;
      }
      .bot {
        position: absolute;
        bottom: -7px;
        display: block;
        height: 7px;
        background: url(../img/smbottom.png) no-repeat;
        width: 162px;
      }
      .sub ul {
        background: #fff url(../img/subgradient.jpg) repeat-x top;
        border: 1px solid #b1c7d5;
        display: block;
      }
        .sub li {
          border-top: 1px solid #fff;
          border-bottom: 1px solid #c1ddf0;
          margin: 0 8px;
        }
          .sub li.last { border-bottom: 0; }
          .sub a {
            color: #3f505f;
            display: block;
            font-size: 11px;
            padding: 5px 0 5px 10px;
            text-decoration: none;
          }
            .sub a:hover { color: #3e86b4; text-decoration: underline; }
    /* Scrollable list
    **/
    .scrollable {
      background: url(../img/listbg.jpg) repeat-x 0 0;
      border: 1px solid #c2d3df;
      margin: 10px 0 15px;
      position: relative;
    }
    
    .scrollable .g {
      background: url(../img/listgradient.png) repeat-x 0 0;
      _background: none;
      display: block;
      height: 24px;
      width: 640px;
      position: absolute;
      left: 1px;
      top: 38px;
      *top: 37px /* ie7 */;
      z-index: 100;
    }
      .scrollable .h {
        height: 37px;
        overflow: hidden;
        position: relative;
      }
        .scrollable .h .s {
          /*border-bottom: 1px solid #c2d3df;*/
          border-left: 1px solid #fff;
          border-right: 1px solid #fff;
          background: #c2d3df;
          display: block;
          float: left;
          height: 36px;
          width: 1px;
        }
        .scrollable .h .f {
          background: #fff; border: 0; height: 40px;
        }
        .scrollable .c .f { border: 0; }
        .scrollable .h a.b {
          color: #3f505f;
          display: block;
          float: left;
          font-weight: bold;
          height: 19px;
          padding: 10px 18px 10px 18px;
          position: relative;
          z-index: 110;
          text-decoration: none;
        }
          .scrollable .h a.b:hover {

          }
        .scrollable .h a.b span {
          background: url(../img/listharrow.jpg) no-repeat 0 -4px;
          display: block;
          height: 4px;
          position: absolute;
          top: 16px; right: 15px;
          width: 6px;
        }
        .scrollable .h a.a {
          border-left: 1px solid #fff;
          margin-left: -1px;
          border-right: 1px solid #fff;
          margin-right: -1px;
          background: #fff; /*url(../img/listhbg.jpg) repeat-x 0;*/
          color: #3e86b4;
        }
        .scrollable .h a.a span {
          background-position: 0 0
        }
      .scrollable .c {
        border-left: 1px solid #fff;
        clear: left;
        height: 440px;
        overflow: auto;
      }
      .scrollable .c .item {
        height: 45px;
        margin: 0 auto 0;
        padding: 17px 0 20px;
        width: 605px;
			width: 569px;
      }
      .scrollable .c .item .i { width: 57px; height: 40px; }
      .scrollable .c .item p {
        margin: 0;
        display: block;
      }
      .scrollable .c .item span {
        float: left;
      }
      .scrollable .c .item h2 a {
        line-height: 14px;
        font-size: 14px;
      }
      .scrollable .c .item ul {
        float: right;
      }

	  /***********************
	  * contentPage
	  */
	  #contentPage {
		 display: block;
		 padding: 15px 0 15px;
	  }
	  #contentPage h1 strong,
	  #contentPage h1 {
        line-height: 22px;
        font-size: 18px;
		font-weight: normal;
		color: #3F505F;
	  }
	  #contentPage h2 {
        line-height: 19px;
        font-size: 15px;
		color: #3F505F;
		margin-top: 15px;
	  }
	  #contentPage h3 {
        line-height: 16px;
        font-size: 12px;
		color: #3F505F;
		margin-top: 15px;
	  }
	  #contentPage p {
		color: #3F505F;
		font-size: 12px;
        line-height: 17px;
		margin: 10px 0 0;
	  }
	  #contentPage table {
		  /*border: 1px solid #3F505F;*/
	  }
	  #contentPage td { color: #3F505F; padding: 3px 5px 3px 0; vertical-align: top; }
	  #contentPage td p { padding: 0 3px; margin: 0; }
	  #contentPage ul {
		 list-style-type: disc;
		margin: 10px 0 0 15px;
	  }
		  #contentPage li {
				color: #3F505F;
		  }
	  #contentPage a {
		color: #3E86B4;
	  }

/**********************
** Right side
*/
#right {
  float: right;
  padding: 0 0 12px;
  width: 300px;
	  width: 336px;
}

  #right .o {
    background: #fff url(../img/gradient.jpg) repeat-x 0 0;
    border: 1px solid #c2d3df;
    margin: 12px 0 0;
    width: 298px;
		 width: 334px;
      /*height: 400px;*/
  }
    #right .banner { border:1px solid #c2d3df; width: 300px; width: 334px; background: none !important; overflow: hidden; position: relative; }
    #right .banner div { position: relative; left: -1px !important; }
    #right .b {
      border-left: 1px solid #fff;
      border-right: 1px solid #fff;
      display: block;
      padding: 11px 0 0;
      position: relative;
      width: 296px;
		 width: 332px;
    }
    #right h3 {
      color: #fff;
      display: block;
      font: bold 12px/12px Arial;
      margin: 1px 0 33px 17px;
    }
    .rss {
      background: none !important;
      border: 0 !important;
      clear: left;
      position: absolute;
      right: 17px;
      top: 11px;
    }

    /**********************
    ** Volgende / Vorige
    */
    .nav {
      display: block;
      /*width: 128px;*/
    }
      .nav li {
        display: block;
        float: left;
      }
      .nav li.d {
        background: #e1e9ef;
        border-top: 1px solid #e1e9ef;
        border-bottom: 1px solid #e1e9ef;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
        height: 19px;
        width: 1px;
      }
        .nav li a {
          background: url(../img/nav.gif) no-repeat 0 0;
          color: #468bb7;  cursor: pointer;
          display: block;
            float: left;
          font-size: 10px;
          height: 19px;
          padding: 2px 6px 0 18px;
          text-decoration: none;
        }
        .nav li a.n {
          background-position: right -21px;
          padding: 2px 18px 0 6px;
        }
          .nav li a:hover {
            background-position: 0 -42px;
          }
            .nav li a.n:hover {
              background-position: right -63px;
            }
        #magazines .nav,
        #overview .nav,
        #sub .nav {
          clear: left;
          margin: 15px 0 0;
          height: 50px;
        }
        #magazines .nav li.e,
        #overview .nav li.e,
        #sub .nav li.e {
          background: url(../img/nav.gif) repeat-x 0 -84px;
          display: block;
          float: left;
          height: 21px;
          width: 499px;
			width: 463px;
        }
        #magazines .nav a,
        #overview .nav a,
        #sub .nav a {
          padding: 2px 15px 0 35px;
        }
        #magazines .nav .n,
        #overview .nav .n,
        #sub .nav .n {
          padding: 2px 35px 0 15px;
        }


    /**********************
    ** Image block
    */
    #right .i {
      background: #fff;
      border: 1px solid #b9cdda;
      display: block;
      padding: 3px 0 0 3px;
      position: relative;
    }
      #right .i img {
        display: block;
      }


    /**********************
    ** Handy Right styles
    */
    #right .l {
      background: url(../img/dot.gif) repeat-x top;
      display: block;
      height: 1px;
        margin: 13px 0 14px;
      width: 128px;
		width: 164px;
    }
    #right h2 {
      color: #3f505f;
      font-size: 15px;
      margin: 1px 0 4px;
    }
    #right .m {
      color: #3e86b4;
      font-size: 11px;
    }

    /**********************
    ** Movers module
    */
    #right .movers .i {
      float: left;
      height: 136px;
      margin: 0 0 16px 16px;
        _margin: 0 0 16px 8px;
      width: 112px;
    }
      #right .movers .i img {
        display: block;
      }

    #right .movers .c {
      float: left;
      margin: 0 0 0 18px;
      width: 175px;
    }
      #right .movers span {
        color: #3e86b4;
        display: block;
        font-style: italic;
        margin: 0 0 4px;
        /*width: 128px;*/
      }
      #right .movers p {
        color: #3f505f;
        line-height: 16px;
        margin: 0 0 5px;
      }

    #right .movers .more {
      border-top: 1px solid #e1e9ef;
      clear: both;
      display: block;
      margin: 0 0 20px 16px;
      padding: 7px 0 0;
      width: 298px;
    }
      #right .movers .more li {
        padding: 5px 0 1px;
        position: relative;
      }
      #right .movers h2 { display: block; height: 15px; width: 180px; overflow: hidden; }
        #right .movers .more li span {
          background: url(../img/arrow.gif) no-repeat 0 0;
          display: block;
          height: 15px;
          left: 1px;
          position: absolute;
          top: 9px;
          width: 15px;
        }
        #right .movers .more li a {
          color: #3e86b4;
          font-size: 11px;
          margin: 0 0 0 17px;
        }

    /**********************
    ** Magazines
    */
    a.bluelink {
    	color: #3E86B4;
    	text-decoration: none;
    	font-weight:bold;
    }
    #right .magazine {
      height: 212px;
      overflow: hidden;
    }
    #right .magazine .i {
      height: 123px;
      position: absolute;
      top: 56px;
      left: 17px;
      width: 92px;
    }
      #right .magazine h2 span {
        color: #3e86b4;
        font-weight: normal;
        font-size: 12px;
        font-style: italic;
        margin: 0 0 4px;
      }
      #right .magazine .i img {
        display: block;
      }
      #right .magazine .small {
        height: 62px;
        top: 117px;
        left: 130px;
        width: 47px;
      }
      #right .magazine .c {
        position: absolute;
        left: 129px;
        width: 186px;
      }
      #right .magazine .l {
        width: 149px;
			display: none;
      }
      #right .magazine .nav {
        margin: 168px 0 0 16px;
      }
      #right .magazine .nav .p { padding-right: 32px; }
      #right .magazine .nav .n { padding: 2px 18px 0 18px; }
      #right .magazine .count {
        left: 194px;
        position: absolute;
        text-align: right;
        top: 193px;
        width: 40px;
      }
      #right .magazine .count strong { color: #468bb7; }

    /**********************
    ** Newsletter
    */
    #right .newsletter {
      height: 202px;
      padding-bottom: 5px;
    }
      #right .newsletter p {
        color:#3f505f;
        margin: 0 0 25px;
      }
      #right .newsletter .text {
        border: 1px solid #c1d4e1;
        float: right;
        font: normal 12px/15px Arial;
        height: 18px;
        margin: 0 0 11px;
        padding: 3px 0 0 7px;
        width: 182px;
      }
      #right .newsletter .submit {
        float: right;
      }
      #right .newsletter .c {
        position: absolute;
        left: 122px;
        top: 49px;
        width: 193px;
      }
    #right .newsletter .l {
      margin-bottom: 11px;
      margin-left: -20px;
      width: 214px;
    }
    #right .newsletter .i {
      border: 0 !important;
      padding: 0 !important;
      height: 123px;
      position: absolute;
      top: 52px;
      left: 19px;
      width: 92px;
    }
      #right .newsletter .i img {
        display: block;
      }

    /**********************
    ** Gadget Update
    */
    #right .gadget {
      height: 145px;
      padding-bottom: 5px;
    }
    #right .gadget form {
      width: 180px;
    }
      #right .gadget p {
        color:#3f505f;
        margin: 0 0 12px;
      }
      #right .gadget .text {
        border: 1px solid #c1d4e1;
        font: normal 11px/15px Arial;
        height: 18px;
        margin: 0 0 11px;
        padding: 3px 0 0 7px;
        width: 146px;
      }
      #right .gadget .submit {
        clear: left;
      }
      #right .gadget .c {
        color: #3f505f;
        position: absolute;
        font-size: 11px;
        left: 18px;
        top: 49px;
        width: 270px;
      }
    #right .gadget .i {
      border: 0 !important;
      padding: 0 !important;
      position: absolute;
      bottom: 0;
      right: 17px;
    }
      #right .newsletter .i img {
        display: block;
      }


/**********************
** Extra Content
*/
#extra {
  background: #17415a;
  clear: both;
  height: 315px;
  padding: 1px 0;
  width: 100%;
}
  #extra .i {
    background: #17415a;
    border-top: 1px solid #7a98aa;
    border-bottom: 1px solid #7a98aa;
    height: 313px;
    width: 100%;
  }
  #extra #c {
    margin: 0 auto 0;
    position: relative;
    width: 980px;
  }
  #extra h3 {
    color: #bad7ea;
    margin: 14px 0 17px 18px;
  }
  #extra .b {
    float: left;
    position: relative;
    width: 321px;
      z-index: 2;
      height: 275px;
  }
    #extra .c {
      background: url(../img/vertical.jpg) repeat-x 0 46px;
      width: 331px;
    }
    #extra .r {
      background: url(../img/vertical-edge.jpg) no-repeat left 46px;
    }
    #extra .l {
      background: url(../img/vertical-edge.jpg) no-repeat right 46px;
    }
    #extra .c a {
      background:#a6bdcc;
      border: 1px solid #123347;
      float: left;
      margin: 12px 0 25px 18px;
      padding: 3px;
    }
    #extra .c a:hover { background:#fff;   }
    #extra .c a.m {
      background: none;
      border: 0;
      color: #fff;
      /*font-size: 11px;*/
      margin: 17px 0 0 18px;
      padding: 0;
    }
    #extra a span {
      background: url(../img/balloon.gif) no-repeat 0 0;
      display: inline-block;
      height: 13px;
      margin: 0 5px -2px 0;
      width: 13px;
    }
    #extra .r a,
    #extra .l a {
      border-bottom: 1px solid #295067;
      color: #a6bdcc;
      display: block;
      padding: 12px 0;
      margin: 0 0 0 18px;
      text-decoration: none;
      width: 280px;
    }
    #extra .l a { width: 295px; }
    #extra a strong {
      color: #fff;
      display: block;
    }
    #extra p {
      color: #fff;
	  line-height: 18px;
      padding: 0 18px;
    }
    #extra .rss {
      top: 2px;
      width: auto !important;
    }
    #extra .gradient {
      background: url(../img/extragradient.jpg) repeat-x top;
      height: 7px;
      left: -5px;
      top: 45px;
      width: 990px;
      z-index: 1;
    }
      #extra .corner {
        position: absolute; top: 0; background: url(../img/extra.jpg) no-repeat 0 0; height: 7px; width: 15px; display: block;
      }
      #extra .left {
        left: 0; background-position: top left;
      }
      #extra .right {
        right: 0; background-position: top right;
      }

      /*
      ** Supporting ajax functiions
      */
      #a_replies div {
        height: 220px;
        position: relative;
        overflow: hidden;
      }
      #a_replies div a {
        position: relative;
        height: 30px;
      }
      #a_replies div a.not {
        position: absolute;
        top: 0;
        left: 0;
      }

  /*
  ** advertorial
  */
  .advertorial {
	  clear: left;
    border: 1px solid #bacdda;
    padding: 0 0 12px 15px;
    margin: 5px 0 15px;
    position: relative;
  }
    .advertorial span {
      color: #3e86b4;
      display: block;
      margin: 10px 0 4px;
      font-style: italic;
    }
    .advertorial p {
      color: #3f505f;
      line-height: 20px;
	  display: block;
	  width: 420px;
	  float: left;
    }
    .advertorial p span {
      color: #3f505f;
      display: inline;
      padding: 0 9px;
    }
    .advertorial p a {
      color: #3e86b4;
      font-weight: bold;
      text-decoration: none;
    }
    .advertorial img {
      /*position: absolute; right: 0; top: 0;*/
	  float: right;
	  position: relative;
	  margin-top: -5px;
    }


/**********************
** Footer
*/
#footer {
  background: #d2e6f1;
  /*height: 40px;*/
  padding: 11px 0 19px;
}
  #footer .i {
    margin: 0 auto 0;
    padding: 2px 0 1px;
    width: 980px;
  }
  #footer ul {
    margin: 0 0 5px 18px;
  }
    #footer li {
      color: #3f505f;
      float: left;
      margin: 0 8px 0 0;
    }
      #footer li a {
        color: #3e86b4;
      }

  /*
  ** Slider
  */
  #slider {
    background: #fff url(../img/bannergradient.jpg) repeat-x top;
    border: 1px solid #c2d3df;
    clear: both;
    display: block;
    height: 85px;
    margin: 0 0 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
    #slider a {
      display: block;
      float: left;
      height: 85px;
      margin: 0 5px 0 5px;
      padding: 25px 0 0;
    }

/**********************
** Help classes
*/
.abs{
  position: absolute;
  display: block;
}
.find {
  border: 1px solid #c1d4e1;
  color: #858585;
  display: block;
  float: left;
  font: normal 11px/13px Arial;
  height: 17px;
  margin: 0 8px 0 0;
  padding: 4px 0 0 6px;
  /*width: 229px;*/
  width: 165px;
}

.right {
  float: right;
}
.clear {
  clear: both;
}
.left {
  float: left;
}
.hidden {
  display: none; /*!important;*/
}
#loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px
}

.formerror{ border: 1px solid #cc0000 !important; }
.saving{ height: 100px; }

#errors {
	border: 1px solid #cc0000;
	background: #f0c2c2;
	padding: 15px;
	color: #333;
	position: absolute;
	top: 30px;
	right: 15px;
	line-height: 18px;
	width: 300px;
}

.movershaker-fieldset .text {
	border: 1px solid #c1d4e1;
	font: normal 12px/15px Arial;
	height: 18px;
	margin: 0 0 11px;
	padding: 3px 0 0 7px;
	width: 146px;
	float: left;
}
.movershaker-fieldset legend {
	font-weight: bold;
	height: 18px;
	padding: 0 0 10px;
}
.movershaker-fieldset dd {
	float: left;
}
.movershaker-fieldset dt {
	float: left;
	clear: left;
	height: 35px;
	width: 150px;
}
#stuur{ margin: 0 0 0 150px; }


.movershaker-fieldset .errors {
	float: left;
}
.movershaker-fieldset .errors,
.movershaker-fieldset .errors li {
	margin: 0!important; padding: 0 !important; color: #c00;
}
.movershaker-fieldset .errors li {
	margin: 5px 0 0 10px !important;
}

.ha{ height: auto !important; }

/* News images component */
.newsImages {
	clear: left;
	display: block;
}
	.newsImages a {
		border: 1px solid #ccc;
		float: left;
		margin: 0 11px 10px 0;
		padding: 3px;
	}
	.newsImages a.last { margin-right: 0; }
	.newsImages a img {
		width: 87px;
	}

ul.layoutactions{ margin: 0; padding: 0; }
ul.layoutactions li{ float: left; margin: 0 8px 0 0; }
ul.layoutactions li.p a{ background: url(../img/send_print_icons.png) 0 -16px no-repeat; display: block; width: 14px; height: 14px; margin-top: 12px; margin-left: 20px; text-indent: -9999px; }
ul.layoutactions li.s a{ background: url(../img/send_print_icons.png) 0 1px no-repeat; display: block; width: 14px; height: 14px; margin-top: 12px; text-indent: -9999px; }

.h300{ height: 300px !important; }
.shakertable{ color: #3F505F; border-collapse: separate; }
.shakertable tr td{ padding-right: 15px !important; padding-top: 5px !important; }

.item a{ color: #3E86B4; }
.more-news-link{ text-align: right; }
.more-news-link a{ color: #3E86B4; }

#abonnementen{ color: #3F505F }

#abonnementen form fieldset{ border: 1px solid #C2D3DF; padding: 10px; }
#abonnementen form fieldset dl dt{ clear: both !important; float: left; width: 150px; margin-bottom: 20px; }
#abonnementen form fieldset dl dd{ float: left; width: 300px; margin-bottom:20px; }
#abonnementen form fieldset legend{ border: 1px solid #C2D3DF; padding: 2px 5px; }
#abonnementen form ul.errors li{ color: #cc0000; line-height: 30px; vertical-align: top; }

#abonnementen form dl div.formchkbox{ clear:both; float:left; width: 40px; margin-top: 10px; }
#abonnementen form dl label{ float:left; width:500px; margin-top: 10px; }
#abonnementen form dl dt label{ float: none; margin: 0; }
#abonnementen form dl dt input{ margin-top:10px; float: left; }
.play_button { margin-left: 10px; }
#gender-2{ margin-bottom: 20px; }