/* mac hide\*/
html {height:100%}
/* end hide */

body {
  display: block;
  height: 100%;
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-weight: normal;
  font-size: 90%;
  color: black;
  text-decoration: none;
  text-align: justify;
  line-height: 125%;
  /*background-image: url(http://en.blavatskyhouse.org/images/achtergrondsite5.jpg);
  background-repeat: repeat-x;
  background-attachment:fixed;
  background-position:50% 0%;*/ 
  background-color: #f7f7f7; /*#B1C0FB; 0491BC96d2f8*/
  margin-bottom: 0px;
}

#container {
  left: 50%;
  margin-left: -512px;
  position: absolute;
  width: 1024px;
  top: 0px;
  border: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  float: left;
  background-color: white;
}

#top {
  height: 160px;
  width: 1024px;
  border: none; 
  padding: 0px;
  margin: 0px;
  background: url() top left no-repeat;
  background-color: #6495ED; /*#000033*/
}

/*Start PureCSSMenu.com STYLE */

#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:0px;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:0px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 0px 0px 0px;
	background-color:#000000;
	background-repeat:repeat;
	border-color:#A6A6A6;
	border-width:0px;
	border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul /*dit is het uitklapmenu*/{
	width:160px;
	background-color:white;
}
ul.pureCssMenu li{
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 19px 0px 0px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#000000;
	border-width:0px;
	border-color:#FCEEB0;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:5px;
	_padding-left:0;
	font:bold 15px Arial;
	color: #FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	position: relative;
	left:0px;
	margin:0px -20px 0px 0px;
	padding:0px 0px 0px 0px;
	float:none;
	white-space:nowrap;
}
ul.pureCssMenu ul a {
	text-align:left;
	vertical-align:middle;
	background-color:#35cdff; /*dit is de kleur van de uitklapmenu's*/
	text-decoration:none;
	font:bold 15px Arial;
	color: #000000;
	white-space:nowrap;
}
ul.pureCssMenu ul li a:hover{
	background-color:#35cdff;
	font:bold 15px Arial;
	color: #FFFFFF;
	text-decoration:underline;
	float:none;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#A6A6A6;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3;
}
ul.pureCssMenu li:hover{
	position:relative;
	z-index:999; /*BELANGRIJK OM DIT TOE TE VOEGEN OM HET MENU VOORAAN TE
LATEN STAAN!!!*/
}
ul.pureCssMenu li:hover>a{
	background-color:#35cdff;
	border-color:#4C99AB;
	border-style:solid;
	font:bold 15px Arial;
	color: #000000;
	text-decoration:none;
}
ul.pureCssMenu li a:hover  /*dit zijn de hoofdmenu-items*/{
	position:relative;
	background-color:#35cdff;
	border-color:#4C99AB;
	border-style:solid;
	font:bold 15px Arial;
	color: #FFFFFF;
	text-decoration:underline;
}

ul.pureCssMenu li a:active  /*dit zijn de hoofdmenu-items*/{
	position:relative;
	background-color:#35cdff;
	border-color:#4C99AB;
	border-style:solid;
	font:bold 15px Arial;
	color: #000000;
	text-decoration:none;
}


ul.pureCssMenu li a.selected{
	position:relative;
	background-color:#35cdff;
	border-color:#4C99AB;
	border-style:solid;
	font:bold 15px Arial;
	color: #000000;
	text-decoration:none;
}

ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arrv_white_2.gif);
	background-position:right center;
	background-repeat: no-repeat;
   	padding-right:8px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(./images/arrv_blue_2.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(./images/arrv_white_2.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_blue_2.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arr_white_2.gif);}
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span{background-image:url(./images/arr_white_2.gif)}
ul.pureCssMenu table a:hover table span{background-image:url(./images/arr_blue_2.gif)}
ul.pureCssMenu li a.pureCssMenui0{
font:n;
}
ul.pureCssMenu li a.pureCssMenui0:hover{
font:o;
}
ul.pureCssMenu li a.pureCssMenui0selected {
	position:relative;
	background-color:#35cdff;
	border-color:#4C99AB;
	border-style:solid;
	font:bold 15px Arial;
	color: #000000;
	text-decoration:none;
}

ul.pureCssMenu li a.pureCssMenui0selected:hover {
	position:relative;
	background-color:#35cdff;
	border-color:#4C99AB;
	border-style:solid;
	font:bold 15px Arial;
	color: #FFFFFF;
	text-decoration:underline;
}

ul.pureCssMenu li a.pureCssMenui0selected:active {
	position:relative;
	background-color:#35cdff;
	border-color:#4C99AB;
	border-style:solid;
	font:bold 15px Arial;
	color: #000000;
	text-decoration:none;
}

/* End PureCSSMenu.com STYLE */

#content {
  width: 674px;
  min-height: 480px;
  height:auto !important; /*deze en volgende regel fixen de IE min-height bug*/
  height:480px;
  margin-left: 0px;
  float: left;
  background-color: white; /* F08080*/
}



#content-home {
  width: 774px;
  min-height: 360px;
  height:auto !important; /*deze en volgende regel fixen de IE min-height bug*/
  height:360px;
  margin-left: 0px;
  float: left;
  background-color: white; /* F08080*/
}

#content-webshop {
  width: 774px;
  min-height: 360px;
  height:auto !important; /*deze en volgende regel fixen de IE min-height bug*/
  height:360px;
  margin-left: 0px;
  text-align: left;
  float: left;
  background-color: white; /* F08080*/
}

#content-boven {
  width: 1024px;
  /*min-height: 560px;*/
  /*height:auto !important; /*deze en volgende regel fixen de IE min-height bug*/
  /*height:560px;*/
  margin-left: 0px;
  float: left;
  background-color: black; /* F08080*/
}


#content-half {
  width: 512px;
  min-height: 560px;
  height:auto !important; /*deze en volgende regel fixen de IE min-height bug*/
  height:560px;
  margin-left: 0px;
  float: left;
  background-color: white; /* F08080*/
}

#side {
  width: 350px;
  min-height: 480px;
  height:auto !important; /*deze en volgende regel fixen de IE min-height bug*/
  height:480px;
  float: left;
  margin-left: 0px;
  padding-top: 0px;
  background: url() top left no-repeat;
  background-color: white;
}

#side-home {
  width: 250px;
  min-height: 480px;
  height:auto !important; /*deze en volgende regel fixen de IE min-height bug*/
  height:480px;
  float: left;
  margin-left: 0px;
  padding-top: 0px;
  background: url() top left no-repeat;
  background-color: white;
}


#side-half {
  width: 512px;
  min-height: 560px;
  height:auto !important; /*deze en volgende regel fixen de IE min-height bug*/
  height:560px;
  float: left;
  margin-left: 0px;
  padding-top: 0px;
  background: url() top left no-repeat;
  background-color: white;
}

#footer {
  position: relative;
  left: 50%;
  margin-left: -512px;
  width: 1024px;
  height: 40px;
  background: #FFCD00;
  clear: both;
}

#nav {
	/*position: absolute;
	top: 160px;*/
	width:999px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 25px;
	background-color:black;
	border-bottom: 5px solid black /*#FFCD00*/;
	display: inline;
	z-index:999;
}
	

/*Einde navigatie*/
	

a img {border: none;}

a {
  color: blue;
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-weight: bold;
  font-size: 1em;
  text-decoration: underline;
  margin: 0px;
  padding: 0px;
}

a:hover {
  font-size: 1em;	
  color: white;
  background: blue;  
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}

a:active {
  font-size: 1em;
  color: white;
  background: blue;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}

a.regular {
  color: black;
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-weight: bold;
  font-size: 1em;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}

a.regular:hover {
  font-size: 1em;	
  text-decoration: none;
  color: blue;
  background: white;  
  margin: 0px;
  padding: 0px;
}

a.regular:active {
  font-size: 1em;
  color: blue;
  background: white;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}

a.s {
  color: white;
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-weight: bold;
  font-size: 1em;
  text-decoration: underline;
  margin: 0px;
  padding: 0px;
}

a.s:hover {
  color: black;
  background: white;  
  font-size: 1em;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}

a.s:active {
  color: black;
  background: white;
  font-size: 1em;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}

h1.h {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1.5em;
  font-weight: normal;
  color: black;
  line-height: 21px;
  margin-top: 30px;
  margin-bottom: 17px;
  padding-left: 62px;
  padding-right: 40px;
  }
  
h1 {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1.5em;
  font-weight: normal;
  color: black;
  line-height: 24px;
  margin-top: 30px;
  margin-bottom: 17px;
  padding-left: 30px;
  padding-right: 20px;
  }
  
h1.s {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1.5em;
  font-weight: normal;
  color: white;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 17px;
  padding-left: 20px;
  padding-right: 20px;
  }
  
h2.h {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 21px;
  color: black;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-left: 62px;
  padding-right: 40px;
  }

h2 {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 24px;
  color: black;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-left: 30px;
  padding-right: 20px;
  }

h3 {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1em;
  font-weight: bold;
  color: black;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-left: 30px;
  padding-right: 20px;
}

h2.side {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 22px;
  text-align: left;
  color: black;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 25px;
  }

h3.side {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1em;
  font-weight: bold;
  color: black;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-left: 10px;
  padding-right: 25px;
}

h3.s {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1em;
  font-weight: normal;
  line-height: 21px;
  text-align: left;
  color: white;
  margin-top: 7px;
  margin-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
}

p.h {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1em;
  line-height: 20px;
  margin: 0px;
  padding-top: 5px;
  padding-right: 40px;
  padding-bottom: 10px;
  padding-left: 62px;
}

p {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1em;
  line-height: 19px;
  margin: 0px;
  padding: 5px 20px 10px 30px;
}

form {
  line-height: 19px;
  margin: 0px;
  padding: 5px 20px 10px 30px;
}

p.side {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 0.9em;
  line-height: 19px;
  text-align: left;
  margin: 0px;
  padding: 5px 25px 10px 10px;
}

p.s {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1em;
  line-height: 19px;
  text-align: left;
  color: #D3D3D3;
  margin: 0px;
  padding: 20px;
  padding-top: 5px;
  padding-bottom: 10px;
}
 
.table {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1em;
  margin: 0px;
  padding: 40px;
  padding-top: 5px;
  padding-bottom: 10px;
} 
 
.list {
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 0px;
	padding-top: 5px;
  	padding-left: 10px;
  	padding-right: 10px;
  	line-height: 25px;
 }


.footer {
padding: 2px;
margin: 2px;
font-size: 0.8em;
font-weight: bold;
text-align: center; 
line-height: 14px;
}

/*****************
  Main demo page
 *****************/
#main #slider1         { width: 800px; height: 390px; list-style: none; }
#main #slider2         { width: 800px; height: 390px; list-style: none; }

/* Set slider1 panel 5 stuff - adding padding directly to the panel will
   shift panels after it, so we need a wrapper */
#main #slider1 .panel5 ul { width: 200px; margin: 0 5px; }

/* Set slider2 panel sizes, Main & FX demo pages */
#slider2 .panel1 { width: 500px; height: 350px; }
#slider2 .panel2 { width: 450px; height: 420px; }
#slider2 .panel3 { width: 680px; height: 317px; }
#slider2 .panel4 { width: 100%; } /* With no specific size, it defaults to wrapper size; except in IE7, it needs a width defined, so set to 100% */
#slider2 .panel5 { width: 680px; height: 317px; }
#slider2 .panel6 { width: 450px; height: 300px; }

/* For Specific Slides, these also apply to FX demo pages */
.textSlide             { padding: 0px 0px; }
/*.textSlide h3          { font: 20px Georgia, Serif; }
.textSlide h4          { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
.textSlide ul          { list-style: disc; margin: 0; padding-left: 20px; }
.textSlide ul li       { display: list-item; }*/
.leftside             { width: 400px; float: left; margin: 1px /*boven*/ 60px /*rechts*/ 0px /*onder*/ 30px /*links*/ ; } /*float: right; margin: 0 0 2px 10px; */

.quoteSlide            { padding: 20px; }
.quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
.quoteSlide p          { text-align: center; }

/***************************
  FX Demo Page
 ***************************/
/* Demo page accordions */
.accordion             { width: 70%; margin: 0 auto; }
.accordion .ui-widget-content a { color: #004499; }

/** Demo 1 **/
/* colorbox images to full size */
#demo2 #slider1        { width: 400px; height: 300px; list-style: none; }
#cboxPhoto             { width: 100%; height: 100%; margin: 0 !important; }
#cboxTitle             { color: #000 !important; }

/* Change metallic slider defaults to show thumbnails -
  using #demo2 (page wrapper) to increase this CSS priority */
#demo2 div.anythingSlider-metallic .thumbNav a { background-image: url(); height: 30px; width: 30px; border: #000 1px solid; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#demo2 div.anythingSlider-metallic .thumbNav a span { text-indent: 0; }

/* border around image to show current page */
#demo2 div.anythingSlider-metallic .thumbNav a:hover,
#demo2 div.anythingSlider-metallic .thumbNav a.cur { border-color: #fff; }
/* reposition the start/stop button */
#demo2 div.anythingSlider-metallic .start-stop { margin-top: 15px; }

/** Demo 2 **/
#demo2 #slider2        { width: 600px; height: 350px; list-style: none; }

/** Demo 3 **/
#demo2 #slider3        { width: 500px; height: 400px; list-style: none; }

/* expand image */
#slider3 img           { width: 100%; height: 100%; position: relative; }
#slider3 .panel        { position: relative; }

/* position caption close button */
.caption-top .close,
.caption-right .close,
.caption-bottom .close,
.caption-left .close   { font-size: 80%; cursor: pointer; float: right; display: inline-block; }

/* captions */
/* set to position: relative here in case javascript is disabled, script sets captions to position: absolute */
#slider3 .caption-top,
#slider3 .caption-right,
#slider3 .caption-bottom,
#slider3 .caption-left { background: #000; color: #fff; padding: 10px; margin: 0; position: relative; z-index: 10; opacity: .8; filter: alpha(opacity=80); }

/* Top caption - padding is included in the width (480px here, 500px in the script), same for height */
#slider3 .caption-top  { left: 0; top: 0; width: 480px; height: 30px; }

/* Right caption - padding is included in the width (130px here, 150px in the script), same for height */
#slider3 .caption-right  { right: 0; bottom: 0; width: 130px; height: 180px;  }

/* Bottom caption  - padding is included in the width (480px here, 500px in the script), same for height */
#slider3 .caption-bottom { left: 0; bottom: 0; width: 480px; height: 30px; }

/* Left caption - padding is included in the width (130px here, 150px in the script), same for height */
#slider3 .caption-left   { left: 0; bottom: 0; width: 130px; height: 180px;  }

/******************
  Expand demo page
 ******************/
#wrapper1              { width: 100%; height: 300px; margin: 0 auto; }
#wrapper2              { width: 50%; height: 300px; margin: 0 auto; }
#expand #slider1,
#expand #slider2       { width: 100%; height: 300px; list-style: none; }
body#expand h2,
body#expand h3         { text-align: center; }

/***************************
  Video Compatibility table
 ***************************/
.video-info            { width: 700px; margin: 0 auto; margin-top: 50px; font-size: 18px; }
.video-info h2         { text-align: center; }
.video-info ul,
.video-info li         { margin: 0; }
.video-info sup        { font-size: 12px; }
.video-info th.header  { width: 25px; }
.good                  { background: #080; }
.bad                   { background: #800; }
.prob                  { background: #880; }
.group                 { border: #000 1px solid; }

/***************************
  EE Comments etc.
 ***************************/
.category_image {
	margin-bottom: 30px;
	}

.entry {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 0px solid gray;
	}

.posted {
	background-color: #f9f9f9;
	padding: 5px 20px 10px 30px;
	}

.horizontal_rule {
	border-bottom: 0px solid gray;
	padding: 5px 20px 10px 30px;
	margin-bottom: 20px;
	}

.active_cat {
	text-decoration: italic;
	font-weight: bold;
	}

.comment_body {
	margin: 5px 0px 0px 25px;
	}

.comment_form {
	padding: 5px 20px 10px 30px;
	}

.comment_textbox{
	height: 20px;
	width: 400px;
	border: 0px solid #aaa
	}

.search_results {
	padding: 5px 20px 10px 30px;
	}

.paginate {
	padding: 5px 20px 10px 30px;
	}