/***********************************************/
body { margin: 0 ; padding: 0 ; background-color:#FFFFFF ; width: 1000px; }

#footer { background: #408bcf; color: black;  text-align: center; clear: both; padding: 1ex; }
#main {	margin-bottom: 1em; padding: 0.5em; }
#col1, #col2, #col3, #col23 { float: left; padding: 0px 5px 5px 5px ; margin: 0px 5px 0px 0px ; }
#col1 {  width: 250px; }
#col2 { border-left: solid 2px #408bcf; border-right: solid 2px #408bcf; width: 35%; }
#col3 {  width: 30%;  padding: 5; }
#col23 { border-left: solid 2px #408bcf; padding: 5; width: 70%;  }

#contents { margin: 0 auto }

#pic { float: left; width: 160px; height: 130px; padding: 0 1%; margin: 0; }

p, ul, ol, li { font : 12px Arial,geneva,helvetica; }

.SetMargin { margin:10px}

ul, ol { list-style-position: inside; }

.title { font-size: 16px; font-weight: bold; color: #408bcf; }

a { font : 12px Arial,geneva,helvetica ; font-weight: bold ;  }
a:link { color: #008ACA ; }
a:visited { color: #008ACA ; }
a:hover { color: red; }

h1 ,h2 ,h3 ,h4 ,h5 , h6 { font : Arial,geneva,helvetica; }

 
#TextUnderMenu { position: absolute; left: 20px; width: 210px; top:380px; }


/*  Row Header table in Jobs.htm  */
.htd1 { width: 144px ; background-color: #E4E8EE;}
.htd2 { width: 72px ; background-color: #E4E8EE;}
.htd3 { width: 340px ; background-color: #E4E8EE;}
.htd4 { width: 61px ; background-color: #E4E8EE;}

/*  Higlight row in table in Jobs.htm  */
tr { background-color: #FFFFFF; }
  .initial { background-color: #F7F7F7; color:#000000;}
  .normal { background-color: #F7F7F7   }
  .highlight { background-color: #E6FFFF }
 
.formborder {border-color:#E4E8EE }
.formbgcolor {background-color:#E4E8EE}


/*---------------*/
/*  Left Column  */
/*--------------*/

.LeftC { color: #1c3184; font: 12px Arial, Helvetica; text-decoration: none; font-weight: normal; }
.LeftC a { color: #008ACA; font: 12px Arial, Helvetica; text-decoration: underline; font-weight: normal; }
.LeftC a:link { color: #008ACA; font: 12px Arial, Helvetica; text-decoration: underline; font-weight: normal; }
.LeftC a:visited { color: #008ACA;  font: 12px Arial, Helvetica; text-decoration: underline; font-weight: normal; }
.LeftC a:hover { color: red; font: 12px Arial, Helvetica; text-decoration: underline; font-weight: normal; }

/*-----------------------*/
/*  Homepage scroll area */
/*-----------------------*/
div.scroll { position:relative; float: left; height: 600px; width: 270px; overflow: auto; border: 2px solid #1c3184; background-color: #E6FFFF;	padding: 8px 8px 8px 8px; }

/*-------------------------------*/
/*  Design (small green letters) */
/*-------------------------------*/

.Design { position:relative; float: left; color: #009900; font: 10px Arial, Helvetica; text-decoration: none; font-weight: normal; }
.Design a { color: #009900; font: 10px Arial, Helvetica; text-decoration: underline; font-weight: normal; }
.Design a:link { color: #009900; font: 10px Arial, Helvetica; text-decoration: underline; font-weight: normal; }
.Design a:visited { color: #009900;  font: 10px Arial, Helvetica; text-decoration: underline; font-weight: normal; }
.Design a:hover { color: #000000; font: 10px Arial, Helvetica; text-decoration: underline; font-weight: normal; }

.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.align-justify { text-align: justify;}

/*--------------------------------*/
/*  Rounded buttons with rollover */
/*--------------------------------*/

/*  Horizontal use (default is vertical) */
#navButHor { position:relative;	float: left; margin-left: 0; padding-left: 0; white-space: nowrap; }

/*  Set button to next line, after using them horizontal */
#navButNextLine { float: left; margin-left: 0; padding-left: 0; white-space: nowrap; padding-top:5px; padding-bottom:5px; }

/*  Parameters for button Job Overview */
#B_Job { display: block; width: 250px; height: 23px; background: url("Images/B_JobOverview.png") no-repeat 0 0; }
#B_Job:hover { background-position: 0 -23px;}
#B_Job span { display: none; }

/*  Parameters for button Add to Favorits */
#B_AddFavorit { display: block; width: 120px; height: 23px;  background: url("Images/B_AddFavorit.png") no-repeat 0 0; }
#B_AddFavorit:hover { background-position: 0 -23px; }
#B_AddFavorit span { display: none; }

/*  Parameters for button Send to Friend */
#B_SendFriend { display: block; width: 120px;   height: 23px; background: url("Images/B_SendFriend.png") no-repeat 0 0; }
#B_SendFriend:hover { background-position: 0 -23px; }
#B_SendFriend span { display: none; }

/*--------------------------------------------*/
/*  Main menu: Rounded buttons with rollover  */
/*--------------------------------------------*/

* {margin:0; padding:0;} 

div#menu {width:184px; background:url(Images/menu_1.gif) top no-repeat; padding-top:44px;  } 
div#menubody {background:url(Images/menu_2.gif) repeat-y; padding-left:21px;  } 
div#menubottom {height:26px; background:url(Images/menu_4.gif) bottom no-repeat;  } 

ul#menulist {width:144px; list-style-type:none;  } 
ul#menulist li {height:27px; background:url(Images/menu_3.gif) bottom repeat-x;  } 
ul#menulist a {width:122px; height:20px; border-left:#75c5de 10px solid; font:bold 10px Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none; padding:5px 0 0 10px; display:block !important; display:inline-block;  } 
ul#menulist a:hover {background:url(Images/menu_5.jpg) left repeat-y;  } 	

ul#menulist a#current {	color: #1C3184; text-decoration: none; font-weight: bold;  }