/* 
	Created by: Geert Hoekzema
	Website: Ik zoek een zorgzame bijbaan.nl
	Company: http://fiendo.nl
	Date:17-10-2008
	Email:geert@fiendo.nl
*/

html, body { margin:0px; padding:0px; height:100%; width:100%; }
body {line-height:1.5em;font-size:75%;font-family: Arial, Verdana, sans-serif; color:#555; }

#header-background { background:#99c2ca; border-bottom:2px solid #80aeb7; position:absolute; z-index:1; left:0; width:100%; height:290px; top:0;}

div#header {line-height:2.6em; position:relative; z-index:20; margin:20px auto; padding:50px 0 0 0; height:96px; width:824px; background-image:url("images/header.jpg"); }
div#header h1 { position:absolute; font-size:2.3em; margin:37px 0 0 5px; color:#333;}
div#header h1 span { color:#0285b1; }
div#header h1 span.small { font-size:.7em; color:#666; font-weight:normal; }


div#mainHolder { z-index:10; width:824px; margin:0 auto; min-height:100%; position:relative; }
div#contentHolder { margin-top:10px; width:100%; height:100%; border-top:1px solid #99c2ca;} 

div#leftMenu {float:left; width:195px; height:100%; }
div#leftMenu ul { margin:0 0 20px; padding:0px; list-style-type:none; border:2px solid #fff;}
div#leftMenu ul li { background-image:url("images/backgroundMenuItem.png"); background-repeat:repeat-x; background-position:left bottom; background-color:#ddd; margin:0px; padding:0; vertical-align:middle; min-height:30px; border-bottom:1px solid #fff; }
div#leftMenu ul li a { display:block; border-left:2px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-image:url("images/menuArrow.png"); background-repeat:no-repeat; background-position:left center; vertical-align:middle; padding-left:20px; min-height:23px; padding-top:6px; color:#222; font-size:1.2em; text-decoration:none; }
div#leftMenu ul li a:hover { background-color:#ddd; background-image:url("images/menuArrowColored.png"); border-left:2px solid #0099cc;}


div#leftMenu form#inlog { padding:10px;background-color:#ebebeb; border:1px solid #cccccc;}
div#leftMenu form#inlog label { font-weight:bold; font-size:.9em; }
div#leftMenu #adHolder { position:relative; padding:10px; height:175px; width:175px; background-color:#fff; margin:20px 0; background-image:url("images/advertentie.jpg"); color:#fff; font-size:2.3em; line-height:1.5em; }
div#leftMenu #adHolder span { font-size:.8em; }
div#leftMenu #adHolder a { font-size:12px; color:#333; text-decoration:none; position:absolute; top:144px;}
div#leftMenu #adHolder a span { font-size:1em; color:#0285b1; }
div#leftMenu #adHolder a span.small { font-size:.9em; color:#666; font-weight:normal; }
div#leftMenu #adHolder a:hover { background-color:transparent; color:#fff;}

div#text { line-height:1.8em; margin:0 0 30px 0; float:right; background-color:#f0f0f0; width:596px; padding:10px; border:2px solid #fff;}
div#footer {position:absolute; color:#888; bottom:0px; text-align:center;  right:0px; width:616px; background-color:#f0f0f0;}

/* general */
h1, h2, h3, h4, h5, h6 { margin:5px 0 3px 0; }
p { margin:0 0 15px; }
h1 { font-size:1.8em;}
h2 { font-size:1.6em;}
h3 { font-size:1.4em;}
h4 { font-size:1.2em;}
h5 { font-size:1em;}
h6 { font-size:1em;}

a,h1,h3,h6{ color: #0285b1; }
a:hover {background-color: #cedfea; color:#111; text-decoration:none; }

.clear { clear:both;}


a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
ul.list {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

li.even {
background-color:#ECECEC;
}

li.odd {
background-color:#FFFFFF;
}

/*
	Grey Suits you Sir. Please host the images on your own server.
	written by Stuart Colville http://www.muffinresearch.co.uk
*/
/*
	Grey Suits you Sir. Please host the images on your own server.
	written by Stuart Colville http://www.muffinresearch.co.uk
*/
.calendar
{
         height: 12px;
        font                 : small/1.0 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

table.calendar,td.calendar
{
     height: 12px;
	border               : 1px solid #CCC;
	border-collapse      : collapse;
        font                 : small/1.0 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
table.calendar
{
	border                :none;
	border                :1px solid #CCC;

}

td.calendar{
	width:			500px;
        height: 12px;
}

input.calendar{
	width:			60px;
         height: 12px;
}

input.calendarop{
	width:			150px;
     height: 12px;

}

input.calendardate{
	width:			70px;
        height: 12px;
        text-transform: none;
        text-decoration:none;
        color: #555555;
        border: 0px;
        background-color: #ECECEC;
        font                 : small/1.0 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

fieldset{
	padding: 0px;
	line-height: 34px;
}

.label{
	float: left;
	width: 200px;
}


.text, textarea, select{
	float: left;
	color: #1f2224;
	padding: 6px 10px;
	border: 1px solid #abadb3;
        margin-bottom: 5px;        
        margin-left: 5px;
}

.text{
	width: 285px;
}
select.it {
	width: 305px;
}

textarea{
	width: 285px;

}

.field{
	padding: 0px 0 0;
	clear: left;
}

.description {
	font-weight: bold;
}
.radio {
	margin-right: 5px;
}
.submit{
	float: left;
	height: 33px;
	padding: 0 12px;
	margin: 0 0 0 37px;
}

img, fieldset {
    border: 0 none;
}


.hulpinfo {
    line-height:15px; margin-left:200px;margin-right: 20px; display: block; border: #ABADB3 1px solid;
    background-color: white; padding: 5px; width: 320px;
}