﻿body { background-image: url("Image/Buwog-Page-Background.jpg"); background-position: center top; background-repeat: no-repeat; font: 14px Arial, 'Helvetica Neue' ,helvetica, sans-serif; letter-spacing: 0.03em; color: #666666; }
td { }
img { }
a { color: #f17a0c; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 0px 0px 14px 0px; }
input, select, textarea { }
table { list-style-position: inside; }

.epunkt-page { width: 1024px; margin-top: 36px; padding-top: 4px; margin-left: auto; margin-right: auto; background: url("Image/Buwog-maincontent_box_top.png") no-repeat; }
.epunkt-inner-page { margin-right: 58px; border: 1px; background: url("Image/Buwog-maincontent_box_middle.png") repeat-y; }
.epunkt-left { width: 274px; margin-left: 25px; }
.epunkt-content { margin-top: 25px; margin-bottom: 25px; margin-right: 25px; width: 625px; }
.epunkt-header { }
.epunkt-h1 { color: #333333; margin: 0px 0px 15px 0px; padding: 0px; font-size: 24px; font-weight: 300; }
.epunkt-h1 a { }
.epunkt-h2 { font-size: 1.8em; font-weight: 300; margin-bottom: 0.75em; }
.epunkt-textbox { }
.epunkt-button { }
.epunkt-logon-box-header { width: 244px; height: 24px; padding: 15px 10px 10px 20px; margin-top: 23px; background-image: url("Image/buwog-logon-top.png"); background-repeat: no-repeat; background-color: #ffffff; color: #666666; font-size: 16px; font-weight: normal; }
.epunkt-logon-box { width: 245px; height: 145px; padding: 10px 19px 10px 10px; background-image: url("Image/buwog-logon-middle.png"); background-repeat: no-repeat; background-color: transparent; text-align: right; }
.epunkt-logon-box a { color: #f17a0c; font-size: 12px; }
.epunkt-logon-box-footer { margin-bottom: 15px; background-image: url("Image/buwog-logon-bottom.png"); background-repeat: no-repeat; background-color: #ffffff; width: 274px; height: 12px; }


.epunkt-logoff-box-header { display: block; width: 264px; height: 1px; margin-top: 23px; background-image: url("Image/buwog-logon-top.png"); background-repeat: no-repeat; background-color: #ffffff; color: #666666; font-size: 16px; font-weight: normal; }
.epunkt-logoff-box { color: #666666; font-size: 12px; width: 245px; height: 155px; padding: 0 19px 10px 10px; background-image: url("Image/buwog-logon-middle.png"); background-repeat: no-repeat; background-color: transparent; }
.epunkt-logoff-box a { color: #f17a0c; font-size: 12px; }
.epunkt-logoff-box-footer { margin-bottom: 25px; background-image: url("Image/buwog-logon-bottom.png"); background-repeat: no-repeat; background-color: #ffffff; width: 274px; height: 12px; }


.epunkt-navigation-header { font-size: 13.2833px; color: #666666; background-color: #f1f0eb; padding: 3px 0px 3px 15px; height: 19px; line-height: 19px; font-weight: bold; margin-bottom: 10px; }
.epunkt-navigation-box { background-color: Transparent; margin-bottom: 25px; }
.epunkt-navigation-item { padding: 3px 0px 3px 10px; background-image: url('Image/Immofinanz-arrows.gif'); background-position: 0 9px; background-repeat: no-repeat; border-bottom: dotted 1px #666666; margin-left: 8px; }
.epunkt-navigation-item a { font-size: 13.2833px; color: #666666; text-decoration: none; }
.epunkt-navigation-item-active { padding: 3px 0px 3px 10px; background-image: url('Image/Immofinanz-bold-arrows.gif'); background-position: 0 9px; background-repeat: no-repeat; background-color: Transparent; border-bottom: dotted 1px #666666; margin-left: 8px; }
.epunkt-navigation-item-active a { font-size: 13.2833px; color: #333333; text-decoration: none; font-weight: bold; }

.epunkt-navigation-footer { }

.epunkt-grid-header { background-color: #f1f0eb; }
.epunkt-grid-header td { padding: 10px; }
.epunkt-grid-header a { color: #666666; font-weight: bold; }
.epunkt-grid-item, .epunkt-grid-item td { background-color: #f1f0eb; padding: 10px; }
.epunkt-grid-alternatingitem, .epunkt-grid-alternatingitem td { background-color: #f1f0eb; padding: 10px; }
.epunkt-list-item { }

.field-header { }
.epunkt-error { }
.epunkt-status-box { background-image: none; background-color: #f1f0eb; height: 60px; }
.epunkt-status-box-missing { background-image: none; background-color: #f1f0eb; height: 57px; }
.epunkt-info-box { }
.epunkt-info-box td { }
.epunkt-info-box a { }
.epunkt-progress-background { }
.epunkt-progress { }
.epunkt-hover-box { }

.epunkt-jobfilter { }
.epunkt-jobfilter-region { }
.epunkt-jobfilter-profile { }
.epunkt-jobfilter-filter { }

/* JQuery UI */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { }

/* Custom styles */
.epunkt-logon-box .epunkt-textbox { height: 20px; background-image: url("Image/buwog-logon-input.png"); background-repeat: no-repeat; border: none; color: #666666; background-color: transparent; padding: 3px 10px 3px 10px; margin-left: 10px; }
.epunkt-jobfilter .epunkt-textbox { height: 20px; background-image: url("Image/buwog-jobfilter-input.png"); background-repeat: no-repeat; border: none; color: #666666; background-color: transparent; padding: 3px 10px 3px 10px; margin-left: 10px; }
#leftpicture { margin-bottom: 25px; }
#divJobs { background-color: #f1f0eb; padding: 10px; }
#divJobs .epunkt-grid-item td { background-color: #f1f0eb; border-top: 1px dashed #999999; }
#divJobs .epunkt-grid-alternatingitem td { background-color: #f1f0eb; border-top: 1px dashed #999999; }
.epunkt-jobfilter { background-color: #f1f0eb; padding-left: 10px; }
.epunkt-jobfilter .epunkt-button { margin-top: 15px; margin-right: 10px; }
.epunkt-h1 { line-height: 30px; }
.epunkt-logoff-box .epunkt-button { padding: 0; margin: 0; }
.epunkt-logoff-box form { padding: 0; margin: 0; }



/* ***************************************************************************************
 * CUSTOM STYLES FOR BUWOG
   *************************************************************************************** */

/* Header */
#header { background: url("Image/Buwog-page_header_background_2.png"); background-repeat: no-repeat; width: 1024px; margin-left: auto; margin-right: auto; height: 117px; }
#header #logo-title { float: left; margin-left: 11px; margin-top: 12px; }
#header h3 { margin: 0; line-height: 18px; }
#header h4 { margin: 0; line-height: 18px; }
#footer .footer_block { margin-top: 14px; }
#footer .footer_block h3 { margin-top: 18px; }
#header .menu_bigsubmenu { line-height: 18px; }
.m__enu_item_toplevel_span { cursor: default; display: block; padding: 0 13px 0 14px; }
.einzeiligNav {    padding-top: 10px !important;}


/* ***************************************************************************************
 * THE FOLLOWING STYLES HAVE BEEN COPIED 1:1 FROM BUWOG WEBSITE, I JUST UPDATED THE IMAGES
   *************************************************************************************** */

/* Main Menu: START */
#block-block-2 { position: static; float: left; z-index: 1; }
#custom_menu { margin-top: 29px; margin-left: 57px; width: 566px; height: 61px; background: url('Image/Buwog-menu_background.png') no-repeat; letter-spacing: 0.012em; }
#custom_menu a { text-decoration: none; cursor: pointer; }
#custom_menu a span { cursor: pointer; }
#custom_menu .menu_bigsubmenu a:hover span { text-decoration: underline; }
#custom_menu ul.menu_toplevel { margin: 0px; padding: 0px; list-style: none; }
#custom_menu ul.menu_toplevel li.menu_item_toplevel { margin: 0px; padding: 0px; list-style: none; float: left; line-height: 61px; text-align: center; position: relative; z-index: 205; background: url('Image/Buwog-menu_seperator.png') right 4px no-repeat; padding-right: 3px; }
#custom_menu li#link_objects { width: 171px; }
#custom_menu li#link_gewerbe { width: 183px; }
#custom_menu li#link_wohnen { width: 199px; }
#custom_menu ul.menu_toplevel li.menu_last { background: none; }
#custom_menu ul.menu_toplevel li.menu_item_toplevel a.menu_item_toplevel_a { /* OLD 	color:#fff; 	text-decoration:none; 	font-size:16px; 	display:block;*/ color: #FFFFFF; display: block; font-size: 16px; height: 62px; line-height: 20px; padding-top: 10px; text-decoration: none; }
#custom_menu ul.menu_toplevel li.menu_item_toplevel:hover { background: url('Image/Buwog-menu_highlight_right.png') right no-repeat; }
#custom_menu ul.menu_toplevel li.menu_item_toplevel:hover a.menu_item_toplevel_a { background: url('Image/Buwog-menu_highlight_left.png') no-repeat; color: #e47114; /* NEW added 12.05.2011 shenoll */ height: 51px; }
#custom_menu ul.menu_toplevel li.menu_active { background: url('Image/Buwog-menu_active_right.png') right top no-repeat; padding-right: 3px; }
#custom_menu ul.menu_toplevel li.menu_active a.menu_item_toplevel_a { background: url('Image/Buwog-menu_active_left.png') -3px 0 no-repeat; color: #e47114; }
#custom_menu .menu_bigsubmenu { display: none; }
#custom_menu ul.menu_toplevel li.menu_item_toplevel:hover .menu_bigsubmenu { display: block; }
#custom_menu ul.menu_toplevel li.menu_item_toplevel a.menu_item_toplevel_a span { display: block; padding: 0px 13px 0px 14px; cursor: default; }
#custom_menu .menu_bigsubmenu { display: none; text-align: left; }
#custom_menu #menu_immo { position: absolute; top: 61px; left: -3px; width: 410px; height: 217px; padding: 7px 10px 30px 17px; background: url('Image/Buwog-submenu-immoangebote.png') no-repeat right bottom; }
#custom_menu #menu_immo .submenu-links li { width: 130px; }
#custom_menu #menu_gewerbe { position: absolute; top: 61px; left: -3px; width: 584px; height: 217px; padding: 7px 10px 30px 27px; background: url('Image/Buwog-submenu-gewerbe.png') no-repeat; }
#custom_menu #menu_wohnen { position: absolute; top: 61px; right: -6px; width: 529px; height: 354px; padding: 7px 10px 30px 27px; background: url('Image/Buwog-submenu_wohnen.png') no-repeat; }
.menu_bigsubmenu .submenu-intro-text { color: #7a7a7a; font-size: 16.24px; margin-top: 10px; margin-bottom: 0px; font-size: 14px; letter-spacing: 0.012em; }
.menu_bigsubmenu .submenu-links li { float: left; width: 124px; margin-right: 6px; margin-top: 22px; }
.menu_bigsubmenu .submenu-links a { display: block; line-height: 1.3em; }
.menu_bigsubmenu .submenu-links a span { padding-right: 13px; background: url('Image/Buwog-menu_parent_indicator.png') no-repeat right center; color: #7a7a7a; font-size: 15px; }
.menu_bigsubmenu .submenu-links img { display: block; margin-top: 23px; position: relative; left: -7px; }
#custom_menu .menu_bigsubmenu h3 { color: #e47114; font-size: 14px; font-weight: bold; margin-bottom: 5px; margin-top: 15px; }
#custom_menu #menu_services h3 { font-size: 14px; font-weight: bold; }
#menu_services ul li { width: 170px !important; margin-top: 0px !important; }
#menu_services span { background-position-x: right !important; background-position-y: center !important; margin-left: 0px !important; color: #666666 !important; font-size: 14px !important; }
#menu_services a { border-top: dashed 1px #999 !important; padding-top: 3px; width: 180px !important; }
#custom_menu .menu_bigsubmenu h4 { color: #333; font-size: 14px; font-weight: bold; margin: 0px; margin-top: 15px; margin-bottom: 7px; width: 160px; }
#custom_menu .menu_bigsubmenu ul { margin: 0px; padding: 0px; margin-bottom: 10px; list-style: none; }
/* Main Menu: END */

#beneath_content .content_nav { margin: 0px 25px 15px 20px; position: relative; top: 0px; }
a.content_back_to_overview, a.content_back_to_overview:visited { float: left; display: block; background: url('Image/Buwog-triangle_orange_left.png') no-repeat left center; padding-left: 15px; color: #666; font-size: 11px; font-weight: bold; }
a.content_back_to_overview:hover { color: #FF6600; text-decoration: none; }

/* Footer: START */
#footer { float: none; clear: both; background: url('Image/Buwog-page_footer_background_tile.png') repeat-x left bottom; min-height: 219px; width: 980px; margin: 0px auto; margin-top: 32px; padding: 4px 172px 0px 128px; }
.footer_block { float: left; margin: 16px; font-size: 12px; }
.footer_block h3 { color: #999999; margin-bottom: 0.5em; font-size: 12px; font-weight: normal; margin-top: 20px; }
.footer_block h3 a { color: #999999; }
.footer_block h3 a:hover { text-decoration: underline; color: #999999; }
.footer_block img { padding-right: 5px; }
.footer_block ul.footer_menu { margin: 0px; padding: 0px; list-style: none; }
.footer_block .footer_menu li { margin: 0px; padding: 0px; list-style: none; }
.footer_block a { color: #f17a0c; /*text-transform:uppercase;*/ }
.footer_block a:hover { color: #f17a0c; text-decoration: underline; }
/* Footer: END */

