/* GENERAL ------------------------------------------------------------ */
body{
  background-color:  #fff;
  /*background-image: url(../images/background.jpg)
  background-repeat: repeat-x;*/
}
.center{
  width: 960px;
  margin:0 auto;
}
.clear{
    clear:both;
}
h2, h3, h4, p{
  color: #222;
}
h2 {  
  letter-spacing: 1px;
  margin: 0;
  
  }
/*
h3 {
font-weight:bolder;
}*/
a { 
  color: #03c;
  background-repeat: no-repeat;
}
a:hover{ 
  color: #006;
}
.hidden{
  display: none;
  }

hr{
  display: block;
  height: 0px;
  border-bottom: 1px solid gray;
   border-collapse: collapse;   
}
.content{
  clear: both;
  padding: 0 10px;
}
.content hr{
  visibility: hidden;
  clear: both;
  padding-bottom: 20px;
}

/*added by mahesh*/
table p,
table ul,
table ol,
p.ul,
p.ol
{
    font-size:100%;
}

/* HEAD ------------------------------------------------------------ */
#header{
  background-image: url(../images/mood.jpg);
  height: 100px;
  width: 100%;
  overflow: hidden;
  background-color: #e37703;
  position: relative;
}

#header hr{ 
  clear:left; 
  visibility:hidden;
  line-height:0px; 
  font-size: 0px;
  }
  
#orangeborder{
  position: absolute;
  z-index: 300;
  top: 90px;
  height: 10px;
  width: 100%;
  background-image: url(../images/orangeborder.png);
}  

h1{  
  margin: 0 0 0 -100px;
  padding: 0;
  position: absolute;
  z-index: 200;
}
h1 a{
  display: block;  
  height: 100px;
  width: 300px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/happychildlogo.png);
}
h1 span{
  display: none;
}

/* SUBHEADER ------------------------------------------------------------ */
.subheader{
  height: 58px;
  margin: 0 0 15px 0;
  background-repeat: no-repeat;  
}
.subheader h2{
  width: 500px;
  height: 40px;
  margin: 4px 0 0 4px;
  padding: 13px 0 0 46px;
  float: left;
  color: #fff;
  background-repeat: no-repeat;
}


/* Subheader Icons */
#subhead-autisme{
  background-image: url(../images/icon_autisme40.png);
  }


/* Subheader Colored Background Bars */
#subheadBG-autisme{
  background-image: url(../images/subheader-bg.gif);  
}

/* Patient vs Arts switch */
#statusswitch{
  width: 125px;
  height: 48px;
  float: right;
}
#statusswitch ul{
  list-style-type: none;
  margin: 0;
  padding: 10px 0 0 0;

}
#statusswitch ul li{
  float: left;
  margin: 0 0 0 5px;
}
#statusswitch ul li a{
  color:#fff;
  font-size: 0.8em;
  text-decoration: none;
}
#statusswitch ul li a:hover{
  color:#094800;
}
#statusswitch ul li strong a,
#statusswitch ul li strong a:hover{
  text-decoration: none;
  color: #fff;
  }


/* CONTENT (INDEX) (DETAIL) ------------------------------------------------------------ */


/* Subnav Column on the left */
#columnSubnav{
  width: 175px;
  margin-right: 20px;
  float: left;
}
#columnSubnav ul{
  line-height: 1.2em;
  list-style-type: none;
  margin: 0;
  padding: 0 0 10px 0;
  font-size:100%;/*added by mahesh*/
}
#columnSubnav ul li, #columnSubnav ul li ul li{
  border-bottom: 1px solid #fff;
  display: block;
  padding: 0;
  margin: 0;
}
#columnSubnav ul li a, #columnSubnav ul li ul li a{
  color: #000000;
  font-size: 0.85em;
  line-height: 1.2em;
  display: block;
  text-decoration: none;
  background-color: #D8DFEF;
  padding: 5px 4px 6px 5px;
  margin: 0 0 0 0;
}
#columnSubnav ul li ul li {
  margin-left:15px;
  background-color: #D8DFEF;

  border-top:thin white solid;
}
#columnSubnav ul li a:hover,
#columnSubnav ul li strong a,
#columnSubnav ul li strong a:hover{
  background-color: #10517D;
  color: #FFFFFF;
}

/* columnSubnav2 in the contentpane added by mahesh*/

#columnSubnav2
{
    float:right;
  text-align: left;
}
#columnSubnav2 ul { 
  list-style-type:none; 
  text-align: center;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-size:100%;/*edited by mahesh*/
}
#columnSubnav2 ul li { 
  float: left;
  display: inline;
  margin: 0 10px 0 0;
  }  
#columnSubnav2 ul li a {
  color:#000; 
  letter-spacing:1px; 
  line-height:14px;
  font-size:14px;
  padding: 2px;
  }  
#columnSubnav2 ul li strong a {
  font-weight:normal; 
  text-decoration:none;
  }

/* Content Detail 4 column structure (disctricts)  */
#column4ContentLinks{
  float: left;
  width: 140px;
  margin-right: 40px;
}
#column4ContentLinks ul{
  list-style-type: none; 
  margin: 0;
}
/* Content Detail template - 4 column structure (adresses)  */
#column4address{
  float: left;
  width: 320px;  
}

/* Content I template - 2 column structure  */
#column2Content{
  width: 740px;
  float: left;
  }
#column2Content hr{
  visibility: hidden;
  margin-bottom: 20px;
  clear: left;
  }
#column2Content h2{
  padding-bottom:8px; 
}
  
/* Content INDEX template - 3 column structure  */
#column3Content{
  width: 460px;
  float: left;
}
#column3Content h3{
  margin: 0;
  padding: 0;
}
#column3Content h4{
  margin: 0;
  padding: 0;
}


/* Image containers */
.imagecontainerContentArea{
  border: 1px solid #999;
  padding: 5px;
  width: 400px;
  margin: 10px auto 20px auto;
}
.imagecontainerContentArea img{
  width: 400px;
}
.imagecontainerContentArea p{
  color: #555;
  margin: 0;
}

/* Image container LESS WIDTH */
.imagecontainerContentAreaSmaller{
  border: 1px solid #999;
  padding: 5px;
  width: 300px;
  margin: 10px auto 20px auto;
}
.imagecontainerContentAreaSmaller img{
  width: 300px;
}
.imagecontainerContentAreaSmaller p{
  color: #555;
  margin: 0;
}


/* Videoitem */
.videoitem{
  padding: 20px;
}


/* Column for publication highlight  */
#column3RelImage{
  width: 257px;
  float: right;
}
#column3RelImage img{
  border: 1px solid #555;
}
#column3RelImage .BookinColumn{
  border: 1px solid #ccc;
  padding: 6px;
}
#column3RelImage .BookinColumn p{
  margin: 0 0 0 0;
  padding: 0;
}


/* Column for related links and information */
#column3Related{
  width: 260px;
  float: right;
  margin-left: 25px;
}
#column3Related img{
  border: 1px solid #555;
}
#column3Related .imagecontainer {
  margin-left: -60px;
}
#column3Related h4{
  font-size: 0.8em;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#column3Related ul
{
  line-height: 1em;
  list-style-type: none;
  margin:0 5px 25px 10px;
    font-size:0.85em;    
}
#column3Related ul li{
  display: block;
  margin: 0 0 8px 0;
  padding: 0 0 0 0;
}
#column3Related ul li a{
  line-height: 1.5em;
  /*font-size: 0.85em;*/
}
a.external{
  background: url(../images/externallink.gif) no-repeat right top ;
  padding: 2px 18px 2px 0;  
}
#column3Related p.tekstblok{
  margin:0 5px 25px 10px;
}
#column3Related hr{
  visibility: hidden;
}

/* Fancy Button */
.smallButton{
  padding: 4px 6px;
  margin:20px auto 10px auto;
  text-align: center;
  width: 80%;
  background-color: #e37703;
  display: block;
  color: #fff;
  font-size: 0.8em;
  text-decoration: none;
  border: 1px solid #666;
}
.smallButton:hover{
  color: #fff;
  background-color: #d85803;
}

/* Fancy Button BIGGER pointing to the next chapter */
.bigButton{
  padding: 5px 8px;
  margin:20px auto;
  text-align: center;
  width: 70%;
  background-color: #e37703;
  display: block;
  color: #fff;
  font-size: 1.2em;
  text-decoration: none;
  border: 1px solid #666;
}
.bigButton:hover{
  color: #fff;
  background-color: #d85803;
}

/* PUBLICATIE INDEX ------------------------------------------------------------ */
.publicatie{
  width: 345px;
  margin: 0 10px 10px 0;
  padding: 6px;
  float: left;
  border: 1px solid #ccc;
}
.publicatie img{
  width: 110px;  
  padding: 0;
  margin: 0;
}
.publicatie a.thumb{
  float: left;
  width: 110px;
  height: 150px;
  border: 1px solid #555;  
  overflow: hidden;
  margin: 0 10px 0 0;    
}
.publicatie h4{
  float: left;
  width: 220px;
  margin: 0;
  padding: 0;
    
}
.publicatie p{
  padding-right: 10px;
  float: left;
  width: 210px;  
  margin: 0;  
}


/* HOME ------------------------------------------------------------ */

/* Column for Homepage  */
#columnMain{
  float: left;
  margin-bottom: 15px;
  width: 625px;
  /*border-right: 1px solid gray;*/
}

/* Introduction box on top of the page */
#introductie{  
  padding: 0 20px 20px 0;
}
#introductie img{
  float: left;
  border: 1px solid #555;  
  margin-right: 15px;
}
#overzicht{
  width: 625px;
  clear: left;
  margin: 0 0 0 0;
  padding: 0px 0 0 0;
}
#overzicht hr{
  clear: both;
  visibility: hidden;
}


/* boxes below the introduction */
.blok{
  float: left; display: inline; /* needed for IE6 */
  width: 290px;
  height: 200px;
  margin: 0 20px 20px 0;
  padding: 0;  
}
.intro{
  background:#ededed url(../images/boxbg.gif) no-repeat bottom;
}
.intro h3{
  margin: 0 0 0 0;
  padding: 5px 5px 5px 5px;
  width: 280px;
  height: 60px;  
}
.intro h3 a{
  display: block;
  padding-top: 40px;
  padding-left: 65px;
  text-decoration: none;
  color: #fff;
  font-size: 0.8em;
  height: 20px;
}
.intro h3 a img{
  margin-right: 3px;
}
.intro p{
  padding: 5px 10px 0 10px;
}


/* Backgrounds in the highlight boxes */
h3#boxhead-pvs{
  background-image: url(../images/bg_head_box_pvs.gif);  
}
h3#boxhead-autisme{
  background-image: url(../images/bg_head_box_autisme.gif);  
}
h3#boxhead-inspiring{
  background-image: url(../images/bg_head_box_inspiring.gif);  
}


/* Icons in the highlight boxes */
h3#boxhead-pvs a{
  background-image: url(../images/icon_vaccinatie.png);  
}
h3#boxhead-autisme a{
  background-image: url(../images/icon_autisme.png);  
}
h3#boxhead-inspiring a{
  background-image: url(../images/icon_inspiringhomeopathy.png);  
}

/* Big link buttons to sections within the website */
#sectionlinks h3{
  margin: 0;
  padding: 0;
}
#sectionlinks a{
  display: block;
  color: #fff;
  text-decoration: none;
  width: 280px;
  font-size: 0.8em;
  height: 27px;
  margin: 0 0 2px 0;
  padding: 15px 0 0 10px;
  background-image: url(../images/linkbutton.gif);
  background-position: left;
}
#sectionlinks a:hover{
  background-position: right;
}


/* Recent Information RIGHT COLUMN */
  
#columnRecent{  
  float: right;
  width: 300px;
  border-left: 1px solid gray;  
  padding-left:13px;
}
#columnRecent h2{
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 1.4em;
}
#columnRecent hr{
  border-bottom: 1px solid gray;
  border-collapse: collapse;
  visibility: visible;
  /*border-bottom-width: 0px; added & commented by mahesh
  padding-bottom: 0px;*/  
  /*following 3 properties added by mahesh*/
  border-left:0px;
  border-right:0px;
  border-top:0px;  
}

#publicatie h3{
  font-size: 1.2em;
  margin: 0;
}
#publicatie  img{
  float: left;
  width: 110px;
  margin-right: 7px;
  border: 1px solid #555;
}
.weblogitem p.date{
  margin: 0 0 0 0;
  color:#777;
}
.weblogitem h3{
  font-size: 1em;
  margin: 0 0 0 0;
}

.gastenboekitem p.date{
  margin: 0 0 0 0;
  color:#777;
}
.gastenboekitem h3{
  font-size: 1em;
  margin: 0 0 0 0;
}

/* MENU BAR ------------------------------------------------------------ */
#mainmenubar {
  height: 30px;
  background-color: #e37703;
}
#mainmenubar hr{
  display: none;
}
#mainmenu{
  text-align: left;
  height: 30px;
  width: 750px;
  float: left;
}
#mainmenu ul { 
  list-style-type:none; 
  text-align: center;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
#mainmenu ul li { 
  float: left;
  display: inline;
  margin: 0 20px 0 0;
  }  
#mainmenu ul li a {
  text-decoration:none; 
  color:#fff; 
  letter-spacing:1px; 
  line-height:14px;
  font-size:14px;
  padding: 2px;
  }  
#mainmenu ul li a:hover {
  color:#094800;
  }
#mainmenu ul li strong a {
  color:#094800; 
  font-weight:normal; 
  text-decoration:none;
  }
#mainmenu ul li strong a:hover{
  color:#094800;
  }  

#langselection{
  float: right;
  width: auto;
}

#langselection ul{
  list-style-type:none; 
  display: block;
  margin: 0;
  padding: 3px 0 0 0;
  text-align: center;
}
#langselection ul li{
  float: left;
  margin: 0 0px 0 5px;
  
  /*border: 1px solid red;*/
}
#langselection ul li a{
  color:#fff; 
  text-decoration: none;
  font-size: 11px;
  display: block;
  border: 1px solid #e37703;
}
#langselection ul li a:hover{
  color:#094800;
  border: 1px solid white;
}
#langselection ul li strong a{
  color:#fff; 
  border: 1px solid white;
}
#langselection ul li strong a:hover{
  color:#fff; 
  border: 1px solid white;
}

#langselection ul li a span{
  display: none;
  }
  
#langselection hr{
  visibility: hidden;
}

#langselection ul li strong img
{
    background-color:#ffffff;
    color:#fff; 
    border: 1px solid white;
}

#langselection img:hover
{
    background-color:#ffffff;

}

/* BREADCRUMB TRAIL ------------------------------------------------------------ */
#breadcrumb{
  padding: 8px 0 0 0;
  height: 28px;  
}
#breadcrumb hr{
  display: none;
}
#breadcrumb p{
  font-size: 12px;
  color: #919191;
  padding: 0;
  margin: 0;
}
#breadcrumb a{
  font-size:12px;
  margin: 0 2px 0 0;
  line-height:20px;
  font-size:12px;
  padding: 1px;
  color: #919191;
}
#breadcrumb a:hover{
  color: #444;
  text-decoration:underline;
}

/* CONTACT */
.contactleft{
  float: left;
  width: 250px;
}
.contactright{
  float: left;
  margin-left: 10px;
  width: 360px;
}
.contactleft, .contactright{
  padding-top: 20px;
  }
.contactleft h3, .contactright h3{
  margin: 0 0 5px 0;
  }
/* FOOTER */
#footer{
  clear: both;
  text-align: right;
  background-color: #E37703;
  margin-top: 20px;
  height: 40px;
}
#footer p{  
  font-size: 12px;
  margin: 0 0 0 10px;;
  padding: 6px 20px 0 0;
}
#footer p, 
#footer p a{
  color:#fff;
}
#footer p a:hover{
  text-decoration: underline;
}

#footer .login
{
  font-size: 12px;
  margin: 0 0 0 10px;;
  padding: 6px 20px 0 0;
  color:#a7cd54;
}

#footer .login:hover{
  text-decoration: underline;
  color:#fff;
}

/* backend */
.pinpoint { display:none; }









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {
}

h3 {
}

h4 {

}

p {

}