/**
 * Contao Open Source CMS
 * Copyright (C) 2005-2011 Leo Feyer
 *
 * Formerly known as TYPOlight Open Source CMS.
 *
 * This program is free software: you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation, either
 * version 3 of the License, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 * 
 * You should have received a copy of the GNU Lesser General Public
 * License along with this program. If not, please visit the Free
 * Software Foundation website at <http://www.gnu.org/licenses/>.
 *
 * PHP version 5
 * @copyright  Leo Feyer 2005-2011
 * @author     Leo Feyer <http://www.contao.org>
 * @license    LGPL
 * @version    1.1
 */
 body {
    filter: none;
        
 }
/* Reset margins */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,figure,pre,code,ol,ul,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea {
    margin:0;
    padding:0;  
}

/* Format basic elements */
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption,th,td {
	text-align:left;
	vertical-align:top;
}
abbr,acronym {
	font-variant:normal;
	border-bottom:1px dotted #666;
	cursor:help;
}
blockquote,q {
	quotes:none;
}
fieldset,img {
	border:0;
}
li {
	list-style-type:none;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
del {
	text-decoration:line-through;
}
ins {
	text-decoration:none;
}
a {
	color:#00f;
}
:focus {
	outline:0;
}

/* Font settings */
body {
	font-family: "Trebuchet MS",Verdana,sans-serif;	
	font-size:13px;
	color:#000;
}
input,button,textarea,select {
	font-family:inherit;
	font-size:99%;
	font-weight:inherit;
}
pre,code {
	font-family:"Lucida Console",Monaco,monospace;
	font-size:12px;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
h1 {
	font-size:22px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:18px;
}
table {
	font-size:inherit;
}
caption,th {
	font-weight:bold;
}

/* Default margins */
h1,h2,h3,h4,h5,h6 {
	margin-top:10px;
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
	margin-bottom:12px; /* Should match the font size */
}

#main .mod_article.block {}/**
 * Contao Open Source CMS
 * Copyright (C) 2005-2011 Leo Feyer
 *
 * Formerly known as TYPOlight Open Source CMS.
 *
 * This program is free software: you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation, either
 * version 3 of the License, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 * 
 * You should have received a copy of the GNU Lesser General Public
 * License along with this program. If not, please visit the Free
 * Software Foundation website at <http://www.gnu.org/licenses/>.
 *
 * PHP version 5
 * @copyright  Leo Feyer 2005-2011
 * @author     Leo Feyer <http://www.contao.org>
 * @license    LGPL
 * @version    1.0
 */

/* Basic configuration */
.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12, .g-text, .g-box {
	float:left;
	display:inline;
	margin-right:10px;
	margin-left:10px;
}

/* Widths */
.g1 { width:60px; }
.g2 { width:140px; }
.g3 { width:220px; }
.g-box { width:260px; }
.g4 { width:300px; }
.g5 { width:380px; }
.g-text { width:400px; }
.g-text.wider { width:420px; }
.g6 { width:460px; }
.g7 { width:540px; }
.g8 { width:620px; }
.g9 { width:700px; }
.g10 { width:780px; }
.g11 { width:860px; }
.g12 { width:940px; }

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* Apply margin to content elements by default */
.mod_article>.block {
	margin-right:10px;
	margin-left:10px;
}

/* Except if the article itself is floated  */
.g-text .block,.g-box .block, .g1 .block,.g2 .block,.g3 .block,.g4 .block,.g5 .block,.g6 .block,.g7 .block,.g8 .block,.g9 .block,.g10 .block,.g11 .block,.g12 .block {
	margin-right:0;
	margin-left:0;
}

/* Reapply margin on nested grid elements */
.gr {
	margin-right:20px !important;
}body {
    background: #ededee;
}

#wrapper {
    background:#fff;    
}

#logo {
    padding:30px 0 33px 32px;
}

#container {
    padding-bottom:35px;
   
}

body.homepage #container {
 padding-bottom:10px;   
}

#header .inside {
    margin:0 10px;    
}

body.homepage #header {
    height: 470px;
}

#topnav {
    position: absolute;
    right: 20px;
    top: 20px;
}

#topnav li {
    float: left;
}

#topnav li.first {
    
}

#topnav li span,
#topnav li a {
    color: #000;
    display: inline-block;
    padding: 0 5px;
    text-decoration: none;
    border-right: 1px solid #000;
    line-height: 15px;
    font-weight: 100;
    
}

#topnav li.last span,
#topnav li.last a {
    border:0;  
    padding-right: 0;
}

#topnav li a:hover {
    text-decoration: none;
    color: #D4021D;
}

/* navigation oben */
#main-nav {
    background: url('img/bg-nav-main.png') no-repeat ;
    margin-bottom: 10px;
    padding-left: 33px;
    position: relative;
    z-index: 99;  
}

#main-nav li {
    float:left;
    margin:0 -2px;   
}

#main-nav a {
   
}

#main-nav a,
#main-nav span {
    display: inline-block;
    line-height: 34px;
    padding: 0 18px;
    color:#fff;
    text-transform: uppercase;
    text-decoration: none;
    background: url('img/bg-nav-main-a.png') left center no-repeat;    
}

#main-nav li.first a {
  background-image:none; 
}

#main-nav a:hover,
#main-nav a.trail,
#main-nav span {
    background:#fff;
    color:#000;
    -webkit-box-shadow: inset 1px 1px 5px 2px #e8e9e9;
    -moz-box-shadow: inset 1px 1px 5px 2px #e8e9e9;
    box-shadow: inset 1px 1px 5px 2px #e8e9e9;  
    
    -webkit-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    -ms-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out;    
    
    font-weight: bold;
}

/* banner im kopf */
#site-image {
    width: 620px;
    height:314px;
}

#site-image h1 {
    background: #fff;
    color:#272729;
    font-size:20px;
    padding:20px 30px;
    margin-top:200px;
   
}
#site-image h1 span {
    display:block;
    font-size:14px;
    color:#d10019;
    padding-top:2px;
    font-weight: bold;
}

#regio-map {
    background: url('img/bg-regio-map.png') no-repeat; 
    height: 314px;   
    text-align: center;
    padding-top: 5px;
}

#header .mod_breadcrumb {
    line-height: 33px;
}

#social-media {
    background: #ebebec;
    margin-top: 10px;      
}

#social-media p {
    padding: 0 10px;
    margin: 0;
    font-weight: bold;
    line-height: 33px;
}

#social-media p span {
    position: absolute;
    right:10px;
    bottom:-7px;
}

/* brotkrumennavigation */

#header .mod_breadcrumb {
    font-style: italic;
    font-size: 11px;
    margin-top: 10px;
    margin-left:220px;
}

#header .mod_breadcrumb strong {
    font-style: normal;
}

#header .mod_breadcrumb, 
#header .mod_breadcrumb a {
    color: #58585a;
}

#header .mod_breadcrumb a:hover, 
#header .mod_breadcrumb  .active {
    color: #d4021d;
}


#footer {
   background: #ededee url('img/bg-copyright.png') 30px 0 no-repeat;    
}

#footer .inside {
    background: url('img/bg-comodo-secure-small.png') right 12px no-repeat; 
    min-height: 100px;
}

/* footer navigation */
#footer .mod_customnav {
    padding: 17px 0 0 212px;
}

#footer li {
    float:left;
}

#footer li a,
#footer li span {
    text-transform: uppercase;
    text-decoration: none;
    color:#000;
    display: inline-block;
    padding:0 5px;
}

#footer li a:hover,
#footer li span {
    color: #d4021d;
}

/* rechte spalte */

#right .inside {
    margin-right: 10px;    
}

/* linke spalte */
#left .inside {
    margin:90px 10px 10px 40px;
}

/* navigation linke spalte */
#left .mod_navigation li {
    margin-bottom: 10px;
    width:160px;
}

#left .mod_navigation li.main-location {
    margin-bottom: 28px;
}

#left .mod_navigation a,
#left .mod_navigation span {    
    display: block;
    background: #e3e4e5;
    padding:5px 8px;
    color: #000;
    font-weight: bold;
}

#left .mod_navigation a.trail,
#left .mod_navigation a:hover,
#left .mod_navigation span {
    color: #d4021d;
    background: #c6c7c8;
}

#left .mod_navigation .submenu,
#left .mod_navigation a.trail {
    color:#fff ;
}

#left .mod_navigation a:hover {
    -webkit-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    -ms-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out;    
}

#left .mod_navigation ul ul {
    margin:10px 0;
}

#left .mod_navigation li li {
    margin-bottom: 0;
}

#left .mod_navigation li li a,
#left .mod_navigation li li span,
#left .mod_navigation li li a.trail,
#left .mod_navigation li li a:hover,
#left .mod_navigation li li span {   
    background: none;
    padding: 3px 8px;
}

#left .mod_navigation li li span {
    text-decoration: underline;
}

#container a {
    color: #000;
}

#container a:hover {
    color: #d10019;
}

a.link {
    text-decoration: underline;
}

#tt {
    position:absolute; display:block; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:#AC0217;
}
#tttop { display:block; height:1px; overflow:hidden}
#ttcont {display:block; padding:3px 5px;  color:#fff}
#ttbot {display:block; height:1px; overflow:hidden}

#fb {
    position: absolute;
    left:570px;
    top:15px;
}/* impressum */
body.imprint #main h2 {
    margin:0;
    padding:0;
    font-size:13px;
    font-weight: bold;
    position:absolute;
    left:-160px;
    text-align: right;
    width:160px;
}

/* h3 überschriften in tabform auf der startseite */
.g4 h3,
.g8 h3 {
    background: url('img/bg-h3-g8.png') no-repeat;
    /*
    background: url('img/bg-h3-better.png') repeat-x;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    */
    
    line-height: 29px;
    font-size:13px;
    padding:0 0 0 35px;
    font-weight: bold;
    float: none;
    margin:15px 0 5px 0;
}

.g4 h3:first-child,
.g8 h3:first-child { 
  margin-top:10px;
}

/*
.g4 h3 span ,
.g8 h3 span {
    display:block;
    padding:0 0 0 35px;
    background: url('img/regio-knubbel.png') 15px center no-repeat;
}
*/
.g4 h3 {
    background-image: url('img/bg-h3-g4.png');    
}
.g9 h3 {
    background: url('img/bg-h3-g9.png') no-repeat;
    line-height: 28px;
    font-size:13px;
    padding:0 0 0 35px;
    font-weight: bold;
    margin-top: 30px;
}

/* diverses auf der startseite */
body.homepage a {
    color: #000;
}

body.homepage h6  {
  font-weight:bold;
  padding:3px 15px;
  margin-bottom: 0;
}

body.homepage a:hover {
    color: #D4021D;
}
body.homepage #container ul {
    padding:0 0 5px 0;
    margin:0 0 0 0;
    
}

body.homepage #container .box.news ul {
    padding:3px 0;
} 

body.homepage #container .box.news  p {
    padding:0 15px;
    margin: 0;
}

body.homepage #container li {
    background: url("img/bg-bullet.png") 10px 7px no-repeat;
    list-style-type:none;
    padding:0 15px 0 20px;
}

body.homepage #container li a {
}

body.homepage li:hover {
    color:#D4021D;
}

body.homepage #social-buttons {
    position: absolute;
    left: 135px;
    bottom: 10px;
}

#jobs-right {
    position: relative;
}
#more-jobs-right {
    position: absolute;
    left: 0;
    bottom: -13px;
}

#more-jobs-left {
    position: absolute;
    right: 65px;
    bottom: 15px;    
}

#right-box-news {
    position: relative;
}

#more-news-right {
    position: absolute;
    bottom:15px;
}
#neue-stellen p {
    margin-bottom:0;
}

#neue-stellen td p {
   padding-top:8px;
}


.mod_article.g4 .box {   
    height: 151px;
    overflow:hidden;
    padding:0;
}

.mod_article.g4 .box p {
    padding-left: 15px;
    padding-right:15px;
}

.mod_article.g4 .box p:first-child {
    padding-top:15px;
}

.mod_article.g4 .box p:last-child {
    padding-bottom:15px;
}
.box.social {
    position: relative;
}

.box.social div {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

#stelleninfo,
#einfach-schnell-kostenlos {
    width: 463px;
    height: 153px;
    float: left;
    background: #fff url('img/bg-einfach-schnell-kostenlos.jpg') no-repeat;
}

#stelleninfo {
    background: url('img/bg-stelleninfo.jpg') ;
    position: relative;
}

#stelleninfo  p {
    text-align: right;
    padding: 22px 24px 0 0;
}


#einfach-schnell-kostenlos p {
    font-size: 26px;
    color:#7b0775;
    margin: 100px 0 0 33px;
}

#einfach-schnell-kostenlos span {
    zoom:1; 
    display: inline-block;
    
    padding-right: 5px;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;    
}

#einfach-schnell-kostenlos span span { visibility: hidden;}

#einfach, #schnell, #kostenlos {
    background-color: inherit;
    background-image: url("img/einfach-schnell-kostenlos.png");
    background-repeat: no-repeat;
}

#schnell {
    background-position: -98px 0;
}

#kostenlos {
  background-position: -190px 0;  
}

#a-first, #a-last1, #a-last2, #a-last3 {
    background-color: none;
    zoom:1; 
    filter: alpha(opacity=0); 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;  
    position: absolute;
    right:10px;
}

/* aktuell */
#a-last1 {    
    width: 60px;
    height:20px;
    font-weight: bold;
    top: 10px;
}

/* täglich neue Stellen */
#a-first {
   font-size: 22px;
   color: #6c6e6f;        
   top: 45px;   
   width: 205px;
   height:28px;
}

/* 4500 */
#a-last2 {
    font-size: 37px;
    font-weight: bold;
    color:#90ad09;
    
    top: 75px;    
    width:95px;
    height: 37px;
    line-height: 37px;
    margin:0; padding:0;
    
}
/* stellenangebote */
#a-last3 {
    font-weight: bold;
    top: 120px;
    width:110px;
    height: 20px;
}

#job-finden,
#bewerbung-jetzt {
    float:right;
    width: 148px;
}

#job-finden a,
#job-finden a span,
#bewerbung-jetzt a, 
#bewerbung-jetzt a span {
    display: inline-block;
    width: 148px;
    height: 153px;
}

#bewerbung-jetzt a {
    background: url('img/bg-bewerbung-jetzt.png') no-repeat;
    text-decoration: none;
}

#bewerbung-jetzt a:hover {
    background-image: url('img/bg-bewerbung-jetzt-over.png') ;
}

#job-finden a {
    background: url('img/bg-job-finden.png') no-repeat;
    text-decoration: none;    
}

#job-finden a:hover {
    background-image: url('img/bg-job-finden-over.png');    
}

#job-finden a span,
#bewerbung-jetzt a span {
    visibility: hidden;
}

#neue-stellen {
    height: 151px !important;
    overflow:hidden;
    padding:0 15px;
    position: relative;
}

#neue-stellen p {
   padding-top:15px;
}


#neue-stellen table {
    width:100%;
}

#neue-stellen td {
    padding:2px 0px;
}

#neue-stellen .button {
    margin-top:5px !important;
}

/* allgeminer kram der für ne menge gilt*/

/* align */
.right {
    text-align: right;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}

/* links und buttons */
a {
    text-decoration: none;
    color: #d4021d;
}

/* allgemeine box elemente mit grauen rändern */
.box {
    border: 1px solid #bec0c1;
    padding:15px 15px;
}

/* überschrift 1 */
#main h1 {
    font-size:21px;
    margin-top:35px;
    margin-bottom: 30px;
    color:#d4021d;
    font-weight: bold;
}

#main h1.ce_headline {
    
}

/* download elemente boxen g-box mit grauem hg */
#right .ce_text,
.g-box {
    background: #e8ecf1;
    padding:15px 0;
}

#right .inside {
    margin-top:90px;
}

#right .mod_dlh_googlemaps,
#right .ce_text {
    margin:0 20px 20px 0;  
}

#right .ce_text h2,
.g-box h2 {
    margin:0 0 5px 0;
    font-size: 13px;
    font-weight: bold;
    padding:0 15px;
}

#right .ce_text p,
.g-box p {
    padding:2px 14px ;
    margin: 0;    
}

#right .ce_text p {
    padding:10px 14px ;       
}

.ce_downloads span,
.ce_download span {
    display:none;
}

.ce_downloads .mime_icon {
    display: none;
}

abbr {
    border:0;
    font-weight: bold;
    color: #D4021D;
}

p {
    line-height: 140%;
}

/* kontaktseiten */

.ce_text.contact {
    margin-bottom: 15px;
    display: table;
}

.ce_text.contact p {   
   margin-bottom:0;
   width: 100%;
   vertical-align: bottom;
   display: table-cell;
}

.ce_text.contact .image_container {
    margin-right:15px;
    padding-bottom:2px;
}

/* news startseite */

.mod_newslist .layout_simple a {
    color: #000 !important;
}

.mod_newslist .layout_simple a:hover {
    color: #D4021D  !important;
}

/* news liste */
.layout_latest h2 a {
    color:#000;
    font-size:13px;
    font-weight: bold;
}

.layout_latest {
    border-bottom: 1px solid #EDEDEE; 
    margin-bottom: 10px;
}
.layout_latest.last {
    border: 0;
}

/* blättern */
.pagination {
    border-top: 1px solid #EDEDEE;
    padding: 5px 0;
}
.pagination li {
    float:left;
}

.pagination li a,
.pagination li span {
    display: inline-block;
    padding: 0 10px 0 0;
}

.pagination li span {
    font-weight: bold;
}/* 
    Document   : forms
    Created on : 31.07.2011, 14:08:30
    Author     : Falko
    Description:
    Allgemeines Formular Gedöns
*/

.ce_form .formbody {
    background: #ededee;
    padding: 40px 40px 20px 20px;
}

.ce_form .label {
    font-weight:bold;
}

.ce_form label {
    font-weight:bold;
    display: inline-block;   
}

.ce_form label.light {
    font-weight: normal;
}

label.w10 {
    min-width: 20px;
    margin-right: 10px;
}

/* formulare in tabelle */
.ce_form td {
   padding: 8px 5px;
}

.ce_form tr td {
    vertical-align: top;
    
}

.ce_form td.col_first {
    text-align: right;     
} 

.ce_form td.col_first label,
.ce_form td.col_first .label {
    padding-top: 3px;
}

.ce_form .submit_container {
    text-align:right;
}

.ce_form .captcha_text {
    display: block;
    font-size: smaller;
    padding:3px 0;
}

p.radio {
    margin-top: 3px;
}

p.radio label {
    margin-right:12px;
}

/* formular elemente */

input.text, input.captcha, textarea {
    width: 97%;
    padding: 1px;
    border: 1px solid #ccc;
    font-size:11px;
}

textarea {
    overflow:auto;
}

select.select {
    border: 1px solid #ccc;
    width:auto;
    padding:1px;
    margin: 0;
    font-size:11px;
}


input.text.error, input.captcha.error, textarea.error {
    border: 1px solid #d4021d;
}

select.select:focus, input.text:focus, input.captcha:focus, textarea:focus {
    border:1px solid #8c8a8a;
}

p.error {
    color: #d4021d;
    padding:2px 0;
    font-size: smaller;
}

.ce_form .left {
    float:left;
    display: inline-block;
    
}
.ce_form .right {
    float:right;
    display: inline-block;
}

/*
BUTTONS können normal links mit class="button red" oder formularinputs mit der jeweiligen klasse sein
*/
/* buttons allgemein */

button.button,
a.button,
input.button {
    display: inline-block;
    border: 0;
    color:#fff;
    padding:3px 10px;
}

.ce_hyperlink.button a {
    display: inline-block;
    padding:4px 10px;    
}


/* heller button */
.button.light a,
.button.light {
    background:#c5cfdc;  
    color: #fff !important;
}

.button.light a:hover,
.button.light:hover,
a.button.light:hover {
   background: #46505d; 
   color: #dad5dc !important;
}

/* gruener button */
.button.green a,
.button.green {
    background:#90ad09;  
    color: #fff !important;
}

.button.green a:hover,
.button.green:hover,
a.button.green:hover {
   background: #ebecec; 
   color: #90ad09 !important;
}

/* roter button*/
.button.red a,
.button.red {
    background:#d4021d;
    color: #fff !important;
}

.button.red a:hover,
.button.red:hover,
a.button.red:hover {
   background: #ebecec; 
   color: #d4021d !important;
}

#right .button.red a:hover,
#right  .button.red:hover,
#right  a.button.red:hover {
    background: #fff;
}

/* roter button*/
.button.purple a,
.button.purple {
    background:#761171;    
    color: #fff !important;
}

.button.purple a:hover,
.button.purple:hover,
a.button.purple:hover {
   background: #ebecec; 
   color: #761171 !important;
}

/* buttons vor denen der regio kreisel stehen soll */
.ce_hyperlink.button {
    margin:30px 0;
    background: url('img/bg-kreisel.png') left center no-repeat;
    padding-left:30px;
} 

.ce_hyperlink.button:hover {
    background: url('img/bg-kreisel.png') left center no-repeat;
}

.ce_hyperlink.button.nokringel {
    background: none;
    padding-left:10px;
}

/* 
    Document   : onlinebewerbung
    Created on : 13.08.2011
    Author     : Falko
    Description:
    Spezielle Anpassungen für die Onlinebewerbungsmasken
*/

/* OB Navigation */
#ob li {
    float:left;
    margin-right: 10px;
}

#ob li span,
#ob li a {
    display: inline-block;
    background: #e3e4e5;
    font-weight: bold;
    color: #000;    
    padding:5px 21px;
    margin-bottom: 10px;
    text-align: center;
}

#ob li a.first {
    padding-left: 15px;
    padding-right: 15px;
}

#ob li.last {
    margin-right:0;
}

#ob li span,
#ob li a:hover {
    color: #fff;
    background: #761171;
}

/* Hinweisbox */
.ob .box.hint {
    padding:20px;
    margin-bottom: 40px;
}

.ob .box.hint h5,
.ob .box.hint p {
    margin:0;    
}

.ob .box.hint h5 {
    color: #761171;
    font-weight: bold;
    display:inline-block;
    width: 65px;
    padding-top:1px;
}

.ob .box.hint .content,
.ob .box.hint h5 {
    float:left;  
}

.ob .box.hint .content {
    width: 560px;
    margin-top: 1px;
}

.ob table {
    width:100%;
}

.ob td.col_first {
    width:175px;
    padding-righT:10px;
}

/* Schritt 1 - Anschreiben/Lebenslauf: Berufsausbildung */
.ob .jobs {
    margin-bottom: 10px;
}

.ob .jobs, 
.ob .jobs a {
   color: #525456; 
}

.ob .jobs .job {
    padding: 4px 0 5px 0;
    clear: both;
}

.ob .jobs .job a.action {
    float:right;
}

.ob .job-add {
    background: #c6c7c8;
    padding:15px;
    margin-bottom: 10px;
    width:400px;
}

.ob .job {
    width:400px;    
}

.ob .job-add label,
.ob .job-add .label {
    font-weight: normal;
}

.ob .job-add .left {
    padding-top:5px;
}

.ob .job-add .button {
    text-align: right;
}

/* kentnisse */
.knowledge-menue,
.knowledge-list {
    float:left;
}

.knowledge-menue {
    width: 270px;
}

.knowledge-menue li:first-child {
    margin-top:25px;
}

.knowledge-list {
    width: 370px;
    
}

.knowledge-menue a {
    display:block;
    padding:10px 10px;
    color: #000;
    font-weight: bold;
}

.knowledge-menue a.active {
    background: #fff;
    color: #cd071e !important;
}

.knowledge-menue a.fin { 
    color:#761271 !important;
}

.knowledge-menue a:hover {
    color: #90ad09;
}

.knowledge-list {
    background: #fff;
    padding:10px 0;
   
    min-height: 460px;
}


.knowledge-list div {
    padding: 5px 20px;
}

.ob .knowledge-list th.col_first,
.ob .knowledge-list td.col_first {
    width:auto;
    text-align:left;
    padding-left:10px;
}

.ob .knowledge-list th .current {
    color:#cd071e;
}

.ob .knowledge-list th {
    color: #9c9ea0;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    padding:20px 0 10px 0;
}    

.ob .knowledge-list hr {
    color:#EDEDEE;
}

.ob .knowledge-list td.line {
    vertical-align: middle;
}

.ob .knowledge-list label {
    font-weight: normal;
    margin: 0 2px;
}

.ob small {
    font-size:11px;
}

.ob .knowledge-common {
    margin-top: 25px;
}

.ob .knowledge-common .headline {    
    width: 270px;
    float: left;
}

.ob .knowledge-common .headline strong {
    padding: 20px 10px;
    display: inline-block;
}

.ob .knowledge-common .content {
    float:left;   
    width: 370px;
    background: #fff;
}

.ob .knowledge-common .content div {
    padding: 20px 20px 5px 20px;
}

.ob .knowledge-common .content label {
    font-weight: bold;
    display: inline-block;
    margin-left:4px;
}

.ob .knowledge-common .content p {
    margin:0;
    padding:0 20px 15px 38px;
    
}

.ob .col_first.exc {
    width: 255px;
}

.ob td.exc textarea {
    width:100%;
    height: 90px;
}

.ob input.text {
    width:65%;
}

/* fragebogen version 2*/
.ob .knowledge .knowledge-list {
    min-height: inherit !important;
    background: #EDEDEE;
}

.ob .knowledge .knowledge-list caption {
    background: #EDEDEE;  
    padding: 0 0 10px 0;
}

.ob .knowledge .knowledge-list table {
    background: #fff;
}

.ob .knowledge .knowledge-list th {
    padding-top:10px;
}

.ob .knowledge .knowledge-list td {
    padding-top:5px;
    padding-bottom: 5px;
}

.ob .knowledge .knowledge-list tr:last-child td {
    padding-bottom:15px;
}

.ob .knowledge .knowledge-menue {
    width: 200px;
}

.ob .knowledge  .knowledge-list {
    width: 440px;
    
}/* 
    Document   : stellen
    Created on : 27.08.2011, 15:11:43
    Author     : Falcone zapatero
    Description:
       jobs und so
*/

.ce_joblist td {
    
}

#regio-jobs {
    position: relative;
    z-index: 1;
}

#stellenangebote {   
  overflow: visible;    
}

#regio-job-map {
    background: #ededee;
    padding: 30px 30px;
}


#regio-job-map .info-container {
    width:240px;
    position: absolute;
    z-index: 99;
    left:40px;
}

#regio-job-map .info {
    background: #91AD0A;
    color:#fff;
    padding:20px;    
}

#regio-job-map .back {
    text-align: right;
    margin-top:10px;
}

#map-copyright {
    text-align: right;  
    color:#666;
    font-size: 11px;
}

#map-info {
    position: absolute;
    z-index: 1;
    font-weight: bold;
    color: #7f9a19;
    width:160px;
}

#view-map {
    position: relative;
    /* float:right; */
}
#view-map ul {
     padding: 10px 0 5px 0 !important;
     margin: 0 auto !important;

}

/* hover auf der karte */

ul.regio-map-data li a span.job-over {
    display: none;
}

ul.regio-map-data li a:hover span.job-over {
    display: block;
    padding: 5px;
    min-width: 100px;
       
    position: absolute;
    top: 10%;
    right:75%;	
    z-index: 99 !important;
    color: #000;
    background: transparent;
    font-weight: bold;
   
    /*
    background: #666;
    opacity: .75;
    filter:alpha(opacity=75);
    color: #FFF;
    */
}

ul.regio-map-data li a:hover span strong {        
    font-size: 10px;	
}

ul.regio-map-data li a:hover span.job-title {
    display: block;
    
    font-size: 11px;    
}

ul.regio-map-data li a:hover span.job-count {
    display: block;
    background: #fff;
    border:1px solid #92AD18;
    margin-top: 4px;
    padding:5px;
    opacity: .8;
    filter:alpha(opacity=80);
    font-size: 11px;	
    
}

/* Tabelle der branchen */
.tbl-jobs,
.tbl-branche {
    width:100%;
    border:1px solid #ededee;
    background: #fff;
    
}

.tbl-jobs td,
.tbl-branche td {
    padding:7px 0;
    width:33%;
}

.tbl-jobs tr td:first-child,
.tbl-branche tr td:first-child {
    padding-left: 15px;
    width:auto;
} 

.tbl-branche .s2 {
    color:#7f9a19;
}

.tbl-branche td a.current,
.tbl-branche td a:hover {
    color:#d4021d !important;
}

.tbl-jobs tr.flipflop-1 td,
.tbl-branche tr.flipflop-1 td {
    background: #ededee;
}

/* jobliste */
.jobs {    
    padding: 0;
   
}

.jobs .pagination {
    padding: 15px 20px;
}

.jobs .pagination p {
    margin:0;
    display: inline;
    font-weight: bold;
}

.jobs .pagination ul {
    float:right;
}

.tbl-jobs {
   
    margin: 0;
}

.tbl-jobs td {
    width: auto;
}

/* jobdetailseite */
.ce_job {
    border:1px solid #ededee;
    padding-bottom:55px;
    margin-bottom: 20px;
}

.ce_job h2 {
    text-transform: uppercase;
    color: #d4021d;
    font-size: 14px;
    margin: 0;
    padding: 30px 20px 20px 20px;
    font-weight:bold;
}

.ce_job table {
    background: #ededee;
    width:100%;
    margin: 0;
}

.ce_job th {
   width: 80px;
}

.ce_job td,
.ce_job th {
    padding: 4px 20px;
}

.ce_job tr.first td,
.ce_job tr.first th {
    padding-top: 20px;
}

.ce_job tr.last td,
.ce_job tr.last th {
    padding-bottom: 20px;
}

.ce_job .description {
    padding:20px;
}

.tbl-jobs a:visited {
    color: #ccc !important;
}