/* ----------------------------------------------------- */
/* Vijf X Beter Stylesheet (c) 2008 BECO Group           */
/*                                                       */
/* Author   : Aldo Quispel                               */
/* Modified : 22-05-2008                                 */
/* Desc     : Default stylesheet for Vijf X Beter site   */
/* ----------------------------------------------------- */

/* ------------------ Default elements */

html, body {
	height:                         100%;
	width:                          100%;
}

body
{
	background-color:               #FFFFFF;
	padding:                        0px;
	margin:                         0px;
	background-image:               url(../images/bg_sidebar.gif);
	background-position:            left top;
	background-repeat:              repeat-y;
}

* {
	font-family:                    Verdana;
}

h1, h2, h3 {
	color:                          #3598d4;
}

h1 {
	font-size:                      1.2em;
}

h2 {
	font-size:                      1.0em;
}

ul, ol {
	padding-top:                    0px;
	padding-bottom:                 0px;
}

ul {
	list-style-type:                square;
}

th {
	font-weight:                    bold;
}

a {
	color:                          #84b42a;
	text-decoration:                none;
}

a:hover {
	text-decoration:                underline;
}

hr {
	background-color:               #99cd21;
	color:                          #99cd21;
	height:                         1px;
}

.headerinstr {
	font-weight:                    bold;
}

/* ------------------ Tooltip layout */

.toolTip {
	padding:                        0px;
	margin:                         0px;
	background-color:               #FFFFFF;
	background-image:               none;
	font-family:                    Verdana;
	font-size:                      0.8em;
}

.ToolTipHeader {
	background-color:               #84b42a;
	color:                          #FFFFFF;
	font-weight:                    bold;
}

.ToolTipTable {
	border:                         1px solid #FFFFFF;
}

.ToolTipTable td {
	padding:                        3px;
}

/* ------------------ Form layout */

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

label {
	font-weight:                    bold;
}

textarea {
	width:                          300px;
	height:                         100px;
}

textarea, .textinput, .textbox, .tekstveld {
	border:                         1px solid #99cd21;
}

input[type="file"] {
	border:                         1px solid #99cd21;
	cursor:                         hand;
}

.selectbig {
	width:                          500px;
}

.textbox[disabled], .textinput[disabled], textarea[disabled] {
	background-color:               #d4d0c8;
	border:                         #CCCCCC;
}

.button, .button2, a.button, a.button:hover, submit, .defaultButton {
	display:                        block;
	font-size:                      0.8em;
	background-color:               #9acd21;
	color:                          #FFFFFF;
	font-weight:                    bold;
	border:                         1px solid #537b09;
	cursor:                         pointer;
	font-weight:                    bold;
	height:                         20px;
	line-height:                    16px;
	text-align:                     center;
	text-decoration:                none;
}

.button2 {
	display:                        inline-block;
}

a.button2 {
	padding-left:                   3px;
	padding-right:                  3px;
}

.button[disabled] {
	color:                          #FFFFFF;
	background-color:               #d4d0c8;
}

.navbutton {
    line-height:                    18px;
    xwidth:                          300px;
    xdisplay:                        inline;
    font-weight:                    bold;
}

/* ------------------ Basic values */

.alignright {
    text-align:                     right;
}

.alignrighthard {
    position:                       absolute;
    right:                          25px;
}

.aligncenter {
    text-align:                     center;
}

.alignleft {
    text-align:                     left;
}

/* ------------------ Layout structure */

#header {
	height:                         88px;
	padding-left:                   37px;
	padding-top:                    17px;
	background-color:               #FFFFFF;
}

#topbar {
	position:                       relative;
	right:                          0px;
	text-align:                     right;
	background-color:               #213556;
	color:                          #FFFFFF;
	font-size:                      0.8em;
	padding-top:                    3px;
	padding-bottom:                 3px;
	padding-right:                  20px;
}

#sidebar {
	float:                          left;
	width:                          221px;
}

#menu {
	width:                          221px;
	height:                         208px;
	padding-top:                    22px;
	padding-left:                   30px;
	padding-right:                  20px;
	background-image:               url(../images/bg_menu.gif);
	background-position:            top left;
	background-repeat:              no-repeat;
}

#sidebarimage, #sidebarimagealt2 {
	width:                          221px;
	height:                         257px;
	background-position:            top left;
	background-repeat:              no-repeat;
}

#sidebarimage {
	background-image:               url(../images/bg_sidebarimage.jpg);
}

#sidebarimagealt2 {
	background-image:               url(../images/bg_sidebarimage_alt1.jpg);
}

#container {
	width:                          998px;
}

#content {
	margin-left:                    275px;
	padding-right:                  10px;
	padding-top:                    10px;
	font-size:                      0.75em;
	line-height:                    1.5em;
}

/* ------------------ side menu */

#menu {
	font-size:                      0.8em;
}

#menu a {
	line-height:                    1.3em;
	color:                          #FFFFFF;
}

#menu a:hover {
	text-decoration:                none;
	color:                          #000000;
}

#menu a:visited {
	color:                          #000000;
}

.subitems {
	background-color:               #84b42a;
	background-image:               url(../images/submenubg.gif);
	background-position:            center;
	border:                         2px solid #213556;
	padding:                        3px;
}

.subitemsinner {
	background-color:               #84b42a;
	border:                         2px solid #FFFFFF;
	padding:                        5px;
}

.PreLogon {
	width:                          150px;
	color:                          #FFFFFF;
}

.PreLogon a, .PreLogon a:hover {
	text-decoration:                underline;
}

#menu .MenuSelected a {
	color:                          #000000;
	font-weight:                    bold;
}

/* ------------------ top menu */

#topbar a {
	color:                          #FFFFFF;
}

/* ------------------ Generic layout classes */

.panel, fieldset {
	padding:                        10px;
	border:                         1px solid #84b42a;
}

.nopadding {
	padding:                        0px;
}

.center {
	text-align:                     center;
}

/* ------------------ Various table and cell classes */

.selectionTable {
	width:                          97%;
}

.riskTable {
	width:                          97%;
}

.riskTable th {
	background-color:               #84b42a;
	color:                          #FFFFFF;
}

.riskTable th a, altnatingtable th a {
	color:                          #FFFFFF;
	text-decoration:                underline;
}

.altnatingtable {
	border-top:                     1px solid #000000;
	border-right:                   1px solid #000000;
	border-left:                    0px transparent;
	border-bottom:                  0px transparent;
}

.altnatingtable td, .altnatingtable th {
	padding-left:                   3px;
	padding-right:                  3px;
	border-left:                    1px solid #000000;
	border-bottom:                  1px solid #000000;
}

.colouredcell, .rowtitle {
	color:                          #FFFFFF;
	background-color:               #99cd21;
	font-weight:                    bold;
	padding:                        2px;
	font-size:                      0.9em;
}

.secondarycolouredcell {
	color:                          #FFFFFF;
	background-color:               #213556;
	font-weight:                    bold;
	padding:                        2px;
}

.secondarycolouredcell a {
	color:                          #FFFFFF;
}

.checkboxcell {
	width:                          20px;
}

.departmentcell {
	font-style:                     italic;
}

.altcell {
	background-color:               #9fc264;
	color:                          #FFFFFF;
	vertical-align:                 middle;
}

.altcell .button {
	border:                         0px transparent;
	background-color:               #9fc264;
}

.transbuttoncell .button {
	background-color:               transparent;
	border:                         0px transparent;
	color:                          #000000;
}

.noborder table td {
	border:                         0px;
}

.nopadding, .nopadding table td {
	padding:                        0px;
}

/* ------------------ WIK */

.wiktable {
	border-top:                     1px solid #000000;
	border-right:                   1px solid #000000;
}

.wiksubtable {
	width:                          100%;
}

.wiksubtable, .wiktable table td {
	border:                         0px;
}

.wiktable th {
	background-color:               #84b42a;
	color:                          #FFFFFF;
}

.wiktable td, .wiktable th {
	border-bottom:                  1px solid #000000;
	border-left:                    1px solid #000000;
	padding:                        3px;
	vertical-align:                 top;
}

.wiktable .nopadding {
	padding:                        0px;
}

/* ------------------ Risc colours */

.risc_save {
	background-color:               #9fc264;
}

.risc_danger {
	background-color:               #d62c2f;
	color:                          #FFFFFF;
}

.tdG {
	background-color:               #19a219;
	font-weight:                    bold;
}

.tdO {
	background-color:               #FFCC00;
	font-weight:                    bold;
}

.tdR {
	background-color:               Red;
	font-weight:                    bold;
}

/* ------------------ Layout activities */

.activity_letop {
	font-size:                      0.9em;
}