@import url("/_makeitwork/style.css");
body, p, td, ul, ol
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
a {
    text-decoration: none;
    color: #3366FF;}
a:hover {
    text-decoration: underline;}
a img {
    border: none;}

/* Mouse-over pop-up tooltip
Usage: This is <a class="info" href="javascript:void(null);">some text<span>This is the tooltip</span></a> which you have. */

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;	
    text-decoration:none;}
	
a.info:hover{z-index:25; background-color:#fff;}
a.info span{display: none;}

a.info:hover span{
    display:block;
    position:absolute;
    left:12px;
    border:1px solid #CCCCCC;
    background-color:#FFFFEA; color:#000;
    text-align: left;
	text-decoration:none;
	padding:4px;}
/* For form validation */

h3 { clear: both; padding-top: 1em; }
/*ul.twocol { width: 600px; font-size:10px; }*/
ul.twocol { width: 810px; font-size:10px; }
li.twocol { float: left; width: 380px; margin: 0px 10px 0px 0px; padding: 0px; font-size:10px;}

.inputError
{
	border: #FF8000 1px solid;
	background-color:#FFFFD7;
}
.inputNormal, textarea /* input */
{
	border: #CCCCCC 1px solid;
	background-color:#FFFFFF;
	padding:1px;
}
.innerError
{
	border: #FF8000 1px solid;
	color: #FF8000;
	padding:2px;
	margin-bottom:4px;
	font-size:10px;
}

.boxTabbedTitle
{
	font-weight:bold;
	font-size:12px;
	padding-top:4px;
	padding-left:8px;
	background-image: url(pics/title_background.gif);
	background-repeat: no-repeat;
	height:31px;
	padding-right:20px;
	border-left: 1px solid #EEEEEE;
}
.boxTabbedBody
{
	padding-left:4px;	
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;	
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #EEEEEE;
	border-bottom-color: #EEEEEE;
	border-left-color: #EEEEEE;	
	padding-right:2px;
}

.scrollingbox
{	
	padding: 4px;
	/*height: 260px;*/
	overflow: auto;
}

.verplicht
{
	border:#FF0000 solid 1px;
	padding:2px;	
}
.mini
{
	font-size:8px;
	
}
.rood
{
	color:#FF0000;
}

/* **************** */


h1 {
    margin: 0;
    font-size: 18px;
}
h1 a {
    color: #222222;}	
h2 {
    margin: 0;
    height: 26px;
    text-align: left;
    font-size: .83em;
    font-weight: bold;
    color: #fff;
    background: url(pics/title-background.gif) left top repeat-x;}
h2 a {
    color: #fff;}
h2 a:hover {
    text-decoration: none;
    color: #39471c;}
h2 span {
    display: block;
    padding: 0 0 0 12px;
    line-height: 26px;
    background: url(pics/title-corner.gif) left top no-repeat;}
h3 {
    height: 26px;
	color: #3C62B6;}
input,select,textarea {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    line-height: 1.25em;
    font-size: 1em;}
.comment {
    margin-bottom: 15px;
    padding: 15px;
    background: #ededed url(pics/comment-top-corner.gif) left top no-repeat;}
.comment p {
    margin: 0 0 10px 0;}
.comment ol,
.comment ul {
    font-size: .7em;}
.entry {
    margin-bottom: 25px;}
.entry ol,
.entry ul {
	font-size: .7em;
	list-style-image: url(pics/selector-pootje.gif);
}
.post {
    margin-bottom: 30px;}
.sidebox {
    margin: 0 0 10px 10px;
    width: 180px;
    padding-bottom: 5px;
    /*background: #9FB1D6 url(pics/sidebar-box-corner.gif) right bottom no-repeat;*/
	background: #eeeeee url(pics/sidebar-box-corner-grey.gif) right bottom no-repeat;}
.sidebox a {
    margin-left: 2px;
    color: #39471c;}
.sidebox a:hover {
    text-decoration: none;
    color: #fff;}
.sidebox form {
    margin: 10px;}
.sidebox li {
    margin-top: 5px;
    padding-bottom: 5px;
    /*background: url(pics/sidebar-list-divider.gif) 2px bottom repeat-x;}*/}
.sidebox ul {
	list-style-image: url(pics/selector-pootje.gif);
	list-style-position: inside;
	margin: 10px;
	padding: 0;
	font-size: 10px;
}
#content {
    margin: 10px 10px 0 210px;
    text-align:justify;}
#footer {
	clear: both;
	margin-top: 20px;
	height: 34px;
	background: url(pics/footer-background.gif) left top repeat-x;
	font-size: 9px;
	color:#FFFFFF;
	padding-right:10px;
}
#header {
    height: 66px;
    line-height: 66px;
    color: #e3e3e3;
    background: url(pics/header-background.gif) left top repeat-x;}
#sidebar {
    float: left;
    margin-top: 10px;}
#wrapper {
    /*margin: 10px 25px 10px 25px; */
	margin: 10px auto 10px auto;
	/*width:950px;*/
    background-color: #ffffff;}


/* **** MAKE IT WORK **** */

#foto-container
{
    line-height: 1.25em;
    font-size: .7em;
}
.smalltext
{
	font-size:11px;
}
.mediumtext
{
	font-size:12px;
}
.fancytable
{
	font-size:11px;
	border:1px solid #CCCCCC;
	/*background-color:#EEEEEE;	*/
	/*border-spacing:1px;*/
}
.fancytable th
{
	background-color:#CCCCCC;
	text-align:left;
	font-weight:bold;
}
.fancytable td
{
	font-size:11px;
	/*background-color:#FFFFFF;*/
}

table.fancytable td {
	border: 0px;
	/*padding: 0.2em 2ex 0.2em 2ex;*/
	color: black;
}
table.fancytable tr.d0 td {
	background-color: #F0FAFF;
}
table.fancytable tr.d1 td {
	background-color: #FFFFFF;
}




/* **************************** DHTML datepicker ********************** */

/* the div that holds the date picker calendar */
.dpDiv {}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #eeeeee; /* #ece9d8;*/
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	border: 1px solid #cccccc;
	}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD { background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
	color: black;
	font-weight: bold;
	}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}

/* the forward/backward buttons at the top */
.dpButton { font-size:9px; }

/* the "Today" and "Close" buttons at the bottom */
.dpTodayButton { font-size:9px;}

/* FIX THE FIELDSET & LEGEND */
/* Also put the following in HTML:

<style>

fieldset{
/border: 1px solid #CFCFC5;
}
</style>

*/

fieldset
{
	-moz-border-radius: 6px;
}

legend
{
	color: #6085B2;
	margin: 2px;
}

/* END FIELSET FIX */