/* looking for tai ji */


body {
  margin: 0;
  padding: 0;
  background-color: #050845; 
  color: white;
/*  background-image: url(img/bg.jpg); 
  background-repeat: repeat-x;  */
  font: small Arial, Helvetica, Verdana, sans-serif;
/*  max-width: 1080px; /* for fix-width, but caused asymm  */
  min-width: 900px;
 /*width: 1100px;  /* then for some browers the width is fixed  */


}

#wrapper {
 /* background-color: #fdf8f2;  */
  width: 90%;   /* for fix-width  */
  background-color: white;  
  color: black;
 /* text-align: center; */
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 10px;

}

#header { 
  background-image: url(images/bergen_wide_grad.jpg);
  background-repeat: no-repeat;
  background-position: right top;
/*   width: 670px;  
   margin-left: 5px; */
}

#header .image-left{
  float: left;
}

#header .image-right{
  float: right;
}

#header-top {
 /* height: 99%;    */
}

#header-bottom {
  border-top: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  height: 1%;  
}

#header-bottom ul {
  margin: 0;
  padding: 0 30px 0 0;
  text-align: right;  
}
#header-bottom li {
  display: inline;
/*  background-color: #fdf8f2; */
  background-color: white;
  color: #050845;  
}
#header-bottom a:link, #header-bottom a:visited {
  text-decoration: none;
  /*background-color: #fdf8f2; */
  background-color: white;
  color: #050845;
}
#header-bottom a:hover {
  text-decoration: underline;
/*  color: #000033; */
}

#tagline {
  font-weight: bold;
/*  background-color: #fdf8f2; */
  background-color: white;
  color: #050845;
  font-style: italic;
  margin: 0;
  padding: 0 0 0 20px;
  width: 300px;
  float: left;  
}

#main {
/*
  position: relative;
  top:0;
  left:  0;
*/
  width: 100%;
  margin-top: 10px;
  /*backgrond image is for the light blue color of the right sidebar (at the bottom) */
  background-image: url(images/sidebarbg_new.jpg);  
  background-position: top right;
  background-repeat: repeat-y;
}

#content {
  margin: 0 240px 0 160px; 
  border-top: 1px solid #b9d2e3;
  border-right: 1px solid #b9d2e3;
  border-left: 1px solid #b9d2e3;
  background-color: white;
  /*color: black;  */
  /*width: 600px;  */

  /* all the text within content, dark grey color */
  color: #333333;
  font-size: 95%;

}
#mainfeature {
  background-image: url(images/backgrond_grad.jpg);
  background-repeat: no-repeat;
  background-color: #112236; 
  color: white;
  padding: 1em 1em 1em 200px;
  height: 1%;    
/*  height: 120px; */
 /* min-width: 220px;  */
  min-height: 70px; 
  max-height: 170px; 
}

#mainfeature h2 {
  margin: 0;
  font-weight: bold;
  font-size: 120%;
}
#mainfeature h3 {
  margin: 0;
  font-weight: normal;
  font-size: 110%;
}
#mainfeature p {
  font-size: 100%;
}

#mainfeature p.more {
  margin-top: 0;
  text-align: right;
}

#mainfeature p.more a:link, #mainfeature p.more a:visited {
  color: white;
  background-image: url(images/more-bullet.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 14px;   
}

#content a:link, #content a:visited {
  text-decoration: none;
}
#content a:hover {
  text-decoration: underline;
}


#content .inner {
  margin: 10px 20px 10px 40px;
 /*   min-width: 220px; */

}

#content .inner h2 {
  color: #245185;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #b9d2e3;
  font-size: 110%;
}

#content .inner ul.features {
  margin: 0;
  padding: 0;
  list-style: none;
}

#content .inner h3 {
  font-size: 105%;
  color: #245185; 
}

#content .inner h3 a:link, #content .inner h3 a:visited {
  color: #245185;
}

#content .inner h4 {
  font-size: 100%;
  color: #245185;
  margin: 10px 0px 5px 0px;
/*  border: 1px solid #FFCC33;  */
}
#content .inner h4 a:link, #content .inner h4 a:visited {
  color: #245185;
}

#content .inner h5 {
  font-size: 100%;
  color: #333333; 
  margin: 10px 0 0 0;
}
/* for text under #content .inner h5 to jump in a bit for alignment */
#content .inner p.jumpin {
  margin: 0 0 0 12px;
}

#content .inner p {
  /*color: #666666; */
  color: #333333;
  text-align: left;
  /*font-size: 95%;  */
}

#content .inner .features li img {
  float: left;
  margin: 0 5px 5px 0;
}

#content .inner p.author {
  font-weight:  bold;
}

#content .inner p.more{
  margin-top: 0;
  text-align: right;
}
#content .inner p.more a:link, #content .inner p.more a:visited {
  color: black;
  background-image: url(images/more-bullet.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 14px;
  font-size: 90%;
  color: #1e4c82;
}

/*  for placing images in the free whole artikel */
#content .inner img {
  float: left;
  margin: 10px 15px 15px 0;
}

#content .magazine-image {
  margin: 0 30px 0 20px;
  border: none;  
}


/* for bestel button on page with all editions */
#content .inner p.bestelbutton{
  margin-top: 0;
  text-align: left;
}
#content .inner p.bestelbutton a:link, #content .inner p.bestelbutton a:visited {
  color: black;
  background-image: url(images/more-bullet.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 14px;
  font-size: 90%;
  color: #1e4c82;
  
/*  border: 1px solid #3181BF;  */
}


#sidebar {
/*  position: absolute; */
  float: right;
  width: 220px;
/*  background-color: #256290;  */
  background-color: #3181BF; /* This is the light blue color on the right sidebar */
  color: white;
  margin: 0;
  padding: 0;
}

#sidebar h3 {
  font-size: 110%;
  background-image: url(images/sidebar-header-bg.jpg);
  background-repeat: no-repeat;
  margin: 0;
  padding: 0.2em 0 0.2em 10px;
  font-weight: normal;
}

#sidebar h4 {
  font-size: 100%;
  padding: 0.2em 0 0.2em 10px; 
  font-weight: normal;
}

#sidebar h4 a:link, #sidebar h4 a:visited {
  color: white;
}

#sidebar .inner {
  padding: 10px;  
}

#sidebar  a:link, #sidebar  a:visited {
  text-decoration: none;
}
#sidebar  a:hover {
  text-decoration: underline;
}

#sidebar ul {
  list-style-image: url(images/more-bullet.gif);
  margin-left: 0;
  padding-left: 20px;  /*20px;*/
}

#sidebar p, #sidebar li {
  font-size: 90%;
  line-height: 1.4em;
}

#sidebar ul a:link, #sidebar ul a:visited {
  color: white;
}

#sidebar .item {
  font-weight: bold;
}

#sidebar .magazine-image {
  float: right;
  margin: 0 30px 0 20px;
  color: #3181BF;   /* This is the light blue color on the right sidebar */
/*trick for not showing the blue line around the image with link to a page in IE*/
  border: 1px solid #3181BF; 
}

#sidebar p.more {
  clear: right;
  margin: 0 30px 0 0;
  text-align: right;
}
#sidebar p.more a:link, #sidebar p.more a:visited {
  color: white;
  background-image: url(images/more-bullet.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 14px;
  text-decoration:none;
}

#sidebar p.order {
  clear: right;
  margin: 0 30px 0 0;
  text-align: left;
  font-size:12px;
}
#sidebar p.order a:link, #sidebar p.order a:visited {
  color: white;
  background-image: url(images/more-bullet.gif);
  background-repeat: no-repeat;  
  background-position: center left;
  padding-left: 18px;
 /* text-decoration: blink; */
  font-weight:bold;
}
#sidebar p.order a:hover {
  text-decoration: underline;
}

/* class review voor het plaatsen van reviews in de rechter kolom*/
#sidebar p.review {
  clear: right;
  margin: 0 30px 0 0;
  text-align: left;
  font-size:12px;
}
#sidebar p.review a:link, #sidebar p.review a:visited {
  color: white;
  font-weight: normal;
  font-style:italic;
}
#sidebar p.review a:hover {
  text-decoration: underline;
}


/*  sidebar2 is the left sidebar  */
#sidebar2 {
  float: left;
  width: 159px;
  border-top: 1px solid #b9d2e3;
  border-left: 1px solid #b9d2e3;
  background-color: white;
  color: black;
  margin: 0;
  padding: 0;
}
#sidebar2 .inner {
  margin:  10px;
}
#sidebar2 p {
  font-size: 90%;
  color: #666666;
}
#sidebar2 a:link, #sidebar2 a:visited {
  color: #245185;
  font-weight: bold;
}

#sidebar2 h3 {
  color: #245185;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #b9d2e3;
  font-size:  110%;
}

/* nav in the left sidebar */
#nav {
  list-style: none;
  margin: 0;
  padding:  0;
}
#nav li {
  border-bottom: 1px solid #b9d2e3;
  padding: 0.4em 0 0.2em 0;
  font-size:  90%;
}
#nav li a:link, #nav li a:visited {
  text-decoration: none;
  color: #245185;
  font-weight: normal;
}
#nav li a:hover {
  text-decoration: underline;
/*  color: #000033;
  font-weight: bold;  */
}


/* blog section in the left sidebar */
/*  Don't use
#bloglatest h4 {
  color: #ff4e00;
  font-size: 100%;
  font-weight: bold;
}
#blog {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: url(img/more-bullet.gif);
}
#blog li {
  font-size: 90%;
  padding-bottom: 0.5em;
  color: #ff4e00;
  font-weight: bold;
}
*/

#searchform .text {
  width: 196px;
  border: 1px solid #45bac0;
}
#searchform .searchbutton {
  text-align: right;
  margin-top: 4px;
}
#searchform .btn {
  border: 1px solid #45bac0;
/*  background-color: #256290; */
  background-color: #3181BF; 
  color: white;
}

#newsletterform .text {
  width: 135px;
  border: 1px solid #45bac0;
}
#newsletterform .searchbutton {
  text-align: right;
  margin-top: 4px;
}
#newsletterform .btn {
  border: 1px solid #45bac0;
/*  background-color: #256290; */
  background-color: #3181BF; 
  color: white;
  font-size: 80%;
}


#footer {
  width: 100%;
  border-top: 1px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  margin-top: 10px;
  clear: both;
  /*
  border: 1px solid red;
  background-color: ff9999;  */
}
#footer p {
  font-size: 90%;
  /*color: #256290; */
  color: #3181BF; 
  margin: 0;
  padding: 0.2em 0 0.2em 0;
}

#clearone {
  clear: both;
  height: 1px;
}
#main2 {
  margin-top: 10px;
  background-image: url(images/leftbg.gif); 
  background-position: bottom left;
  background-repeat: repeat-y;
}

/* h6 is for stijling navigatie path  */
h6 {
  margin: 0 10px;
  padding: 5px 1px 1px 25px;
  FONT-FAMILY: Arial,Verdana,Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 8pt;
  line-height: 1.375em;
  color: #808080;
}
h6 em {
  color: #4d4d4d;
}
h6 a:link, h6 a, h6 a:hover, h6 a em, h6 a:link em, h1 a:hover em {
  border-color: #808080; /*#999;*/
  color: #808080; /*#999;*/
}
/* Ruler line with color */
hr {
    border: none;
	background-color: #b9d2e3;  /*Light blue line*/
	height: 1px;
	width: 100%;
}
/* Bestel formulier   */

input.btn {
  background-color: #b9d2e3;
  border: 1px outset #3181BF;
}
input.txt {
  color: #333333;
  background-color: #b9d2e3;  
/*  background-color: #CCFFFF; */
  border: 1px inset #3181BF;
}
form div {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 3px;
  padding-bottom: 2px;
}
form div label {
  float: left;
  width: 10em;
  margin-right: 1em;
  font: bold 0.9em Arial,Verdana,Helvetica, sans-serif;
}
fieldset {
  float: left;
  clear: left;
  width: 97%;
  margin: 1.4em 0 0 0;
  padding: 0.6em;
  border: 1px solid #b9d2e3;  
}

/* for data table */
.datatable {
  border: 1px solid #b9d2e3;
  border-collapse:collapse;
}

.datatable td {
  text-align: center;
  font-weight: normal;
  border: 1px solid #b9d2e3;
}

.datatable th {
  text-align: center;
  font-weight: normal;
  border: 1px solid #b9d2e3;
  color: #000000;
  background-color: #0099CC;
}

/* box for stijling the category nam  */
#category_box_name {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     float: none;
 /*    background-image: url(images/jw_member_background.jpg);
*/
	 background-repeat: repeat-y;
	 background-position:left;
	 margin-top: 5px;
	 margin-bottom: 5px;
	 margin-right: 0px;
	 margin-left: 0px;
	 width:auto;
	 height:15px;
	 font-size:14px;
	 text-align:center;
	 font-weight:bold;
	 background-color:#3181BF;
	 border: 1px solid #b9d2e3; 
	 padding: 5px 0px 5px 0px;
   }



/*  
input.radio_btn {
  border: 1px solid #b9d2e3;  
  margin: 0 1em 0 0;
}
#radio_btn_box {
  border: 1px solid #b9d2e3;  
  width: 20 px;
}
*/