img { behavior: url("/css/png.htc") }

body { font-family: verdana,arial,sans-serif; font-size: 12px; }

h1,h2,h3 { margin: 0; padding: 0 }
h1 { font-size: 15px }
h2 { font-size: 13px }
h3 { font-size: 12px }

td { font-size: 12px; vertical-align: top; line-height: 16px; }
td.title { font-size: 90%; font-weight: bold }
td.header { font-size: 70% }
td.label { text-align: right; font-weight: bold; white-space: nowrap; padding-right: 1em; }
td.label small { font-weight: normal; }
td.input { padding-top: 8px; }
td.n { white-space: nowrap; }
td.b { font-weight: bold; }
td.c { text-align: center; }
td.r { text-align: right; }
input.error { background-color: #ffcccc; }
div.error { font-weight: bold; color: red; margin-bottom: 2px; }

tr.fileheader {
    background-color: #3399CC;
    color: white;
    font-weight: bold; font-size: 14px;
}

/* vacatures: */
tr.header { background-color: #7DBE36; color: white }
tr.header a { color: white }
tr.light { background-color: white }
tr.dark { background-color: #F7FFED }

a { color: #669900; text-decoration: none; }
a:hover { color: #3399CC; }

hr { height: 1px; color: #cccccc; background-color: #cccccc; border: 0; }

.abc { margin-bottom: 20px; }
.paginate { margin-top: 20px; }
.color { color: #3399CC; }
.active { color: black; }
.inactive { color: gray; }

#menu_top { width: 200px; }
#menu_top .MenuLink {
    background-color: #3399CC;
    color: white;
    height: 35px;
    padding-left: 23px;
    vertical-align: top;
    padding-top: 7px;
    border-bottom: 5px solid white;
    /*
    background-image: url(/img/bottomshadow.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    */
}
#menu_top .MenuLink a {
    display: block; 
    font-weight: bold;
    color: white;
    text-decoration: none;
    font-size: 14px;
}

#menu_left { margin: 15px; }
#menu_left td { padding: 6px 5px 4px 5px; line-height: 14px; }
#menu_left span {
    font-weight: bold;
    color: #669900;
    font-size: 12px;
}

#menu_left a {
    display: block; 
    font-weight: bold;
    color: #669900;
    text-decoration: none;
    font-size: 12px;
}
#menu_left a:hover { padding-left: 8px; }
#menu_left td.selected a { color: #3399CC; }
#menu_left td.level1 { padding: 0 0 5px 15px; }
#menu_left td.level1 a { font-family: arial,sans-serif; font-size: 10px; font-weight: normal; }
#menu_left td.level2 { padding: 0 0 5px 25px; }
#menu_left td.level2 a { font-family: arial,sans-serif; font-size: 10px; font-weight: normal; color: #6A6A6A; }
#menu_left td.level3 { padding: 0 0 5px 35px; }
#menu_left td.level3 a { font-family: arial,sans-serif; font-size: 10px; font-weight: normal; color: #3399CC; }

/*letter-spacing: -0.5px*/

#menu_footer { font-size: 10px; color: #6A6A6A; background-color: #EAEAEA; text-align: center; padding: 10px; }
#menu_footer a { color: #6A6A6A; text-decoration: none; }
#menu_footer a:hover { color: #6A6A6A; text-decoration: underline; }

/* prototype/scriptaculous controls.js > Autocompleter:  */
div.autocomplete {
    width: 350px;
    background: #fff;
}
div.autocomplete ul {
    border: 1px solid #888;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type:none;
}
div.autocomplete ul li {
    margin: 0;
    padding: 3px;
}
div.autocomplete ul li.selected {
    background-color: #ffb;
}
div.autocomplete ul strong.highlight {
    color: #800;
    margin: 0;
    padding: 0;
}

/* jquery.autocomplete.js > autocomplete:  */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}


#tienplus { background-color: black; }

#tienplus h1 { font-size: 125%; color: #a3bf2a; }
#tienplus h2 { font-size: 125%; color: #af0361; }
#tienplus h3 { font-size: 120%; color: #9f9e9e; }

#tienplus td { font-size: 70%; vertical-align: top; color: white; }
#tienplus a { color: #af0361; text-decoration: none; }
#tienplus a:hover { text-decoration: underline; }

#tienplus h1 a { color: #a3bf2a; }

#tienplus_page_tools { margin: 20px 0; }