/**
*
* Plugin Colorbox
*
* Styles for Plugin Colorbox for http://jobs.zeit.de
* overrides imported Styles
*
* @project ZEIT Stellenmarkt 2011
* @version 1.0
* @package css
* @author Planet Newstyle: Hannes Kandulla
* @copyright 2011 ZEIT ONLINE
* @cssdoc version 1.0-pre
*
*/

/* @group colorbox */
/*
* ColorBox Core Style
* The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  left:0;
  overflow:hidden;
  position:absolute;
  top:0;
  z-index:9999;
}
#cboxOverlay {
  height:100%;
  position:fixed;
  width:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {clear:left;}
#cboxContent {
  overflow:visible;
  position:relative;
}
#cboxLoadedContent {overflow:auto;}
#cboxLoadedContent iframe {
  border:0;
  display:block;
  height:100%;
  width:100%;
}
#cboxTitle {margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {
  left:0;
  position:absolute;
  top:0;
  width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;}
/*
	ColorBox example user style
	The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML,
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay {background:#000;}
#colorbox {}
#cboxTopLeft {
  background: transparent url(https://images.zeit.de/static/img/colorbox/border-top.gif) repeat-x bottom;
  height:45px;
  width:14px;
}
#cboxTopCenter {
  background: transparent url(https://images.zeit.de/static/img/colorbox/border-top.gif) repeat-x bottom;
  height:45px;
}
#cboxTopRight {
  background: transparent url(https://images.zeit.de/static/img/colorbox/border-top.gif) repeat-x bottom;
  height:45px;
  width:14px;
}
#cboxBottomLeft {
  background: #fff;
  height:43px;
  width:14px;
}
#cboxBottomCenter {
  background: #fff;
  height:43px;
}
#cboxBottomRight {
  background: #fff;
  height:43px;
  width:14px;
}
#cboxMiddleLeft {
  background: #fff;
  width:14px;
}
#cboxMiddleRight {
  background: #fff;
  width:14px;
}
#cboxContent {background:#fff;}
#cboxLoadedContent {margin-bottom:5px;}
#cboxLoadingOverlay {background:url(https://images.zeit.de/static/img/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic {background:url(https://images.zeit.de/static/img/colorbox/loading.gif) center center no-repeat;}
#cboxTitle {
	bottom: -44px;
	left: 9px;
	position: absolute;
	font-size: 12px;
	height: 32px;
	line-height: 18px;
	padding-right: 0px;
}
#cboxCurrent{
  bottom:-25px;
  color:#949494;
  font-weight:bold;
  position:absolute;
  right:27px;
  text-align: center;
  width:36px;
}
#cboxClose {
	color:  #fff;
	float: none !important;
	font-size: 12px;
	letter-spacing: .1em;
	min-height: 1px;
	position: absolute;
	right: -14px;
	text-align: right;
	text-transform: uppercase;
	top: -32px;
	width: 110px;
}
#cboxClose.hover {color: #900;}
#cboxPrevious,
#cboxNext {
  background: transparent url(https://images.zeit.de/static/img/bigapfeile_v3.gif) no-repeat 0 0;
  bottom: -29px;
  height: 24px;
  position: absolute;
  text-indent: -9999em;
  width:  26px;
}
#cboxSlideshow {
  background: url(https://images.zeit.de/static/img/colorbox/controls.png) 0px 0px no-repeat;
  bottom: -29px;
  position: absolute;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
}
#cboxPrevious {
  background-position: 0px -200px;
  right:67px;
}
#cboxPrevious.hover {background-position: 0px -225px;}
#cboxNext {
  background-position: 0px -275px;
  right:0px;
}
#cboxNext.hover {background-position: 0px -300px;}
.cboxSlideshow_on #cboxSlideshow {background-position: -83px -0px; right: 27px;}
.cboxSlideshow_on #cboxSlideshow.hover {background-position: -106px -0px;}
.cboxSlideshow_off #cboxSlideshow {background-position: -106px -23px; right: 27px;}
.cboxSlideshow_off #cboxSlideshow.hover {background-position: -83px -0px;}

img.oIleft {
  display: block;
  margin: 7px 0 0 5px;
  position: absolute;
  z-index: 1000;
}

img.oInone {
  position: absolute;
  left: 4px;
  top: 31px;
}

.infografik img.oInone {
  top: 27px;
}
/* @end of colorbox */

/* @group overrides */
#cboxBottomLeft,
#cboxBottomRight,
#cboxBottomCenter {
  height:14px;
}
/* @end of overrides */