body,html
{
	font-size: 18px;
	margin: 0;
	padding: 0;
}

body
{
	background: url(../../images/default/tail-top.gif) repeat-x top #3b4853;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1em; 
	color: #737373;
}

input, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.lab-1
{
	float :none;
}

.fleft
{
	float: left;
}
.fleft_logo
{
	background-image : url(../../images/default/logo.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 102px;
}
.fright
{
	float: right;
}
.clear
{
	clear: both;
}

.alignright
{
	text-align: right;
}
.aligncenter
{
	text-align: center;
}

.wrapper
{
	width: 100%;
	overflow: hidden;
}
.container
{
	width: 100%;
}

p
{
	margin: 0;
	padding: 0;
}


/*==================forms====================*/
input, select
{
	vertical-align: middle;
	font-weight: normal;
}
img
{
	border: 0;
	vertical-align: top;
	text-align: left;
}

.form
{
	width: 189px;
	height: 31px;
	background: url(../../images/default/input-bg.gif) no-repeat left top;
	padding-left: 3px;
	overflow: hidden;
}
.form input
{
	color: #595959;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .85em;
	padding: 3px 0 0 5px;
	width: 175px;
	border: 0;
}
form label.lab-1
{
	font-size: .85em;
	color: #000;
	font-family: Tahoma, Geneva, sans-serif;
	float: left;
	padding-bottom: 4px
}
form input.inp-1
{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	margin-right: 6px;
	vertical-align: top;
}

/*==================list====================*/
ul
{
	list-style: none;
}

.list
{
	padding-right: 73px;
}
.list li
{
	float: right;
	font-size: .77em;
	color: #2c3f03;
	padding: 0 0px;
}
.list li.last
{
	padding-right: 0;
	background: none;
}
.list li a
{
	text-decoration: none;
	color: #2c3f03;
}
.list li a:hover
{
	text-decoration: underline;
}

.site-nav
{
	position: absolute;
	top: 101px;
	right: 20px;
}
.site-nav li
{
	float: right;
	margin-left: -30px;
}
.site-nav li a
{
	display: block;
	background: url(../../images/default/nav-bg.png) no-repeat left top;
	padding: 4px 0 0 2px;
	text-align: center;
	width: 134px;
	height: 21px;
	text-decoration: none;
	color: #658506;
}
.site-nav li a:hover
{
	background: url(../../images/default/nav-act.png) no-repeat left top;
	color: #2c3f03;
	padding-top: 9px;
	height: 16px;
}
.site-nav li a.act
{
	background: url(../../images/default/nav-act.png) no-repeat left top;
	color: #2c3f03;
	padding-top: 9px;
	height: 16px;
}

.list1
{
	padding-bottom: 18px;
}
.list1 li
{
	font-size: .85em;
	border-bottom: 1px solid #cfcfcf;
	padding: 4px 0 10px 0;
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	vertical-align: bottom;
}
.list1 li span
{
	float: left;
	display: block;
	width: 25px;
	height: 21px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 1.08em;
	padding-top: 4px;
	margin: -4px 15px 0 0;
}
.list1 li span.mark-1
{
	background: url(../../images/default/marker-2.gif) no-repeat left top;
}
.list1 li span.mark-2
{
	background: url(../../images/default/marker-3.gif) no-repeat left top;
}
.list1 li span.mark-3
{
	background: url(../../images/default/marker-4.gif) no-repeat left top;
}
.list1 li span.mark-4
{
	background: url(../../images/default/marker-5.gif) no-repeat left top;
}
.list1 li span.mark-5
{
	background: url(../../images/default/marker-6.gif) no-repeat left top;
}
.list1 li span.mark-6
{
	background: url(../../images/default/marker-7.gif) no-repeat left top;
}
.list1 li.last
{
	border: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.list1 li a
{
	text-decoration: none;
	color: #595959;
	float: left;
}
.list1 li a:hover
{
	text-decoration: underline;
}

.list2
{
	width: 100%;
	overflow: hidden;
	margin-top: -8px;
	padding-bottom: 18px;
}
.list2 li
{
	font-size: .85em;
	font-family: Tahoma, Geneva, sans-serif;
	border-top: 1px solid #e5e5e5;
	margin: -1px 0 8px 0;
	padding: 8px 0 0 0;
}
.list2 li span
{
	background: url(../../images/default/marker-8.gif) no-repeat left 4px;
	padding-left: 11px;
}
.list2 li a
{
	color: #595959;
	text-decoration: none;
}
.list2 li a:hover
{
	color: #609000;
}
.list2 li.last
{
	margin-bottom: 0;
}

.list3 li
{
	font-size: .85em;
	line-height: 1.27em;
	color: #000;
}
.list3 li a
{
	color: #6a6e72;
	text-decoration: none;
}
.list3 li a:hover
{
	text-decoration: underline;
}

.list4
{
	width: 100%;
	overflow: hidden;
	margin-top: -8px;
	padding-bottom: 18px;
}
.list4 li
{
	font-size: .85em;
	font-family: Tahoma, Geneva, sans-serif;
	border-top: 1px solid #a0ca44;
	margin: -1px 0 8px 0;
	padding: 8px 0 0 0;
}
.list4 li span
{
	background: url(../../images/default/marker-9.gif) no-repeat left 4px;
	padding-left: 11px;
}
.list4 li a
{
	color: #253603;
	text-decoration: none;
}
.list4 li a:hover
{
	text-decoration: underline;
}
.list4 li.last
{
	margin-bottom: 0;
}

.list5
{
	background: url(../../images/default/list5-tail.gif) repeat-x top;
	height: 40px;
	padding-left: 1px;
}
.list5 li
{
	float: left;
	background: url(../../images/default/divider-2.gif) no-repeat right 11px;
}
.list5 li a
{
	width: 140px;
	display: block;
	text-align: center;
	color: #617eb2;
	font-size: .92em;
	text-decoration: none;
	margin-left: -1px;
}
.list5 li a em
{
	display: block;
}
.list5 li a b
{
	font-style: normal;
	font-weight: normal;
	display: block;
	padding: 12px 0 12px 0;
}
.list5 li a:hover
{
	background: url(../../images/default/list5-tail1.gif) repeat-x top;
	color: #6f9e04;
}
.list5 li a:hover em
{
	background: url(../../images/default/list5-left.gif) no-repeat left top;
}
.list5 li a:hover b
{
	background: url(../../images/default/list5-right.gif) no-repeat right top;
}

.list6
{
	position: absolute;
	right: 17px;
	top: 11px;
}
.list6 li
{
	float: left;
	margin-left: 13px;
}

.list7
{
	padding-bottom: 20px;
}
.list7 li
{
	background: url(../../images/default/marker-10.gif) no-repeat left 7px;
	padding: 0 0 5px 10px;
	font-size: .92em;
}
.list7 li a
{
	color: #6087cc;
	text-decoration: none;
}
.list7 li a:hover
{
	text-decoration: underline;
}

.list8
{
	width: 100%;
	overflow: hidden;
}
.list8 li
{
	font-size: .77em;
	background: url(../../images/default/divider-3.gif) no-repeat right 4px;
	text-transform: uppercase;
	padding: 0 15px;
	float: left;
	line-height: 1.8em;
}
.list8 li.last
{
	background: none;
	padding-right: 0;
}
.list8 li a
{
	text-decoration: none;
	color: #838e6b;
}
.list8 li a:hover
{
	text-decoration: underline;
}

.list9 li
{
	width: 100%;
	overflow: hidden;
	vertical-align: bottom;
	padding-bottom: 27px;
}
.list9 li .link4
{
	float: right;
}
.list9 li span
{
	float: left;
}
.list9 li span.c1
{
	width: 250px;
	margin-right: 44px;
}
.list9 li span.c1 em
{
	color: #617eb2;
	font-size: 1.15em;
	margin-bottom: 6px;
	display: block;
	font-style: normal;
}
.list9 li span.c2
{
	width: 60px;
	text-align: center;
}


/*==================other====================*/
.img-box img
{
	margin: 0 0 16px -42px;
	display: block;
	position: relative;
}
.img-box p
{
	margin-bottom: 21px;
}
.img-box .link4
{
	float: right;
}

.p1
{
	margin-bottom: 20px;
}
.p2
{
	margin-bottom: 6px;
}

/*==================txt, links, lines, titles====================*/
a
{
	color: #737373;
}
a:hover
{
	text-decoration: none;
}

.txt1
{
	color: #6087cc;
}
.txt2
{
	line-height: 1.38em;
}

.link1
{
	display: block;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .85em;
	background: url(../../images/default/link1-bgd.gif) left top repeat-x;
	color: #374651;
	text-decoration: none;
	line-height: 1em;
}
.link1 em
{
	display: block;
	background: url(../../images/default/link1-left.gif) no-repeat left top;
}
.link1 b
{
	display: block;
	background: url(../../images/default/link1-right.gif) no-repeat right top;
	padding: 6px 12px 8px 12px;
	font-weight: normal;
	font-style: normal;
}
.link1:hover
{
	text-decoration: underline;
}

.link2
{
	display: block;
	float: right;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .85em;
	background: url(../../images/default/link2-bgd.gif) left top repeat-x;
	color: #374651;
	text-decoration: none;
	line-height: 11px;
}
.link2 em
{
	display: block;
	background: url(../../images/default/link2-left.gif) no-repeat left top;
}
.link2 b
{
	display: block;
	background: url(../../images/default/link2-right.gif) no-repeat right top;
	padding: 6px 12px 8px 12px;
	font-weight: normal;
	font-style: normal;
}
.link2:hover
{
	text-decoration: underline;
}

.link3
{
	display: block;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .85em;
	background: url(../../images/default/link3-bgd.gif) left top repeat-x;
	color: #374651;
	text-decoration: none;
	line-height: 1em;
}
.link3 em
{
	display: block;
	background: url(../../images/default/link3-left.gif) no-repeat left top;
}
.link3 b
{
	display: block;
	background: url(../../images/default/link3-right.gif) no-repeat right top;
	padding: 6px 12px 8px 12px;
	font-weight: normal;
	font-style: normal;
}
.link3:hover
{
	text-decoration: underline;
}

.link4
{
	display: block;
	float: left;
	font-size: .92em;
	background: url(../../images/default/link4-bgd.gif) left top repeat-x;
	color: #525252;
	text-decoration: none;
	line-height: 1em;
}
.link4 em
{
	display: block;
	background: url(../../images/default/link4-left.gif) no-repeat left top;
}
.link4 b
{
	display: block;
	background: url(../../images/default/link4-right.gif) no-repeat right top;
	padding: 6px 30px 7px 12px;
	font-weight: normal;
	font-style: normal;
}
.link4:hover
{
	text-decoration: underline;
}

.divider
{
	background: url(../../images/default/divider-1.png) repeat-y 256px 0;
	width: 100%;
}

/*==================boxes====================*/
.header-box
{
	width: 100%;
	background: url(../../images/default/header-tail.gif) repeat-x top;
}
.header-box .left
{
	background: url(../../images/default/header-left.gif) no-repeat left top;
}
.header-box .right
{
	background: url(../../images/default/header-right.gif) no-repeat right top;
	height: 153px;
}
.header-box .fleft
{
	padding: 37px 0 0 6px;
}
.header-box .fright
{
	padding: 41px 43px 0 0;
}
.header-box .fright .link
{
	width: 100%;
	overflow: hidden;
	padding-bottom: 18px;
}
.header-box .fright .link a
{
	float: right;
	color: #2c3f03;
	display: block;
	text-decoration: none;
	font-size: .92em;
	background: url(../../images/default/header-button.gif) no-repeat left top;
	width: 125px;
	height: 19px;
	text-align: center;
	padding-top: 1px;
	display: none
}
.header-box .fright .link a:hover
{
	text-decoration: underline;
}

.cont-box
{
	width: 100%;
	background: #fbfcfc;
}
.cont-box .border-bot
{
	background: url(../../images/default/border-bot.gif) repeat-x bottom;
}
.cont-box .border-left
{
	background: url(../../images/default/border-left.gif) repeat-y left;
}
.cont-box .border-right
{
	background: url(../../images/default/border-right.gif) repeat-y right;
}
.cont-box .left-top-corner
{
	background: url(../../images/default/left-top-corner.gif) no-repeat left top;
	width: 100%;
}
.cont-box .left-bot-corner
{
	background: url(../../images/default/left-bot-corner.gif) no-repeat left bottom;
}
.cont-box .right-bot-corner
{
	background: url(../../images/default/right-bot-corner.gif) no-repeat right bottom;
}
.cont-box .inner
{
	padding: 6px 6px 12px 6px;
}

.box
{
	background: #fff;
	width: 100%;
}
.box .border-top
{
	background: url(../../images/default/border-top.gif) repeat-x top;
}
.box .border-top1
{
	background: url(../../images/default/border.gif) repeat-x top;
}
.box .border-bot
{
	background: url(../../images/default/border.gif) repeat-x bottom;
}
.box .border-left
{
	background: url(../../images/default/border.gif) repeat-y left;
}
.box .border-right
{
	background: url(../../images/default/border.gif) repeat-y right;
}
.box .left-top-corner
{
	background: url(../../images/default/left-top-corner1.gif) no-repeat left top;
}
.box .right-top-corner
{
	background: url(../../images/default/right-top-corner.gif) no-repeat right top;
}
.box .left-bot-corner
{
	background: url(../../images/default/left-bot-corner1.gif) no-repeat left bottom;
}
.box .right-bot-corner
{
	background: url(../../images/default/right-bot-corner1.gif) no-repeat right bottom;
}
.box .inner
{
	padding: 12px 24px 20px 25px;
}
.box .inner1
{
	padding: 28px 19px 20px 18px;
	position: relative;
}
.box h4
{
	color: #617eb2;
	font-weight: normal;
	font-size: 1.15em;
	margin-bottom: 10px;
	font-weight: bold;
	margin-top: 10px;
}

.box h5
{
	color: #080808;
	font-size: 1.62em;
	font-weight: normal;
	margin-bottom: 22px;
}
.box h5 span
{
	color: #1e5c9b;
}
.box h6
{
	color: #090a0a;
	font-size: 1.15em;
	margin-bottom: 10px;
}

.box1
{
	background: #fff;
	width: 100%;
	margin-bottom: 7px;
}
.box1 .border-top
{
	background: url(../../images/default/border-top1.gif) repeat-x top;
}
.box1 .border-bot
{
	background: url(../../images/default/border.gif) repeat-x bottom;
}
.box1 .border-left
{
	background: url(../../images/default/border.gif) repeat-y left;
}
.box1 .border-right
{
	background: url(../../images/default/border.gif) repeat-y right;
}
.box1 .left-top-corner
{
	background: url(../../images/default/left-top-corner2.gif) no-repeat left top;
}
.box1 .right-top-corner
{
	background: url(../../images/default/right-top-corner1.gif) no-repeat right top;
}
.box1 .left-bot-corner
{
	background: url(../../images/default/left-bot-corner1.gif) no-repeat left bottom;
}
.box1 .right-bot-corner
{
	background: url(../../images/default/right-bot-corner1.gif) no-repeat right bottom;
}
.box1 .inner
{
	padding: 12px 20px 20px 25px;
}
.box1 p
{
	font-size: .92em;
	color: #595959;
}

.box2
{
	background: #E3E6E8;
	width: 100%;
	margin-bottom: 4px;
}
.box2 .border-top
{

}
.box2 .border-bot
{
		background: #E3E6E8;
}
.box2 .left-top-corner
{
	background: url(../../images/default/left-top-corner3.gif) no-repeat left top;
}
.box2 .right-top-corner
{
	background: url(../../images/default/right-top-corner2.gif) no-repeat right top;
}
.box2 .left-bot-corner
{
	background: url(../../images/default/left-bot-corner2a.gif) no-repeat left bottom;
	height: auto !important;
}
.box2 .right-bot-corner
{
	background: url(../../images/default/right-bot-corner2a.gif) no-repeat right bottom;
}
.box2 .inner
{
	padding: 12px 19px 20px 23px;
}
.box2 h3
{
	color: #000;
	font-size: .92em;
	font-family: Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	background: url(../../images/default/marker-1.png) no-repeat left 4px;
	padding-left: 22px;
	font-weight: normal;
	margin: 0 0 18px -10px;
}
.box2 form .fleft
{
	padding-top: 4px;
}

.box3
{
	background: #7fb702;
	width: 100%;
}
.box3 .border-top
{
	background: url(../../images/default/border-top3.gif) repeat-x top;
}
.box3 .border-bot
{
	background: url(../../images/default/border1.gif) repeat-x bottom;
	position: relative;
}
.box3 .border-left
{
	background: url(../../images/default/border1.gif) repeat-y left;
}
.box3 .border-right
{
	background: url(../../images/default/border1.gif) repeat-y right;
}
.box3 .left-top-corner
{
	background: url(../../images/default/left-top-corner4.gif) no-repeat left top;
}
.box3 .right-top-corner
{
	background: url(../../images/default/right-top-corner3.gif) no-repeat right top;
}
.box3 .left-bot-corner
{
	background: url(../../images/default/left-bot-corner3.gif) no-repeat left bottom;
}
.box3 .right-bot-corner
{
	background: url(../../images/default/right-bot-corner3.gif) no-repeat right bottom;
}
.box3 .inner
{
	padding: 12px 24px 20px 25px;
}

.box h3, .box1 h3, .box3 h3
{
	font-size: .92em;
	font-family: Tahoma, Geneva, sans-serif;
	color: #fff;
	text-transform: uppercase;
	background: url(../../images/default/marker-1.png) no-repeat left 4px;
	padding-left: 22px;
	font-weight: normal;
	margin: 0 0 35px -10px;
}

/*content*/
#content .indent
{
	padding: 22px 0 0 5px;
}
#content .indent1
{
	padding: 0 0 44px 26px;
}
#content .indent2
{
	padding: 25px 0 10px 26px;
}
#content .indent3
{
	padding: 20px 10px 10px 38px;
}
#content .indent4
{
	padding-bottom: 30px;
}

/*footer*/
#footer p
{
	color: #999999;
	padding-top: 8px;
	font-size: .92em;
}


/*================== sub-menu ========================*/

.submenu
{
	color: #013f03;
	background-color: #FFFFFF;
	padding: 5px;
	padding-top: 1px
}

.submenu a
{
	text-decoration: none;
}

.act_sub
{
	color: #313C4F;
	font-weight: bold
}

.act_sub a
{
	color: #313C4F;
}

/*================== grid-table ========================*/



/*================== department tree ========================*/

/* omhullende div */
.tree_header
{
	width: 100%;
	/*border: 1px solid green;*/
	background-color: #DDDDDD;
	font-weight: bold;
}

/* div regel */
.tree_header_line
{
	width: 100%;
	clear: both;
	/*border: 1px solid green;*/
	height: 60px;
}



/* omhullende div */
.tree_body
{
	width: 100%;
	/*border: 1px solid green;*/
	background-color: #FFFFFF;
}

/* div regel */
.tree_line
{
	width: 100%;
	clear: both;
	/*border: 1px solid green;*/
	height: 30px;
}

/* div regel-links */
.tree_content_left
{
	height: 30px;
	/*border: 1px solid red;*/
	width: 470px;
	overflow: hidden;
	position: relative;
	float: left;
}

/* div regel-rechts */
.tree_content_right
{
	position: relative;
	float: right;
}

/* div item binnen content */
.tree_item
{
	/*border: 1px solid maroon;*/
	/*clear: both;*/
	height: 18px;
	/*line-height: 30px;*/
	vertical-align: middle;
	position: relative;
	float: left;

}

.tree_empty
{
	/*width: 8px;
	height: 8px;*/
	background-image:url('../../images/default/spacer.gif');
	background-repeat:no-repeat;
}

.tree_next
{
	/*width: 8px;
	cursor: hand;
	height: 8px;*/
	background-image:url('../../images/tree/next_14x8.gif');
	background-repeat:no-repeat;
	background-position: center;
}

.tree_minus
{
	/*width: 8px;
	cursor: hand;
	height: 8px;*/
	background-image: url('../../images/tree/tree_minus_16x16.gif');
	background-repeat: no-repeat;
	background-position: center;
}

.tree_plus
{
	/*width: 8px;
	cursor: hand;
	height: 8px;*/
	background-image: url('../../images/tree/tree_plus_16x16.gif');
	background-repeat: no-repeat;
	background-position: center;
}

.tree_check
{
	height						: 12px;
	width							: 12px;
	padding						: 0px;
	margin						: 0px;
}

.div_tree_check
{
	height						: 14px;
	width							: 14px;
	overflow					: hidden;
}


/*==========================================*/

th.headerSortUp
{
	background-image: url(../../WBFramework/js/jquery/plugins/tablesorter/themes/blue/asc.gif) !important;
	background-repeat:no-repeat;
	background-position:right center;
}

th.headerSortDown
{
	background-image: url(../../WBFramework/js/jquery/plugins/tablesorter/themes/blue/desc.gif) !important;
	background-repeat:no-repeat;
	background-position:right center;
}

th.headerSort
{
	cursor:pointer;
	background-image: url(../../WBFramework/js/jquery/plugins/tablesorter/themes/blue/bg.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

.row_odd
{
background-color:#ffffff;
}

.row_even
{
background-color:#f0f0f0;
}

th
{
background-color: #E3E6E8;
text-align: left;
padding: 4px
}


/*=================== ORDER UP & DOWN in Grid =================*/
.spacerStatusUP
{
    display:block;
    float:left;
    height:16px;
    width:19px;
}

.spacerStatusDOWN
{
    display:block;
    float:right;
    height:16px;
    width:19px;   
}

/*==================== TIMETABLE ===========*/
.weekHeader
{
	text-align:center;
	padding:3px 5px;
}

.dayHeader
{
	text-align:center;
	padding:3px 5px;	
}

.dayTD
{
	padding:3px 5px;	
	text-align:center;
	border:1px solid black;
	width:45px;
	cursor:pointer;
}

.dayBulkTD
{
	padding:3px 5px;	
	text-align:center;
	border:1px solid black;
	width:10px;
	cursor:pointer;
}

.dayTimeTableEditable
{
	padding:3px 5px;	
	text-align:center;
	border:1px solid black;		
	cursor:pointer;
}

.dayTimeTable
{
	padding:3px 5px;	
	text-align:center;
	border:1px solid black;			
}

.busInfo
{
	display:none;
	position: absolute;
    left: -120px;
    top: 120px;
    width: 120px;
    height: 50px;
    background-color: #CCCCCC;
    color:#000000;
    padding:4px;
}