/* HTML5 ✰ Boilerplate */


/************************************************/
/*** DEV										*/
/************************************************/

.griddy{
	z-index:100000;
}

#dev_menu {
    border: 1px dashed #0E0E0E;
    font-size: 11px;
    left: 10px;
    line-height: normal;
    padding: 5px;
    position: fixed;
    top: 10px;
    width: 150px;
}
#dev_menu a {
	display: block;
}

/* eo nur für dev.  */






html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
.ie7 input[type="file"]{background-color:#FFFFFF;}
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


::-moz-selection{ background: #AAA; color:#FFF; text-shadow: none; }
::selection { background:#AAA; color:#FFF; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }


/**
 * Primary styles
 *
 * Author: 
 */

/* General */
/*


blau: #122E45
orange: #FF5D02
grau: #707173

mini grau: #58585A

*/
 
html {
	padding: 0;
	margin: 0;
}


body {
	padding: 0;
	margin: 0;
	
	font-family: Verdana;
	font-size: 14px;
	color: #122E45;
	line-height: 20px;
	
    background: #ffffff url(../images/portal/viewport-nav-bg.png) repeat-x;
}

#container {
	width: 960px;
	margin: 0 auto;
}




/************************************************/
/*** Layout										*/
/************************************************/
header {
	margin: 0 0 6px;
	
	display: block;
	height: 100px;
	position: relative;
}

#logo {
	margin: 0 5px;
	
	position: absolute;
	left: 5px;
	bottom: 0;
}
#logo a,
#logo img {
	display: block;
}

#mainnav {
	position: absolute;
	right: 0;
	bottom: 0; 
}

#social_media_buttons {
	position: absolute;
	right: 0;
	top: 23px;
}

#context {
	float: right;
	width: 240px;
}
.footer ul#footer-submenu {
    bottom: 13px;
    position: absolute;
    right: 10px;
}
.footer ul#footer-submenu li{
   float:left;
}
.footer ul#footer-submenu li a{
   display:block;
   margin: 0 10px;
   color:#122E45;
}

/********	Bild-Text-Boxen		**********/
/* Jobbox */
#context .grid.jobbox {
    background: url("../images/portal/bildtext_bg.png") repeat-x scroll 0 bottom #FFFFFF;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    position: relative;
}
#context .grid.jobbox.onlytext{
	background:#FFF;
    margin: 0;
}
#context .grid.jobbox.onlytext .textblock{
	padding:7px 12px;
}
#context .grid.jobbox.onlytext h3 {
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -156px transparent;
    border-bottom: 1px solid #E5E5E5;
    height: 38px;
    line-height: 43px;
    padding: 0 12px 0;
}
#context .grid.jobbox h5{
    padding: 10px;
}
#context .grid.jobbox p {
    font-size: 11px;
    line-height: 125%;
    padding: 0 10px;
}
#context .grid.jobbox .date,
#context .grid.jobbox .jobBy {
    display:block;
	font-weight:normal;
}
#context .grid.jobbox .para_spacer {
    margin-bottom:10px;
}

/* Eventbox */
#context .grid.eventbox {
    background: url("../images/portal/bildtext_bg.png") repeat-x scroll 0 bottom #FFFFFF;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    position: relative;
}
#context .grid.eventbox.onlytext{
	background:#FFF;
    margin: 0;
}
#context .grid.eventbox.onlytext .textblock{
	padding:7px 12px;
}
#context .grid.eventbox.onlytext h3 {
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -156px transparent;
    border-bottom: 1px solid #E5E5E5;
    height: 38px;
    line-height: 43px;
    padding: 0 12px 0;
}
#context .grid.eventbox h5{
    padding: 10px;
}
#context .grid.eventbox p {
    font-size: 11px;
    line-height: 125%;
    padding: 0 10px;
}
#context .grid.eventbox .date,
#context .grid.eventbox .jobBy {
    display:block;
	font-weight:normal;
}
#context .grid.eventbox .para_spacer {
    margin-bottom:10px;
}

#context .grid .top{
	background:url(../images/portal/backgrounds.png) no-repeat -720px -132px transparent;
	height:6px;
	width:230px;
	position:absolute;
	top:0;
	left:-1px;
}
#context .grid .bottom{
	background:url(../images/portal/backgrounds.png) no-repeat -720px -138px transparent;
	height:6px;
	width:230px;
	position:absolute;
	bottom:0;
	left:-1px;
}
#context .linkbox.grid{
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
}
#context .linkbox.grid .linkblock a{
    margin-bottom: 6px;
}
#context .grid .content .biltexImage {
    bottom: -6px;
    display: block;
    left: 0;
    margin-top: 10px;
    position: relative;
    width: 228px;
}
#context .grid .content .biltexImage > img {
	display: block;
}

/* Ergebnisfilter */
.linkbox.ergebnisfilter {
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
}
.linkbox.ergebnisfilter .content{
	background-image:url(../images/portal/ergebnis-filter-bg.png);
	background-repeat:repeat-x;
	background-position: top left;
	background-color:#ebebeb;
}
.linkbox.ergebnisfilter p.head {
    border-top: 1px solid #E5E5E5;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 7px;
    padding-top: 0;
}
.linkbox.ergebnisfilter .small {
    font-size: 11px;
    line-height: 20px;
}
.linkbox.ergebnisfilter #delete_filters:hover{
	cursor:pointer;
}
/* eo Ergebnisfilter */







#content {
	margin: 0 240px 0 0;
}
#content.berufsorientierung {
    margin: 0 297px 15px 0;
}

.hidecontext #context {
	display: none;
}
.hidecontext #content {
	width: 960px;
	margin:0px;
}

.fullsize {
	width: 960px;
	margin:0px;
}

body.hidefooter{
    margin-bottom: 153px;
}
.hidefooter.hidecontext .content_box .bottom {
    background-position: 0 -617px;
    width: 950px;
}

footer {
	padding: 0 0 180px;
	position: relative;
}
.hidefooter footer{
	display:none !important;
}

.footer {
	margin: 0 5px;
	position: relative;
}

.footer .top {
	width: 950px;
	height: 6px;
	
	position: absolute;
	top: 0;
	left: 0;
	
	background: url(../images/portal/backgrounds.png) no-repeat 0 -144px;
}

.footer .bottom_meta {
	height: 45px;
	padding: 0 12px;
	
	overflow: hidden;
	white-space: nowrap;
	text-indent: 1000px;
	
	background: url(../images/portal/backgrounds.png) no-repeat 0 -201px;
}

.footer .content {
	padding: 12px 0 12px 0;
	border: 1px solid #e5e5e5;
	border-width: 0 1px;
	background: #fff;
	min-height: 80px;
}

.footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer li {
	font-size: 11px;
}

.footer .content > ul {
	padding: 0 0 0 35px;
	overflow: hidden;
}

.footer .content > ul > li {
	margin: 0 5px;
	float: left;
}

.footer li a {
	color: #919191;
}

.footer li.footer4 {
	width: 150px;
}
.footer li.footer5 {
	width: 190px;
}
.footer li.footerLast {
	padding-left: 12px;
}

.bold{
	font-weight:bold;
}
#context a.bold{
	font-weight:bold;
}
.dnone{
	display:none;
}

.italic{
	font-style:italic;
}
.float_left{
	float:left;
}
.absolute{
	position:absolute;
}

.ie7 a span:hover,
.ie7 a p:hover,
.ie7 a li:hover{
	cursor:pointer;
}
.ie7 .nonfloat{
	float:none !important;
	display: inline !important;
}

p.head {
    font-size: 15px;
    margin-bottom: -13px;
}
.zgk p.head {
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 7px;
}
.zgk p.head.first {
    margin-top: 0px;
}
.zgk .one_fourth {
    float: left;
    padding-right: 16px;
    width: 220px;
}
.zgk .one_fourth.last {
    padding-right: 0px;
}


#buttons a.button_submit,
#buttons a:link.button_submit,
#buttons a:visited.button_submit,
#buttons a.button_abort,
#buttons a:link.button_abort,
#buttons a:visited.button_abort,
#buttons a.button_submit_wide,
#buttons a:link.button_submit_wide,
#buttons a:visited.button_submit_wide,
#buttons a.button_abort_wide,
#buttons a:link.button_abort_wide,
#buttons a:visited.button_abort_wide{
	color: #FFFFFF;
}
#buttons .button_submit {
    display: block;
    padding: 0 10px;
    width: 109px;
}
#buttons .button_submit_wide{
    display: block;
    margin: 10px 0 0;
    padding: 0 10px;
    width: 166px;
}
#buttons a.button_submit_wide {
    display: block;
    margin: 10px 0 0;
    padding: 0 10px;
    width: 146px;
}
#buttons a.button_abort_wide {
    display: block;
    margin: 10px 0 0;
    padding: 0 10px;
    width: 146px;
}
#buttons.left {
	margin: 10px 0;
}
#buttons.left .button_submit {
    display: block;
    padding: 0 10px;
    width: 146px;
	float:left;
	margin-right:10px;
}
#buttons .button_abort {
    display: block;
    margin-bottom: 10px;
    padding: 0 10px;
    width: 109px;
}
#buttons.left .button_abort {
    display: block;
    padding: 0 10px;
    width: 146px;
	float:left;
}

#buttons a:hover {
    cursor:pointer;
	color:white;
	text-decoration:none;
}
#gray-button-container {
    background: url("../images/portal/backgrounds.png") no-repeat scroll -998px -124px transparent;
    height: 30px;
    width: 126px;
	padding: 1px 0 0 3px;
}

.button_back {
    background: url("../images/portal/icons.png") no-repeat scroll -332px -248px transparent;
    display: block;
    height: 20px;
    width: 20px;
}

.button_print {
    background: url("../images/portal/icons.png") no-repeat scroll -312px -268px transparent;
    display: block;
    height: 20px;
    width: 20px;
}
#buttons a.button_print.button_deactivated {
    background: url("../images/portal/icons_gray.png") no-repeat scroll -312px -268px transparent;
    cursor: default;
}

.button_forward {
    background: url("../images/portal/icons.png") no-repeat scroll -352px -228px transparent;
    display: block;
    height: 20px;
    width: 20px;
}

/************************************************/
/*** Mainnav									*/
/************************************************/
#mainnav > div {
	margin: 0 5px;
	float: left;
	
	width: 110px;
	height: 31px;
	line-height: 31px;
	
	text-align: center;
	
	background: url(img/mainnav.png) no-repeat 0 0;
}
.arbeitgeber #mainnav > div.wider {
    width: 150px;
}
.arbeitgeber #mainnav > div.wide {	
	width: 230px;
}
#mainnav > div:hover,
#mainnav > div.active {
	background-position: 0 -31px
}
#mainnav > div.wide {
	text-align: right;
	width: 310px;
}
#mainnav > div.wide a {
	padding: 0 17px 0 0;
}
#mainnav a {
	margin: 0 0 0 5px;
	padding: 0 5px 0 0;
	
	color: #fff;
	text-decoration: none;
	
	display: block;
	background: url(img/mainnav.png) no-repeat right 0;
}
#mainnav > div:hover a,
#mainnav > div.active a {
	background-position: right -31px
}
#mainnav a:hover {
	text-decoration: none;
}




/************************************************/
/*** Links										*/
/************************************************/
a,
a:link,
a:visited {
	color: #122E45;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #FF5D02;
	text-decoration: underline;
}


#context a {
	font-weight: normal;
}





/************************************************/
/*** Custom Texts								*/
/************************************************/
.small {
	font-size: 11px;
	line-height: 15px;
}

.gray {
	color: #707173;
}

.orange {
	color: #FF5D02;
}
.content {
	padding: 7px 0;
}


/************************************************/
/*** Headlines									*/
/************************************************/
h1, h2, h3, h4, h5, h6 {
	font-family: arial;
	color: #122E45;
	font-weight: normal;
	font-size: 20px;
	line-height: normal;
}
a:hover.nolink,
a:active.nolink {
	text-decoration:none;
	color:#122E45;
}

h1 {
}
h2 {
}
h3 {
}
h4 {
}
/* evt. auf alle anwenden		*/
.berufsorientierung h4 {
    font-size: 17px;
    margin-bottom: 5px;
    margin-top: 10px;
}
/* eo evt. auf alle anwenden	*/
h5 {
}
h6 {
}

/* Falls header befüllt wird */
.header_h3{
	background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -156px transparent;
    border-bottom: 1px solid #E5E5E5;
    height: 43px;
    line-height: 43px;
    padding: 2px 0 0 12px;
}


.headline {
	margin: 6px 5px 12px 5px;
	padding: 7px 12px 0;
}
.headline h3 {
	
}
hr.overcontent {
    left: -10px;
    position: relative;
    width: 645px;
}

.clear {
    clear:both;
}

.width100 {
    width:100% !important;
}

.newsletter_form .type-check input {
    float: left;
    position: relative;
    top: 4px;
}
.kandidaten-netzwerk #buttons {
    left: -10px;
    position: relative;
    top: 10px;
}
.kandidaten-netzwerk #buttons .button_submit {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 10px;
    width: 109px;
}
.kandidaten-netzwerk #buttons .button_abort {
    float: left;
}

.kandidaten-netzwerk .gray-box.first{
    height: 192px;
}
.kandidaten-netzwerk .gray-box.second{
    height: 268px;
}
.kandidaten-netzwerk .gray-box.third{
	height:490px;
}
.ie7 .first .gray-container,
.ie7 .second .gray-container{
    padding: 10px 0 0 10px;
}

/************************************************/
/*** Social Media Buttons						*/
/************************************************/
.social_button {
	float: right;
	display: block;
	
	width: 30px;
	height: 26px;
	
	text-indent: 40px;
	overflow: hidden;
	
	background: url(img/social_media_buttons.png) no-repeat 2px 0;
}
.social_button.button_facebook { background-position: 0 0; }
.social_button.button_twitter { background-position: -30px 0; }
.social_button.button_rss { background-position: -60px 0; }
.social_button.button_googleplus {  background-position: -90px 0;}

.social_button.button_facebook:hover { background-position: 0 -26px; }
.social_button.button_twitter:hover { background-position: -30px -26px; }
.social_button.button_rss:hover { background-position: -60px -26px; }
.social_button.button_googleplus:hover { background-position: -90px -26px; }





/************************************************/
/*** Search Box									*/
/************************************************/
.searchbox {
	margin: 6px 5px 6px;
	padding: 13px 12px;
	
	width: 690px;
	height: 106px;
	
	background: url(../images/portal/backgrounds.png) no-repeat 0 0;	
}

.searchbox .searchform_line {
	margin: 0 20px 0 0;
	float: left;
}

.searchbox form {
	padding: 27px 0 5px 0;
}

.searchbox input.text {
	margin: 0 22px 0 0;
	float: left;
	padding: 0 10px;
	
	width: 236px;
	height: 31px;
	line-height: 31px;
	color: #919191;
	
	border: 0;
	background: url(../images/portal/backgrounds.png) no-repeat -720px 0;
}
.ext_search #jw_jobort {
    color: #919191;
    float: left;
    height: 20px;
    margin: 0 22px 0 0;
    padding: 0 5px;
    width: 236px;
}
.ext_search #jw_jobname {
    color: #919191;
    float: left;
    height: 20px;
    margin: 0 22px 0 0;
    padding: 0 5px;
    width: 236px;
}
.comntbox input.text {
    background: url("../images/portal/backgrounds.png") no-repeat scroll -720px 0 transparent;
    border: 0 none;
    color: #919191;
    float: left;
    height: 31px;
    line-height: 31px;
    margin: 0 12px 0 0;
    padding: 0 10px;
    width: 236px;
}

.comntbox textarea.text {
    background: url("../images/portal/backgrounds.png") no-repeat scroll -998px -245px transparent;
    border: 0 none;
    color: #919191;
    float: left;
    height: 135px;
    line-height: 31px;
    margin: 10px 22px 0 0;
    padding: 0 10px;
    resize: none;
    width: 513px;
}
.comnt_container {
	margin-top:40px;
}
.comnts {
    border-top: 1px solid #E5E5E5;
    font-size: 11px;
    margin: 5px 17px;
    padding: 10px 0;
    width: 629px;
}
p.comnt_counter{
    font-style: italic;
}
p.comnt{
	margin-top:10px;
}
p.comnt span{
	display:block;
}
.comntbox {
    margin: 0 6px 20px;
    padding: 6px 0;
    position: relative;
    width: 708px;
}
.comntbox .top {
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 0 transparent;
    height: 6px;
    left: 0;
    position: absolute;
    top: 0;
    width: 710px;
}
.comntbox .bottom{
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -126px transparent;
	height:6px;
	position:absolute;
	bottom:0;
	left:0px;
    width: 710px;
}
.comntbox .content {
    background-color: #F2F2F2;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    padding: 7px 11px;
    width: 687px;
}
.comntbox .content .button_submit{
    bottom: 12px;
    position: absolute;
    right: 12px;
}
.searchbox .extended_search {
	margin: 5px 0 0;
}








/************************************************/
/*** Content Boxes (center)						*/
/************************************************/
#content.full-content{
	margin:0;
}
.full-content .content_box {
    background-color: #FFFFFF;
    border-color: #E5E5E5;
    border-style: solid;
    border-width: 1px;
    margin: 6px 5px 12px;
    padding: 0 0 6px;
    position: relative;
}

.content_box {
	margin: 6px 5px 12px;
	padding: 0 0 6px;
	
	border: 1px solid #e5e5e5;
	border-width: 0 1px;
	
	position: relative;
}
.content_box .top {
	width: 710px;
	height: 6px;
	
	position: absolute;
	top: 0;
	left: -1px;
	
	background: url(../images/portal/backgrounds.png) no-repeat 0 -132px;
}
.content_box .bottom {
	width: 710px;
	height: 6px;
	
	position: absolute;
	bottom: 0;
	left: -1px;
	
	background: url(../images/portal/backgrounds.png) no-repeat 0 -138px;
}
.content_box h3 {
	padding: 2px 12px 0;
	line-height: 43px;
	height: 43px;
	background: url(../images/portal/backgrounds.png) no-repeat 0 -156px;
	
	border-bottom: 1px solid #e5e5e5;
}
#context .grid h3 {
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -156px transparent;
    border-bottom: 1px solid #E5E5E5;
    height: 43px;
    line-height: 43px;
    padding: 2px 12px 0;
}

.content_box .content {
	padding: 16px 10px 10px;
}

.gray-box {
    background-color: #F1F1EF;
    border-color: #E5E5E5;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    font-size: 11px;
    left: -10px;
    margin: 10px 0;
    padding: 10px;
    position: relative;
    width: 597px;
}
.gray-box.small-gray-box{
	width:277px;
}
.gray-box.middle-gray-box{
	width:424px;
}
.gray-box.wide-gray-box {
	width:904px;
}
html.ie7 .gray-box {
    padding: 0px;
	width:617px;
}
html.ie7 .gray-box.middle-gray-box {
    padding: 10px 0 10px 10px;
	width:435px;
}
html.ie7 .gray-box.middle-gray-box .content {
	padding-top:10px;
}
html.ie7 .gray-box.small-gray-box {
    padding: 10px 0 10px 10px;
    position: relative;
    width: 287px;
}
html.ie7 .gray-box.wide-gray-box {
    padding: 10px 0 10px 10px;
    position: relative;
    width: 914px;
}
html.ie7 .gray-box .wide-container {
    padding: 10px;
}

.positionfix_select {
    margin-top: 14px;
    width: 90px;
}

/* Wide */
.hidecontext .content_box  .top {
	width: 950px;
	background-position: 0 -144px;
}
.hidecontext .content_box  .bottom {
	width: 950px;
	background-position: 0 -150px;
}

.gray-box.small-gray-box .gray-top {
    background-position: 0 -663px;
    width: 299px;
}
.gray-box.small-gray-box .gray-bottom{
    background-position: 0 -681px;
    width: 299px;
}
.gray-box.middle-gray-box .gray-top {
    background-position: 0 -711px;
    width: 447px;
}
.gray-box.middle-gray-box .gray-bottom{
    background-position: 0 -721px;
    width: 447px;
}
.gray-box.wide-gray-box .gray-top {
    background-position: 0 -732px;
    width: 926px;
}
.gray-box.wide-gray-box .gray-bottom {
    background-position: 0 -748px;
    width: 926px;
}
.gray-box.kandidat-gray-box {
    width: 500px;
}
.gray-box.kandidat-gray-box  .gray-top {
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -339px transparent;
    height: 10px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 522px;
}
.gray-box.kandidat-gray-box .gray-bottom {
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -359px transparent;
    bottom: 0;
    height: 10px;
    left: -1px;
    position: absolute;
    width: 636px;
}

.gray-box .gray-top{
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -637px transparent;
    height: 10px;
    left: -1px;
    position: absolute;
    top: 0;
    width: 636px;
}
.gray-box .gray-bottom{
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -653px transparent;
    height: 10px;
    left: -1px;
    position: absolute;
    bottom: 0;
    width: 636px;
}

/* fancy wide */
.fancy_overlay.hidecontext .content_box .top {
    background-position: 0 -623px;
    top: -6px;
}
.fancy_overlay.hidecontext .content_box .bottom {
    background-position: 0 -629px;
    bottom: -6px;
}
#fancybox-wrap .fancy_overlay.hidecontext .content_box {
    margin: 6px 0;
	padding:0px;
}
#fancybox-wrap .fancy_overlay.hidecontext .content_box .content {
    overflow: hidden;
    padding: 20px 0 0;
}
.fancy_overlay.hidecontext.onlyText .contentText {
    margin: 0 20px 60px;
}
.fancy_overlay.hidecontext.onlyText .contentText h4{
    margin: 0 0 35px;
}

#wwwadress{
    display:none;
}

#slogan {
    display:none;
}
/************************************************/
/*** Context Box with three columns				*/
/************************************************/
.three_columns .column {
	padding: 10px;
	float: left;
	width: 295px;
}
.three_columns .content {
	padding: 0;
	margin: 0;
}

.content_box.three_columns .columns {
	padding: 15px 0 5px;
	overflow: hidden;
}
.content_box.three_columns .column {
	padding: 10px;
	float: left;
	width: 295px;
}
.content_box.three_columns .content {
	padding: 0;
	margin: 0;
}

.columns.bordered .column {
	margin-bottom: -2000px;
	padding-bottom: 2000px;
	
	border-left: 1px solid #ededed;
}
.columns.bordered .column:first-child {
	border-left: 0;
}


/************************************************/
/*** Context Box (right)						*/
/************************************************/
.linkbox {
	position:relative;
	background:#FFF;
}
.linkbox .top {
	background:url(../images/portal/backgrounds.png) no-repeat -720px -132px transparent;
	height:6px;
	width:230px;
	position:absolute;
	top:0;
	left:0;
}
.linkbox .bottom {
	background:url(../images/portal/backgrounds.png) no-repeat -720px -138px transparent;
	height:6px;
	width:230px;
	position:absolute;
	bottom:0;
	left:0;
}
.linkbox h5 {
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -156px transparent;
    border-bottom: 1px solid #E5E5E5;
    height: 43px;
    line-height: 43px;
    padding: 2px 12px 0;
}
.linkbox .content {
	padding: 12px;
}

.teaser-treffen-sie-uns {
    background-image: url("img/teaser_right_messen.png");
    height: 306px;
    padding: 40px 0 0 15px;
    width: 217px;
}

/************************************************/
/** Fancybox overlay styles						*/
/************************************************/

#fancybox-wrap {
    width: auto !important;
}
#fancybox-wrap .content_box {
    margin: 0;
}
.fancy_overlay{
	width:950px;
}
#fancybox-wrap #fancybox-outer {
    background:none;
}
.fancy_overlay h3 {
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -158px transparent;
    border-bottom: 1px solid #E5E5E5;
    height: 43px;
    line-height: 43px;
    padding: 0 20px;
}
.fancy_overlay .icons {
    left: 576px;
    position: absolute;
    top: 25px;
}
.fancy_overlay .icons a{
    float:left;
	margin-right:1px;
}
.fancy_overlay .icons .iconized.icon_share {
    width: 22px;
}

.fancy_overlay span.messen-subheadding{
	color:#585858;
}

.fancy_overlay .content {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
}
.fancy_content-left {
    float: left;
    padding: 10px 40px 30px;
    width: 495px;
}/*
.fancy_content-left {
    float: left;
    padding: 0 20px;
    width: 495px;
}*/
.presse .smallimg .fancy_content-left {
    float: left;
    padding: 10px 40px 30px;
    width: 495px;
}
.fancy_content-left p {
    line-height: 21px;
    margin-top: 15px;
}
.fancy_content-right {
    float: right;
    margin: 71px 80px 0 0;
    width: 223px;
}
.kontakt_anfordern.drei .fancy_content-right {
    float: right;
    margin: 59px 80px 0 0;
    width: 250px;
}
.fancy_content-right img{
    bottom: 54px;
    position: absolute;
    right: 0;
}
.fancy_overlay #buttons_overlay {
    bottom: 20px;
    position: absolute;
    right: 15px;
}
.fancy_overlay #buttons_overlay a.button_submit {
    color: #FFFFFF;
    display: block;
    margin: 10px 0 0;
    padding: 0 10px;
    text-decoration: none;
    width: 109px;
}
.fancy_content-right  p.img_sub{
	font-weight:bold;
}

/* IE7 hacks  */
.ie7 .fancy_overlay .content{
	margin-bottom:26px
}

/************************************************/
/** Different contet teaser						*/
/************************************************/
/*
.teaser_network {
	width: 230px; 
	height: 148px;
	
	background: url(img/teaser.png) no-repeat 0 0;
}
.teaser_network h5 {
	padding: 80px 12px 0;
}
.teaser_network .content {
	padding: 5px 12px;
}

.teaser_salary_calculator {
	width: 230px; 
	height: 148px;
	
	background: url(img/teaser.png) no-repeat 0 -148px;
}
.teaser_salary_calculator h5 {
	padding: 12px;
}
.teaser_salary_calculator .content  {
	padding: 0 0 0 40px;
}
.teaser_salary_calculator .content span {
	display: block;
	padding-left: 12px;
}
*/






/************************************************/
/** Content elements							*/
/************************************************/
.image_rotation {
	padding: 32px 10px 24px;
	position: relative;
	height: 104px;
}
.image_rotation .left {
	margin: 0;
	width: 24px;
	height: 100px;
	float: left;
	cursor: pointer;
	
	background: url(../images/portal/backgrounds.png) no-repeat -950px -31px;
}
.image_rotation .right {
	margin: 0;
	width: 24px;
	height: 100px;
	float: right;
	cursor: pointer;
	
	background: url(../images/portal/backgrounds.png) no-repeat -974px -31px;
}
.image_rotation .images-wrapper {
	position: relative;
	height: 104px;
	overflow: hidden;
}
.image_rotation .images {
	position: absolute;
	width: 1000px;
	left: 0;
}
.image_rotation .image {
	margin: 0 5px;
	float: left;
	
	width: 148px;
	height: 102px;
	border: 1px solid #e7e7e7;
}
.image_rotation .image img {
	width: 148px;
	height: 102px;
	display: block;
}




/************************************************/
/** Job index									*/
/************************************************/
.job_index {
	margin: 0;
	padding: 2px 0 8px;
	
	display: table;
	width: 100%;
}

.job_index > ul {
	margin: 0 5px;
	padding: 0 10px;
	
	float: left;
	width: 210px;
	
	list-style-type: none;
}

.job_index ul li {
	padding: 5px 0;
	line-height: 15px;
}


/* Hover effect */
.job_index li {
	position: relative;
	z-index: 10;
}
.job_index > ul > li:hover {
	z-index: 20;
}

.job_index ul ul {
	margin: 0 0 0 -10px;
	padding: 5px 0 5px 20px;
	
	display: none;
	list-style-type: none;
	
	width: 240px;
	
	position: absolute;
	top: 0;
	left: 210px;
	
	background: url(../images/portal/job_index_hover.png) no-repeat -476px 37px;
}
.job_index ul.job_index_left ul {
	left: auto;
	right: 210px;
}

.job_index > ul > li:hover ul {
	display: block;
}

.job_index .bg {
	width: 478px;
	height: 44px;
	background: url(../images/portal/job_index_hover.png) no-repeat left top;
	
	position: absolute;
	top: -7px;
	left: -18px;
	
	display: none;
}
.job_index .job_index_left .bg {
	left: auto;
	right: -10px;
	background-position: -734px 0;
}
.job_index > ul > li:hover .bg {
	display: block;
}

.job_index .bottom_border {
	position: absolute;
	left: 0;
	bottom: -17px;
	
	width: 258px;
	height: 7px;
	background: url(../images/portal/job_index_hover.png) no-repeat -218px -292px;
}

/* Job index links */
.job_index a {
	display: block;
}
.job_index ul ul a {
	padding: 0 5px;
}
.job_index > ul > li:hover a {
	color: #FF5D02;
	position: relative;
	z-index: 21;
}


/************************************************/
/** article										*/
/************************************************/
article h3 {
	margin: 18px 0 12px;
	
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana;
}
article p {
	margin: 12px 0;
}

article .list {
	margin: 12px 0;
}
article ul {
    list-style-type: none;
    margin: 12px 0;
    padding: 0;
}
article li {
	margin: 0;
	padding: 0 10px 0;
	background: url(../images/portal/icons.png) no-repeat -382px -208px;
}

/* Pro & Contra */
article .pro_contra {
	margin: 18px 0;
	overflow: hidden;
}
article .pro_contra .pro,
article .pro_contra .contra {
	float: left;
	margin: 0;
}
article .pro_contra h5 {
	line-height: 50px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
article .pro_contra .pro h5 {
	padding-left: 50px;
}
article .pro_contra .contra h5 {
	padding-left: 50px;
}
article .pro_contra .pro {
	margin: 0 0 0 12px;
	width: 351px;
	border-right: 1px solid #ccc;
}
article .pro_contra .contra {
	margin: 0 5px 0 0;
	width: 351px;
}
article .pro .content {
	padding: 0 10px 0 5px;
}
article .contra .content {
	padding: 0 5px 0 10px;
}


article .icons {
    float: right;
    left: 86px;
    padding-right: 12px;
    position: relative;
}
article .icons .iconized {
	float: left;
}

article .links {
	margin: 30px 0;
}
article .links a {
	margin: 12px 0;
	
	font-weight: bold;
	display: block;
}
article #list_container {
    padding-left: 40px;
}

.indicator_image{
    float: left;
    margin-right: 12px;
}

.indicator_text {
	padding-left: 40px;
}

.indication {
	padding-left: 40px;
	background: url(img/indicators.png) no-repeat -750px 0;
}

.indicator_1 {
	background-position: -750px 0;
}
.indicator_2 {
	background-position: -700px -50px;
}
.indicator_pro {
	background-position: -650px -100px;
}
.indicator_contra {
	background-position: -600px -150px;
}
.indicator_3 {
	background-position: -550px -200px;
}

.grid.article{
	width:615px;
    margin: 6px 5px 12px;
    padding: 7px 12px 0;
}
.grid.fit{
    margin: 6px 5px 12px;
    padding: 7px 12px 0;
}



/************************************************/
/** Newsletter Form								*/
/************************************************/
.newsletter_form {
	margin: 10px 0 5px;
	
	overflow: hidden;
}
.newsletter_form .left,
.newsletter_form .right {
	margin: 0 10px;
	width: 325px;
	float: left;
	
	font-size: 11px;
}

.newsletter_form .right {
	padding: 20px 5px 0;
}

.newsletter_form .left fieldset {
	display: block;
	width: 326px;
	height: 241px;
	overflow: hidden;
	background: url(../images/portal/backgrounds.png) no-repeat -1182px 0;
}

.newsletter_form .left h4 {
	padding: 10px 10px 0;
}

.newsletter_form label,
.newsletter_form .label {
	float: left;
}
.newsletter_form .type-check input {
	float: left;
}

.newsletter_form .type-check,
.newsletter_form .type-text {
	margin: 18px 12px;
	overflow: hidden;
}
.newsletter_form .type-button {
	margin: 18px 0;
}

.newsletter_form .type-text label,
.newsletter_form .label {
	width: 85px;
}

.newsletter_form .type-check label {
    padding: 0 35px 0 7px;
}

.newsletter_form .type-text input {
	width: 200px;
}


/************************************************/
/** Adviser										*/
/************************************************/
.adviser {
	margin: 0 5px 12px 0;
}
.adviser .block {
	border-top: 1px solid #d9d9d9;
	overflow: hidden;
}
.adviser .block:first-child {
	border-top: 0;
}
.adviser .section {
	margin: 0 5px 0 5px;
	padding: 8px 3px 12px 12px;
	border-left: 1px solid #d9d9d9;

	float: left;
	width: 331px;
	height: 230px;
	
	position: relative;
}
.adviser .section:first-child {
	margin: 0 4px 0 5px;
	padding: 8px 3px 12px 7px;
	border-left: 0;
	
	width: 336px;
}
.adviser .content {
	padding: 7px 0;
}
.adviser .linkblock {
	padding: 8px 0 5px 115px;
	background-color: #f2f2f2;
	
	font-size: 11px;
	line-height: 15px;
	
	position: absolute;
	bottom: 12px;
	left: 12px;
	width: 216px;
	min-height: 105px;
}
.adviser .linkblock a {
	padding: 3px 0;
}






/************************************************/
/** Silhouette									*/
/************************************************/
#silhouette {
	width: 78px;
	height: 231px;
	background: url(img/silhouettes.png) no-repeat 0 0;
	
	position: absolute;
	bottom: 329px;
	left: 845px;
}
.no-silhouette #silhouette {
	display: none;
}

#silhouette-2 {
    background: url("img/silhouettes.png") no-repeat scroll -103px 0 transparent;
    height: 201px;
    left: -10px;
    position: absolute;
    top: -191px;
    width: 292px;
}
.ie7 #silhouette-2 {
    left: 0px;
}

.jobware_popup.iconized {
    background-position: -296px -293px;
    float: left;
    height: 12px;
    left: 5px;
    position: relative;
    top: 4px;
    width: 12px;
}
.jobware_popup_window {
	position: absolute;
	left: -1000px;
	top: -1000px;
	z-index: 9999;
	
	color: #fff;
	font-size: 11px;
	line-height: 15px;
	padding: 7px 10px;
}

.rgba .jobware_popup_window {
}

.jobware_popup_window {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYhDScz0DEGAAAi0BUpG3nzwAAAAASUVORK5CYII=');
}
	






/************************************************/
/** Bottom Links								*/
/************************************************/
.bottom_links {
	margin: 6px 0 12px;
	
	width: 960px;
	height: 93px;
	background: url(../images/portal/backgrounds.png) no-repeat 5px -246px;
}
.hidesubfooter .bottom_links{
	display:none;
}

.bottom_links .link {
    float: left;
    margin: 0 5px;
    padding: 35px 13px;
    width: 284px;
}

.bottom_links .link img {
    float: left;
    margin-right: 12px;
    position: relative;
    top: -12px;
}

.bottom_links .link a {
	font-size: 20px;
	font-family: Arial;
}





/************************************************/
/** default margins								*/
/************************************************/
.grid {
	margin: 6px 5px 12px;
}
.vgrid {
	margin-top: 6px;
	margin-bottom: 12px;
}
.hgrid {
	margin-left: 5px;
	margin-right: 5px;
}
.text {
	padding: 0 12px;
}




/************************************************/
/** A block of links							*/
/************************************************/
.linkblock h4 {
	padding: 10px 0 3px 0;
	line-height: 20px;
}
.linkblock a {
	padding: 5px 0;
	line-height: 15px;
	display: block;
}

.linkblock a:first-child {
	padding-top: 0;
}

.index_linkblock {
	padding: 0 0 2px;
}

.index_linkblock a {
	padding: 5px 0;
	line-height: 15px;
	display: block;
}

.linkblock.small a {
	padding: 2px 0;
}

.linkblock img.adviser_icon {
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}






/************************************************/
/** Index -> Arbeitgeber     					*/
/************************************************/
.employer {
	padding: 32px 10px 24px;
	height: 104px;
	
	position: relative;
}

.employer .left {
	margin: 0;
	width: 24px;
	height: 100px;
	float: left;
	cursor: pointer;
	
	background: url(../images/portal/backgrounds.png) no-repeat -950px -31px;
}
.employer .right {
	margin: 0;
	width: 24px;
	height: 100px;
	float: right;
	cursor: pointer;
	
	background: url(../images/portal/backgrounds.png) no-repeat -974px -31px;
}


.employer .cards-wrapper {
	position: relative;
	height: 275px;
	top: -165px;
	left: 0;
	overflow: hidden;
}

.employer .cards {
	position: absolute;
	width: 1000px;
	height: 275px;
	left: 0;
}


.employer .card-wrap {
	float: left;
	width: 160px;
	height: 275px;
	overflow: hidden;
	position: relative;
}

.employer .card {
	position: absolute;
	bottom: 0;
	overflow: hidden;
	
	/* Ausgeklappt */
	/* height: 262px; */
	
	/* Eingeklappt */
	height: 102px;
}
.employer .card {
	margin: 5px;
	width: 148px;
	
	background: #fff;
	border: 1px solid #e8e8e8;
}
.employer .card img {
	width: 148px;
	height: 102px;
	display: block;
}
.employer .card .description {
	padding: 5px;
	height: 150px;
	position: relative;
}
.employer .card .links {
	position: absolute;
	bottom: 5px;
	left: 5px;
}
.employer .card .links a {
	padding: 1px 0;
	display: block;
	line-height: 15px;
	font-weight: bold;
	font-size: 11px;
}


/* Z-Index actions */
.employer {
	z-index: 1;
}
.employer.active {
	z-index: 100;
}





/************************************************/
/** Personalberatung	    					*/
/************************************************/
.personal_advice {
	height: 585px;
	position: relative;
}
.personal_advice img {
    left: -1px;
    position: relative;
}
.personal_advice .personal_advice_slider {
	position: absolute;
	bottom: 0;
	left: 0;
	
	height: 156px;
	width: 100%;
	
	border-top: 1px solid #e5e5e5;
}

.personal {
	padding: 32px 10px 23px;
	height: 100px;
	
	position: relative;
}

.personal .left {
	margin: 0;
	width: 24px;
	height: 100px;
	float: left;
	cursor: pointer;
	
	background: url(../images/portal/backgrounds.png) no-repeat -950px -37px;
}
.personal .right {
	margin: 0;
	width: 24px;
	height: 100px;
	float: right;
	cursor: pointer;
	
	background: url(../images/portal/backgrounds.png) no-repeat -974px -37px;
}

.personal .cards-wrapper {
	position: relative;
	height: 245px;
	top: -135px;
	left: 0;
	overflow: hidden;
}
.personal .cards {
	position: absolute;
	width: 1000px;
	height: 245px;
	left: 0;
}
.personal .card-wrap {
	float: left;
	width: 147px;
	height: 245px;
	overflow: hidden;
	position: relative;
}
.personal .card {
	position: absolute;
	bottom: 0;
	overflow: hidden;
	
	/* Eingeklappt */
	height: 121px;
	
	margin: 5px;
	width: 133px;
	
	background: #fff;
	border: 1px solid #e8e8e8;
}
.personal .card .image img {
	display: block;
	width: 133px;
	height: 94px;
}
.personal .card .headline {
	margin: 0;
	padding: 0 5px;
	line-height: 27px;
}
.personal .card .description {
	padding: 0 5px 5px;
}


.personal_cards_extended {
	position: absolute;
	left: -1px;
	top: 0;
}

.personal_card_extended {
	width: 948px;
	height: 433px;
	
	background: #fff;
	border: 1px solid #c4c4c4;
	
	box-shadow: 0 0 10px #999;
	display: none;
}

.personal_card_extended .image {
	margin: 0 0 10px;
}

.personal_card_extended h4 {
	margin: 0 5px 10px;
}

.personal_card_extended dl {
	padding: 0;
	margin: 10px 0 0 5px;
	overflow: hidden;
}
.personal_card_extended dt {
	float: left;
	width: 110px;
	
	line-height: 20px;
	height: 20px;
	display: block;
	
	border-top: 1px solid #e7e7e7;
}
.personal_card_extended dd {
	float: left;
	width: 180px;
	
	line-height: 20px;
	height: 20px;
	display: block;
	
	border-top: 1px solid #e7e7e7;
}
.personal_card_extended dt.first,
.personal_card_extended dd.first {
	border-top: 0;
}

.personal_card_extended .content {
	margin: 0 5px;
	font-size: 11px;
	line-height: 20px;
}

.personal_card_extended .buttons {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.personal_card_extended .buttons .button {
    margin-left: 10px;
    display: block;
    height: 29px;
    float: left;
    color: #FFF;
}
.personal_card_extended .buttons .button:hover,
.personal_card_extended .buttons .button:active {
	text-decoration:none;
}




/* Set positional order */
.personal_advice {
	z-index: 1;
}
.personal_advice .personal_cards_extended {
	z-index: 100;
}
.ie7 .personal_advice .personal_cards_extended {
	z-index: -1;
}
.personal_advice .personal {
	z-index: 99;
}
.personal_advice .personal.active {
	z-index: 110;
}


/************************************************/
/** Content relevant styles    					*/
/************************************************/

/** Content Gehaltsrechner    					*/
.gehalt-right label {
    display: block;
    float: left;
    width: 220px;
}
.gehalt-right label.small_input {
    height: 15px;
    width: 50px;
}
.gehalt-right .input-full {
    width: 190px;
}
.gehalt-right input.input-full[type="text"] {
    width: 184px;
}
.gehalt-right .info-icon {
    left: 4px;
    position: relative;
    top: 2px;
}
.gehalt .content_box .content {
    padding: 16px 10px 0;
}
.gehalt .gehalt-right .button_submit {
    margin-bottom: 5px;
    margin-top: 16px;
}
.gehalt .gehalt-right .gray-box {
    padding: 15px 10px 10px;
}
.gehalt .gehalt-right .line{
    height: 15px;
}
.gehalt .gehalt-right .line.double{
    height: 29px;
}
.gehalt .gehalt-right #buttons {
    left: -10px;
    position: relative;
}
/** Layout */
.gehalt-right {
    float: right;
    font-size: 11px;
    line-height: 15px;
    position: relative;
    right: -10px;
    top: -10px;
    width: 450px;
}
.gehalt-left {
    float: left;
    font-size: 11px;
    line-height: 15px;
    padding: 10px 15px 0 0;
    width: 200px;
}
.gehalt-right .berechnung {
    float: left;
    margin-bottom: 10px;
    width: 220px;
}
.gehalt-right .gray-box input[type="text"].smaller {
    width: 105px;
}

.gehalt-right .gray-box select.percent-smaller {
	width:75px;
}
html.ie7 .gehalt-right .inputfix{
	width:75px;
	float:left;
	left: -4px;
    position: relative;
}

html.ie7 .gehalt-right label.small_input {
    padding-top: 2px;
}

/** Content impressum 				*/
.grid.impressum{
}
.impressum .small-absatz{
	margin-bottom:5px;
}
.impressum .big-absatz{
	margin-bottom:29px;
}
.impressum .impressum-left {
    float: left;
    width: 308px;
}
.impressum .impressum-right {
    float: left;
    margin-top: 44px;
    width: 320px;
}

/** Content inserenten				*/

.inserenten .subheading {
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.inserenten ul{
	margin:0px;
	padding:0px;
}
.inserenten ul ul{
	float:left;
	margin-left: 5px;
}
.inserenten .header_h3 li {
    float: left;
    font-weight: bold;
    list-style: none outside none;
    margin-right: 16px;
    text-align: center;
}
.inserenten .header_h3 li.last {
    margin-right: 0px;
}
.inserenten .table_content li {
    list-style: none outside none;
	padding:6px 10px 5px;
	height:28px;
}
.inserenten .table_content li.intro {
    padding: 11px 10px 5px;
	height:23px;
}
.inserenten .table_content {
    padding: 0 10px 34px;
}
.inserenten .inserenten-item{
	border-bottom:1px solid #e5e5e5;
}
.inserenten .inserenten-image {
    float: left;
    height: 28px;
    padding-right: 60px;
    width: 90px;
}
.inserenten .inserenten-content {
    float: left;
    padding: 3px 0 6px;
    width: 510px;
}
.inserenten .inserenten-paging{
	float:right;
	margin-top:3px;
}
.inserenten .inserenten-paging li{
    list-style: none outside none;
    float: left;
    margin-right: 7px;
	padding:0;
}


/**		Liste		**/
.liste ul {
    margin: 0;
    padding: 0;
}
.liste ul ul{
	float:left;
	margin-left: 5px;
}

.liste .table_content li.intro {
    padding: 11px 0px 5px;
	height:23px;
}
.liste .listen-item{
	border-bottom:1px solid #e5e5e5;
}
.liste .listen-left {
    float: left;
    padding-right: 20px;
    width: 460px;
}
.liste .listen-left span.head {
    margin-bottom: 10px;
    font-size: 15px;
}
.liste .listen-left span {
    line-height: 19px;
	display:block;
}
.liste .listen-left span.date {
    float:left;
}
.liste  .table_content {
    padding: 0 10px 34px;
}
.liste .listen-right {
    float: left;
    height: 55px;
    padding: 3px 0 6px;
    position: relative;
    width: 200px;
}
.liste .listen-paging{
	float:right;
	margin-top:3px;
}
.liste .table_content li.listen-paging{
	height:21px;
}
.liste  .table_content .listen-paging li{
    list-style: none outside none;
    float: left;
    margin-right: 7px;
	padding:0;
}
.liste .table_content li {
    height: 80px;
    list-style: none outside none;
    padding: 10px 0 5px;
}
.liste .listen-stadt {
    bottom: 0;
    position: absolute;
    width: 220px;
}
.liste .listen-ad{
    background-color: #F1F1EF;
}
.liste .listen-bottom{
    float: left;
}
.liste .listen-bottom input#jobmail {
    background: url("../images/portal/backgrounds.png") no-repeat scroll -720px 0 transparent;
    border: 0 none;
    color: #919191;
    float: left;
    height: 31px;
    line-height: 31px;
    margin: 0 40px 0 0;
    padding: 0 10px;
    width: 236px;
}
.liste .listen-bottom input#jobmail:invalid {
    box-shadow: none;
}
.liste .listen-bottom .text{
    float: left;
}
.liste .listen-ad .ad-logo {
    background-image: url("../images/portal/ad-logo.png");
    display: block;
    height: 38px;
    width: 420px;
}
.liste .listen-bottom .text {
    display: block;
    width: 230px;
}
.liste .listen-bottom .text {
    display: block;
    width: 230px;
}

.liste .listen-teaser{
	margin-bottom:0px;
    height: 138px;
}
.liste #buttons {
    background-color: #F1F1EF;
    margin-top: 10px;
    padding: 10px 10px 5px;
}
.liste #buttons .button_submit_wide {
    float: right;
    margin-left: 10px;
}
.liste .content_box .bottom {
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -768px transparent;
}

/** Content nutzungsbedingungen 	*/
.nutzungs-bed #content {
    margin: 0 305px 0 0;
}
.nutzungs-bed p {
	font-size:11px;
	line-height:15px;
    margin-top: 15px;
}
.nutzungs-bed .right-image {
    position: absolute;
    right: 5px;
    top: 150px;
}

/** Content kandidaten-netzwerk 				*/

.content_box .kandidaten-netzwerk {
    background-color: #FFFFFF;
    padding: 16px 0 10px 20px;
}

.kandidaten-netzwerk .input-full{
	float:left;
	width:150px;
}
.kandidaten-netzwerk label {
    float: left;
    width: 150px;
}

.kandidaten-netzwerk .layer-content-right label {
    float: left;
    width: 78px;
}

.kandidaten-netzwerk .layer-content-right label.nonfloat {
    float: none;
}
.kandidaten-netzwerk .layer-content-right textarea {
    height: 146px;
    margin-top: 2px;
    resize: none;
    width: 273px;
}
.ie7 .kandidaten-netzwerk .layer-content-right textarea {
    height: 119px;
}
.kandidaten-netzwerk h4.einzug{
	margin-top:-5px;
	margin-bottom:20px;
}

.kandidaten-netzwerk .nutzungs_bed {
    display: block;
    font-size: 11px;
    padding-left: 25px;
    position: relative;
    top: -5px;
    width: 851px;
}

.gray-box h2{
    margin-bottom: 8px;
}
.gray-box .dott,
.anzeigen .dott{
    bottom: 3px;
    margin-right: 2px;
    position: relative;
}

.gray-box input[type="text"],
.gray-box input[type="email"],
.gray-box textarea{
    width: 193px;
}

.gray-box .file-upload{
	margin-left:-60px;
}
.ie7 .gray-box .file-upload{
	float:left;
}

/* Zielgruppenkonzept */
.zgk ul{
    margin: 0;
}
.zgk ul li {
    font-size: 11px;
    line-height: 15px;
    list-style: none outside none;
    padding: 0;
}


/*** über uns */

.aboutus .about_banner_top h1 {
    position: absolute;
    right: 21px;
    top: 37px;
}
.content.grey-colored {
    border-bottom: 1px solid #E2E2E2;
    padding: 7px 10px;
    position: relative;
	margin-bottom:20px;
}
.content.grey-colored,
.content.grey-colored h1{
	color:#919193;
}
.content.grey-colored h1 {
    font-size: 22px;
    line-height: 29px;
    margin: 6px 0;
}
.content.grey-colored p {
    margin-bottom:10px;
}
.aboutus #small-content.content {
    width: 625px;
	padding-left:10px;
}
.aboutus #small-content.content h1 {
    margin-bottom: 20px;
    margin-top: 15px;
}
.aboutus .content p{
	margin-bottom:10px;
}
.aboutus .about_banner_top {
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -758px transparent;
    height: 376px;
    left: 5px;
    margin-top: 5px;
    position: relative;
}
.aboutus .zitat {
    left: 20px;
    line-height: 30px;
    position: absolute;
    top: 100px;
}
.aboutus .zitat h5,
.aboutus .zitat p{
	line-height:30px;
}

.aboutus .about_banner_top h2{
    position: absolute;
    right: 40px;
    top: 20px;
}
.aboutus hr.overcontent {
    width: 715px;
}




#fancybox-wrap .anzeigen .content h4 {
    font-size: 38px;
    margin-top: 11px;
	margin-bottom:21px;
}
#fancybox-wrap .anzeigen .fancy_content-left p {
    margin-top: 16px;
}
#fancybox-wrap .anzeigen .content p {
    font-size: 11px;
    width: 430px;
}
.anzeigen .anzeigen_footer {
    height: 45px;
    padding-top: 20px;
}
.anzeigen .anzeigen_footer h5 {
    bottom: 12px;
    float: right;
    margin-right: 25px;
    position: absolute;
    right: 0;
}
.anzeigen .fancy_content-right {
    width: 325px;
}
.anzeigen .fancy_content-left {
    width: 540px;
}
/* 
.anzeigen  .content {
    background: url("img/einzel.jpg") repeat scroll -1px -11px transparent;
    margin: 6px 0;
}*/
 
#fancybox-wrap .anzeigen .content {
    background: url("img/einzel_bg.jpg") repeat-x scroll bottom #FFFFFF;
    margin: 6px 0;
}
.fancy_overlay.hidecontext.anzeigen .content_box .bottom {
    background-position: 0 -698px;
    bottom: -6px;
}
.fancy_overlay.hidecontext.anzeigen .content.anzeigen{
	min-height:580px;
}
.fancy_overlay.smallimg .fancy_content-right img {
    bottom: 0;
    position: relative;
    right: 0;
}

/* 		Anzeigen		 */

.anzeigen .anzeigen-left {
    float: left;
    width: 436px;
}
.anzeigen-image,
.anzeigen-right {
    float: right;
}
.anzeigen-right textarea{
    height: 160px;
    resize: vertical;
    width: 399px;
}

.anzeigen .gr_zahl {
    display: block;
    font-size: 20px;
    font-weight: bold;
}
.anzeigen .gr_block {
    display: block;
    padding-left: 30px;
    position: relative;
    top: -17px;
}
.anzeigen-left p{
	margin-top:15px;
}
.anzeigen.s2 .anzeigen-right p {
    margin-top: 15px;
}
.anzeigen-left p.dateiformate{
	margin-top:0px;
}
.anzeigen-left ul.dateien{
	border-top: 1px solid #e5e5e5;
	margin: 20px 0 0 0;
	padding-top:5px;
}
.anzeigen-left .file_counter {
    font-size: 14px;
    margin-right: 20px;
}
.anzeigen-left .file_name{
	font-size:14px;
}
.anzeigen-left .file_delete {
    position: absolute;
    right: 22px;
}
.anzeigen ul.dateien  li{
	list-style:none;
	margin-bottom:4px;
}

.anzeigen.content{
    background-color: #FFFFFF;
}
.anzeigen #buttons{
	margin-top:20px;
}
.anzeigen #buttons a,
.anzeigen #buttons a:link,
.anzeigen #buttons a:visited{
	color:#FFF;
}
.anzeigen #buttons.s2 {
    margin-top: 3px;
}
.anzeigen #buttons .button_abort,
.anzeigen #buttons .button_submit {
    float: left;
    margin: 0 10px 0 0;
}
.anzeigen #buttons.s4 .button_submit {
    margin-bottom: 10px;
    margin-top: 30px;
    position: relative;
}
.anzeigen .break {
    border-top: 1px solid #E5E5E5;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 10px;
}
.anzeigen .anzeigen-footer {
    margin-top: 20px;
}
.anzeigen .anzeigen-footer a,
.anzeigen .anzeigen-footer a:visited,
.anzeigen .anzeigen-footer a:link,
.anzeigen .anzeigen-footer h5{
	color:#707173;
}
.anzeigen .footer-left {
    border-right: 1px solid #E5E5E5;
    float: left;
    margin-right: 18px;
    padding-bottom: 10px;
    padding-right: 18px;
    width: 429px;
}
.anzeigen .footer-right {
    float: left;
    padding-bottom: 10px;
    padding-right: 10px;
    width: 430px;
}
.anzeigen .footer-left p,
.anzeigen .footer-right p{
	margin-top:10px;
}
.anzeigen .gray-box.middle-gray-box {
	left:0px;
}
.anzeigen .middle-gray-box .content {
    padding-top: 0;
    width: 402px;
}
.anzeigen .anzeigen-left #upload-submit{
}
.anzeigen .gray-container{
	margin-top:10px;
}
.anzeigen.s3 label {
    display: block;
    float: left;
    width: 90px;
}
.anzeigen.s3 input[type="radio"],
.anzeigen.s3 input[type="checkbox"] {
    float: left;
    margin-right: 0;
    position: relative;
    top: 5px;
}
.anzeigen.s3 h4{
    margin-bottom: 15px;
}
.anzeigen.s3 .checked {
    margin-left: 90px;
    width: 310px;
}
.anzeigen.s3 .checked label {
    width: 280px;
	margin-left:10px;
}

.anzeigen.s3 label.anrede{
	float:left;
}
.anzeigen.s3 input[type="text"],
.anzeigen.s3 input[type="email"]{
	width:306px;
}
.anzeigen.s4 label[for="agb"] {
    display: block;
    float: left;
    padding-left: 20px;
    position: relative;
    top: -18px;
}
.anzeigen.s4 .anzeigen-left p {
    line-height: 24px;
    margin-top: 0;
    position: relative;
    top: -23px;
}
.anzeigen.s4 .gray-box.middle-gray-box {
    left: 0;
    top: -25px;
}
.anzeigen.s4 .anzeigen-right p {
    margin-top: 12px;
}
.anzeigen.s4 .anzeigen-right p.head {
    margin-top: 16px;
}
.anzeigen.s4 .anzeigen-right p.head_one{
    margin-top: 0px;
	margin-bottom:-12px;
}
.anzeigen.s5 .anzeigen-right {
    float: right;
    width: 410px;
}


/* Anzeigen Start */

.anzeigen .content_box {
    margin: 16px 5px 17px;
}
.anzeigen .anzeigen_banner {
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -1134px transparent;
    height: 385px;
    left: 5px;
    margin-top: 5px;
    position: relative;
	display:block;
}
.anzeigen .anzeigen_banner a {
    display: block;
    height: 12px;
    left: 406px;
    position: absolute;
    top: 319px;
    width: 180px;
}
.anzeigen .anzeigen_table{
	padding:7px 12px 0;
	
}
.anzeigen .anzeigen_table .block{
	border-bottom:1px solid #e5e5e5;
	clear:both;
}
.anzeigen .anzeigen_table .block.last{
	border-bottom:0px;
}
.anzeigen .anzeigen_table .block.first {
	margin-top:5px;
}
.anzeigen .anzeigen_table .block.first .section {
    height: 119px;
    padding-top: 15px;
}
.anzeigen .anzeigen_table .section {
    float: left;
    padding: 6px 0;
    width: 280px;
}
.anzeigen .anzeigen_table .block.last .section {
    height: 92px;
}
.anzeigen .anzeigen_table .block.first .section a{
    padding-left: 60px;
}
.anzeigen .anzeigen_table .section.first{
	padding-right: 20px;
}
.anzeigen .anzeigen_table .section.second{
	padding-left:20px;
	padding-right:20px;
	border-right:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
}
.anzeigen .anzeigen_table .section.third{
	padding-left:20px;
}
.anzeigen .anzeigen_table .section a:hover{
	text-decoration:none;
}
.anzeigen .anzeigen_table span {
    display: block;
    margin-top: 10px;
}
.anzeigen .anzeigen_table .foot{
	background:url(img/dotts.png) left bottom repeat-x;
	height:17px;
}
.anzeigen .anzeigen_table .foot .kosten {
    background-color: white;
    float: right;
    padding-left: 5px;
	margin-top:0px;
}
.anzeigen .anzeigen_table .foot .kosten_add{
    background-color: white;
	display:inline;
	padding-right:5px;
}
.anzeigen .anzeigen_table .block.first .section_content {
    height: 45px;
    margin-top: 15px;
    width: 230px;
}
.anzeigen .anzeigen_table .block.last .section.first .section_content,
.anzeigen .anzeigen_table .block.last .section.third .section_content {
    width:200px;
}
.anzeigen .anzeigen_table .block.last .section.first ,
.anzeigen .anzeigen_table .block.last .section.third  {
    position:relative;
}
.anzeigen .anzeigen_table .section_content {
    height: 45px;
    margin-top: 17px;
}
.anzeigen .anzeigen_table span.head {
    margin-top: 0;
}
.anzeigen .anzeigen_table .first_icon {
    background: url("img/adviser_icons.png") no-repeat scroll 0 -728px transparent;
    bottom: -5px;
    height: 77px;
    position: absolute;
    right: 15px;
    width: 90px;
}
.anzeigen .anzeigen_table .second_icon {
    background: url("img/adviser_icons.png") no-repeat scroll 0 -846px transparent;
    bottom: -8px;
    height: 77px;
    position: absolute;
    right: -14px;
    width: 105px;
}


.anzeigen .anzeigen_table .section a.einzelanzeige {
    background-position: -246px -308px;
}

.anzeigen .anzeigen_table .section a.daueranzeige {
    background-position: -200px -354px;
}

.anzeigen .anzeigen_table .section a.rahmenvertrag {
    background-position: -154px -400px;
}

.anzeigen .anzeigen_table .block.sec .section_content,
.anzeigen .anzeigen_table .block.last .section_content {
    line-height: 19px;
    margin-top: 12px;
}
.anzeigen .anzeigen_table .block.last .section_content {
    margin-top: 13px;
}

.anzeigen .anzeigen_table .block.sec .section {
    height: 90px;
}

/*  Dienstleistungen  */

.dienstleistungen .dl_banner {
    background-image: url("img/dl_banner.png");
    height: 445px;
    width: 950px;
}
.dienstleistungen .one_third {
    border-right: 1px solid #E5E5E5;
    height: 300px;
    margin-right: 10px;
    padding-right: 10px;
    width: 287px;
	float:left;
}
.dienstleistungen .one_third.first {
    background-image: url("img/dl_auftritt.png");
    background-position: right bottom;
    background-repeat: no-repeat;
}
.dienstleistungen .one_third.last {
    border-right:0px none;
}
.dienstleistungen .one_third.last a {
    background-image: url("img/dl_partner.png");
    background-repeat: no-repeat;
    background-position: right center;
	width:100%;
	height:100%;
	display:block;
}


/*  Veranstaltungen in ueber uns  */

.veranstaltungen{
}
.veranstaltungen .veranstaltung {
    height: 84px;
    margin: 0 0 11px;
}
.veranstaltung .image {
    float: left;
    height: 84px;
    margin-right: 10px;
    width: 147px;
}
.veranstaltung .para {
    float: left;
    height: 95px;
    width: 445px;
}

.aktuelle_presse .para {
	line-height:20px;
}

.veranstaltung .para h4{
    font-size:17px;
}

.aktuelle_presse .para h4 {
    font-size: 16px;
    margin-bottom: -3px;
}

.veranstaltung .para p,
.aktuelle_presse .para p{
	color:#595959;
    font-size:11px;
}

.presse_mehr {
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 10px 0 4px;
}


/*  Erweiterte Suche  */


.ext_search .gray-box {
	left:0px;
}

.ext_search .small-gray-box {
    float: left;
    margin-bottom: 0;
    margin-right: 15px;
}
.ext_search .small-gray-box h2{
    margin-bottom: 17px;
}
.ext_search .top-boxes .small-gray-box.last {
	margin-right: 0px;
}
.ext_search .gray-box input {
	float:left
}
.ext_search .gray-box label {
    display: block;
    float: left;
    margin-left: 15px;
    position: relative;
    top: -4px;
}
.ie7 .gray-box label,
.ie8 .gray-box label,
.ie9 .gray-box label   {
    top: 0px;
	position:relative;
}

.ie8 .gehalt .gray-box label,
.ie9 .gehalt .gray-box label   {
    top: 2px;
	position:relative;
}
.ie8 .ext_search .small-gray-box {
    margin-bottom: 10px;
}
.ext_search p.head {
	font-size:11px;
	font-weight:bold;
	margin-bottom:6px;
}

.ext_search .third-container .one_third {
    float: left;
    margin-right: 15px;
    width: 299px;
}
.ext_search .third-container .clear.last {
    margin-bottom: 10px;
}

.ext_search .third-container .one_third.last {
    margin-right: 0;
	width:270px;
}

.ext_search .gray-box.last h2{
    margin-bottom:15px;
}

.ext_search .region label.regionfix{
    width:153px;
}
.ext_search .region input#region {
    position: relative;
    top: -4px;
	width:116px;
}
.ext_search .region{
    margin-top: 3px;
}

.ext_search input.km_regio{
    margin:0 10px 0 20px;
}
.ext_search label.km_regio{
    margin:0;
}
.ext_search #buttons .button_submit {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 10px;
    width: 109px;
}
.ext_search #buttons .button_abort {
    float: left;
}
.ext_search #buttons{
    position: relative;
    top: 10px;
}


/*     Anzeigen-Viewport     */

.viewport .viewport-container {
    margin: 0 auto;
    position: relative;
    width: 640px;
}
.viewport .viewport-nav .view-logo {
    background-image: url("../images/portal/viewport-jobware-logo.png");
    background-color: transparent;
    position: relative;
    top: 16px;
    left: 20px;
    float: left;
    height: 46px;
    width: 200px;
}
.viewport .viewport-nav .view-text {
    background-color: transparent;
    float: left;
    margin-left: 70px;
    margin-top: 15px;
    width: 450px;
    font-size: 11px;
    line-height: 14px;
    overflow: hidden;
    white-space: nowrap;
}
.viewport .viewport-nav .view-text .head {
    font-weight: bold;
}
.viewport .viewport-nav #buttons {
    float: right;
    margin-right: 30px;
    margin-top: 10px;
}
.viewport #gray-button-container {
	margin-top: 10px;
}

.viewport .button_back {
    float: left;
    margin-right: 25px;
	position:relative;
	left:5px;
	top:5px;
}
.viewport .button_back.disabled {
    background: url("../images/portal/icons_gray.png") no-repeat scroll -332px -248px transparent;
}

.viewport .button_print {
    float: left;
	margin-right:25px;
	position:relative;
	left:5px;
	top:5px;
}

.viewport .button_forward{
	float:left;
	position:relative;
	left:5px;
	top:5px;
}
.viewport .button_forward.disabled {
    background: url("../images/portal/icons_gray.png") no-repeat scroll -352px -228px transparent;
}



/************************************************/
/*** Overlay layer boxes // v2 Kein Layer mehr!	*/
/************************************************/

.layer_box {
    margin: 6px 0 12px;
    position: relative;
    height: auto;
    overflow: auto;
    width: 949px;
}

.layer_box h3 {
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -353px transparent;
    border-bottom: 1px solid #E5E5E5;
    height: 43px;
    line-height: 43px;
    padding: 2px 20px 0;
}

.layer_box .content {
    padding: 16px 20px 10px;
}

.layer-content-left {
    float: left;
    width: 609px;
}
.layer-content-right {
    float: right;
    margin-right: 10px;
    margin-top: 280px;
    position: relative;
    width: 289px;
}
.ie7 .layer-content-right {
    margin-left: 20px;
}

/************************************************/
/*** General Buttons							*/
/************************************************/
.button_submit,
.button_submit_wide {
	text-align:center;
	padding: 0 0 2px;
	margin:  0;
	height: 31px;
	border: 0 none;
	
	color: #fff;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	line-height: 31px;
	cursor: pointer;
}
.button_abort,
.button_abort_wide {
	text-align:center;
	padding: 0 0 2px;
	margin:  0;
	height: 31px;
	border: 0 none;
	
	color: #fff;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	line-height: 31px;
}
.ie7 .button_submit,
.ie7 .button_submit_wide { 
	line-height: 30px;	
}
.ie7 .button_abort,
.ie7 .button_abort_wide { 
	line-height: 30px;	
}

.button_submit {
	width: 128px;
	background: url(../images/portal/backgrounds.png) no-repeat -998px 0;
}
#buttons a.button_submit.button_deactivated {
	background: url(../images/portal/backgrounds.png) no-repeat -998px -62px;
    cursor: default;
}
.button_abort {
	width: 128px;
    background: url("../images/portal/backgrounds.png") no-repeat scroll -998px -62px transparent;
}
.button_submit_wide {
	width: 166px;
	background: url(../images/portal/backgrounds.png) no-repeat -998px -31px;
}
.button_abort_wide {
	width: 166px;
	background: url(../images/portal/backgrounds.png) no-repeat -998px -93px;
}



/************************************************/
/*** Icons										*/
/************************************************/
.iconized {	
	display: block;
	background: url(../images/portal/icons.png) no-repeat 0 0;
}

.iconized.icon_down_small {
	padding: 0 0 0 18px;
	background-position: -585px 0;
}

.iconized.icon_dot {
	padding: 0 0 0 18px;
	background-position: -570px 0;
}

.iconized.icon_network {
	line-height: 46px;
	padding: 0 0 0 56px;
	background-position: -534px -20px;
}
.iconized.icon_newsletter {
	line-height: 46px;
	padding: 0 0 0 56px;
	background-position: -488px -66px;
}
.iconized.icon_adviser {
	line-height: 46px;
	padding: 0 0 0 56px;
	background-position: -442px -112px;
}
.iconized.icon_share {
	padding-left: 5px;
	
	height: 25px;
	width: 25px;
	background-position: -417px -158px;
}
.iconized.icon_print {
	padding-left: 5px;
	
	height: 25px;
	width: 25px;
	background-position: -392px -183px;
}
.iconized.icon_contact {
	line-height: 46px;
	padding: 0 0 0 56px;
	background-position: -107px -446px;
}

/************************************************/
/*** Overlay Kandidat anfordern					*/
/************************************************/
.personalberatung #fancybox-content > div{
	overflow:hidden !important;
}
.kandidat_anfordern.fancy_overlay {
    width: 725px;
}
.kandidat_anfordern .fancy_content-left {
    float: left;
    padding: 0 20px;
    width: 150px;
}
.kandidat_anfordern .fancy_content-right {
    float: right;
    margin: 0;
    width: 533px;
}
.kandidat_card .card-wrap {
    float: left;
    height: 245px;
    overflow: hidden;
    width: 147px;
}

.kandidat_card .card {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8E8E8;
	box-shadow:0 0 26px 0 rgb(100, 100, 100);
    margin: 5px;
    overflow: hidden;
    position: absolute;
    width: 133px;
}
.kandidat_card .card .image img {
	display: block;
	width: 133px;
	height: 94px;
}
.kandidat_card .card .headline {
	margin: 0;
	padding: 0 5px;
	line-height: 27px;
}
.kandidat_card .card .description {
    padding: 0 5px 15px;
}
.kandidat-gray-box .gray-content{
    padding: 10px;
}
.kandidat-gray-box label{
	float:left;
	width:85px;
}
.kandidat-gray-box .longText{
	margin-top:33px;
}
.kandidat_anfordern #buttons{
    float: right;
    margin: 10px 19px;
}
.kandidat_anfordern  .gray-box {
    margin: 5px 0;
}
.kandidat-gray-box .clear{
	height:17px;
}
.kandidat-gray-box .longText textarea{
	float:none;
	width:376px;
	resize:none;
	height:215px;
}
.kandidat-gray-box label.smaller{
	width:64px;
	margin-left:20px;
}
.kandidat-gray-box input[type="text"]{
	float:left;
	width:146px;
}
.kontakt-gray-box  {
    border: 0 none;
    width: 449px;
}
.kontakt-gray-box .gray-top {
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -369px transparent;
    height: 6px;
    left: 0px;
    position: absolute;
    top: -6px;
    width: 469px;
}
.kontakt-gray-box .gray-bottom {
    background: url("../images/portal/backgrounds.png") no-repeat scroll 0 -384px transparent;
    bottom: -6px;
    height: 6px;
    left: 0;
    position: absolute;
    width: 469px;
}
.kontakt-gray-box .gray-content {
    padding: 20px 20px 0 13px;
    width: 429px;
}
html.ie7 .kontakt-gray-box{
	width:468px
}
.kontakt-gray-box label{
	float:left;
	width:102px;
}
.kontakt-gray-box .longText{
	margin-top:33px;
}
.kontakt_anfordern #buttons {
    bottom: 37px;
    margin-left: 13px;
    position: absolute;
    right: 233px;
}
.kontakt_anfordern.drei #buttons.left {
    bottom: 0;
    margin: 0;
    position: relative;
    right: 0;
}

.kontakt_anfordern .gray-box {
    margin: 30px 0 23px 11px;
}
.kontakt-gray-box .clear {
    height: 23px;
}
.kontakt-gray-box textarea{
	float:none;
	width:310px;
	resize:none;
	height:156px;
}
.kontakt-gray-box input[type="text"]{
	float:left;
	width:310px;
}
.kontakt_anfordern  p.head {
    font-size: 15px;
    margin: 10px 0;
}
.kontakt_anfordern .fancy_content-right img {
    bottom: 0;
    position: relative;
    right: 0;
}
.kontakt_anfordern.drei .fancy_content-right img {
    bottom: 0;
    float: left;
    height: 145px;
    margin: 0 10px 20px 0;
    position: relative;
    right: 0;
    width: 110px;
}
.kontakt_anfordern.drei .contact-container {
    float: left;
    margin-left: 60px;
    width: 360px;
}
.contact-wrap {
    position: relative;
    right: 100px;
    top: 0;
    width: 300px;
}
.contact-container.first {
    float: left;
    margin-left: 0px;
    width: 140px;
}
.contact-container {
    float: left;
    margin-left: 20px;
    width: 140px;
}
.ie7 #fancybox-content {
    margin-bottom: 20px;
}
html.ie7 .kandidat-gray-box{
	width:521px;
}
/************************************************/
/*** Helper										*/
/************************************************/
.fl {
	float: left;
}
.fr {
	float: right;
}
.fn {
	float: none;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.cb {
	clear: both;
}

img.fr {
	padding: 5px 0 5px 5px;
}
img.fl {
	padding: 5px 5px 5px 0;
}





/************************************************/
/*** Tiles										*/
/************************************************/
.tiles {
	margin: 12px 0 6px 0;
	overflow: hidden;
}
.tiles .two_tiles {

}
.tiles .tile {
	margin: 0 5px;
	float: left;
}
.tiles.two_tiles .tile {
	width: 350px;
}
.berufsorientierung .tiles.two_tiles .tile {
    width: 320px;
}






.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {
  
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}



#buttons2 {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

#gray-button2-container {
    background: url("../images/portal/backgrounds2.png") no-repeat scroll 0 0 transparent;
    height: 31px;
    width: 66px;
    margin-top: 41px;
}

.viewport .button_profile {
    background: url("../images/portal/icons2.png") no-repeat scroll -6px -34px transparent;
    display: block;
    height: 20px;
    width: 20px;
    float: left;
    margin-right: 12px;
	position:relative;
	left:7px;
	top:6px;
}
.viewport .button_profile.disabled {
    background: url("../images/portal/icons2.png") no-repeat scroll -6px -6px transparent;
}

.viewport .button_video {
    background: url("../images/portal/icons2.png") no-repeat scroll -32px -34px transparent;
    display: block;
    height: 20px;
    width: 20px;
    float: left;
	position:relative;
	left:6px;
	top:6px;
}
.viewport .button_video.disabled {
    background: url("../images/portal/icons2.png") no-repeat scroll -32px -6px transparent;
}


#geoLocationPullDown.jwExtendedSearch {
    top: 160px;
    left: 216px;
}