/*******************************************************************************
*  base.css
* ------------------------------------------------------------------------------
*  base set of stylesheet rules needed to form the layout, and layout only.
*  color and fonts and such are not handled here.
*******************************************************************************/

#pageWrapper
{
        margin: 0;
        width: 1008px;
        min-width: 720px;
}
#outerColumnContainer
{
        z-index: 1;
        border-color: #fff;        /* set default color to white. set the real
                                   color inside colors.css */
        border-style: solid;
        border-width: 0 220px 0 280px;        /* sets the width of the borders used to create
                                   the left and right columns' background
                                   color. */
}
#outerColumnContainerRechtsNull /*wenn rechte Spalte leer sein soll */
{
        z-index: 1;
        border-color: #fff;        /* set default color to white. set the real
                                   color inside colors.css */
        border-style: solid;
        border-width: 0 10px 0 280px;        /* sets the width of the borders used to create
                                   the left and right columns' background
                                   color. */
}
#innerColumnContainer
{
        z-index: 2;
        width: 100%;


}
* html #innerColumnContainer
{
        position: relative;        /* fix a render bug in IE under certain
                                   conditions */
}
#contentColumn
{
        margin: 0 -1px;                /* without this, boxes stop floating next to
                                   each other */
        width: 100%;
       


}
#leftColumn, #rightColumn, #contentColumn
{
        float: left;
        position: relative;
        z-index: 10;
        overflow: visible;        /* fix for IE italics bug */
}



#rightColumn
{
        float: right;                /* floating this right allows for the right
                                   column block to appear before the content
                                   column in the flow of the document. doing
                                   this allows for any easy 3 column layout
                                   in NN4.

                                   There is certainly a lot, in terms of layout
                                   'theory' about how the flow of the document
                                   should be. I won't get into it here. */
        width: 220px;
        margin: 0 -220px 0 1px;        /* same as in the #leftColumn selector up
                                   above. */
}
#rightColumnRechtsNull
{
        float: right;                /* floating this right allows for the right
                                   column block to appear before the content
                                   column in the flow of the document. doing
                                   this allows for any easy 3 column layout
                                   in NN4.

                                   There is certainly a lot, in terms of layout
                                   'theory' about how the flow of the document
                                   should be. I won't get into it here. */
        width: 10px;
        margin: 0 -10px 0 1px;        /* same as in the #leftColumn selector up
                                   above. */
}

#leftColumn
{
/* margin: 0 1px 0 -280px; */
        margin: 0 1px 0 -290px;        /* like in the #contentColumn selector, without
                                   the 1px margin on the opposite side of the
                                   box, boxes stop floating next to each
                                   other */
}

#footer
{
        position: relative;
}
#masthead h1
{
        display: inline;        /* personal preference to keep the header
                                   inline. you could just as easily change
                                   padding and margins to 0. */
}
.clear
{
        clear: both;
}
.hide, #oldBrowserNotice, .ieSixCharDupBug
{
        display: none;                /* hide elements that CSS-targeted browsers
                                   shouldn't show */
}
html[xmlns] .mozclear
{
        /* this selector should be valid CSS, but Opera 7.5 (and above) will pick
         * this up as well. Shouldn't be a problem, Opera should handle this fine,
         * but it's a Mozilla-targeted hack, and it should probably only affect
         * mozilla. You can do that by replacing the INVALID CSS selector
         * :root .mozclear for what's give here.
         */
        border-bottom: 1px solid;
        border-color: transparent;
        margin-bottom: -1px;
}
#contentColumn
{
        border-width: 0;        /* reset value from that in the version 4
                                   stylesheet. this isn't in borders.css because
                                   were you to create a print.css and not
                                   include borders.css, then the v4 border would
                                   still remain when you print. */
}

/*
* html #pageWrapper
{
        word-wrap: break-word;
}
*/

/******************************************************************************/


/*
*  hnav.css
*/

.hnav
{
        white-space: nowrap;
        margin: 0 0 0 170px;
        border: 0;
        padding: 0;
        width:auto;
        float:right;
        text-align:right;
        height: 2em;    /* height:23px; */
        vertical-align: middle;
        line-height: 2em;

}
.hnav ul span.divider
{
        display: none;
}
* html .hnav/* Hide from IE5/Mac (& IE5.0/Win) */
{
        height: 1%;        /* holly hack to fix a render bug in IE6/Win */
}
* html .HNAV
{
        height: auto;        /* above IE6/Win holly hack breaks IE5/Win when page
                           length get beyond the point that 1% height is taller
                           than the text height. IE5/Win does not need this
                           holly hack so we remove it here */
        padding: 0;        /* IE5/Win will resize #hnav to fit the heights of its
                           inline children that have vertical padding. So this
                           incorrect case selector will remove that padding */
}
.hnav ul
{
        text-align: right;
        list-style-type: none;
        line-height: normal;
        margin: 0px 0px 0 0px;
        padding: 0px 0;
}
.hnav ul li
{
        display: inline;
        white-space: nowrap;
        margin: 0;
}
.hnav ul li a
{
        text-decoration: none;
        margin: 0;
        padding: 0px 20px 0px 10px;
        line-height: 2em;
        border-left: solid 0px #000;
        border-right: solid 0px #000;
}
* html .HNAV ul li a
{
        width: 1%;        /* holly hack for IE5/Win inline padding. this
                           hack fixes different rendering bugs in 5.0 and 5.5.
                           Width is used instead of height because if the
                           document is too long, these elements become very tall
                           and disrupt the look of the document. too wide an
                           element is better, visually, than too tall. */
}
.hnav ul li a:hover
{
        text-decoration: none;
}

/******************************************************************************/

.vnav {
	width: 260px;
}
.vnav ul, .vnav ul li
{
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: block;
}
.vnav ul
{
        border: solid 0px #000;
        border-bottom-width: 0;
}
.vnav ul li
{
        border-bottom: solid 0px #000;
}
.vnav ul li a
{
        display: block;
        text-decoration: none;
        text-align:right;
		  padding: 3px 0 3px 12px;
}
.vnav a {
	display: inline;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
        height: 1%;
}
* html .vnav ul
{
        position: relative;        /* IE needs this to fix a rendering problem */
}
.vnav h3
{
        margin-bottom: 0;
        padding: 1em 0em 1em 0;
        font-size: 1.26em;
		  text-align:right;
}



/*******************************************************************************
*  colors.css
* ------------------------------------------------------------------------------
*  defines background and foreground colors of elements within the layout.
*  sites that want to use different color schemes for different sub-sections
*  of a website need only make different versions of this stylesheet and link
*  or import them as need. The other stylesheets can be shared across the
*  entire site.
*******************************************************************************/

body
{
        background-color: #fff;
        color: #000;
}
#outerColumnContainer
{
        border-left-color: #fff;        /* left hand column background color */
        border-right-color: #fff;        /* right hand column background color */
}
#masthead
{
        background-color: #fff;
        color: #000;
}
#footer
{
        background-color: #666;
        color: #fff;
}
#outerColumnContainer, #contentcolumn        /* selector case hack to reset version 4
                                           stylesheet setting */
{
        background-color: #fff;                /* this sets the background color on the
                                           center column */
        color: #000;
}
#leftColumn, #rightColumn, #contentColumn
{
        color: #000;
}
.vnav ul li a
{
        color: #4a89bc;
        background-color: #fff;
}
#rightColumn .vnav ul li a:hover, .vnav ul li a:hover
{
        background-color: #ccc;
        color: #00f;
}
#rightColumn .vnav ul li a
{
        color: #000;
        background-color: #fff;
}
.hnav, .hnav ul li a
{
       color: #fff;
}
.hnav ul li a:hover
{
background-color: #ccc;
color: #000;
}


#pageWrapper, #innerColumnContainer, #masthead, #footer, .hnav
{
        border-color: #000;
}

.rotfett { 
background-color: #fff;
color:#f00;
font-weight: bold;
}

.rot { color:#f00;}



/*******************************************************************************
*  gutters.css
* ------------------------------------------------------------------------------
*  handles the whitespace between and within elements; such as margins and
*  padding.
*******************************************************************************/

body
{
        margin: 0;
        padding: 0;                /* remove this padding if you want the layout to
                                   stretch from edge to edge of the viewport. */
}
p, h1, h2, h3, h4, h5, h6
{
        margin: 1em 11px 1em 0em;                /* specifically define this for Opera's sake,
                                   and also for better consistency across
                                   all platforms  */
}

h1 {
	margin: 1.2em 0 0.3em 0em;
}

h2 {
	margin: 0.5em 0em 0.3em 0em;
}
p {
	margin: 1em 11px 1em 0em;
}
.inside
{
        padding: 0;        /* this padding is applied to every major box
                                   within the layout for a uniform gutter
                                   between borders

                                   _NOTE_: a small glitch in IE seems to appear
                                   if this class has vertical padding applied
                                   to it. so in cases where you want to add
                                   vert padding, use the parent element. margin
                                   values here don't work because .inside has
                                   a key role in border generation */


}
#leftColumn, #centerColumn, #rightColumn, #masthead
{
        padding-top: 0;
        padding-bottom: 0.5em;        /* this is the vert padding talked about in the
                                   previous selector. */
}
#masthead, #footer
{
        padding: 0;
}
.vnav
{
        margin: 0;
}
html>body #footer
{
        padding-bottom: 1.01em;        /* this is to fix a bug in mozilla that results
                                   in a 1px line of white below the footer when
                                   the document gets very long. extremely long
                                   documents may generate the bug again. if
                                   you experience that, increasing this value
                                   may help. i think this is related to moz's
                                   off-by-one troubles as the bug does not
                                   occur in any other browser */
}
/******************************************************************************/


#pageWrapper
{
        border-style: solid;        /* explicitly defined within eact selector in
                                   case you want change border styles (to mix
                                   it up) between elements */
        border-width: 0;        /* puts a border on the left and right sides of
                                   the page. #masthead and #footer will handle
                                   the top and bottom borders */
}
#outerColumnContainer
{
        /* the borders used to create/reserve space for the side columns are
           now defined in base.css because they are an integral part of
           the layout. */
}
#innerColumnContainer
{
        border-style: solid;
        border-width: 0;        /* puts borders between center and the side
                                   columns. */
        margin: 0 -0px;                /* compensation for the borders because of
                                   100% width declaration on this object */
}
* html #outercolumncontainer
{
        /* IE5.0/Win fix for 1px whitespace between masthead and body. */
        margin-top: -0px;

}
#masthead
{
        border-style: dotted;
        border-color: #f00;
        border-width: 0px;        /* handles the top of the layout's border and the
                                   bottom of the masthead section */
}
.hnav
{
        border-style: solid;
        border-width: 0;
}
#footer
{
        border-style: solid;
        border-width: 0px 0;
        padding: 5px 5px 0 0;        /* handles the top of the footer section and
                                   the bottom of the entire layout */
}

/******************************************************************************/

html, body {
	font-size: 0.8em; /* 0.8em was bei normal im IE und Moz. ca. 12px sind
                                         wenn man 12px angeben würde, lässt sich im IE nicht skalieren */
}
body
{
        font-family: arial, sans-serif;
        font-size: 100.1%;        /* .1 ist wichtig!! */
}
#pageWrapper
{
        font-size: 1.0em;
}
#footer
{
        text-align: right;
}
/* :root ist pseudo class nur in mozilla bekannt */
:root code
{
        font-size: 1.2em;        /* Mozilla macht monospace fonts kleiner */
}

/*
        Schriftgröße ist vom Browser und von den Browsereinstellungen abhängig.
*/

h1
{
        font-size: 1.7em;
}
h2
{
        font-size: 1.4em;
}
h3
{
        font-size: 1.26em;
}
h4
{
        font-size: 1.1em;
}
h5
{
        font-size: 1.0em;
}
h6
{
        font-size: 0.8em;
}

p {
	font-size: 1em;
}

/*********************************  LOGO  *********************************************/


#logo {
width:170px;
height:50px;
float:left;
border: 0;
margin: 0;
padding:0;
}

#logobildoben {
width:170px;
height:50px;
border: 0;
margin: 0;
padding:0;
}


#logo, #logo a {
/* background: url("/img/logo_1.gif") no-repeat top; */

background: url("/cgi-bin/bfwbb/lib/all/lob/return_icon.cgi?bid=BFW%2dlogo%2doben%2d170x50%2egif") no-repeat top; 
height: 50px;
width: 170px;
border: 0;
margin: 0;
float:left;
padding: 0;
color: #fff;
}


#volllogo {
        width: 170px;
        height: 50px;
        border: 0;
        margin: 0;
        padding: 0;
}





#printhead {
        display: none;
}


#kopfag, #kopfag a {
background: url("/img/ag_orange.gif") no-repeat top;
height: 50px;
width: 175px;
border: 0;
margin: 0 5px 0 0;
float:left;
padding: 0;
color: #fff;
}
#kopfag a:hover {
        background: url("/img/ag_horange.gif") no-repeat top;
height: 50px;
width: 175px;
border: 0;
margin: 0 5px 0 0;
float:left;
padding: 0;
color: #fff;
}

#kopfrt, #kopfrt a {
        background: url("/img/rt_blau.gif") no-repeat top;
height: 50px;
width: 175px;
border: 0;
margin: 0 5px 0 0;
float:left;
padding: 0;
color: #fff;
}
#kopfrt a:hover {
        background: url("/img/rt_hblau.gif") no-repeat top;
height: 50px;
width: 175px;
border: 0;
margin: 0 5px 0 0;
float:left;
padding: 0;
color: #fff;
}

#kopftn, #kopftn a {
        background: url("/img/tn_gruen.gif") no-repeat top;
height: 50px;
width: 175px;
border: 0;
margin: 0 5px 0 0;
float:left;
padding: 0;
color: #fff;
}
#kopftn a:hover {
        background: url("/img/tn_hgruen.gif") no-repeat top;
height: 50px;
width: 175px;
border: 0;
margin: 0 5px 0 0;
float:left;
padding: 0;
color: #fff;
}

.voll {
        width: 175px;
        height: 50px;
        border:0;
}

#kopfclear {
position: absolute; left: -2000px;
clear:left;
display:block;
}


#kopfzeile {
width:auto;
height:50px;
background-color:#fff;
color:#000;
text-transform: uppercase;
font-size: 1em;
}
/*
#kopfzeile a {
text-decoration: none;
color: #fff;
}
#kopfzeile a:hover {
        background-color: #ccc;
        color: #000;
}
*/

.hnav ul li a, hnav ul li {
        font-size: 1em;

}

.zielgruppe {
width: 160px;
border: 0px dotted #f00;

}

#k2 {
margin: 0;
border: 0;
padding: 0;
width: auto;

/* damit wird vertikal centriert
geht nicht im IE*/
        height:2em;    /* height:23px; */
        vertical-align:middle;
        line-height:2em;
}
#lu {
width:170px;
float:left;
position:relative;
}
#k2r {
/* damit wird vertikal centriert
geht nicht im IE*/
        height:2em;    /* height:23px; */
        vertical-align:middle;
        line-height:2em;
        /* nur das versteht IE */
        -padding: 0.5em 0 0 0;
}
#lub {
position:absolute; top:0;
margin:0;
padding:0;
border:0;
width:170px;
}



#graubalken {
 background-image: url("/img/graubalken.gif"); background-repeat:repeat-x;
 height: 23px;
}


#kopfzeile3 {
color:#fff;
background-color: #4a89bc;
border:0;
margin:0;
padding:0;
width: auto;
        height:2em;    /* height:23px; */
        vertical-align:middle;
        line-height:2em;
text-transform: none;
font-size: 1em; /* 0.9em; */
border-right: 60px solid #fff;
}
#bcl {
        margin: 0 0 0 10px;
        float: left;
        border: 0;
        padding:0;
        font-size: 1em; /*0.9em; */
}
#bcl a {
        color: #fff;
        text-decoration:none;
}
#bcl a:hover {
        background-color: #ccc;
        color: #000;
        text-decoration: none;
}

#block3 {
        float: right;
        border: 0;
        font-size: 1em;
}
#Schnellsuche {

        border: 0;
        text-transform: none;
        font-size: 1em;
        line-height:1em;
}
#suchen {

        text-align: right;
        border: 0;
        text-transform: none;
        font-size: 1em;
        line-height:1.1em;
        padding-right: 10px;
}
#suchen form {
        display: inline;

}

select {
        margin-right: 1.5em;
}
option.eins {
font-weight: bold;
border-top: 1px solid #2F4F4F;
}
option.null {
font-weight: bold;
border-top: 1px solid #2F4F4F;
color:#999;
}




.vnavcont{
        width:220px;
}
* html .vnavcont ul li a/* hide from IE5.0/Win & IE5/Mac */
{
        height: 1%;
}
* html .vnavcont ul
{
        position: relative;        /* IE needs this to fix a rendering problem */
}
.container {
        border: 1px solid #4a89bc;
        margin: 22px 30px 22px 10px;
        padding: 0;
        text-align: left;
}
.container h3 {
        margin:0;
        border:0;
        padding: 3px 11px;
        height: auto;
        color:#fff;
        background-color: #4a89bc;
        text-align: left;
        font-size: 1em;
        font-weight: bold;
}
.container p {
        padding: 11px;
        margin:0;
        border:0;
        text-align: left;
        font-size: 1em;
}
.container a { color:#666;}
.container a:visited { color:#999;}

.unsichtbar {
        position: absolute; top: -2000px; left: -2000px;
}

/* Bild unter Menue */
.bild {
        border: 0px;
        width: 278px;
  /*      height: 195px; */
        margin: 22px 0 0 0;
        padding: 0;
}

.punkt {
        /* width: 0.6em;
        height: 0.6em; */
        border: 0;
}

#abstand {
        margin: 0 25px;
        padding:0;
        display:block;
}

p a:hover {
        background-color: #ccc;
        color:#000;
}

p.fuss {
        color: #fff;
        text-align: right;
}

table.kurse {
caption-side: bottom;
table-layout: auto;
width: auto;
border-collapse: collapse;
border: 1px solid #6f794b;
border-style: solid;
border-spacing: 0px;
empty-cells: show;
font-size: 0.8em;
text-align: center;
margin: 0 30px 0 0;
}
.kurse a {
        text-decoration: none;
        color:#6f794b;
}
.kurse a:hover {
        background-color: #999;
        color: #fff;
}



th.kopf {
        font-weight: bold;
        speak-header: always;
        border-color: #6f794b;
        border-style: none solid double none;
        border: 1px;
        border-collapse: collapse;
}
/* th.beginn {
        font-weight: bold;
        speak-header: always;
        border-color: #6f794b;
        border-style: none solid double none;
        border: 0 1px 0px 0px;
}
th.ende {
        font-weight: bold;
        speak-header: always;
        border-color: #6f794b;
        border-style: none solid double none;
        border: 0 1px 0px 0px;
}
th.ort {
        font-weight: bold;
        speak-header: always;
        border-color: #6f794b;
        border-style: none solid double none;
        border: 0 1px 0px 0px;
}
th.ihk {
        font-weight: bold;
        speak-header: always;
        border-color: #6f794b;
        border-style: none solid double none;
        border: 0 1px 0px 0px;
}
th.kontakt {
        font-weight: bold;
        speak-header: always;

        border-color: #6f794b;
        border-style: none solid double none;
        border: 0 1px 0px 0px;
}
th.sonst {
        font-weight: bold;
        speak-header: always;
        border-color: #6f794b;
        border-style: none solid double none;
        border: 0 1px 0px 0px;
} */

tr{
        border-bottom: 1px solid #6f794b;
}

td.beruf {
width: auto;
text-align: left;
border: 1px solid #6f794b;
padding: 2px 1px 2px 2px;
}
td.beginn {
width: auto;
text-align: center;
border: 1px solid #6f794b;
padding: 2px 1px;
}
td.ende  {
width: auto;
text-align: center;
border: 1px solid #6f794b;
padding: 2px 1px;
}
td.ort {
width: auto;
text-align: center;
border: 1px solid #6f794b;
padding: 2px 1px;
}
td.ihk {
width: auto;
text-align: center;
border: 1px solid #6f794b;
padding: 2px 1px;
}
td.kontakt {
width: auto;
text-align: center;
border: 1px solid #6f794b;
padding: 2px 1px;
}
td.sonst {
width: auto;
text-align: center;
border: 1px solid #6f794b;
padding: 2px 1px;
}

img.inhaltsbild {
margin: 0 1em 1em 0;
border:0;
padding:0;
}
img.inhaltsbildrechts {
margin: 0 0 1em 1em;
border:0;
padding:0;
}

.blocksatz {
text-align:justify;
}

.fterminkopf { font-weight: bold;
background-color: #c0c0c0; margin-top:2em; width:100%; border: 0px dotted #f00;}
.ftermin { margin:0.8em 0; width:100%; border: 0px dotted #0f0;}
.ftbeginn  { display:inline; float:left; width:20%; padding:0.2em; border: 0px dotted #00f;}
.ftende  { display:inline; float:left; width:20%; padding:0.2em;border: 0px dotted #00f;}
.ftfeiertag { display:inline; float:left; width:20%; padding:0.2em;text-align:left;border: 0px dotted #00f;}
.ftanmerk  {display:inline; float:left; width:30%; padding:0.2em;border: 0px dotted #00f;}

.praktikumkopf { font-weight: bold;
background-color: #c0c0c0; margin-top:2em; width:100%; border: 0px dotted #f00; clear:left;}
.praktikum { margin:0.8em 0; width:100%; border: 0px dotted #0f0; clear:left;}
.praktikumname  {  display:inline;   float:left; width:40%; padding:0.2em; border: 0px dotted #00f;}
.praktikumbeginn  {  display:inline;  float:left; width:16%; padding:0.2em; border: 0px dotted #00f;}
.praktikumende { display:inline;  float:left; width:16%; padding:0.2em; border: 0px dotted #00f;}

select.praktika { padding:0.2em; margin-left:-20px;}


/* Formulare Kontakt und Arbeitgeber-Anforderungsprofil */

fieldset {
     width: 30em;
     margin:1.5em auto 1.5em 2em;
     padding: 5px;
     display: block;
     font-size: 1.0em;
     border: 1px solid #4b408c;
     background: #fff;
     clear: both;
 }
 legend {
     background: #fff;
     padding: 4px;
     border: 1px solid #fff;
     border-right-width: 2px;
     border-bottom-width: 2px;
     margin-bottom: 4px;
     font-size: 1.1em;
     font-weight: bold;
 }

 label .kontakt { margin: 5px 0; }

 .kontaktdaten label {
     display: block;
     width: 5em;
     float: left;
     }
 .anfrage label {
     display: block;
     width: 5em;
     float: left;
     }

 input .kontakt, textarea .kontakt {
     margin: 3px 0;
     border: 1px solid #4b408c;
     background: #fff;
     padding: 3px 3px;
     width: 25em;
     }

input.kontakt:active,  input.kontakt:focus, input.kontakt:hover { background: #e8ebdf; }
buttons .kontakt { text-align: center; }


table.quote {
caption-side: bottom;
table-layout: auto;
width: 80%;
border-collapse: collapse;
border: 0px solid #6f794b;
border-style: solid;
border-spacing: 0px;
empty-cells: show;
font-size: 1em;
text-align: center;
 }
th.q-kopf {
        font-weight: bold;
        font-size: 0.8em;
        background-color: #aaa;
        speak-header: always;
        border-color: #6f794b;
        border-style: solid solid double solid;
        border: 1px;
        text-align:center;
}
td.q-kopf {
        font-weight: bold;
        font-size: 0.8em;
        background-color: #aaa;
        speak-header: always;
        border-color: #6f794b;
        border-style: solid solid double solid;
        border: 1px;
        text-align:center;
}
td.q-zeile-hell {
font-size: 0.8em;
text-align:center;
background-color: #fff;
}
td.q-zeile-dunkel {
font-size: 0.8em;
text-align:center;
background-color: #aaa;
}

p.mitte { text-align:center; }


p.zurueck { text-align: right; }

abbr {border-bottom:1px dashed;cursor:help;}
acronym {border-bottom:1px dashed;cursor:help;}
dfn {font-style:normal;border-bottom:1px dashed;cursor:help;}
p.antiecho { margin: 0 0 2em 0; }

/* form.schnellsuch { height:0,9em; }  */

.zurueck a { color:#666; }
.zurück a:hover { color:#000; background-color: #ccc; }
.menu_link {color:#888; }
.menu_link:hover {color:#000; background-color: #ccc;}


ul.event_link {margin-left:0px; padding-left:15px; }