/*
    Document   : SCommon SAZAS
    Created on : Aug 21, 2009, 9:11:08 AM
    Author     : Martijn van der Hulst
    Description: stylesheet SCommonly used by all templates
*/

/* error field color */
.error{
  color:red;
}

/**
  edit Overlay || used inEditor
*/
.editOverlay{
  background      : url(../images/SCommon/sysPageEdit.png) no-repeat;
  margin-top      : -20px;
  position        : relative;
  top             : 25px  ;
  float           : right;
  width           : 33px;
  height          : 12px;
  z-index         : 666;
  cursor          : pointer;
}


/* override old content tags*/
blockquote{
  padding   : 0;
  margin    : 0;
}

/* body and html */
html, body {
  font-family   : arial;
  font-size     : 12px;
  color         : #727272;
  line-height   : 18px;
}
body {
  background    : #f6f6f6 url(../images/SCommon/bgwolken.jpg) repeat-x;
  margin      : 0;
  padding     : 0;
}

img{
  border:none;
}

.accessibility{
  display     : none;
}

/* body header  */
#bodyHeader {
  height      : 35px;
  background  : url("../images/SCommon/bodyHeaderBg.png") repeat-x;
}

/* website container */
#wrapper {
	top         : -35px;
	margin-left : auto;
	margin-right: auto;
  width       : 978px;
  position    : relative;
  background  : #fff;
}

#container{
  width:auto;
  height:auto;
}

#leftColumn{
  width     : 195px;
  float     : left;
  padding-left:1px;
}

#rightColumn{
  float   : right;
  position: relative;
  width   : 778px;
}

/* headersites */
#headerSites {
  background  : url(../images/SCommon/headerBg.png) repeat-x;
  height      : 27px;
  width       : 980px;
  position    : relative;
}

#headerSites ul{
  margin      : 0px;
  padding     : 0 0 0 36px;
  height      : 27px;
  width       : 944px;
  position    : relative;
}
#headerSites ul li{
  list-style  : none;
  margin      : 2px 26px 0 0;
  padding     : 0;
  float       : left;
}

#headerSites ul li a {
  margin      : 0;
  font-family : arial;
  font-size   : 12px;
  color       : #636568;
  text-decoration:none;
}

#headerSites ul li a.currentSite {
  color       : #343434;
  font-weight : bold;
}

#headerSites ul li a:hover {
  color       : #343434;
}

#headerLogo{
  /*background  : url(../images/headerLogo.png) no-repeat;*/
  float       : left;
  height      : 103px;
  width       : 199px;
}

#headerLogo a{
  display     : block;
  width       : 124px;
  height      : 103px;
}

/* menu */
#menu {
  float:left;
  width:196px;
  margin-bottom:22px;
}

#menu ul.levels,
#menu ul.levels li,
#menu ul.levels li ul.levels,
#menu ul.levels li ul.levels li{
  list-style-image    : none;
  list-style-position : outside;
  list-style-type     : none;
}

ul.levels {
  font-size     : 12px;
  line-height   : 24px;
  margin        : 12px 0 0 0;
  padding       : 0;
}

#menu ul.levels a {
  text-decoration : none;
}

#menu a.selected{
  font-weight : bold;
}

#menu ul.levels li {
  /*background    : url(../images/menuLevel1.png) no-repeat scroll 19px 10px;*/
  cursor        : pointer;
  font-size     : 12px;
  padding       : 6px 0 2px 26px;
  border-bottom : 1px solid #f1f1f1;
  line-height   : 15px;
}

.levels li  ul.levels {
  font-size   : 12px;
  line-height : 24px;
  margin      : 0;
  padding     : 1px;
}


#menu ul.levels li ul.levels li {
  /*background: url(../images/menuLevel2.png) no-repeat scroll left 9px;*/
  cursor        : pointer;
  font-size     : 12px;
  padding-left  : 12px;
  border-bottom : 1px solid #f1f1f1;
}

#menu ul.levels li ul.levels li.last{
  border        :none;
}

/* customContentLeft */
#customContentLeft{
  float   : left;
  width   : 196px;
  margin  : 0 0 22px 0;
}

#customContentLeft h2{
  width         : 181px;
  font-size     : 18px;
  color         : #b0aa00;
  border-bottom : 2px solid #eaeaea;
  padding       : 12px 0 7px 15px;
  margin        : 0 0 10px 0;
}

#customContentLeft ul{
  margin      : 0 0 0 18px;
  padding     : 0;
}

#customContentLeft li{
  list-style-image    : none;
  list-style-position : outside;
  list-style-type     :  none;
  background          : url(../images/SCommon/listItemRed.png) no-repeat left 8px !important;
  padding             : 1px 0 1px 12px;
}

#customContentLeft li a{
 text-decoration  : none;
}

/* customBannersLeft*/
#customBannersLeft{
  clear     : both;
  width     : 196px;
}


#customBannersLeft img, div.IPBanner img{
  margin      : 0 0 8px 0;
  border      : 0px;
  width       : 196px;
  float       : left;

}

/* header items
  #headerImage specified in template css
*/
#headerLinks {
  margin      : 0;
  padding     : 0;
  height      : 26px;
  right       : 19px;
  top         : 14px;
  position    : absolute;
  z-index     : 20;
}

#headerLinks li{
  list-style  : none;
  margin      : 0;
  padding     : 0 5px 0 0;
  float       : left;
  color       : #b0aa00;
}

#headerLinks li a {
  margin      : 0 5px 0 0;
  font-family : arial;
  font-size   : 11px;
  color       : #b0aa00;
  text-decoration:none;
}

#headerLinks li a:hover {
  color       : #94aa38;
}

/* searchBox
  #headerImage specified in template css
*/

#searchBox .text{
  background  : transparent;
  border      : none;
  float       : left;
  width       : 205px;
  padding     : 0;
  height      : 21px;
  color       : #727272;
  font-size   : 12px;
  padding     : 6px 0 0 12px;
}

#searchBox .blur{
  background  : transparent;
  border      : none;
  float       : left;
  width       : 205px;
  padding     : 0;
  height      : 24px;
  color       : #b0aa00;
  font-size   : 18px;
  padding     : 1px 0 0 12px;
}

#searchBox .submit{
  background  : transparent;
  border      : none;
  padding     : 0;
  cursor      : pointer;
  float       : left;
  width       : 43px;
  height      : 27px;
 }

#searchTable,
#searchTable tr,
#searchTable td{
	 background: none !important;
	 padding:0px !important;
}

#searchTable .text{
	width			:120px;
	font-weight		: bold;
	color			: #727272;
}

#searchTable button{
	margin-left: 5px;
}
/* Breadcrumbs
#breadcrumbs, #breadcrumbs ul specified in template css
*/  
#breadCrumbs ul li{
  background  : url(../images/SCommon/breadcrumbsSpacer.png) no-repeat right 7px;
  list-style  : none;
  margin      : 0;
  padding     : 0 5px;
  float       : left;
  color       : #b0aa00;
}

#breadCrumbs ul li.last{
   background  :none;
}

#breadCrumbs ul li a {
  margin      : 0 5px 0 0;
  font-family : arial;
  font-size   : 10px;
  color       : #b0aa00;
  text-decoration:none;
}

#breadCrumbs ul li a:hover {
  color       : #94aa38;
}

.breadcrumbsSpacer{
  background: url(../images/SCommon/breadcrumbsSpacer.png) no-repeat;
  width     : 5px;
  height    : 7px;
}

/* content container = mainContent */
#contentContainer{
  width     : 778px
}

#contentContainer p{
  padding : 0;
  margin  : 0 0 10px 0;
}

/*
  #contentMain specified in template css
*/
/* content container = maincontent */
#maincontent img{
  padding   : 0 10px 5px 0;
  float	 	: left; 	
}

#maincontent img.left{
  float       : left;
  padding     : 0 10px 5px 0;
}

#maincontent img.right{
  float       : right;
  padding     : 0 0 5px 10px;
}

#maincontent h1{
  font-size   : 20px;
  margin      : 0 0 17px 0;
  padding     : 10px 0 0 0;
}

#maincontent h2{
  color       : #b0aa00;
  font-size   : 20px;
  padding     : 10px 0 0 0;
  margin      : 0 0 16px 0;
  clear		  : left;
}

#maincontent h2.blue{
  font-size   : 20px;
  margin      : 10px 0 16px 0;
}

#maincontent h3{
  color       : #b0aa00;
  font-size   : 12px;
  margin      : 18px 0 0 0;
}

#maincontent h3.blue{
  font-size   : 12px;
  margin      : 18px 0 0 0;
}

#maincontent h4{
  font-size   : 12px;
  margin      : 0;
}

#maincontent a.leesVerder{
  color       : #b0aa00;
  background  : url(../images/SCommon/lookHereListIcon.png) no-repeat right 2px;
  padding     : 0 16px 0 0;
}
#maincontent table,
#maincontent table td{
  border      : 0px ;
}

#maincontent table td{
  background  : url(../images/SCommon/tabelTd.png) no-repeat left bottom;
  padding     : 2px 5px;
}

#contentMain ul{
  padding     : 0;
  margin      : 2px;
}

#contentMain ul li{
/*  color       : #b0aa00;*/
  list-style  : none;
  padding     : 0 0 0 12px;
}


/** search and search results */
span.description{
  font-size : 10px;
  color     : #727272;
}


/** sitemap */
#sitemap{
  width     : 480px;
}

#sitemap li{
  width     : 480px;
}

#sitemap .level1 li{
  padding     : 3px 0 0 10px;
  line-height : 22px;
  background  : transparent url(../../SCommon/images/blue/sitemapLevel1.png) no-repeat scroll left top;
}

#sitemap .level1 li a{
  color       : #727272;
  font-weight : bold;
  text-decoration: none;
}

#sitemap .level2 li{
  padding     : 3px 0 0 30px;
  line-height : 22px;
  background  : transparent url(../../SCommon/images/blue/sitemapLevel2.png) no-repeat scroll left top;
  margin-left : -10px;
}

#sitemap .level2 li a {
  font-weight : normal;
  list-style  : none;
}

#sitemap .level3 li{
  padding     : 3px 0 0 50px;
  line-height : 22px;
  background  : transparent url(../../SCommon/images/blue/sitemapLevel3.png) no-repeat scroll left top;
  margin-left : -35px;
}

#sitemap .level3 li a {
  font-weight : normal;
  list-style  : none;
}


/* contentRight */
#contentRight{
  width     : 198px;
  float     : right;
  margin-top: -14px;
}

/* custom login right */
#customLoginRight{
  background  : #b5cc2b;
  position    : relative;
  padding-bottom:2px;
  width       : 196px;
}

#customLoginRight h2{
  width       : 176px;
  font-size   : 18px;
  /*color       : #00a6dd;*/
  border-bottom: 2px solid #a8bc2c;
  padding     : 12px 0 7px 20px;
  margin      : 0 0 10px 0;
}

#customLoginRight p{
  margin-left : 20px;
  color       : #fff;
}

#customLoginRight a{
  width       : 182px;
  height      : 26px;
}

#customLoginRight .submit{
  margin      : 10px 0 10px 0;
  background  : url(../../SCommon/images/SCommon/login-trans.png) no-repeat left top;
  border      : none;
  width       : 182px;
  height      : 26px;
  cursor      : pointer;
  display     : block;
}

/* clear both */
.clearBoth{
  clear     : both
}

/* footer */
#footer{
  margin-top  : 10px;
  padding-top : 8px;
  height      : 35px;
  text-align  : left;
  width       : 980px;
  background  : #f6f6f6 url(../images/SCommon/footerBg.png) no-repeat left top;
}

#footer ul{
margin      : 0 0 0 22px;
padding     : 15px 0 0;
}

#footer ul li{
  list-style  : none;
  margin      : 0;
  padding     : 0 0 0 8px;
  float       : left;
  color       : #b0aa00;
}

#footer ul li img{
  margin      : 0 3px -4px 4px;
}

#footer ul li a{
  margin      : 0;
  padding     : 0 8px 0 0;
  color       : #b0aa00;
  font-size   : 11px;
  text-decoration: none;
  margin      : 0;
}

#footer span{
  font-size   : 11px;
  float       : right;
  margin      : 0 12px 0 0;
}