/**
* 
* Global Layout
*
* Base Layout (all pages) for http://jobs.zeit.de
*
* @project ZEIT Stellenmarkt 2011
* @version 1.0
* @package css
* @author Planet Newstyle: Hannes Kandulla
* @copyright 2011 ZEIT ONLINE
* @cssdoc version 1.0-pre
*
*/

.page__content,
#iqd_align_Ad {
	min-width: 980px !important;
	max-width: 980px !important;
}
#iqd_rightAd {
	left: 980px;
}
main,
.main {
	border-bottom: 1px solid #ddd;
}

.section {
	font: 400 100.1%/1 Arial, Helvetica, FreeSans, sans-serif;
}
.section a, .section a:link, .section a:visited, .section .cap, .section #header .cap a.caplink:link, .section #header .cap a.caplink:visited, .section #header .sponsoring a, .section #header .sponsoring a:link, .section #header .sponsoring a:visited, .section .shortteaserlist li a strong, .section .infobox ul li.hover, .section .teaserlist .title a:hover, .section #main .supertitle, .section .smk-information, .section .smk-action, .section #content .infobox ul li.current, .section #content .infobox ul li.hover, .section .article .pagination ol.pagelist a strong, .section .article .pagination ol.pagelist a:hover, .section #informatives .goto10 a {
    color: #060;
}


/* @group Resetting */
#content {
  background:none !important;
}
/* @end of Resetting */



/* @group Global classes */
.left, .right {
  margin:0;
}
.relative {
  position:relative;
}
.green {
  color:#115e11 !important;
}
.beige {
  color:#945902 !important;
}
.inline {
  display:inline !important;
}
.borderBottom {
  margin-bottom:10px;
  border-bottom:1px solid #d6d6d6;
}
.borderTop{
  margin-top:10px;
  border-top:1px solid #d6d6d6;
}
ul.borderTop{
  padding-top:3px;
}
.strong {
  font-weight:bold !important;
}
.searchCount {
  font-size:80%;
  font-weight:normal;
  color:grey;
}
a {
  cursor:pointer;
}
a.borderDashed {
  border-bottom:1px dashed #006600;
}
a.borderDashed:hover {
  border-bottom:none;
  text-decoration:none !important;
}
.noMargin {
  margin: 0 !important;
}
a.linkHead {
  display:block;
  font-weight:bold;
}
a.linkBlock {
  display:block;
}
a.noSubmit {
  color:#945902 !important;
  padding-left:14px;
}
span.noSubmit {
  padding-left:14px;
}
span.noSubmit a{
  color:#945902 !important;
}
ul.bold li,
a.bold {
  font-weight:bold;
}
ul.arrow li,
a.arrow {
  padding-left:10px;
  background:transparent url(/images/jobs/background/icon_arrow.gif) no-repeat scroll 0 5px;
}
a.arrowBig {
  font-size:14px;
  font-weight:bold;
  color:#945902 !important;
  padding:0px 24px 2px 0;
  background:transparent url(/images/jobs/background/icon_arrow_big.gif) no-repeat scroll 100% 0;
}
.tAlignRight {
  text-align:right;
}
ul.errorlist {
  margin: 20px 0;
}
ul.errorlist li {
	position: relative;
  margin: 5px 0; padding: 0;
	font-size: 13px; line-height: 15px; font-weight: normal; color: #de0000;
}

/* @end of Global classes */



/* @group Layout */
/* @group Layout - Page */
#content {
  width:940px;
  margin-top:0 !important;
  font-size:12px;
	margin-left: 20px;
	
}
#contentHead {
	float:right;
	width:940px;
	margin:20px 0 30px;
}
div.suchagenten #contentHead {
  margin-bottom:10px;
}
#contentHead img {
  float:right;
  margin-left:10px;
}
#contentHead p {
  color:#777777;
  line-height:1.3em;
}
#contentHead p a {
  color:#777777;
  text-decoration: underline;
}
#contentHead p a:hover {
  color:#777777 !important;
  text-decoration: none;
}
#contentHead p.black {
  color:black;
}
#contentHead p.p660 {
  width:660px;
}
#contentHead p.p600 {
  width:600px;
}
.contentWrapper {
  float:right;
  width:940px;
  clear:both;
}

.content680.left,
.content600.left,
.content465.left,
.content330.left,
.content250.left {
  float:left;
  clear:left;
}
/* @end of Layout - Page */
/* @group Layout - Grids */
.contentBox {
  float:left;
  padding-bottom:20px;
}
.contentBoxFull {
  width:940px;
}
.content600,
.content600 .contentBox {
  width:600px;
}
.content680,
.content680 .contentBox{
  width:680px;
}
.content465,
.content465 .contentBox {
  width:460px;
}
.content330,
.content330 .contentBox {
  width:320px;
}
.content330.right {
  float: right;
}
.content250,
.content250 .contentBox {
  width:250px;
}
/* @end of Layout - Grids */
/* @group Layout - Content */
#content .content600 .infobox {
  width:600px;
}
.contentBox.imgLeft img {
  float:left;
  margin:0 10px 10px 0;
}
.contentBox.imgRight img,
.contentBox .image-right {
  float:right;
  margin:0 0 10px 10px;
}
.contentBox p, 
.contentBox ul, 
.contentBox dl, 
.contentBox table {
  line-height:14px;
  margin-bottom:10px;
}
dl dd{
  padding-bottom:10px;
}
hr {
  background:url("/images/jobs/background/bg_hr.gif") repeat-x scroll 0 100% transparent;
  border:none;
  height:2px;
  margin:10px 0;
}
ul.listText li {
  margin-left:3px;
  padding-left:10px;
  background:transparent url(/images/jobs/background/icon_dash.gif) no-repeat scroll 0 7px;
}
/* @end of Layout - Content */
/* @group Layout */



/* @group Global-Elements */
.section #header .sponsoring .sponsorground div a {
  color:#FFFFFF;
	font-weight:bold;
}

/* @group Logo-Row */
#content div.logo-row {
  display: block;
  position: relative;
  width: 940px;
  height: 35px;
  background: #1d7348;
  margin: 30px 0 1px 0px;
  color: #fff;
}
#content div.logo-row .stellenmarkt {
  padding: 12px 0 0 10px;
  display: inline-block;
  font-weight: bold;
}
#content div.logo-row .karriere-netzwerk {
  display: block;
  position: absolute;
  top: 12px;
  right: 333px;
}
#content div.logo-row img {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
}
/* @group User-Navigation */
#content ul#userNav {
	float:left;
  width:940px;
  height:36px;
  margin:2px 0 0 0px;
  border-bottom:1px dotted #CCCCCC;
}
#content ul#userNav li {
  float:right;
}
#content ul#userNav li.last {
  margin-right: 10px;
}
#content ul#userNav li a,
#content ul#userNav li span {
  height:12px;
  font-size:11px;
  font-weight:bold;
  line-height:34px;
	color: #1d7348;
}
#content ul#userNav li span {
  color: #777777;
  font-weight: normal;
	padding:0 6px;
}
#content ul#userNav li span#countNotelist {
  font-size: 11px;
  padding:0;
}
#content ul#userNav li.first {
  float:left;
  margin-left:10px;
  line-height:34px;
}
#content ul#userNav li.first,
#content ul#userNav li.first a{
  color:#444444;
  font-size:11px;
}
#content ul#userNav li.first a{
  font-weight:bold;
}
/* @end of User-Navigation */
/* @group Login-Box */
#logginBox{
	clear:both;
  width:940px;
	margin: 0;
  text-align:right;
  border-bottom:1px dotted #CCCCCC;
}
#logginBox form{
  padding:10px;
  background:transparent url(/images/jobs/background/bg_logginBox.jpg) repeat-y scroll 100% 0;
}
#logginBox p{
  line-height:14px;
  margin-bottom:10px;
}
#logginBox form input.text{
  width: 187px; height: 30px;
  margin: 0; padding: 0 13px;
  font-size: 14px; line-height: 30px; color: #333333; font-weight: normal;
  background: #ffffff;
  border: 1px solid #dadada;
}
#logginBox form label{
  margin-right:10px;  
}
#logginBox form a{
  margin-right:10px;  
	font-size:11px; color: #945902;
}
#logginBox p.formNotice{
  margin-left: 630px;
  font-size: 10px;
}
#logginBox p.formNotice a {
  margin: 0;
  font-size: 10px;
  color: #444444;
  text-decoration: underline;
}
#logginBox p.formNotice a:hover {
  text-decoration: none;
}
/* @group Login-Box */
/* @group Jobs-Teaser */
dl.teaser_jobs dt{
  margin:0;
  font-weight:bold;
}
dl.teaser_jobs dd{
  margin:0;
  padding:0;
}
/* @group Jobs-Teaser */
/* @group Tables - manageSearchAgents*/
table#manageSearchAgents {
  width:463px;
  text-align:left;
  border:1px solid #d6d6d6;
}
table#manageSearchAgents th,
table#manageSearchAgents td {
  padding:4px 10px;
  border-bottom:1px dashed #d6d6d6;
}
/* @end of Tables - manageSearchAgents*/
/* @end of Global-Elements */



/* @group Typo */
.head1{
  font-size:24px;
  font-weight:bold;
  line-height:30px;
}
.head1 .spitzmarke {
	display: block;
  font-size:12px;
  font-weight:bold;
  line-height:14px;
	color: #060;
  text-transform:uppercase;
	margin-bottom: 2px;
}
.head2 {
  font-size:12px;
  line-height:18px;
  text-transform:uppercase;
}
#jobsHome .head2 {
  font-weight: normal;
}
.head3,
.right .contentBox h4 {
	color:#777777;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
  margin-bottom:10px;
  border-bottom:1px solid #d6d6d6;
}
.subhead,
.contentBox h3 {
	font-size:14px;
  font-weight:bold;
  margin-bottom:3px;
}
.left .contentBox h4 {
  font-size:14px;
  font-weight:bold;
  margin:20px 0 3px;
  clear:both;
}
p.excerpt {
	font-size:16px;
	line-height:20px;
	letter-spacing:1px;
}
p.highlight {
	font-size:14px;
}
/* @end of Typo */



/* @group BugFix for IE */
.footersearch {
  position:static;
}
.footersearch a {
  float:left;
}
.footersearch form {
  position:static;
	float:right;
}
.footernav,
.footernav2 {
  /* position:static; - Entfernt, weil es sich mit dem ZEIT-Rahmen nicht verstanden hat. */ 
}
.footernav ul.footernav1,
.footernav ul.footernav1 li {
  float:left;
}
.footernav ul.footernav2 {
	float:right;
}
.footernav ul.footernav2 li {
  float:left;
  padding-left:0;
  padding-right:8px;
}
.footernav ul.footernav2 li.last {
  padding-right:0;
}
/* @end of BugFix for IE */


/* Arbeitgeberprofil - Fotos und Videos */

.agp #contentHead {
	float: none;
	width: 600px;
	margin-bottom: 0px;
}
.agp .contentBox.agpLogo {
	padding-top: 20px;
}

.image-container {
	float: left; clear: left;
	margin: 0 10px 5px 0;
}
.image-container img {
	width: 100%;
}
.image-container.w200 {
	width: 200px;
}
.image-container.w300 {
	width: 300px;
}
.image-container.w600 {
	width: 600px;
}
.tablet .image-container.w600 {
	width: 500px;
}
.image-container .description {
	margin: 5px 0 0 0;
	line-height: 1.3em; color: #777777;
}

.image-container.w600 .description,
.video-container .description {
	margin: 5px 0 10px 0;
	line-height: 1.3em; color: #777777;
}
.tablet .video-container iframe {
	width: 500px;
}

/* News und Tipps auf der Startseite */

#content .contentWrapper .contentBox .newsTeaser {
	display: block; position: relative; float: left; clear: left;
	width: 940px; margin: 0 0 30px 0; padding: 0 0 15px 0;
}
#content .contentWrapper .contentBox .newsTeaser .zonTeaser {
	display: block; position: relative; float: left;
	width: 454px; padding: 0 15px 0 0;
	border-right: 1px solid #d6d6d6;
}

#content .contentWrapper .contentBox .newsTeaser .acaTeaser {
	display: block; position: relative; float: left;
	width: 460px; padding: 0 0 0 10px;
}
#content .contentWrapper .contentBox .newsTeaser .subline {
	display: block; position: relative;
	padding: 0 0 5px 0;
	font-size: 100%; font-weight: bold; color: #060;
}

#content .contentWrapper .contentBox .newsTeaser a {
	display: block; position: relative; float: left; clear: left;
	text-decoration: none;
}
#content .contentWrapper .contentBox .newsTeaser a.second {
	padding: 20px 0 0 0;
}
#content .contentWrapper .contentBox .newsTeaser a img {
	display: block; float: left; clear: left;
	width: 140px; margin: 0 10px 10px 0;
	border: none; outline: none;
}
#content .contentWrapper .contentBox .newsTeaser a p {
	display: block; position: relative;
	margin: 0; padding: 0;
	font-size: 100%; vertical-align: baseline; line-height: 14px; color: #222; text-decoration: none;
}
#content .contentWrapper .contentBox .newsTeaser a .spitzmarke {
	display: block; position: relative; padding: 0 0 3px 0;
	font-size: 80%; vertical-align: baseline; line-height: 14px; color: #222; text-decoration: none;
  text-transform: uppercase;	
}
#content .contentWrapper .contentBox .newsTeaser a h3 {
	display: block; position: relative;
	font-size: 100%; font-weight: bold; color: #060;
}
#content .contentWrapper .contentBox .newsTeaser a:hover h3 {
	color: #222;
}

/* Teaser-Slider auf der Startseite */
#jobsHome .contentBox .box-slider {
	position: relative; overflow: hidden;
	width: 320px; height: 111px;
}
#jobsHome .contentBox .box-slider a {
	display: block;
	width: 320px; height: 111px;
}
#jobsHome .contentBox .box-slider a img{
	display: block;
	width: 320px; height: 111px;
}

div.arbeitgeberprofil {
	display: block; float: left; clear: left;
	width: 940px;
	margin: 15px 0 0 0; padding: 15px 0 0 0;
	border-top: 1px solid #d6d6d6;
}
div.arbeitgeberprofil .agp-inner {
	display: block; float: left; clear: left;
	width: 940px;
	padding: 15px 0;
	background: #f2f2f2;
}
div.arbeitgeberprofil .agp-inner span.hl {
  display: block;
	padding: 0 12px;
	font-family: Arial; font-size: 25px; line-height: 25px; font-weight: bold; color: #333;
}
#content div.arbeitgeberprofil .agp-inner a {
  display: inline-block; position: relative; 
  height: 31px;
  margin: 12px 0 0 12px; padding: 0 8px;
  font-family: Arial; font-size: 14px; line-height: 31px; font-weight: bold; color: #060; text-decoration: none;
  background: url('/images/jobs/background/zol-button-small.png') no-repeat 0px 0px #fff;
}
#content div.arbeitgeberprofil .agp-inner a:after {
	content: " "; display: vlock; position: absolute;
	right: -3px; top: 0; width: 3px; height: 31px;
  background: url('/images/jobs/background/zol-button-small.png') no-repeat top right transparent;
}
#content div.arbeitgeberprofil .agp-inner a:hover {
  text-decoration: none;
  background: url('/images/jobs/background/zol-button-small.png') no-repeat 0px 0px #dedede;
}

div.arbeitgeberprofil.ajax {
  width: 918px;
}
div.arbeitgeberprofil.ajax .agp-inner {
  width: 918px;
}

/* BUTONS */
a.button{
    display: inline-block;
    background-color: none;
    border-radius: 5px;
    border: none;
    color: #313131;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 1;
    line-height: 1em;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: none;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}
a.button.type-action,
button.button.type-action {
	display: inline-block; position: relative; cursor: pointer;
	width: 215px; height: 37px;
	margin: 0; padding: 0;
	text-align: center;
	background: #1d7348;
	border: 1px solid #2e592d;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
a.button.type-action span,
button.button.type-action span {
	position: relative;
	font-family: Arial; font-size: 12px; line-height: 39px; font-weight: bold; color: #ffffff; text-transform: uppercase;
}
a.button.type-action span:after,
button.button.type-action span:after {
	content: " "; display: block; position: absolute;
	right: -8px; top: 3px; width: 4px; height: 8px;
  background: url('/images/jobs/layout.png') no-repeat -176px -9px transparent;
}

a.button.type-teaser,
button.button.type-teaser {
	display: inline-block; position: relative; cursor: pointer;
	height: 25px;
	margin: 0; padding: 0 22px 0 15px;
	text-align: center;
	background: #1d7348;
	-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
a.button.type-teaser span,
button.button.type-teaser span {
	position: relative;
	font-family: Arial; font-size: 12px; line-height: 25px; font-weight: bold; color: #ffffff; text-transform: uppercase;
}
a.button.type-teaser span:after,
button.button.type-teaser span:after {
	content: " "; display: block; position: absolute;
	right: -8px; top: 8px; width: 4px; height: 8px;
  background: url('/images/jobs/layout.png') no-repeat -176px -9px transparent;
}
a.button.type-teaser span {
	line-height: 27px;
}

a.button.type-back,
button.button.type-back {
	display: inline-block; position: relative;
	width: 215px; height: 37px;
	margin: 0; padding: 0;
	text-align: center;
	background: #ffffff;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
a.button.type-back span,
button.button.type-back span {
	position: relative;
	font-family: Arial; font-size: 12px; line-height: 39px; font-weight: bold; color: #999999; text-transform: uppercase;
}
a.button.type-back span:after,
button.button.type-back span:after {
	content: " "; display: block; position: absolute;
	left: -8px; top: 3px; width: 4px; height: 8px;
  background: url('/images/jobs/layout.png') no-repeat -186px -9px transparent;
}

a.button.type-forward,
button.button.type-forward {
	display: inline-block; position: relative; cursor: pointer;
	width: 215px; height: 37px;
	margin: 0; padding: 0;
	text-align: center;
	background: #ffffff;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
a.button.type-forward span,
button.button.type-forward span {
	position: relative;
	font-family: Arial; font-size: 12px; line-height: 39px; font-weight: bold; color: #999999; text-transform: uppercase;
}
a.button.type-forward span:after,
button.button.type-forward span:after {
	content: " "; display: block; position: absolute;
	right: -8px; top: 3px; width: 4px; height: 8px;
  background: url('/images/jobs/layout.png') no-repeat -246px -31px transparent;
}

a.button.type-alert,
button.button.type-alert {
	display: inline-block; position: relative; cursor: pointer;
	width: 215px; height: 37px;
	margin: 0; padding: 0;
	text-align: center;
	background: #990000;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
a.button.type-alert span,
button.button.type-alert span {
	position: relative;
	font-family: Arial; font-size: 12px; line-height: 39px; font-weight: bold; color: #ffffff; text-transform: uppercase;
}
button.button.type-action span,
button.button.type-back span,
button.button.type-forward span,
button.button.type-alert span {
	line-height: 39px;
}
button.button.type-action,
button.button.type-back,
button.button.type-forward,
button.button.type-alert {
	height: 39px;
}
a.button.right,
button.button.right {
	float: right;
	margin-left: 20px;
}
a.button.type-action.contentbox-full-width,
button.button.type-action.contentbox-full-width {
	display: inline-block; position: relative; cursor: pointer;
	width: 318px; height: 37px;
	margin: 0; padding: 0;
	text-align: center;
	background: #1d7348;
	border: 1px solid #2e592d;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
ul.arrow.agprofile.joblist {
  margin: 0 0 10px 0;
}
ul.arrow.agprofile.joblist li {
  padding: 0 0 8px 10px;
  background:transparent url(/images/jobs/background/icon_arrow.gif) no-repeat scroll 0 3px;
}


/* Überschreibt http://www.zeit.de/static/2.79.1/css/web.site/unresponsive.css, das zurzeit die Schriftfarbe für die Googlemaps Adressanzeige weiß färbt - auf weißem Hintergrund*/
#map_canvas .gm-style .gm-style-iw {
	color: #000000 !important;
}