/* portal.css
------------------------------------------------------------------------
This stylesheet contains the CSS rules salzburg.info portal 

Author: elements.at 
--------------------------------------------------------------------- */


body {
	background: #fff url(/static/img/body_portal_bg.gif) center top repeat-y;
}

/* portal
--------------------------------------------------------------- */

#portal {
	width: 1000px;
	height: 567px;
	overflow: hidden;
	position: relative;
}

#portal .portalback {
	width: 1000px;
	height: 567px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#portalflashcontainer {
	width: 1000px;
	height: 445px;
	overflow: hidden;
}

#portalflashcontainer .overlay {
	background: url(/static/img/portal_nonflash_overlay.png) left top no-repeat;
	width: 1000px;
	height: 445px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

/*#portal .portal_elements {
	width: 1000px;
	height: 567px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}*/

/* portal teasers (with tabbing)
----------------------------------------------------------------*/
#portal #portal_teasers {
	background: url(/static/img/portal_teasers_bg.gif) left top no-repeat;
	width: 740px;
	height: 114px;
	overflow: hidden;
	padding: 1px 0 2px 0;
	position: absolute;
	top: 450px;
	left: 20px;
	z-index: 100;
}

#portal_teasers .tab_content {
	width: 740px;
	height: 90px;
	overflow: hidden;
}


#portal_teasers .tab_content .pt_teaser {
	background: url(/static/img/portal_teaser_bg.gif) left top no-repeat;
	width: 167px;
	height: 82px;
	overflow: hidden;
	padding: 8px 9px 0 9px;
	float: left;
	cursor: pointer;
}

#portal_teasers .tab_content .pt_teaser h2 {
	width: 167px;
	overflow: hidden;
	color: #505a64;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: normal;
}

#portal_teasers .tab_content .pt_teaser h3 {
	width: 167px;
	overflow: hidden;
	color: #990000;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 4px 0;
	text-transform: uppercase;
}

#portal_teasers .tab_content .pt_teaser p {
	width: 167px;
	height: 28px;
	overflow: hidden;
	color: #666;
}

#portal_teasers .tab_content .pt_teaser p a {
	text-decoration: none;
	color: #666;
}


#portal_teasers .tab_content .pt_teaser.wide {
	background: url(/static/img/portal_teaser_bg_wide.gif) left top no-repeat;
	width: 352px;
}

#portal_teasers .tab_content .pt_teaser.wide h2 {
	width: 352px;
}

#portal_teasers .tab_content .pt_teaser.wide h3 {
	width: 352px;
}

#portal_teasers .tab_content .pt_teaser.wide p {
	width: 352px;
}



#portal_teasers .tab_content .pt_img_teaser {
	background: url(/static/img/portal_teaser_bg_wide.gif) left top no-repeat;
	width: 368px;
	height: 90px;
	overflow: hidden;
	padding: 0 1px;
	float: left;
	cursor: pointer;
}

#portal_teasers .tab_content .pt_img_teaser .image {
	width: 85px;
	height: 90px;
	overflow: hidden;
	float: left;
}

#portal_teasers .tab_content .pt_img_teaser .pti_text {
	width: 264px;
	height: 90px;
	overflow: hidden;
	padding: 8px 9px 0 10px;
	float: left;
}

#portal_teasers .tab_content .pt_img_teaser h2 {
	width: 264px;
	overflow: hidden;
	color: #505a64;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: normal;
}

#portal_teasers .tab_content .pt_img_teaser h3 {
	width: 264px;
	overflow: hidden;
	color: #990000;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 4px 0;
	text-transform: uppercase;
}

#portal_teasers .tab_content .pt_img_teaser p {
	width: 264px;
	height: 28px;
	overflow: hidden;
	color: #666;
}

#portal_teasers .tab_content .pt_img_teaser p a {
	text-decoration: none;
	color: #666;
}

/* tab navigation */
#portal_teasers .tab_navigation {
	width: 555px;
	height: 24px;
	overflow: hidden;
}


#portal_teasers .tab_navigation .tab {
	background: url(/static/img/portal_tab_bg.gif) left top no-repeat;
	width: 185px;
	height: 24px;
	overflow: hidden;
	float: left;
	cursor: pointer;
}

#portal_teasers .tab_navigation .tab span {
	display: block;
	width: 164px;
	height: 14px;
	overflow: hidden;
	padding: 5px 10px 5px 11px;
	color: #990000;
	float: left;
}

#portal_teasers .tab_navigation .tab.active {
	background: url(/static/img/portal_tab_bg_active.gif) left top no-repeat;
}


#portal_teasers .tab_navigation .tab.active span {
	color: #000;
}



/* portal box (vacancy search, maps teaser)
----------------------------------------------------------------*/
#portal #portal_box {
	background: url(/static/img/portal_box_bg.gif) left top no-repeat;
	width: 220px;
	height: 255px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 296px;
	left: 760px;
	z-index: 101;
}

/* vacancy teaser */
#portal_box #vacancybox {
	width: 220px;
	height: 155px;
	overflow: hidden;
}

#vacancybox .tab_navigation {
	background: url(/static/img/portalbox_tabnav_bg.gif) left top repeat-x;
	width: 220px;
	height: 24px;
	overflow: hidden;
}


#vacancybox .tab_navigation .tab {
	background: url(/static/img/vacancy_tab_bg.gif) left top no-repeat;
	height: 24px;
	overflow: hidden;
	float: left;
	cursor: pointer;
}

#vacancybox .tab_navigation .tab span {
	display: block;
	height: 14px;
	overflow: hidden;
	padding: 5px 11px;
	color: #fff;
	float: left;
}

#vacancybox .tab_navigation .tab.active {
	background: #fff;
}


#vacancybox .tab_navigation .tab.active span {
	color: #333;
}


#vacancybox .tab_content {
	background: url(/static/img/vacancy_search_bg.gif) 10px bottom no-repeat;
	width: 210px;
	overflow: hidden;
	height: 120px;
	padding: 0 0 2px 10px;
}

#vacancybox .tab_content p {
	width: 200px;
	height: 56px;
	overflow: hidden;
	padding: 9px 0 5px 0;
	color: #333;
	
}

#vacancybox .tab_content .vb_links {
	width: 200px;
	overflow: hidden;
	padding: 0;
}

#vacancybox .tab_content .vb_links .vb_link {
	width: 200px;
	overflow: hidden;
	padding: 0;
}

#vacancybox .tab_content .vb_links .vb_link a {
	background: url(/static/img/infolink_arrow.gif) left 4px no-repeat;
	overflow: hidden;
	text-decoration: none;
	color: #990000;
	padding: 0 0 0 10px;
}

/* vacancy form */
#vacancybox .tab_content form {
	width: 210px;
	height: 105px;
	overflow: hidden;
	padding: 15px 0 0 0;
}

#vacancybox .tab_content form .f_line {
	width: 210px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 4px 0;
}

#vacancybox .tab_content form .f_line label {
	display: block;
	width: 65px;
	overflow: hidden;
	padding: 3px 5px 3px 0;
	color: #000;
	float: left;
}

#vacancybox .tab_content form .f_line label.second {
	text-align: right;
	padding: 3px 10px 3px 0;
	width: 60px;
}

#vacancybox .tab_content form .f_line input {
	background: #d3d6da;
	width: 16px;
	overflow: hidden;
	border: 1px solid #d3d6da;
	padding: 2px 5px 4px 5px;
	color: #000;
	margin: 0 4px 0 0;
	float: left;
	/*text-align: center;*/
}

#vacancybox .tab_content form .f_line input.year {
	width: 31px;
	margin: 0;
}

#vacancybox .tab_content form .f_line select {
	background: #d3d6da;
	width: 130px;
	overflow: hidden;
	border: 1px solid #d3d6da;
	padding: 2px 2px 2px 5px;
	color: #000;
	float: left;
}

#vacancybox .tab_content form .f_line .calendar_icon {
	display: block;
	background: url(/static/img/calendar_icon_dta.gif) left top no-repeat;
	width: 23px;
	height: 21px;
	padding: 0;
	overflow: hidden;
	float: left;
	cursor: pointer;
}

#vacancybox .tab_content form .submit_line {
	width: 200px;
	overflow: hidden;
	padding: 10px 0 0 0;
}

* html #vacancybox .tab_content form .submit_line {
	padding: 12px 0 0 0;
}

#vacancybox .tab_content form .submit_line input.submit {
	background: #fff url(/static/img/submit_vacancy.gif) right center no-repeat;
	width: auto;
	border: none;
	padding: 2px 40px 2px 10px;
	overflow: visible;
	color: #990000;
	float: right;
	cursor: pointer;
	height: 20px;
}

* html #vacancybox .tab_content form .submit_line input.submit {
	padding: 1px 40px 1px 10px;
}


/* maps teaser */
#portal_box .sbg_maps_teaser  {
	background: url(/static/img/sbg_map_teaser_bg.gif) left top no-repeat;
	width: 200px;
	height: 70px;
	overflow: hidden;
	padding: 30px 10px 0 10px;
	cursor: pointer;
}

#portal_box .sbg_maps_teaser p {
	width: 200px;
	height: 42px;
	overflow: hidden;
	color: #666;
}

#portal_box .sbg_maps_teaser p a {
	text-decoration: none;
	color: #666;
}



/* footer (portal)
--------------------------------------------------------------- */

#footer .f_line .szbg_logo a {
	background: url(/static/img/footer_szbglogo_portal.gif) left top no-repeat;
}

#footer .f_line .szbg_logo a:hover {
	background: url(/static/img/footer_szbglogo_portal_hover.gif) left top no-repeat;
}



/* sujet teasers
----------------------------------------------------------------*/
#portal #sujet_teasers {
	width: 740px;
	height: 146px;
	overflow: hidden;
	padding: 1px 0 2px 0;
	position: absolute;
	top: 295px;
	left: 20px;
	z-index: 100;

}

#sujet_teasers .sj_teaser {
	width:180px;
	height:146px;
	float:left;
	position:relative;
	margin:0 5px 0 0;
}

#sujet_teasers .sj_teaser .sj_head {
	width:170px;
	height:20px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	padding:4px 0 0 10px;
	background-color: #990000;
}

#sujet_teasers .sj_teaser .sj_head h2 {
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	overflow:hidden;
	text-transform:uppercase;
}

#sujet_teasers .sj_teaser .sj_head h2 a {
	color:#fff;
	text-decoration: none;
	cursor:pointer;
}

#sujet_teasers .sj_teaser .sj_image {
	width:180px;
	height:120px;
	overflow:hidden;
	position:absolute;
	top:24px;
	left:0;
	cursor:pointer;
}

#sujet_teasers .sj_teaser .sj_image img {
	cursor:pointer;
}