/* Van Hien Zorg Noord Nederland CSS
 *
 * general layout
 **/
html, body
{
    height:             100% !important;
    min-height:         100%;
}

body
{
    background:         white;
    margin:             0;
    padding:            0;
    text-align:         left;

    /*
    scrollbar-arrow-color:      #ff8902;
    scrollbar-track-color:      #00674b;
    scrollbar-face-color:       #FFFFFF;
    scrollbar-darkshadow-color: #ff8902;
    scrollbar-highlight-color:  #ff8902;
    scrollbar-3dlight-color:    #FFFFFF;
    scrollbar-base-color:       #FFFFFF;
    scrollbar-shadow-color:     #FFFFFF;
    */

    

    background-attachment: fixed;   /* should be on it's own, 'background' shorthand it disappears in FF */
    background:     #ffffff url(../siteimg/bgwm.gif) no-repeat fixed right bottom;
}

div#container
{
    width:              717px;
    height:             100%;
    margin:             0 auto;
    
    border-left:        1px solid #00674b;
    border-right:       1px solid #00674b;
    border-bottom:      0px;
    border-top:         0px;

    position:           relative;
    text-align:         center;
    display:			block;
}

div#header
{
    width:              717px;
    height:             71px;

    background:         #ffffff url(../siteimg/header.jpg) no-repeat;

    position:           absolute;
    left:               0px;
    top:                0px;
}

div#topmenu
{
    height:         24px;
    border-top:     1px solid #00674b;
    border-bottom:  1px solid #00674b;
    background:     #ff8902;

    position:       absolute;
    left:           0px;
    top:            71px;
    width:          100%;
    text-align:     left;

}

#topmenu ul
{
    margin:         0;
    padding:        0;

    padding-left:   20px; /*180px;*/
    padding-top:    5px;
}

#topmenu li
{
    margin:         0;
    padding:        0;
    list-style:     none;
    float:          left;
    display:        block;
    margin-right:   8px;
}

#topmenu img
{
    border:         0px solid transparent;
}

div#contentcontainer
{
    height:         100%;
    background:     blue;
}

div#leftmenu
{
    width:          135px;
    background:     #00674b;

    position:       absolute;
    left:           0px;
    top:            97px;
    height:         expression(document.body.clientHeight-114+'px'); /* sizes for IE */
    bottom:         0px;
    padding:        8px;
    text-align:     left;
}

#leftmenu ul
{
    padding:        0;
    margin:         0;
}

#leftmenu li
{
    padding:        0;
    margin:         0;
    list-style:     none;
}

#leftmenu li ul
{
    margin-left:    6px;
}

#leftmenu a
{
    font-family:    "Trebuchet MS", Arial, Sans-serif;
    font-weight:    bold;
    font-size:      11px;
    color:          white;
    text-decoration: none;
}

div#content
{
    width:          534px;
    position:       absolute;
   left:           151px;
    top:            97px;
    bottom:         26px;
    /*height:         100%;/*expression(document.body.clientHeight-96+'px'); eruit vanwege scrollbars (Timo 30-09-09) */
    padding-left:   16px;
    padding-right:  16px;
    padding-top:    16px;
    padding-bottom: 50px;
    background:     rgb(102,102,102);
    text-align:     left;
    overflow:       auto;
	background:     #ffffff
}

div#footer
{
    width:          562px;
    background:     #ff8902;
    border-top:     1px solid #00674b;

    position:       absolute;
    left:           151px;
    bottom:         0px;
    height:         21px;
    padding:        2px;
    text-align:     left;
}

.contactinput
{
    width:          180px;
}

img
{
    border:         1px solid #00674b;
}

.contactform
{
    width:          220px;
    border:         1px solid #00674b;
}

#footer a
{
    color:              white;
    text-decoration:    none;
}

input

a.date-picker {
	width: 16px;
	height: 16px;
	border: none;
	color: #fff;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background: url(calendar.png) no-repeat;
}
a.date-picker span {
	margin: 0 0 0 -2000px;
}
div.date-picker-holder, div.date-picker-holder * {
	margin: 0;
	padding: 0;
}
div.date-picker-holder {
	position: relative;
}
div.date-picker-holder input {
	float: left;
}
div.popup-calendar {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: -16px; /* value for IE */
	padding: 4px;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	overflow:hidden;
	width: 163px;
}
html>body div.popup-calendar {
	left: 99px; /* value for decent browsers */
}
div.popup-calendar div.link-close {
	float: right;
}
div.popup-calendar div.link-prev {
	float: left;
}
div.popup-calendar h3 {
	font-size: 1.3em;
	margin: 2px 0 5px 3px;
}
div.popup-calendar div.link-next {
	float: right;
}
div.popup-calendar div a {
	padding: 1px 2px;
	color: #000;
}
div.popup-calendar div a:hover {
	background-color: #000;
	color: #fff;
}
div.popup-calendar table {
	margin: 0;
}
* html div.popup-calendar table {
	display: inline;
}
div.popup-calendar table th, div.popup-calendar table td {
	background: #eee;
	width: 21px;
	height: 17px;
	text-align: center;
}
div.popup-calendar table td.inactive {
	color: #aaa;
	padding: 1px 0 0;
}
div.popup-calendar table td a {
	display: block;
	border: 1px solid #eee;
	width: 19px;
	height: 15px;
	text-decoration: none;
	color: #333;
}
div.popup-calendar table td.today a {
	border-color: #aaa;
}
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {
	background: #333;
	color: #fff;
}

input.submit
{
    background: #00674b;
    color: white;
    border: none;
}

thead th
{
    background: #00674b;
    color: white;
    font-family: "Trebuchet MS", Tahoma, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}

form#timereg select
{
    width: 270px;
}

table#overview th
{
    text-align: left;
}
table#overview td
{
    white-space: nowrap;
    padding-right: 12px;
}
tr.zebra
{
    background: #eee;
}

img
{
    border: none;
    cursor: pointer;
}

div.note {
	position: absolute;
	left: 650px;
	top: 20px;
	width: 300px;
	/*height: 350px;*/
	background: #ffffe1;
	border: 1px solid #000;
	padding: 12px;
}