/* ------------------ no sub (menu) ------------------ */

.nosub #content .menu { display: none !important; }

.nosub #content .middle {
   margin-left: 40px !important;
   width: 720px !important;
}




/* ------------------ home ------------------ */

.home #header img.header_img,
.home #header div.blog,
.home #content .border_top,
.home #content .border_bottom,
.home #content .menu,
.home .bookmark_utilities,
.home #content .side,
.home h1.headline,
.home h2.headline { display: none; }
.home #content { background-image: none; }
.home #header { margin: 0; }
.home #content .middle img { margin: 0;}
.home #content .middle {
  width: 982px;
  margin: 0;
  padding: 0;
  margin-top: 0;
}
.home #header div.float_left { margin-bottom: 73px !important; }

/* home - hsg page */
body.hsg .home #header div.blog {
  display: block;
  z-index: 60;
  margin-left: 952px !important;
  margin-top: 257px !important;
}

/* banner */
.home .home_banner img { float: left; }

/* boxes */
.home .home_boxes {
  clear: both;
  padding-top: 40px;
  height: 165px;
}
.home .home_boxes li { float: left; margin-left: 31px; }
.home .home_boxes li:first-child { margin-left: 0px; }
.home .home_boxes img:hover {
  -moz-box-shadow: 0px 0px 10px #bbb;
  -webkit-box-shadow: 0px 0px 10px #bbb;
  box-shadow: 0px 0px 10px #bbb;
}

/* infotext */
.home .infotext {
  position: relative;
  width: 982px;
  background-image: url(/images/infotext_border_center.png);
  background-repeat: repeat-y;
  clear: both;
  margin-top: 25px;
}
.home .infotext .border_top,
.home .infotext .border_bottom {
  width: 982px;
  height: 6px;
  background-repeat: repeat-y;
  display: block !important;
}
.home .infotext .border_top { background-image: url(/images/infotext_border_top.png) !important; }
.home .infotext .border_bottom { background-image: url(/images/infotext_border_bottom.png) !important; }
.home .infotext h1 { display: inline; }
.home .infotext h4 { display: block; }
.home .infotext h1 {
  font-size: 29px;
  color: black;
  float: left;
  width: 360px;
  height: 40px;
}
.home .infotext h4 {
  font-size: 17px !important;
  color: #999 !important;
  line-height: 200%;
  margin-top: 10px;
  text-align: justify;
}
.home .infotext .center { padding: 12px 20px 8px 20px; }
.home .infotext .center em { font-weight: normal; font-style: normal; color: #333; }

/* news */
.home .news {
  margin-top: 24px;
  position: relative;
  color: #999;
  overflow: hidden;
}
body.moss .home .news { margin-top: 40px; }

.home .news .top {
  width: 982px;
  min-height: 300px;
  background-image: url(/images/news_bg.png);
  background-repeat: no-repeat;
}
.moss .home .news .top { min-height: 610px; }

.home .news .bottom {
  background-image: url(/images/news_bg_bottom.png);
  background-repeat: no-repeat;
  height: 6px;
  width: 982px;
}

.home #footer {
  margin-top: -30px;
}

.home .column_news {
  width: 442px; /* 482 - 50 px */
  padding: 0 25px;
}

.home .column_jobs {
  width: 442px;
  position: absolute;
  top: 0;
  left: 482px;
  padding: 0 25px;
}

.home .column_right {
  width: 498px;
  position: absolute;
  top: 0;
  left: 482px;
}

.home .column_rss {
  padding: 0 25px;
  min-height: 222px;
}
.moss .home .column_rss {
  width: 442px;
}

.home .news h4,
.home .news h4 a {
  color: #333 !important;
  font-size: 26px !important;
}
.home .news h4 { padding: 20px 0 33px; margin-left: 5px; }
.home .news .column_news h4 {
  background-image: url(/images/icon_news.png);
  background-repeat: no-repeat;
  background-position: 0px 18px;
}
.home .news .column_jobs h4 {
  background-image: url(/images/icon_jobs.png);
  background-repeat: no-repeat;
  background-position: 0px 18px;
}
.home .news .column_rss h4 {
  background-image: url(/images/icon_blog.png);
  background-repeat: no-repeat;
  background-position: 0px 18px;
}
.home .news .column_products_mosspage h4 {
  background-image: url(/images/icon_products.png);
  background-repeat: no-repeat;
  background-position: 0px 18px;
  margin-left: 26px;
}
.home .news .column_products h4 {
  background-image: url(/images/icon_products.png);
  background-repeat: no-repeat;
  background-position: 25px 18px;
  padding-top: 20px;
  padding-bottom: 25px;
}
.home .news  h4 a { margin-left: 45px; }

.home .news .column_products { margin-top: 70px; }

.home .news  .column_products h4 a { margin-left: 70px; }

/*.home .news .column_products h4 {
  padding-left: 67px;
}*/
.home .news .column_products_mosspage ul,
.home .news .column_products ul {
  padding-left: 25px;
}
.home .news .column_products_mosspage ul {
  margin-top: 20px;
}
.home .news .column_products h4 {
  background-color: #F5FAEE;
  border-top: 1px solid #ccc;
  margin: 0;
  margin-bottom: 20px;
}
.home .news .column_products_mosspage ul a,
.home .news .column_products ul a { color: #666 !important; font-weight: bold;}
.home .news .column_products_mosspage ul a  span.for_sharepoint,
.home .news .column_products ul a  span.for_sharepoint { color: #999 !important; font-weight: normal; }
.home .news .column_products_mosspage ul div.sharepoint_image img,
.home .news .column_products ul div.sharepoint_image img { height: 24px; }
.home .news .column_products_mosspage ul li,
.home .news .column_products ul li { clear: both; padding: 9px 0; }
.home .news .column_products_mosspage ul li:hover,
.home .news .column_products ul li:hover { background-color: #f7f7f7; }
.home .news .column_products_mosspage ul div.sharepoint_image,
.home .news .column_products ul div.sharepoint_image {
  float: left;
  width: 40px;
  text-align: center;
  margin-right: 6px;
}

.home .news li a { font-size: 16px !important; color: #999 !important; }
.home .news li { position: relative;}
/*.home .news .column_news img { display: none; }*/
.home .news .column_news table { margin-top: 16px; width: 430px; }

.home .news h3 a {
  color: #333 !important;
  font-family: tahoma, helvetica, sans-serif !important;
}
.home .news .seperator {
  position: absolute;
  top: 92px;
  left: 482px;
  width: 1px;
  height: 1337px;
  background-color: #ccc;
}
.home .news ul.news_list { border-top: none !important; width: 422px; overflow: hidden; }
.home .news ul.news_list li { overflow: hidden; /*width: 430px;*/ }


/* news */
ul.news_list span.date { font-size: 10px; padding-left: 20px; }
ul.news_list a.article_link { color: #6f70c1 !important; white-space: nowrap; font-size: 11px !important; margin-left: 92px !important; }
ul.news_list p { margin: -5px 0 0 91px !important; text-align: justify; }
#rss_results p { margin: -7px 0 6px 0 !important; }
body ul.newsletter_list p { margin: -5px 0 0 0 !important; } /* newsletter - no image */
ul.news_list div.preview_image {
  background-reepat: no-repeat;
  width: 80px;
  height: 64px;
  position: absolute;
  left: 7px;
}
ul.news_list div.preview_image div.image {
  padding: 5px 0 0 2px;
  width: 76px;
  height: 55px;
  overflow: hidden;
}
ul.news_list li {
  padding: 20px 7px;
}
ul.news_list li:hover {
  background-color: #f7f7f7;
}
ul.news_list li:last-child { border-bottom: none !important; }





/* ------------------ job ------------------ */

.job #content .center .middle table h4 {
  margin: 30px 0 5px 0;
  font-weight: bold;
  font-size: 16px;
}
.job_detail h1.headline,
.job_detail h2.headline { display: none; }
.job h1.job_headline {
  font-size: 30px;
  color: #333;
}
.job h2.job_headline {
  font-size: 20px;
  margin-top: -12px;
  margin-bottom: 30px;
}

.jobTable td {
  border-bottom: 1px dotted #aaa;
  padding: 5px 0;
}
.jobTable tr td:first-child { font-weight: bold; }
.job_overview li a.title {
  font-family: "Bookman Old Style", Times, serif !important;
  color: #333 !important;
  font-size: 20px !important;
  font-weight: bold !important;
}

.job_overview li {
  padding: 13px 7px;
  border-bottom: 1px solid #ccc;
}

.job_overview li.active {
  background-color: #f0f0f0;
  -moz-box-shadow: 0px 0px 10px #cccccc;
  -webkit-box-shadow: 0px 0px 10px #cccccc;
  box-shadow: 0px 0px 10px #cccccc;
  box-shadow: 0px 0px 10px #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding: 13px 6px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

ul.job_overview { border-top: 1px solid #ccc !important;  margin-bottom: 75px !important; }

.job_overview div.description {
  color: #999 !important;
  font-size: 11px !important;
}

.job_overview a.details {
  color: #2B2D8A !important;
  float: right;
}



/* ------------------ news ------------------ */


.news_list li h3 a {
  font-family: "Bookman Old Style", Times, serif !important;
  color: #333 !important;
  font-size: 20px !important;
  /*font-weight: bold !important;*/
}
.news_list li h3 { margin-bottom: 14px; }

.news_list li {
  padding: 33px 7px;
  border-bottom: 1px solid #ccc;
}

ul.news_list { border-top: 1px solid #ccc !important;  padding-bottom: 25px !important; }

.news_list div {
  color: #999 !important;
  font-size: 11px !important;
  margin-top: -3px !important;
}
.news_list div a { color: #2B2D8A !important; white-space: nowrap; }
.news_list div a:hover { text-decoration: underline !important; }

.news_list span.date {
  color: #999;
  float: right;
}



/* ------------------ sitemap ------------------ */

.sitemap #content .middle h3 { color: #444 !important; }

.sitemap div.hsg,
.sitemap div.job,
.sitemap div.moss {
   float: left;
   width: 178px;
   padding: 0px 20px 20px 20px;
   margin-right: 20px;
   background-color: #fafafa;
   border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   -moz-box-shadow: 0 0 10px #ddd;
   -webkit-box-shadow: 0 0 10px #ddd;
   box-shadow: 0 0 10px #ddd;
   border: 1px solid #bbb;
}

.sitemap div.hsg { background-color: #e3eed9; }
.sitemap div.job { background-color: #e7edf9; }
.sitemap div.moss { background-color: #fbe6ca; }

.sitemap div.hsg h3,
.sitemap div.job h3,
.sitemap div.moss h3 {
   font-weight: bold;
   font-size: 16px;
   color: #333;
   margin-top: -7px;
}

.sitemap div.hsg h4 a,
.sitemap div.job h4 a,
.sitemap div.moss h4 a {
   color: #666;
   text-decoration: none;
}

.sitemap div.hsg h4,
.sitemap div.job h4,
.sitemap div.moss h4 {
   font-size: 11px !important;
   border-bottom: 1px solid #bbb;
   margin-bottom: 20px;
   margin-top: -3px;
   padding-bottom: 3px;
}


.sitemap div.hsg ul,
.sitemap div.job ul,
.sitemap div.moss ul {
   margin-left: 15px;
}

.sitemap div.hsg ul li,
.sitemap div.job ul li,
.sitemap div.moss ul li {
   margin-bottom: 10px;
   font-weight: bold;
}


.sitemap div.hsg ul.children li,
.sitemap div.job ul.children li,
.sitemap div.moss ul.children li {
   line-height: 100%;
   margin: 0;
   margin-bottom: 4px;
   font-weight: normal;
}

.sitemap div.hsg ul.children,
.sitemap div.job ul.children,
.sitemap div.moss ul.children {
   margin: 3px 0px 20px 8px !important;
}

.sitemap div.hsg a:hover,
.sitemap div.job a:hover,
.sitemap div.moss a:hover {
   text-decoration: underline !important;
}




/* ------------------ sharepoint products ------------------ */
.webpart_new a.lightbox,
.webpart a.lightbox {
  float: left;
  margin: 20px 10px 0 10px;
}

.webpart div.download_links {
  position: absolute;
  top: 460px;
}

.webpart div.download_links h3 {
  font-size: 20px !important;
  color: #333 !important;
  margin-bottom: 22px !important;
}

.webpart div.download_links h3.cost {
  margin-top: 90px;
}

.webpart div.download_links span.cost {
  color: #ddd;
  display: block;
  font-family: "Bookman Old Style", Times, serif;
  font-size: 123px;
  letter-spaceing: -8px;
  margin-left: 139px;
  margin-top: -72px;
  line-height: 100%;
}

.webpart div.download_links small {
  display: block;
  margin-top: -69px;
  line-height: 113%;
  color: #aaa;
}

.webpart .center .middle {
  height: 970px;
}




/* ------------------ side ------------------ */

body.moss #content .center .side div.element,
body.hsg #content .center .side div.element {
  padding-top: 15px;
}

span.side_frame {
  display: block;
  text-align: center;
  padding-bottom: 20px;
}

#content .center .side div.element h5 {
  padding: 0 10px;
  text-align: center;
}


#content .center .side div.element h5,
span.side_frame h5 {
  color: #333;
  font-size: 20px;
  margin-bottom: 3px;
}

span.side_frame p {
  color: #666;
  font-size: 11px;
  padding: 0 10px;
}



/* top 5 jobs */

#content .center .side div.top_5 { margin-left: 15px !important; }
#content .center .side div.top_5 h5 {
  text-align: left !important;
  font-size: 12px !important;
}



/* ----------------------------------
   - sharepoint product pages -------
   ---------------------------------- */


/* foldable section ----------------- */

.hsgfoldablesection {
  width: 470px;
  padding-bottom: 50px;
  padding-top: 20px;
}


.hsgfoldablesection h2 {
  margin-bottom: 0 !important;
}

.hsgfoldablesection hr {
   border: 0;
   color: #ccc;
   background-color: #ccc;
   height: 1px;
   width: 100%;
   text-align: left;
   margin-top: -3px;
}

.hsgfoldablesection img.foldable_toggle {
  float: right;
  margin-top: -5px;
  cursor: pointer;
}

.hsgfoldablesection_content {
   margin-top: 20px;
}

/* summary --------------------------- */

.hsgproduct_summary {
  font-size: 14px;
  line-height: 175% !important;
}


/* buttons ------------------------------ */

.hsgproduct_fullversion,
.hsgproduct_purchase,
.hsgproduct_download {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  width: 230px;
  height: 83px;
  background-image: url(http://www.hagenberg-software.at/images/button_purchase.jpg);
  background-repeat: no-repeat;
}
.hsgproduct_purchase:hover { background-image: url(http://www.hagenberg-software.at/images/button_purchase-hover.jpg); }

/* trial version */
.hsgproduct_download { background-image: url(http://www.hagenberg-software.at/images/button_download.jpg); }
.hsgproduct_download:hover { background-image: url(http://www.hagenberg-software.at/images/button_download-hover.jpg); }

/* free full version */
.hsgproduct_fullversion { background-image: url(http://www.hagenberg-software.at/images/button_fullversion.jpg); }
.hsgproduct_fullversion:hover { background-image: url(http://www.hagenberg-software.at/images/button_fullversion-hover.jpg); }

/* german - kaufen */
body.deutsch .hsgproduct_purchase { background-image: url(http://www.hagenberg-software.at/images/button_purchase-de.jpg); }
body.deutsch .hsgproduct_purchase:hover { background-image: url(http://www.hagenberg-software.at/images/button_purchase-hover-de.jpg); }


.hsgproduct_fullversion:hover,
.hsgproduct_purchase:hover,
.hsgproduct_download:hover {
  text-decoration: none;
}

.hsgproduct_fullversion span,
.hsgproduct_purchase span,
.hsgproduct_download span {
  position: absolute;
  top: 40px;
  left: 100px;
  width: 120px;
  color: #888;
  font-size: 18px;
}

.hsgproduct_compatability li {
  float: left;
  background-image: url(http://www.hagenberg-software.at/images/check.png);
  background-repeat: no-repeat;
  height: 37px;
  padding: 0 8px 0 44px;
  background-position: 5px 0;
  list-style-type: none !important;
  color: #777;
  font-size: 10px;
  line-height: 150%;
}


/* kontaktformular ------------------------------ */

#content .center .middle .hsgproduct_form {
  margin-top: 20px;
}

#content .center .middle .hsgproduct_form input[type=text],
#content .center .middle .hsgproduct_form textarea {
  width: 450px;
  padding: 10px;
  margin: 5px 0;
  border: 1px solid #d4d4d4;
  background-color: #f1f1f1;
  font-size: 15px;
  color: #777;
  -moz-box-shadow: 0 0 3px #eee;
  -webkit-box-shadow: 0 0 3px #eee;
}


#content .center .middle .hsgproduct_form input[type=text]:focus,
#content .center .middle .hsgproduct_form textarea:focus {
  border: 1px solid #ccc;
  -moz-box-shadow: 0 0 3px #ccc;
  -webkit-box-shadow: 0 0 3px #ccc;
  color: #555;
}


/* features -------------------------------------------- */

.hsgproduct_feature {
  width: 452px; /* 470px width minus padding */
  padding: 3px 9px;
}

.hsgproduct_feature.odd {
  background-color: #e9e9e9;
}

/* all images */
.hsgproduct_feature img {
  float: left;
  margin-right: 10px;
  border: 2px solid #999;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: 0 0 5px #999;
  -webkit-box-shadow: 0 0 5px #999;
}

.hsgproduct_feature h5 {
  background-image: url(http://www.hagenberg-software.at/files/fancybox/lightbox_icon.png);
  background-repeat: no-repeat;
  background-position: right center;
  font-size: 13px;
  font-weight: normal !important;
  cursor: pointer;
  padding-right: 22px;
  min-height: 21px;
}

.hsgproduct_feature.open h5 {
  font-weight: bold !important;
  background-image: url(http://www.hagenberg-software.at/files/fancybox/lightbox_icon_minus.png);
  color: #444;
}

.hsgproduct_feature_details {
  padding: 10px 0;
}


/* side section / downloads ------------------------- */

.hsgside_section h4 {
  font-size: 19px;
  color: #555;
  padding-left: 5px;
}

.hsgside_section hr { margin: 3px 0 12px; }

a.hsgside_download {
  display: block;
  background-image: url(http://www.hagenberg-software.at/images/pdf.png);
  background-repeat: no-repeat;
  padding-left: 40px;
  color: #555;
  font-size: 12px;
  text-decoration: none;
  padding-top: 10px;
  height: 31px;
}
a.hsgside_download:hover {
  color: #333;
  text-decoration: underline;
  background-image: url(http://www.hagenberg-software.at/images/pdf_hover.png);
}


/* buttons on side of product pages ---------------------- */

.hsgproduct_rightbuttons {
  padding-left: 9px;
  margin: 0 0 20px !important;
}


/* download button */

.hsgproduct_rightbuttons a {
  text-indent: -100em;
  overflow: hidden;
  height: 64px;
  width: 178px;
  display: inline-block;
  background-image: url(http://www.hagenberg-software.at/images/sidebutton_download_de.png);
  background-repeat: no-repeat;
}
.hsgproduct_rightbuttons a:hover { background-image: url(http://www.hagenberg-software.at/images/sidebutton_download_de_hover.png); }

.english .hsgproduct_rightbuttons a { background-image: url(http://www.hagenberg-software.at/images/sidebutton_download.png); }
.english .hsgproduct_rightbuttons a:hover { background-image: url(http://www.hagenberg-software.at/images/sidebutton_download_hover.png); }


/* contact & purchase buttons */

.hsgproduct_rightbuttons a.contact, 
.hsgproduct_rightbuttons a.purchase {
  width: 88px;
  height: 35px;
  background-image: url(http://www.hagenberg-software.at/images/sidebutton_contact_de.png);
}
.hsgproduct_rightbuttons a.purchase { background-image: url(http://www.hagenberg-software.at/images/sidebutton_purchase_de.png); }
.hsgproduct_rightbuttons a.purchase:hover { background-image: url(http://www.hagenberg-software.at/images/sidebutton_purchase_de_hover.png); }
.hsgproduct_rightbuttons a.contact:hover { background-image: url(http://www.hagenberg-software.at/images/sidebutton_contact_de_hover.png); }

.english .hsgproduct_rightbuttons a.purchase { background-image: url(http://www.hagenberg-software.at/images/sidebutton_purchase.png); }
.english .hsgproduct_rightbuttons a.purchase:hover { background-image: url(http://www.hagenberg-software.at/images/sidebutton_purchase_hover.png); }
.english .hsgproduct_rightbuttons a.contact { background-image: url(http://www.hagenberg-software.at/images/sidebutton_contact.png); }
.english .hsgproduct_rightbuttons a.contact:hover { background-image: url(http://www.hagenberg-software.at/images/sidebutton_contact_hover.png); }


/* buttons for free products */

.webpart_free .hsgproduct_rightbuttons a:first-child { background-image: url(http://www.hagenberg-software.at/images/sidebutton_downloadfree_de.png); }
.webpart_free .hsgproduct_rightbuttons a:first-child:hover { background-image: url(http://www.hagenberg-software.at/images/sidebutton_downloadfree_de_hover.png); }
.english .webpart_free .hsgproduct_rightbuttons a:first-child { background-image: url(http://www.hagenberg-software.at/images/sidebutton_downloadfree_en.png); }
.english .webpart_free .hsgproduct_rightbuttons a:first-child:hover { background-image: url(http://www.hagenberg-software.at/images/sidebutton_downloadfree_en_hover.png); }

.webpart_free .hsgproduct_rightbuttons a.purchase { display: none; }



/* box for overview page ------------------------------- */

.hsgproduct_box {
  width: 227px;
  height: 125px;
}

.hsgproduct_box_content {
  text-align: center;
  color: white;
  font-size: 13px;
  padding: 20px 15px 0;
  font-weight: bold;
  line-height: 200%;
  height: 85px; /* 227 - padding*2 */
  width: 197px;
  position: relative;
}

.hsgproduct_box_content img {
  position: absolute;
  bottom: 0;
  left: 20px;
}

.hsgproduct_box_content div {
  text-align: right;
  position: absolute;
  bottom: 5px;
  right: 15px;
}

.hsgproduct_box_container {
  float: left;
  text-decoration: none !important;
  margin: 0 7px 7px 0;
}


/* home page moss -----------------------*/
.hsghome_box {
  background-image: url(http://www.hagenberg-software.at/images/homemoss_box.jpg);
  background-repeat: no-repeat;
  width: 300px;
  height: 330px;
  position: relative;
  line-height: 150%;
}

.hsghome_box_headline {
  text-align: center;
  padding-top: 13px;
}


.hsghome_box_headline h3 a,
.hsghome_box_headline h3 {
  text-underline: none;
  font-size: 26px !important;
  color: #333 !important;
}

.hsghome_box_content {
  position: absolute;
  left: 0;
  top: 69px;
  padding: 0 20px;
  color: #888;
}
.hsghome_box_content b { color: #666; }

.hsghome_box_button {
  position: absolute;
  bottom: 15px;
  right: 15px;
  display: block;
}

/* position boxes on (moss) home page */

ul.home_boxes_large { margin-top: 40px; }
ul.home_boxes_large li { margin-left: 41px; float: left; }
ul.home_boxes_large li:first-child { margin-left: 0; }


