/* General styles */
html 
{
        width: 100%;
        height: 100%;
}

body {
	text-align: center;
        background-color: #cacaca;
        font-family: Verdana, Tahoma, Arial;
        font-size: 12px;
        color: #000;
        height: 100%;	
}
td
{
        font-family: Verdana, Tahoma, Arial;
        font-size: 12px;
        color: #000;
        text-align: left;
}

*
{
        margin: 0px;
        padding: 0px;
}

p
{
        text-align: left;
}

#margin
{
        padding: 15px 20px 15px 20px;
        min-width: 615px;
}

#page_footer
{
        text-align: center;
        border-top: 1px solid #000; 
}

.page_body
{
        padding: 4px;
        border: 1px solid #000;
        background-color: #e2e2e2;
}

.clear 
{
        clear: none;
        voice-family: "\"}\""; /* IE Hack */
        voice-family: inherit;
        clear: both;
}

.menu_content
{
        padding: 3px;
}

#logo
{
        background: url('images/logo_main.png') 0 0 no-repeat;
        height: 112px;
        text-align: left;
        top: 39px;
        left: 20px;
        position: absolute;
        width: 390px;
}
#header_icon {
		float: right;
		margin-top: 25px;
		margin-right: 30px;
		width: auto;
		vertical-align: middle;
}
#logo_back
{
        background-image: url('images/logo_back.png');
        height: 112px;
}

/* Navigation styles */
#navigation
{
        margin-left: 15px;
        line-height: normal;
        color: #000;
        text-decoration: none;
}

#navigation ul
{
        margin: 0;
        padding: 0;
        list-style: none;
}

#navigation li
{
        float: left;
        margin: 0px 1px 0px 1px;
        padding: 0px 0px 0px 0px;
        background: url('images/tab_normal_rest.gif') no-repeat right top;
        cursor: pointer;
}


#navigation a:hover 
{
        color: #666666;
        text-decoration: underline;
}
#navigation a
{
        display: block;
        background: url("images/tab_normal_left.gif") no-repeat left top;
        padding: 5px 15px;
        z-index: 300; 
}

#navigation a:link
{
        color: #000;
        text-decoration: none;
}
#navigation a:visited
{
        color: #000;
        text-decoration: none;
}

#navigation #active
{
        background-image: url('images/tab_active_rest.gif');
}

#navigation #active a
{
        background-image: url('images/tab_active_left.gif');
}

#content 
{
        clear: both;
}

/* Content */
#main_content
{
        float: left;
        width: 79%;
        padding: 0;
        min-height: 350px;
	height:100%;
}

#main_content h3 
{
        background-image: url('images/caption_back.png');
        height: 18px;
        font-variant: small-caps;
        color: #FFF;
        font-size: 14px;
}

#main_content h4 
{
        background-image: url('images/caption_back2.png');
        height: 18px;
        font-variant: small-caps;
        color: #FFF;
        font-size: 14px;
}

#main_content .menu
{
        padding: 0px;
        margin: 3px;
        border: 1px solid #000;
        background-color: #d0d0d0;
}

.stats_table
{
        width: 98%;
        border: 0px;
        border-spacing: 0px;
        margin: 0px;
        padding: 0px;
}

html>body .stats_table
{
        width: 100%;
}

/* IE Hack */
html>body #main_content
{
        width: 79%;
}

/* Right menu */
#right_menu, .menubody
{
        float: left;
        width: 20%;
        padding: 2px;
}

#right_menu h3 , .menubody h3
{
        background-image: url('images/caption_back.png');
        height: 18px;
        font-variant: small-caps;
        color: #FFF;
        font-size: 14px;
        text-align: left;
}
.tr_kop
{
		background-image: url('images/caption_back.png');
        height: 18px;		
}
.td_kop
{
		font-variant: small-caps;
        font-size: 14px;
		color: #FFF;
		text-align:center;
		font-weight:bold;
}
#right_menu h4 , .menubody h4
{
        background-image: url('images/caption_back2.png');
        height: 18px;
        font-variant: small-caps;
        color: #FFF;
        font-size: 14px;
}

#right_menu .menu, .menubody .menu
{
        padding: 0px;
        margin: 0px;
        border: 1px solid #000;
        background-color: #d0d0d0;
}

.standaart {
	font-size: 12px;
	font-family: sans-serif, Arial;
	}
.titel {
	font-variant: small-caps;
	color: white;
	font-size: 14px;
	background-image: url('images/caption_back2.png');
	font-weight: bold;
}
.calendar{
	font-size: 10px;
	font-family: sans-serif, Arial;
}
.calendar_weekend{
	font-size: 10px;
	text-align:center;
	color:#000000;
	background-color:#FFFFCC;
}
.calendar_day{
	font-size: 10px;
	text-align:center;
	color:#000000;
	background-color:#EFEFEF;
}
.calendar_today{
	font-size: 10px;
	text-align:center;
	color:#FFF;
	background-color:#CC0000;
}
.calendar_selected
{
        background-color: #ffe5a0;
        font-size: 10px;
        text-align: center;
        color: #000000;
}


.copy{
	font-size: 9px;
}	 
.code{
	border: 1px solid black;
	padding: 4px;
	width: 63%;
	background-color: #a6a8b7;
}
.actief{
	background-color: #56BAFA;
}
.inactief{
	background-color: gray;
}
a.tab{
	text-decoration: underline;
	color: white;
}
.tab_table{
	background-color: gray;
	border: medium solid Black;
	margin:0px;
	padding:0px;
	height: 25px;
	cursor: pointer;
}
input,textarea,select{
	background-color: #e3e3e3;
	border: thin solid Black;
}