/**
* 
* Page Home
*
* Layout for Homepage - Page-Id #jobsHome
*
* @project ZEIT Stellenmarkt 2011
* @version 1.0
* @package css
* @author Planet Newstyle: Hannes Kandulla
* @copyright 2011 ZEIT ONLINE
* @cssdoc version 1.0-pre
*
*/


/* @group Page-Layout */
/* @group Jobsuche */
#searchFormHome form{
	padding:20px;
	background-color:#F1F1F1;
}
#searchFormHome table td{
  padding-right:10px;
}
#searchFormHome label{
	color:#444444;
  font-weight:normal;
  margin:0 !important;
}
#searchFormHome input.text,
#searchFormHome select {
	width:177px;
	margin-top:3px;
  border:1px solid #c1c1c1;
}
#searchFormHome input.submit {
	float:left;
  margin-right:10px;
}
.desktop #searchFormHome input.submit {
  width:125px;
  height:25px;
  text-indent:-9999px;
  font-size:1px;
  padding:0;
  background:url("/images/jobs/background/bg_btn_jobsearch.gif") no-repeat scroll 0 0 transparent;
}
.desktop #searchFormHome input.submit:hover {
  background:url("/images/jobs/background/bg_btn_jobsearch.gif") no-repeat scroll 0 100% transparent;
}
#selectRegionBox {
  padding-top:10px;
}
#searchFormHome p {
	margin:0 !important;
	line-height:25px;
}
#searchFormHome p a {
  font-size:11px;
  font-weight:bold;
}
/* @end of Jobsuche */
/* @group Infobox */
#content #jobsHome .infobox ul li {
  font-size:11px;
  margin:0 5px 0 0;
  background: #f1f1f1;
  text-transform:none;
}
#content #jobsHome .infobox ul li {
  color:#115e11;
  line-height:28px;
}
#content #jobsHome .infobox ul li.current,
#content #jobsHome .infobox ul li:hover {
  color:#222222 !important;
  background-color: white;
}
#content #jobsHome .infobox ul li.current {
  font-size:12px;
  font-weight:normal;
  text-transform:uppercase;
  cursor:default;
}
/* @end of Infobox */
/* @group Tab Navigation */
#content #jobsHome .infobox dd ul.tabNav {
  width:280px;
  list-style-type:none;
  margin:0 0 10px;
  padding:0;
}
#content #jobsHome .infobox dd ul.tabNav ul{
  list-style-type:none;
  margin:0;
  padding:0;
}
#content #jobsHome .infobox dd ul.tabNav li{
  font-weight:bold;
  line-height:20px;
  background: white;
}
#content #jobsHome .infobox dd ul.tabNav li a span.linkText {
  color:#115e11;
  font-size:12px;
  font-weight:bold;
}
#content #jobsHome .infobox dd ul.tabNav li a span {
  color:#777777;
  font-size:11px;
  font-weight:normal;
}
#content #jobsHome .infobox dd ul.tabNav li li {
  font-weight:normal;
  margin-left:3px;
  padding-left:10px;
  line-height:16px;
  background:transparent url(/images/jobs/background/icon_dash_green.gif) no-repeat scroll 0 8px;
}
#content #jobsHome .infobox dd ul.tabNav li li a span.linkText {
  font-weight:normal;
  font-size:12px;
}
/* @end of Tab Navigation */
/* @group Job-Teaser */
#jobsHome .head2.first {
  margin-top:10px;
}
#jobsHome dl.teaser_jobs dt a{
  color:#945902 !important;
}
/* @group Job-Teaser */
/* @group List-Teaser */
ul.listTeaser li img {
  float:left;
  margin:0 10px 10px 0;
}
/* @end of List-Teaser */
/* @group Jobturbo */
div.head_jobturbo img{
  float:right;
}
/* @group Jobturbo */
/* @group Arbeitgeber-Profile */
p#EPCarouselLink {
  text-align:right;
  padding-top:1px;
}
p#EPCarouselLink a {
  color:#945902 !important;
  font-weight:bold;
  font-size:12px;
  padding-right:2px;
}
/* @end of Arbeitgeber-Profile */
/* @group Karriere-Tools */
ul#tool_links li {
  padding-left:18px;
  margin:5px 0;
}
li.tool_karriere {
  background:transparent url(/images/jobs/background/icon_tool_karriere.gif) no-repeat scroll 0 0;
}
li.tool_berufseinstieg {
  background:transparent url(/images/jobs/background/icon_tool_berufseinstieg.gif) no-repeat scroll 0 0;
}
li.tool_berufsunfaehig {
  background:transparent url(/images/jobs/background/icon_tool_berufsunfaehig.gif) no-repeat scroll 0 0;
}
li.tool_besoldung {
  background:transparent url(/images/jobs/background/icon_tool_besoldung.gif) no-repeat scroll 0 0;
}
li.tool_alter {
  background:transparent url(/images/jobs/background/icon_tool_alter.gif) no-repeat scroll 0 0;
}
/* @end of Karriere-Tools */
/* @end of Page-Layout */


#content .zol-content.home .zol-content-element.zol-header h1 {
  display: block; position: relative;
  margin: 0; padding: 10px 0 10px 0;
  font-size: 38px; line-height: 120%; font-weight: bold; color: #000000; text-decoration: none;
}
#content .zol-content.home .zol-content-element.zol-header p.lead {
  display: block; position: relative;
  margin: 0; padding: 0 0 15px 0;
  font-size: 24px; line-height: 120%; font-weight: bold; color: #000000; text-decoration: none;
}
#content .zol-content-element.home-tabs {
  font-family: Arial;
  display: block; position: relative; float: left; clear: left; overflow-x: hidden;
  width: 940px;
  margin: 0 0 40px 0; padding: 0 0 -1px 0;
  border: 1px solid #cecece;
}
#content .zol-content-element.home-tabs .tabs {
  display: block; position: relative; float: left; 
  width: 938px; height: 47px;
  margin: 0; padding: 0;
}
#content .zol-content-element.home-tabs .tabs li {
  display: block; position: relative; float: left;
  height: 45px;
  font-size: 14px; line-height: 45px; font-weight: normal; color: #222222; text-decoration: none; text-transform: uppercase; text-align: center;
  background: #f2f2f2;
}
#content .zol-content-element.home-tabs .tabs li a {
  display: block; position: relative;
  font-size: 14px; line-height: 45px; color: #222222; text-decoration: none; text-transform: uppercase;
}
#content .zol-content-element.home-tabs .tabs li.fachrichtung {
  width: 229px;
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
}
#content .zol-content-element.home-tabs .tabs li.arbeitsbereich {
  width: 240px;
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
}
#content .zol-content-element.home-tabs .tabs li.position {
  width: 238px;
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
}
#content .zol-content-element.home-tabs .tabs li.standorte {
  width: 231px;
  border-bottom: 1px solid #cecece;
}
#content .zol-content-element.home-tabs .tabs li.active {
  font-weight: bold; 
  background: #fff;
  border-bottom: 1px solid #fff;
}
#content .zol-content-element.home-tabs .tabs-content {
  display: block; position: relative; float: left; clear: left;
  width: 945px;
  margin: 0; padding: 0;
  border: none;
}
#content .zol-content-element.home-tabs .tabs-content .tab {
  display: none; position: relative; float: left; clear: left; overflow: hidden;
  width: 940px;
  margin: 0; padding: 0;
}
#content .zol-content-element.home-tabs  .tabs-content .tab.active {
  display: block;
}
#content .zol-content-element.home-tabs .tabs-content .tab li {
  display: block; position: relative; float: left;
  width: 470px; height: 47px;
  font-size: 15px; line-height: 47px; color: #177447; font-weight: bold; text-decoration: none; text-transform: none; text-align: left;
  background: #fff;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.naturwissenschaften a {
	position: relative;
	padding: 0 0 0 45px;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.naturwissenschaften a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat 0px 0px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.naturwissenschaften:hover a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat -30px 0px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.medizin a {
	position: relative;
	padding: 0 0 0 45px;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.medizin a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat 0px -30px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.medizin:hover a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat -30px -30px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.ingenieure a {
	position: relative;
	padding: 0 0 0 45px;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.ingenieure a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat 0px -60px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.ingenieure:hover a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat -30px -60px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.verwaltung a {
	position: relative;
	padding: 0 0 0 45px;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.verwaltung a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat 0px -90px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.verwaltung:hover a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat -30px -90px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.bildung a {
	position: relative;
	padding: 0 0 0 45px;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.bildung a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat 0px -120px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.bildung:hover a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat -30px -120px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.kultur a {
	position: relative;
	padding: 0 0 0 45px;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.kultur a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat 0px -150px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.kultur:hover a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat -30px -150px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.medien a {
	position: relative;
	padding: 0 0 0 45px;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.medien a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat 0px -180px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.medien:hover a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat -30px -180px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.zusammenarbeit a {
	position: relative;
	padding: 0 0 0 45px;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.zusammenarbeit a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat 0px -210px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.zusammenarbeit:hover a:before {
 content: " "; display: block; position: absolute;
 top: 10px; left: 10px;
 width: 30px; height: 30px;
 background: url('/images/jobs/background/startseite-icons-30x30.png') no-repeat -30px -210px transparent;
}

#content .zol-content-element.home-tabs .tabs-content .tab li:hover {
  background: #edf2ed;
}
#content .zol-content-element.home-tabs .tabs-content .tab li a {
  display: block; position: relative;
  padding: 0 17px;
  font-size: 15px; line-height: 47px; color: #177447; font-weight: bold; text-decoration: none;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}
#content .zol-content-element.home-tabs .tabs-content .tab li:hover a {
  background: #177447;
}
#content .zol-content-element.home-tabs .tabs-content .tab li a:hover {
  background: transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li a:after {
  content: " "; display: block; position: absolute; z-index: 10;
  top: 20px; right: 20px;
  width: 7px; height: 12px;
  margin: 0; padding: 0;
  background: url('/images/jobs/layout.png') no-repeat -262px -29px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li:hover a:after {
  background: url('/images/jobs/layout.png') no-repeat -262px -8px transparent;
}
#content .zol-content-element.home-tabs .tabs-content .tab li a span,
#content .zol-content-element.home-tabs .tabs-content .tab li a:hover span {
  font-size: 15px; line-height: 47px; color: #999999; font-weight: normal; text-decoration: none;
}
#content .zol-content-element.home-tabs .tabs-content .tab li a span.linkText,
#content .zol-content-element.home-tabs .tabs-content .tab li a:hover span.linkText {
  font-size: 15px; line-height: 47px; color: #177447; font-weight: bold; text-decoration: none;
}
#content .zol-content-element.home-tabs .tabs-content .tab li.regular a span.linkText,
#content .zol-content-element.home-tabs .tabs-content .tab li.regular a:hover span.linkText {
  font-size: 15px; line-height: 47px; color: #177447; font-weight: normal; text-decoration: none;
}
#content .zol-content-element.home-search {
  display: block; position: relative; float: left; clear: left;
  width: 940px;
  margin: 0; padding: 0 0 40px 0;
}
#content .zol-content-element.home-search .top {
  display: block; position: relative;
  height: 20px;
}
#content .zol-content-element.home-search .top h2 {
  display: block; position: relative;
  margin: 0; padding: 0 0 5px 0;
  font-size: 13px; line-height: 120%; color: #333333; font-weight: bold; text-decoration: none; text-transform: uppercase;
}
#content .zol-content-element.home-search .top a {
  display: block; position: absolute;
  top: 0px; right: 0px;
  padding: 0 10px 0 0;
  font-size: 11px; line-height: 20px; color: #177447; font-weight: normal; text-decoration: none;
}
#content .zol-content-element.home-search .top a:after {
  content: " "; display: block; position: absolute;
  top: 7px; right: 0;
  width: 4px; height: 7px;
  margin: 0; padding: 0;
  background: url('/images/jobs/layout.png') no-repeat -246px -10px transparent;
}

#content .zol-content-element.home-search .formular {
  display: block; position: relative; float: left; clear: left;
  width: 940px; height: 85px;
  background: #f2f2f2;
}
#content .zol-content-element.home-search .formular label {
  display: block; position: relative;
  font-size: 13px; line-height: 20px; color: #333333; font-weight: normal; text-decoration: none;
}
#content .zol-content-element.home-search .formular input.select {
  position: relative;
  width: 184px; height: 26px;
  padding: 0 10px; 
  font-size: 13px; line-height: 26px; color: #666666; font-weight: normal; text-decoration: none;
  background: #fff;
  border: 1px solid #dbdbdb;  
}
#content .zol-content-element.home-search .formular select {
  display: none;
}
#content .zol-content-element.home-search .formular .suchbegriff {
  display: block; position: absolute;
  top: 15px; left: 20px;
}
#content .zol-content-element.home-search .formular .suchbegriff input {
  width: 260px; height: 26px;
  padding: 0 10px; 
  font-size: 13px; line-height: 26px; color: #666666; font-weight: normal; text-decoration: none;
  background: #fff;
  border: 1px solid #dbdbdb;
}
#content .zol-content-element.home-search .formular div.select-input {
  position: relative; cursor: pointer;
  width: 184px; height: 26px;
  padding: 0 10px; 
  font-size: 13px; line-height: 26px; color: #666666; font-weight: normal; text-decoration: none;
  background: #fff;
  border: 1px solid #dbdbdb;
}
#content .zol-content-element.home-search .formular div.select-input span.selected {
	display: block;
	overflow: hidden;
	width: 167px;
	white-space: nowrap;
}
#content .zol-content-element.home-search .formular div.select-input ul.options {
  display: none; position: absolute; z-index: 10;
  left: -1px; top: 24px;
  width: 184px;
  padding: 0 10px; 
  font-size: 13px; line-height: 26px; color: #666666; font-weight: normal; text-decoration: none;
  background: #fff;
  border: 1px solid #dbdbdb;
}
#content .zol-content-element.home-search .formular div.select-input ul.options li {
  display: block; cursor: pointer;
  font-size: 13px; line-height: 26px; color: #666666; font-weight: normal; text-decoration: none;
}
#content .zol-content-element.home-search .formular div.select-input ul.options li:hover {
  font-size: 13px; line-height: 26px; color: #177447; font-weight: normal; text-decoration: none;
}
#content .zol-content-element.home-search .formular div.select-input:after {
  content: " "; display: block; position: absolute; z-index: 5;
  top: 0px; right: 0px;
  width: 28px; height: 24px;
  margin: 0; padding: 0;
  background: url('/images/jobs/layout.png') no-repeat -288px -3px transparent;
}
#content .zol-content-element.home-search .formular .berufsfeld {
  display: block; position: absolute;
  top: 15px; left: 325px;
}
#content .zol-content-element.home-search .formular .regionen {
  display: block; position: absolute;
  top: 15px; left: 550px;
}
#content .zol-content-element.home-search .formular div.button {
  display: block; position: absolute;
  top: 35px; left: 777px;

    background-color: none;
    border-radius: 0;
    border: none;
    font-size: 100%;
    font-weight: normal;
    letter-spacing: 1em;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: none;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}
#content .zol-content-element.home-search .formular div.button button.type-action  {
  width: 150px; height: 26px;
}
#content .zol-content-element.home-search .formular div.button button.type-action span {
  line-height: 26px;
}

#content .zol-content-element.home-registration-teaser.home-pib {
  display: block; position: relative; float: left; clear: left;
  width: 950px;
  margin: 0; padding: 0 0 40px 0;
}
#content .zol-content-element.home-registration-teaser.home-pib .top {
  display: block; position: relative;
  height: 20px;
}
#content .zol-content-element.home-registration-teaser.home-pib .top h2 {
  display: block; position: relative;
  margin: 0; padding: 0 0 5px 0;
  font-size: 13px; line-height: 120%; color: #333333; font-weight: bold; text-decoration: none; text-transform: uppercase;
}
#content .zol-content-element.home-registration-teaser.home-pib .top a {
  display: block; position: absolute;
  top: 0px; right: 0px;
  padding: 0 10px 0 0;
  font-size: 11px; line-height: 20px; color: #177447; font-weight: normal; text-decoration: none;
}
#content .zol-content-element.home-registration-teaser.home-pib .top a:after {
  content: " "; display: block; position: absolute;
  top: 7px; right: 0;
  width: 4px; height: 7px;
  margin: 0; padding: 0;
  background: url('/images/jobs/layout.png') no-repeat -246px -10px transparent;
}
#content .zol-content-element.home-registration-teaser.home-pib .reg-teaser {
  display: block; position: relative; float: left; clear: left;
  width: 318px;
  margin: 0; padding: 0;
}
#content .zol-content-element.home-registration-teaser.home-pib .pib {
  display: block; position: relative; float: left;
  width: 622px;
  margin: 0; padding: 0;
}
#content .zol-content-element.home-registration-teaser.home-pib .pib .jobs {
  display: block; position: relative; float: left; overflow: hidden;
  width: 622px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
#content .zol-content-element.home-registration-teaser.home-pib .pib ul {
	float: left;
	width: 640px;
}
#content .zol-content-element.home-registration-teaser.home-pib .pib li {
  display: block; position: relative; float: left; overflow: hidden;
  width: 300px; height: 76px;
  margin: 0 20px 0 0;
  font-size: 13px; line-height: 18px; color: #222222; font-weight: normal; text-decoration: none;
}
#content .zol-content-element.home-registration-teaser.home-pib .pib li.item_2,
#content .zol-content-element.home-registration-teaser.home-pib .pib li.item_3 {
  border-top: 1px solid #e1e1e1;
}
#content .zol-content-element.home-registration-teaser.home-pib .pib li a {
  display: block; position: relative;
  margin: 15px 0 0 0;
  font-size: 13px; line-height: 18px; color: #177447; font-weight: bold; text-decoration: none;
}
#content .zol-content.home .zol-agp {
  position: relative;
  width: 940px; 
  margin: 0 0 40px 0; padding: 25px 0 30px 0;
  background: #f2f2f2;
}
#content .zol-content.home .zol-agp h2.head2 {
  display: block; position: relative;
  margin: 0 0 0 20px; padding: 0 0 15px 0;
  font-size: 13px; line-height: 120%; color: #333333; font-weight: bold; text-decoration: none; text-transform: uppercase;
}
#content .zol-content.home .zol-agp a.all-link {
  display: block; position: absolute;
  top: 25px; right: 20px;
  font-size: 11px; line-height: 120%; color: #177447; font-weight: normal; text-decoration: none;
}
#content .zol-content.home .jcarousel-container {
  width: 940px;
  border: none;
}
#content .zol-content.home .jcarousel-next-horizontal, .jcarousel-next-horizontal:hover, .jcarousel-next-horizontal:active {
  width: 39px; height: 39px;
  background: url('/images/jobs/layout.png') no-repeat -379px -7px transparent;
}
#content .zol-content.home .jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active {
  width: 39px; height: 39px;
  background: url('/images/jobs/layout.png') no-repeat -461px -7px transparent;
}
#content .zol-content.home .jcarousel-prev-horizontal, .jcarousel-prev-horizontal:hover, .jcarousel-prev-horizontal:active {
  width: 39px; height: 39px;
  background: url('/images/jobs/layout.png') no-repeat -331px -7px transparent;
}
#content .zol-content.home .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active {
  width: 39px; height: 39px;
  background: url('/images/jobs/layout.png') no-repeat -420px -7px transparent;
}