@charset "utf-8";
/*//////////////////////////////STANDARDS*/
/*//////////HTML*/
html { padding: 0em; margin: 0em; border: 0em; }
/*//////////*/

/*//////////BODY*/
body { background: url(bg/body.gif) repeat-y scroll; }
body { background-color: #2D3E4E; padding: 0em; margin: 0em; }
/*//////////*/

/*//////////FONT*/
body, div, table, tr, td, p, input, select, textarea, legend {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
}
/*--*/
p, ul, ol { padding-top: 0.5em; padding-bottom: 0.5em; }
ul, ol { margin-top: 0em; margin-bottom: 0em; }
li { margin-top: 0.2em; margin-bottom: 0.2em; }
p { margin: 0em; }
u { text-decoration: underline; }
/*//////////*/

/*//////////SCROLLBARS*/
textarea { overflow: auto; }
/*//////////*/

/*//////////HR-LINES*/
hr { border: 1px solid #0F233B; }
/*//////////*/

/*//////////FORM-BUG (IE)*/
form { margin: 0em; padding: 0em; }
/*//////////*/

/*//////////LINKS*/
a { color: #0F233B; text-decoration: none; cursor: pointer; }
a:hover { color: #0F233B; text-decoration: underline; cursor: pointer; }
a img { border: none; }
h1 a, h2 a, h3 a,
h1 a:hover, h2 a:hover, h3 a:hover { color: #0F233B !important; text-decoration: underline !important; }
/*//////////////////////////////*/


/*//////////////////////////////SITE*/
#hrsupporter {
	position: relative;
	top: 0em;
	left: 0em;
	/*--*/
	width: 100%;
	margin: 0em; 
	padding: 0em;
}
/*//////////////////////////////*/


/*//////////////////////////////HEAD*/
#hrsupporter .head {
	position: relative;
	z-index: 99;
	width: 100%;
	height: 90px;
	padding-bottom: 2em;
	/*--*/
	background: url(bg/head.gif) repeat-x scroll;
	text-align:  center;
}
/*//////////////////////////////*/


/*//////////////////////////////MAIN*/
#hrsupporter .main { position: relative; width: 55em; }
/*//////////*/

/*//////////CONTENT*/
#hrsupporter .content {
	position: relative;
	width: 76%;
	padding: 0em 3% 3% 3%;
	float: right;
	/*--*/
	text-align: left;
}
/*--*/
#hrsupporter .content h1 { font-weight: bold; font-size: 150%; padding: 0em 0em 0.2em 0em; margin: 0em 0em 0.8em 0em; text-align: center; border-bottom: 2px solid #0F233B; }
#hrsupporter .content h2 { font-weight: bold; font-size: 100%; padding: 0em; margin: 2em 0em 0.2em 0em; text-align: left; color: #0F233B; }
#hrsupporter .content h3 { font-weight: bold; font-size: 100%; padding: 0em; margin: 2em 0em 0.2em 0em; text-align: left; color: #0F233B; }
#hrsupporter .content p { line-height: 1.2em; }
#hrsupporter .content ul { list-style-type: square; }
/*--*/
#hrsupporter .right { float: right; margin: 0em 0em 1em 2em; }
#hrsupporter .left { float: left; margin: 0em 2em 1em 0em; }
#hrsupporter .clear { clear: both; }
/*//////////*/

/*//////////COLUMN*/
#hrsupporter .column { position: relative; width: 42%; text-align: left; }
#hrsupporter .column.left { float: left; margin: 0em !important; }
#hrsupporter .column.right { float: right; margin: 0em !important; }
/*//////////*/

/*//////////NAVI*/
#hrsupporter ul.navi {
	position: relative;
	display: block;
	width: 17.5%;
	margin: 0em;
	padding: 0em;
	/*--*/
	float: left;
	text-align: left;
	list-style-type: none;
}
/*--*/
#hrsupporter ul.navi li { margin: 0em; padding: 0em; line-height: 1em; text-align: left; }
/*--*/
#hrsupporter .navi a {
	display: block;
	height: 2em;
	margin: 0em 0em 0em 1em;
	padding: 5px 0em 0em 30px;
	/*--*/
	font-size: 80%;
	color: #FFFFFF !important;
	text-decoration: none !important;
	/*--*/
	background-position: top left;
	background-repeat: no-repeat;
}
#hrsupporter .navi a { background-image: url(bg/naviBTN_up.gif); }
#hrsupporter .navi a:hover { background-image: url(bg/naviBTN_down.gif); }
#hrsupporter .navi .down a { background-image: url(bg/naviBTN_down.gif); }
/*//////////////////////////////*/


/*//////////////////////////////TABLES*/
.tableListe {
	width: 99%;
	padding: 0em;
	margin: 0em;
	/*--*/
	text-align: center;
	border: 0px none;
}
/*//////////*/

/*//////////FONT-SIZE*/
.tableListe th,
.tableListe td,
.tableListe p,
.tableListe input,
.tableListe select,
.tableListe textarea { font-size: 100%; }
/*//////////*/

/*//////////COLOR*/
.tableListe thead th { background-color: #0F233B; color: #FFFFFF; white-space: nowrap; }
.tableListe tbody td { background-color: #566B7C; }
/*//////////*/

/*//////////SPECIALS*/
.tableListe th, .tableListe td { text-align: left; vertical-align: top; padding: 0.2em 0.5em 0.2em 0.5em; }
.tableListe th img, .tableListe img { border: none; }
/*--*/
.tableListe .form_text,
.tableListe .form_select,
.tableListe .form_textarea { width: 97%; }
/*//////////*/

/*//////////LINKS*/
.tableListe thead th a, .tableListe thead th a:hover { color: #FFFFFF; text-decoration: none; }
.tableListe tbody td a, .tableListe tbody td a:hover { color: #FFFFFF; text-decoration: none; }
/*//////////////////////////////*/


/*//////////////////////////////FORM*/
.form_text,
.form_select,
.form_textarea,
.form_button { background: none; background-color: transparent; margin: 0em; padding: 0.2em; border: 1px solid #FFFFFF; }
.form_text, .form_textarea { cursor: text; }
.form_select { cursor: pointer; background-color: #566B7C; }
.form_button { background-color: #0F233B; color: #FFFFFF; cursor: pointer; width: auto; overflow: visible; }
/*--*/
.form_select .optTitle { font-weight: bold; }
/*--*/
.form_text[disabled],
.form_select[disabled],
.form_textarea[disabled],
.form_button[disabled] { background-color: #9D9D9F; border: 1px solid #C4C4C4; color: #C4C4C4; }
/*-ERROR-*/
label.formError { font-weight: bold !important; }
.form_text.formError,
.form_select.formError,
.form_textarea.formError { background-color: #FF0000 !important; border-color: #FF0000 !important; color: #FFFFFF !important; }
/*//////////*/

/*//////////FIELDSET*/
fieldset { padding: 0.2em 0.8em 0.8em 0.8em; border: 1px solid #FFFFFF; }
legend { padding: 0em 0.5em 0.5em 0.5em; margin-left: -0.8em; font-weight: bold; }
/*--*/
.formSTYLE { position: relative; }
.formSTYLE .element { position: relative; clear: left; padding: 0.2em 0em 0.2em 0em;  }
.formSTYLE .element label { position: relative; float: left; width: 31%; margin: 0em; padding: 0em 1% 0em 0em; }
.formSTYLE .element .form_text,
.formSTYLE .element .form_select,
.formSTYLE .element .form_textarea { position: relative; width: 65%; }
.formSTYLE .element .form_select { width: 66.5%; }
.formSTYLE .helpTXT { width: 65%; margin-left: 33%; margin-top: 0.5em; font-size: 80%; font-style: italic; }
/*//////////////////////////////*/


/*//////////////////////////////SPECIALS*/
.spacer { margin-top: 1.5em; }
.clearDIV { height: 0px; line-height: 0px; font-size: 0px; clear: both; }
/*--*/
.screen_on { /*--*/ }
.screen_off { display: none; }
/*--*/
.color_default { color: #FFFFFF; }
.color_light { color: #CCCCFF; }
.color_special { color: #0F233B; }
/*--*/
.border_special { border: 1px solid #0F233B; }
/*--*/
.big { font-size: 120% !important; }
h1.big { font-size: 120% !important; }
.small { font-size: 80% !important; }
h1.small { font-size: 80% !important; }
/*//////////////////////////////*/