/* ---------------------------------------------------- */
/* --------------------  general -------------------- */


html, body {
  font-family: tahoma, sans-serif;
  font-size: 12px;
  color: #666;
  background-repeat: repeat-x;
}
select, input, button, textarea, button { font-family: tahoma, sans-serif; }

body b { color: #333; }

em { font-weight: bold; }

/* portal differences */
body { background-image: url(/images/bg_moss.png); }
body.hsg { background-image: url(/images/bg_hsg.png); }
body.job { background-image: url(/images/bg_job.png); }

body.job .utility_menu img { display: none; }
body.job #footer .utility_menu { padding-left: 0; }

p { line-height: 150%; }

#content .center .middle { line-height: 175%; min-height: 420px; }
#content .center .middle .actions img { margin: 10px 10px 10px 0; }

#content .center { position: relative; }

.left { float: left; }
.right { float: right; }
  
.float_right { float: right; }
.float_left { float: left; }

#container {
  margin-left: auto;
  margin-right: auto;
  width: 982px;
  text-align: left;
}

a { color: #2b2d8a; text-decoration: none; }
a:hover { text-decoration: underline; }


/* colored buttons -------------------------------------- */

.hsg_link_yellow,
.hsg_link_grey {
  padding: 5px 10px 5px 20px;
  background-image: url(/images/link_bg_yellow.png);
  background-position: left;
  border: 1px solid #aaa;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0px 1px 2px #ccc;
  -webkit-box-shadow: 0px 1px 2px #ccc;
  box-shadow: 0px 1px 2px #ccc;
  font-weight: bold;
  color: #333 !important;
  text-decoration: none;
  background-color: #efd353;
}
input.hsg_link_yellow, input.hsg_link_grey { padding: 4px 10px 3px 20px; cursor: pointer; }
.hsg_link_yellow:hover { background-image: url(/images/link_bg_yellow_hover.png); text-decoration: none !important; }
.hsg_link_yellow:active { background-image: url(/images/link_bg_yellow_active.png); text-decoration: none !important; }

/* grey button */
.hsg_link_grey { background-color: #ccc; background-image: url(/images/link_bg_grey.png); }
.hsg_link_grey:hover { background-image: url(/images/link_bg_grey_hover.png); text-decoration: none !important; }
.hsg_link_grey:active { background-image: url(/images/link_bg_grey_active.png); text-decoration: none !important; }

a.button_activated { background-image: url(/images/link_bg_yellow_hover_quer.png) !important; }
a.button_activated:hover { background-image: url(/images/link_bg_yellow_hover_quer.png) !important; }

.nodisplay_text{ text-indent: -9999px; }

/* forms */
form .required { font-weight: bold; }
form .mandatory_error { border: 2px dotted red !important; }
form .mandatory { background-color: #f6f5d4; }
#content .center .middle input[type=text],
#content .center .middle select,
#content .center .middle textarea {
  width:180px;
  float:right;
  padding: 3px;
  border: 1px solid #aaa;
  color: #333;
}
#content .center .middle select { width: 187px; }
#content .center .middle  .mandatory_label { font-weight: bold; }


ul.bullets ,
ul.bullets li {
  list-style-type: disc;
}

ul.bullets {
  padding-left: 40px;
  margin: 10px 0;
}

/* --- lightbox --- */
a.lightbox  {
  position: relative;
  display: block;
}

a.lightbox img {
  border: 2px solid #ccc;
}

a.lightbox span.lightbox_icon {
  position: absolute;
  top: -9px;
  left: -9px;
  width: 24px;
  height: 24px;
  display: block;
  background-image: url(http://77.242.72.42/hsgportal/files/fancybox/lightbox_icon.png);
}


/* --- download button --- */
div.hsg_download {
  background-image: url(http://77.242.72.42/hsgportal/images/download/download_background.png);
  background-repeat: no-repeat;
  width: 385px;
  height: 82px;
  position: relative;
  cursor: pointer;
}
div.own_icon { margin-top: 10px; }

div.hsg_download:hover {
  background-image: url(http://77.242.72.42/hsgportal/images/download/download_background_hover.png);
  text-decoration: none !important;
}

div.hsg_download img {
  margin: 8px 0 0 13px;
}

div.hsg_download img.own_icon {
  margin: -21px 0 0 5px;
}

div.hsg_download h4 {
  position: absolute;
  top: 13px;
  left: 81px;
}
div.hsg_download h4,
div.hsg_download h4 a {
  color: #444 !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

div.hsg_download p.second_line {
  position: absolute;
  color: #999;
  top: 41px;
  left: 81px;
}

div.hsg_download p.second_line span.filename {
  margin-right: 10px;
}


/* --- download button right column --- */
div.hsg_download_right {
  background-image: url(http://77.242.72.42/hsgportal/images/download/download_right_background.png);
  background-repeat: no-repeat;
  width: 197px;
  height: 82px;
  position: relative;
  cursor: pointer;
  margin-top: 15px !important;
  margin-left: 0px !important;
  padding-top: 10px;
}
div.hsg_download_right:hover {
  background-image: url(http://77.242.72.42/hsgportal/images/download/download_right_background_hover.png);  
}
div.hsg_download_right h4 {
  color: #444;
  font-size: 15px;
  font-weight: bold;
  padding-left: 10px;
}
/*div.hsg_download_right h4:hover {
  text-decoration: underline;
}*/

div.hsg_download_right p.second_line {
  color: #999;  
  padding-left: 10px;
  padding-top: 5px;
}

/* --- fan button --- */
div.hsg_fan {
  background-image: url(http://77.242.72.42/hsgportal/images/download/download_small.png);
  background-repeat: no-repeat;  
  height: 60px;
  position: relative;
  cursor: pointer;
}

div.hsg_fan img {
        margin-top:2px;        
}

div.hsg_fan h4 {
  position: absolute;
  top: 22px;
  left: 53px;
}
div.hsg_fan h4 a {
  color: #444;
  font-size: 11px;
  font-weight: bold;
}

/* --- download presse button --- */
div.hsg_pressdownload {
  background-image: url(http://www.hagenberg-software.at/images/download/press_download_small.png);
  background-repeat: no-repeat;  
  height: 60px;
  position: relative;
  cursor: pointer;
}
div.hsg_pressdownload:hover {
  background-image: url(http://www.hagenberg-software.at/images/download/press_download_small_hover.png);
}
div.hsg_pressdownload img {
        margin-top:2px;        
}
div.hsg_pressdownload h4 {
  position: absolute;
  top: 10px;
  left: 53px;
}
div.hsg_pressdownload h4 a {
  color: #444;
  font-size: 11px;
  font-weight: bold;
}


/* ---------------------------------------------------- */
/* ---------------------  content ---------------------- */

#content .center .middle h1.headline {
  font-size: 30px;
  color: #333;
}

#content .center .middle h2.headline {
  font-size: 20px;
  /*margin-top: -12px;*/
  margin-top: 8px;
  margin-bottom: 30px;
}

#content .center .middle h2.sIFR-replaced { margin-top: -12px !important; }   /* move h2 up when flashed by sifr */

#content .center .middle h2 {
  font-size: 16px;
}

#content .center .middle h3 {
  font-size: 14px;
  color:#9C3;
}

#content .center .middle h4 {
        font-size: 14px;
  color:#9C3;
}

#content .center .middle h5 {
  font-weight: bold;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 3px;
}

#content .center .middle .invisibleDiv {
  display:none;
  position:relative;
  top:10px;
  left:0px;
  width:400px;
}

#content .center .middle ul .list
{
       list-style-type:decimal;
       margin-left:15px;
}

#content .center .middle ul .list li
{
       list-style-type:decimal;
       margin-left:15px;
}

.list
{
       list-style-type:decimal;
       margin-left:15px;
}

#content .center .middle ul .jobslist
{
       list-style-type:disc  !important;
       margin-left:15px;
}

#content .center .middle ul .jobslist li
{
       list-style-type:disc !important;
       margin-left:15px;
       margin-bottom:5px;
}

.jobslist
{
       list-style-type:disc  !important;
       margin-left:15px;
}


#content .center .middle .contactTable {
  width:400px;
}

#content .center .middle .jobTable {
  width: 620px;
  margin: 11px 0 40px 0;
}



/* ---------------------------------------------------- */
/* ---------------------  header ---------------------- */


#header {
  position: relative;
  margin-bottom: 28px;
}
   
#header .breadcrumb {
  font-size: 14px;
  color: #999;
}

#header .breadcrumb a {
  font-size: 14px;
  color: #999;
        text-decoration:none;
}


#header .breadcrumb a:hover { text-decoration: underline; }

#header .float_left {
  margin-top: 30px;
  margin-bottom: 4px;
  min-width: 555px;
}

#header .float_right {
  text-align: right;
}

#header .float_left img {
  float: left;
}

#header .float_left div {
  padding-top: 14px;
}

#header .utility_menu {
  padding-top: 5px;        
}

.utility_menu a {
  text-decoration:none;
  color: #666;
}
.utility_menu a:hover {
  text-decoration: underline;
}

#header input.search {
  background-color: transparent !important;
  background-image: url(/images/search_bg.png) !important;
  background-repeat: no-repeat !important;
  padding: 3px !important;
  padding-left: 20px !important;
  border: none !important;
  width: 162px !important;
  height: 14px !important;
  margin-top: 20px !important;
  color: #999 !important;
}

#header .blog {
  position: absolute;
  margin-left: 950px;
  margin-top: 170px;
}


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

/* -- general -- */
#header .menu {
  position: absolute;
  top: 70px;
  left: 0px;
  height: 34px;
  width: 982px;
  background-repeat: no-repeat;
  /*position: relative;
  clear: both;
  margin-bottom: 19px;*/
  font-size: 13px;
  font-weight: bold;
}

#header .header_img {
  margin-top: 53px;
}

#header .menu a img { border: none; }

#header .menu li a {
  text-decoration: none;
  color: black;
  font-family: sans-serif;
}

/* -- left -- */
#header .menu .menu_left {
  position: absolute;
  left: 0;
  width: 145px;
  height: 34px;
  overflow: hidden;
}

/* -- entries -- */
#header .menu ul,
#header .menu li {
  padding: 0;
  margin: 0;
  float: left;
}

#header .menu ul { margin-left: 124px; }

#header .menu li a {
  background-position: right;
  height: 25px;
  text-align: center;
  list-style-type: none;
  display: block;
}


#header .menu li:first-child a {
  padding-left: 30px !important;
}
#header .menu li:last-child a,
#header .menu li.last_child a {
  padding-right: 50px !important;
}


#header .menu li.active a,
#header .menu li:hover a {
  color: white;
}

/* -- right -- */
#header .menu .menu_right {
  position: absolute;
  right: 0;
  /*width: 75px;*/
width: 121px;
  height: 34px;
  overflow: hidden;
}
#header .menu .menu_almost_right {
  position: absolute;
  /*right: 41px;
  width: 93px;*/
right: 102px;
width: 119px;
  height: 34px;
  overflow: hidden;
}


/* portal differences */

/*
#header .menu li a { padding: 9px 32px 0; }
body.hsg  #header .menu li a { padding: 9px 20px 0; }
body.job  #header .menu li a { padding: 9px 28px 0; }*/
#header .menu li a { padding: 9px 21px 0; }
body.hsg  #header .menu li a { padding: 9px 13px 0; }
body.job  #header .menu li a { padding: 9px 19px 0; }

#header .menu .menu_left { background-image: url(/images/main_menu_moss/left.png); }
body.hsg  #header .menu .menu_left { background-image: url(/images/main_menu/left.png); }
body.job  #header .menu .menu_left { background-image: url(/images/main_menu_job/left.png); }
   /* extended menu with txt. change phil, 12.2010
   #header .menu .menu_right { background-image: url(/images/main_menu_moss/right_hsg.png); }
   body.hsg  #header .menu .menu_right { background-image: url(/images/main_menu/right_moss.png); }
   body.job  #header .menu .menu_right { background-image: url(/images/main_menu_job/right_hsg.png); }

   #header .menu .menu_almost_right { background-image: url(/images/main_menu_moss/right_freelancer.png); }
   body.hsg  #header .menu .menu_almost_right { background-image: url(/images/main_menu/right_freelancer.png); }
   body.job  #header .menu .menu_almost_right { background-image: url(/images/main_menu_job/right_moss.png); }
   */
#header .menu .menu_right { background-image: url(http://www.hagenberg-software.at/images/main_menu/right_end_hsg.png); }
body.hsg  #header .menu .menu_right { background-image: url(http://www.hagenberg-software.at/images/main_menu/right_end_moss.png); }
body.job  #header .menu .menu_right { background-image: url(http://www.hagenberg-software.at/images/main_menu/right_end_hsg.png); }

#header .menu .menu_almost_right { background-image: url(http://www.hagenberg-software.at/images/main_menu/right_arrow_freelancer.png); }
body.hsg  #header .menu .menu_almost_right { background-image: url(http://www.hagenberg-software.at/images/main_menu/right_arrow_freelancer.png); }
body.job  #header .menu .menu_almost_right { background-image: url(http://www.hagenberg-software.at/images/main_menu/right_arrow_sharepoint.png); }


#header .menu li:last-child a { background-image: url(/images/main_menu_moss/bg.png); }
body.hsg #header .menu li:last-child a { background-image: url(/images/main_menu/bg.png); }
body.job #header .menu li:last-child a { background-image: url(/images/main_menu_job/bg.png); }

#header .menu li a { background-image: url(/images/main_menu_moss/bg_li.png); }
body.hsg #header .menu li a { background-image: url(/images/main_menu/bg_li.png); }
body.job #header .menu li a { background-image: url(/images/main_menu_job/bg_li.png); }

#header .menu { background-image: url(/images/main_menu_moss/bg.png); }
body.hsg #header .menu { background-image: url(/images/main_menu/bg.png);}
body.job #header .menu { background-image: url(/images/main_menu_job/bg.png);}

#header .menu li.active a,
#header .menu li:hover a { background-image: url(/images/main_menu_moss/bg_li_active.png); }
body.hsg #header .menu li.active a,
body.hsg #header .menu li:hover a { background-image: url(/images/main_menu/bg_li_active.png); }
body.job #header .menu li.active a,
body.job #header .menu li:hover a { background-image: url(/images/main_menu_job/bg_li_active.png); }



/* ------------------------------------------------ */
/* ------------------  content ------------------ */


#content {
  position: relative;
  width: 982px;
  background-image: url(/images/content_border_center.png);
  background-repeat: repeat-y;
}

#content .border_top,
#content .border_bottom {
  width: 982px;
  height: 6px;
  background-repeat: repeat-y;
}
#content .border_top {
  background-image: url(/images/content_border_top.png);
}
#content .border_bottom {
  background-image: url(/images/content_border_bottom.png);
}


#content .center .side {
  width: 197px;
  min-height: 200px;
  margin-right: 1px;
  position: absolute;
  top: 0;
  right: 0;
}

#content .center .side hr {
   background-color: #ccc;
   color: #ccc;
   border: none;
   margin-bottom: 20px;
   height: 1px;
}

#content .center .side div div { margin: 10px; }
#content .center .side div div div { margin: 0; }


#content .center .middle {
  width: 480px;
  margin-left: 270px;
  padding-top: 25px;
  margin-bottom: 20px;
  position: relative;
}

.clearer {
  clear: both;
  margin-bottom: 80px;
}


/* bookmarklets */

#content .bookmark_utilities {
  position: absolute;
  right: 210px;
  bottom: 10px;
}

#content .bookmark_utilities a {
  padding-top: 2px;
  padding-left: 20px;
  text-decoration: none;
  font-size: 12px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-left: 20px;
  color: blue;
}

#content .shareBookmark {
  background-image: url("http://s9.addthis.com/addthis16.gif");
}

#content .mailBookmark {
  background-image: url(/images/mailBookmark_icon.png);
}
#content .printBookmark {
  background-image: url(/images/printBookmark_icon.png);
}
#content a.printBookmark{
  padding-left: 23px;  
}




/* ---------------------------------------------------- */
/* ----------------------  footer -------------------- */



#footer {
  margin-top: 60px;
}
   
#footer {
  width: 982px;
  background-image: url(/images/footer_border_center.png);
  background-repeat: repeat-y;
}

#footer .float_left,
#footer .float_right {
  padding: 7px;
}

#footer .bottom {
  min-height: 50px;
  background-color: #f0f0f0;
  margin-right: 1px;
  margin-left: 1px;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-right: 20px;
  clear: both;
}

#footer .bottom div { float: right; }
#footer .bottom div.address_container { width: 350px; }

#footer .border_top,
#footer .border_bottom {
  width: 982px;
  height: 6px;
  background-repeat: repeat-y;
}
#footer .border_top {
  background-image: url(/images/footer_border_top.png);
}
#footer .border_bottom {
  background-image: url(/images/footer_border_bottom.png);
}

#footer .bottom div p {
  line-height: 120%;
  font-size: 10px;
}
#footer .bottom div p.first,
#footer .bottom div p.fourth {
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 2px;
  margin-top: 10px;
}
#footer .bottom div p.first {
  margin-left: -10px;
}
#footer .bottom div p.second {
  margin-left: -5px;
}
#footer .bottom div p.third {
}
#footer .bottom div p.fourth {
  margin-left: 6px;
}
#footer .bottom div p.fifth {
  margin-left: 2px;
}
#footer .bottom div p.sixth {
  margin-left: -8px;
}

#footer .bottom div img {
  float: left;
}

#footer .bottom img.first {
  margin-left: 20px;
}
#footer .bottom img.second {
  margin-left: 100px;
}

#footer .top {
  border-bottom: 1px solid #ccc;
  background-image:url(/images/footer_bg_gradient.png);
  background-repeat: repeat-x;
  margin-right: 1px;
  margin-left: 1px;
  background-position: center bottom;
}

#footer .top .lines {
  background-image: url(/images/footer_border_center_lines.png);
  background-repeat: repeat-y;
}

#footer .top .lines div.box {
  float: left;
  width: 185px;
  padding: 20px 30px 35px 30px;
  min-height: 200px;
}

#footer .top .lines div.box ul a { color: #333; }

#footer .top .lines div.fourth {
  /*float: none;*/
}

#footer .float_right a {
  text-decoration: none;
  color: #666;
}


/* footer - sitemap */

#footer h4 {
  font-size: 18px;
  color: #333;
}
#footer ul { margin: 0; margin-top: 15px; }
#footer ul li { margin-bottom: 6px; }
#footer ul li a { text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; text-shadow: 0 0 4px #aaa; }



/* ---------------------------------------------------- */
/* ------------------  submenu  ------------------ */


#content .menu {
  width: 227px;
  height: 422px;
  padding-top: 75px;
  padding-right: 1px;
  background-image: url(/images/submenu_background.jpg);
  background-repeat: no-repeat;
  font-size: 17px;
  margin-left: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

#content .menu a {
  text-decoration: none;
  color: #333;
}

#content .menu ul {
  margin: 0;
  padding: 0;
}

#content .menu li {
  width: 213px;
  text-align: right;
  list-style-type: none;
  height: 28px;
  padding-right: 15px;
  padding-top: 6px;
  margin-top: 2px;
}
#content .menu li:hover {
  background-image: url(/images/submenu_active.png);
  background-repeat: no-repeat;
}


#content .menu li.active {
  background-image: url(/images/submenu_active.png);
  background-repeat: no-repeat;
  font-weight: bold;
}



/* ---------------------------------------------------- */
/* -------------------  sitemap ------------------- */

#content .center .middle li a {  
  text-decoration:none;
       font-family: tahoma, sans-serif;
  font-size: 11px;
  color: #666;       
}

#content .center .middle ul .children
{
       margin-left:15px;
}

.children
{
       margin-left:15px;
}





/* --------------------------------------------------- */
/* --------------------  various  -------------------- */

/*
      ordered lists
*/
div.ordered_list p {
  font-size: 12px;
  color: #333;
  background-color: #eee;
  border: 1px solid #ccc;
  border-top: none;
  -moz-border-radius-bottomLeft: 5px;
  -moz-border-radius-bottomRight: 5px;
  -webkit-border-radius: 5px;
  width: 430px;
  margin: 0 0 30px 0;
  padding: 10px 15px 15px 15px;
}
#content .center .middle div.ordered_list h5 {
  margin: 0;
  padding: 10px 15px 8px 15px;
  width: 432px;
  background-color: #666;
  color: white;
  -moz-border-radius-topLeft: 5px;
  -moz-border-radius-topRight: 5px;
  -webkit-border-radius: 5px;
}






/* -------- fancy box ---------- */

div#fancy_title div {
  color: #333 !important;
  padding: 6px 10px;
  background-color: white;
}


/* --------- blockquotes ---------- */

blockquote {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
  -moz-border-radius: 4px;
  -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
  padding: 20px;
  text-align: center;
  margin: 0 20px 20px;
  line-height: 150%;
  font-weight: bold;
  color: #333;
}