/*

sept. 2003, stylesheet adapted from the one used by Dan Benjamins at www.hivelogic.com pages 

*/

/* these are the blogkomm styles */
.comm {
border-bottom: 1px dotted #f66;
}

/*CSS by Amy Rae of avisualmind.com and Holger Kreis of blogkomm
Use of this style sheet is governed by a Creative Commons Attribution-NonCommercial-ShareAlike 1.0 license
   http://creativecommons.org/licenses/by-nc-sa/1.0/
Use of the images employed by this style sheet are NOT governed by the same terms!
No use of the images may be made without the permission of the above parties.
*/


/*Input fields*/

input,textarea  {
    border:1px solid;
    padding:2px;
    background:#f9f9f9;
    border-color:#ccc;
    color:#333;
    }
input[type="submit"]:hover {
    background:#fcfcfc;
    }
input:hover,textarea:hover {
    border:1px solid;
    background:#fff;
    border-color:#aaa;

    }
input:focus,textarea:focus {
    border:1px solid;
    background:#fff;
    border-color:#888;
    }



/*Box with the form elements*/
div.blogkbox
    {
    width: 420px;
    background:#f1f1f1;
    color:#333;
	border-top:thin dotted #999;
	border-bottom:thin dotted #999;
    padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin: 20px 2px 2px 2px;
}

/*Box around the comments*/
div.blogkcomments
    {
    width: 420px; 
    /*background:#f1f1f1;*/
    margin: 15px 2px 15px 2px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    }

/*even rows*/

.commentsEven
   {
    background:#ffe;
    border-top:thin dotted #999;
	border-bottom:thin dotted #999;
   }

/*odd rows*/
.commentsOdd
   {
    background:#f1f1f1;
    border-top:thin dotted #999;
	border-bottom:thin dotted #999;
   }

/*moderators blog author rows*/
.commentsMod
   {
    background:#e9e9e9;
    border-top:thin dotted #333;
	border-bottom:thin dotted #333;
   }

    
div.blogkcomments:hover
    {
    background:#fff;
    color:#333;
	border-top:thin dotted #333;
	border-bottom:thin dotted #333;
    }
/*Box around the comments End*/



/*Box around the recent comments sidebar*/     
div.blogkcommentsrecent
    {
    background:#f1f1f1;
    color:#666;
	border-top:thin dotted #adadad;
	border-bottom:thin dotted #adadad;
    font-size:11px;
    margin:0.4em 25px;
    padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size:11px;
    text-align:left;
   
    }


span.blogkommlinks
   {
   /*empty for special link effect*/
   }

div.blogkLinks
   {
   /*empty for adjusting the [x comments]-link*/
   }
/*
 now handling tableless forms
 you don't have to edit from here 
 this goes back to an article at
 http://www.alistapart.com/articles/practicalcss/ 
 describing a code concept by eric meyer.

*/

div.blogkrow
	{
  	clear: both;
  	padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
	padding-bottom: 5px;
    font-size:11px;
  	text-align:left;
	}

div.blogkrow span.blogkLeftClmn
    {
    padding-top: 5px;
    float: left;
    width: 30%;
    text-align: right;
    }

div.blogkrow span.blogkRightClmn
   {
   padding-top: 5px;
   float: right;
   width: 60%;
   text-align: left;
   } 
   
.captcha
   {
   margin: 2px;
   vertical-align: bottom;
   border: 1px solid #ccc;
   } 
   
.bkVisitor{
   font-weight: bold;
   text-decoration: none;
   }
img.gravatar {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
	padding: 2px;
	border: 1px solid #ccc;
}

/* --------------------------------------------- */
.ann {
	border: 2px solid #666;
	margin-left: 14px;
	padding-top: 10px;
	background: url(http://www.harsmedia.com/Backs/greyback.jpg);
	}

body {
	padding: 0px;
	margin: 0px;
	/* font: 12px/1.7em "lucida grande",  verdana, tahoma, sans-serif; */
	/*font-family: palatino, 'lucida grande', 'lucida sans unicode', verdana, helvetica, arial, sans-serif;
	font-size: 14px;*/
	 font-family: 'lucida grande', 'lucida sans unicode', Verdana, Arial, sans-serif; 
	font-size: 13px;
	line-height: 14px;
	
	background: #fff;
	color: #333;
	text-align: center;
}

body.about {
	background: #eee;
}
       
#expo a, a:visited, a:active, a:link {
	color: #35548A;
	text-decoration: none;
	font-weight: normal;
}

#expo a:hover {
	/* display: inline; */
	color: #333;
	text-decoration: underline;
	}
	
li.last {
	color: #999;
	}

p {
	color: #333;
	line-height: 16px;
	margin-top: 0;
	margin-bottom: 15px;
}

p.dutch {
	font-family:  georgia, courier, serif;
	color: #666;
	line-height: 16px;
	margin-top: 0;
	margin-bottom: 15px;
}

input {
	font: 12px courier,georgia,palatino,serif;
	font-weight: bold;
	color: #366;
	}
	
ol { padding:0; margin:0; }

#crib {
	width: 700px;
	margin-top: 20px;
	margin-left: auto;
	margin-bottom: 10px;
	margin-right: auto;
	text-align: left;
}

table.youtube {
	border: 1px solid #ccc;
	padding-left:5px;
	padding-right: 5px;
	}

#further
{ font-size: 13px; 
line-height: 16px;
text-align: center;
font-weight: bold;
font-family: 'lucida grande', verdana, geneva, helvetica, arial, sans-serif;
margin: 0;
margin-top: 30px;
padding: 0; }

#zijde {
	width: 180px;
	float: left;
	font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	padding-right: 15px;
	padding-top: 43px;
	/* voice-family: "\"}\""; */
	/* voice-family: inherit; */

}
html>body #zijde {
	padding-top: 43px;
}

#contentcenter {
		width:210px;
		padding-left:10px;
		padding-right:10px;
		padding-top: 43px;
		float:left;
		border-left: 1px dotted #999;
		background:transparent;
		}
	
#contentright {
		width:210px;
		padding-left:10px;
		padding-right:10px;
		padding-top: 43px;
		float:left;
		border-left: 1px dotted #999;
		background:transparent;
		}
		
#contentright p {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 7px;
	color: #c66;	
	font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
	line-height: 12px;
	font-size: 10px;
	text-align: justify;
}

.ook {
color: #063;
font-weight: bold;
}

#zijde h3 {
	font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
	font-size: 10px;
/*	color: #c66;*/
color: #063;
	line-height: 12px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 2px; 
	border-bottom: 1px dotted #ccc;
}
#zijde h3.subsc {
	font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	color: #f66;
	line-height: 14px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 2px; 
	border-bottom: none;
}
#zijde h4 {
	font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 12px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 2px; 
	padding-bottom: 2px; 
	border-top: 1px solid #fcc;
	border-bottom: 1px solid #fcc;
}
#zijde h4.event {
	font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	color: #c66;
	line-height: 12px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 2px; 
	padding-bottom: 2px; 
	border-top: none;
	border-bottom: none;
}
#zijde h4.sept {
	font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	color: #c66;
	line-height: 12px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 2px; 
	padding-bottom: 2px; 
	border-top: 1px solid #fcc;
	border-bottom: none;
}
#zijde h4.sepb {
	font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	color: #c66;
	line-height: 12px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 2px; 
	padding-bottom: 2px; 
	border-top: none;
	border-bottom: 1px solid #fcc;
}
#zijde li.listen {
	margin-left: -2px;
}
#zijde li.listen2 {
	margin-left: 0;
}


#contentcenter h3, #contentright h3 {
	font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	color: #96c;
	line-height: 12px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 2px; 
	border-bottom: 1px dotted #ccc;
}

#zijde p {
	color: #333;
	line-height: 12px;
	margin-top: 0;
	margin-bottom: 20px;
	padding-bottom: 5px;
	padding-left: 7px; 
}

#zijde p.copy {
	color: #999;
	text-align: justify;
	line-height: 11px;
	/* background:#eee; */
	border: 1px dotted #cde;
	padding-right: 5px;
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: -10px;
}

#zijde a, #zijde a:visited, #zijde a:active, #zijde a:link {
	color: #666;
	font-weight: normal;
	/* border: 0; */
}

#zijde a:hover {
	color: #999;
	text-decoration: underline;
}

#zijde a.hars:visited, #zijde a.hars:active, #zijde a.hars:link {
	color: #963;
	font-weight: normal;
	/* border: 0; */
}

#zijde a.hars:hover {
	text-decoration: underline;
	color: #999;
}

#contentcenter a:visited, #contentcenter a:active, #contentcenter a:link {
	color: #9a6;
	font-weight: bold;
	/* border: 0; */
}

#contentcenter a:hover, #contentright a:hover {
	color: #999;
	text-decoration: underline;
}

#contentright a:visited, #contentright a:active, #contentright a:link {
	color: #9a6;
	font-weight: bold;
	/* border: 0; */
}

#contentcenter a.blog, #contentright a.blog {
	color: #666;
	font-weight: normal;
	}

#zijde li, #contentcenter li, #contentright li { 
padding:0; 
line-height: 12px;
margin-left:8px; 
list-style-type: none; 
font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
font-size: 10px;
}

#contentcenter li, #contentright li { 
padding:0; 
line-height: 12px;
margin-left:8px;
margin-bottom: 2px; 
list-style-type:  none; 
font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
font-size: 10px;
}

#zijde li.rec { 
list-style-type: circle;
/* list-style-image: url(../../Formation/img/puli.gif); */
}

	
#expo {
	width: 500px;
	padding: 0;
	padding-top: 25px;
	padding-bottom: 25px;
	float: right;
	text-align: justify;
	border-left: 1px dotted #999;
	/*	border: 1px red solid; */

}

#expo ul li { 
padding:0; 
line-height: 16px;
margin-left:40px; 
/* list-style-type: disc;
list-style-image: url(http://www.harsmedia.com/Formation/img/puli.gif); */
	font-family: palatino, 'lucida grande', 'lucida sans unicode', verdana, helvetica, arial, sans-serif;
font-size: 12px;
}

#expo ol li { 
padding:0; 
line-height: 16px;
margin-left:28px; 
	font-family: palatino, 'lucida grande', 'lucida sans unicode', verdana, helvetica, arial, sans-serif;
font-size: 12px;
}

#expbio {
	width: 500px;
	padding: 0;
	padding-top: 25px;
	padding-bottom: 25px;
	float: right;
	border-left: 1px dotted #999;

}

#expbio p {
	color: #999;
	line-height: 24px;
	font-family: courier, georgia, serif;
	font-size: 20px;
	text-align: left;
	padding-left: 20px;
	}
	
#expbio a, a:visited, a:active, a:link {
	color: #9cc;
	text-decoration: none;
	font-weight: normal;
}

#expbio a:hover {
	/* display: inline; */
	color: #999;
	text-decoration: underline;
	}

	
h1 {
	padding: 0;
	margin: 0;
}

#expo p.dat {
	font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	text-align: right;
	}
	
#expo p.datt {
	margin: 15px;
	width: 88%;
	font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	text-align: left;
	padding-right: 7px;
	border-top: 1px dotted #999;
	border-right: 1px dotted #999;
	}
#expo p.dattt {
	margin-left: 15px;
	margin-left: 15px;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 88%;
	font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	text-align: left;
	padding-right: 7px;
	padding-top: 6px;
	border-top: 4px solid #ccc;
	}

#expo p {
	margin-left: 10px;
	margin-right: 10px;
	}

#expo p.annonce {
	margin-left: 22px;
	margin-right: 22px;
	font-family: 'lucida grande', verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	border: 1px solid green;
	padding: 7px;
	background: #eee;
	}

#expo h2 {
	font-family: baskerville, 'itc new baskerville', 'book antiqua', 'palatino linotype', georgia, times, serif;
	font-size: 21px;
	font-weight: bold;
	line-height: 20px;
	color: #333;
	margin-top: 20px;	
	margin-bottom: 10px;	
	text-align: left;
}

#expo h3 {
	font-family: baskerville, 'itc new baskerville', georgia, times, serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #999;
	margin-left:10px;
	margin-top: 20px;	
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: left;
}
#expo h3.content {
	font-family: baskerville, 'itc new baskerville', georgia, times, serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #999;
	margin-left:10px;
	margin-top: 20px;	
	margin-bottom: 30px;
	padding-bottom: 0;
	text-align: left;
}

#expo h4 {
	font-family: baskerville, 'itc new baskerville', georgia, times, serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	color: #333;
	margin-top: 10px;
	margin-left:16px;
	margin-bottom: 10px;
	border-bottom: 1px orange dotted;
	padding-bottom: 0;
	text-align: left;
}

#expo li h5 {
	font-family: baskerville, 'itc new baskerville', georgia, times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	display: inline;

}

#expo p.other {
	font-family: baskerville, 'itc new baskerville', georgia, times, serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	color: #333;
	margin-top: 10px;
	margin-left:13px;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: left;
}

/* #expo em {
	font-family: georgia, times, serif;
	} */
	
.dateline {
	font-family: geneva, tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #666;
	margin-top: 0;
	text-align: left;
	margin-bottom: 40px;
	padding-bottom: 10px;
	text-align: left;
}

.dateline a, .dateline a:link, .dateline a:visited {
	color: #999;
	text-decoration: none;
	font-weight: normal;
	border: 0;
}
	
.dateline a:hover {
	color: #666;
	text-decoration: underline;
	font-weight: normal;
	border: 0;
}

.indent, blockquote {
        font-family: georgia, helvetica, arial, sans-serif;
        font-size: 12px;
        padding: 12px;
        margin: 5px;
        padding-top: 20px;
	padding-bottom: 7px;
        margin-left: 20px;
        margin-bottom: 20px;
	margin-right: 50px;
        color: #222; 
        border-top: solid #999 1px;
        border-bottom: solid #999 1px;
        background: #ffe;
        line-height: 16px;
}

.indent p {
        margin-bottom: 10px;
        margin-top: 0px;
}

ul, ol {
	font-size: 11px;
	line-height: 16px;
	margin-top: 0;
	margin-bottom: 15px;
}

code {
	color: #363;
	font-family: monaco, 'courier new', courier, sans-serif;
}
img.left {
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 7px;
	float: left;
	}
img.right {
	margin-top: 7px;
	margin-left: 7px;
	margin-bottom: 7px;
	float: right;
	}
acronym[title] {
	cursor: help;
	border-bottom: 1px dotted green;
	}
p.voetnote {
	margin-left: 90px;
	margin-right: 90px;
	}
p.pagecnt {
	text-align:right;
	color:#ccc;
	width: 40px;
	margin-top: 7px;
	border-top: 1px #ccc dotted;;
	}
#expo a.help[title] {
	cursor: help;
	border-bottom: 1px dotted green;
	text-decoration: none;
	}

ul.dada {
margin-left:-35px;
}
ul.dada > li {
list-style-type: none;
}

ul.dada > li:before {
content: "*  ";
}

.twit {
	margin-bottom: 7px;
}