/*############################################################*/
/*#  CSS Document for SEW Employer Branding Website          #*/
/*#  Base stylesheets                                        #*/
/*#  version $Revision: 525 $  #*/
/*#  author $Author: m.morgenstern $  #*/
/*#  $Id: base.css 525 2011-03-06 17:49:44Z m.morgenstern $    #*/
/*#  $Date: 2011-03-06 18:49:44 +0100 (So, 06 Mrz 2011) $    #*/
/*############################################################*/




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

:focus 
{
    outline: 0;
}

body 
{
    line-height: 140%;
    color: black;
    background-color: #FFFFFF;
    background-image: url('../Images/bg_contentContainerFullsize.gif');
    background-position: center top;
    background-repeat: no-repeat;
}

ol, ul 
{
    list-style: none;
}

table 
{
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td 
{
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after 
{
    content: "";
}

blockquote, q 
{
    quotes: "" "";
}



/*############################################################*/
/*#                  BASIC CLASSES                           #*/
/*############################################################*/
html, body 
{
    height: 100%; /* wichtig */
}

body
{
    color: #2c353c;
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
}

p
{
    line-height: 18px;
}

div.clear
{
    clear: both;
}

a
{
    text-decoration: underline;
    color: #2c353c;
}

a:hover
{
    color: #ff0000;
}

a span
{
    display: none;
}

a.mailto
{
    background-image: url('../Images/icon_mailto.png');
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding-left: 18px;
    text-decoration: none;
}

a.mailto:HOVER
{
    background-image: url('../Images/icon_mailto-hover.png');
}

strong
{
    font-weight: bold;
}



/*############################################################*/
/*#                  BASIC ELEMENTS                          #*/
/*############################################################*/
a.pfeil
{
    background: url('../Images/icon_pfeilGrau.png') no-repeat 0px 6px;
    text-decoration: underline;
    padding: 0 0 0 13px;
    line-height: 20px;
    color: #2c353c;
    display: block;
}

a.pfeil:hover
{
    background: url('../Images/icon_pfeilRot.png') no-repeat 0px 6px;
    color: #ff0000;
}

a.logo{
    display: block;
    position: absolute;
    top: 35px;
    left: 23px;
    height: 55px;
    width: 90px;
}


a.bewerben
{
    background: url('../Images/btn_scale_rechts.png') no-repeat right top;
    display: block;
    float: left;	
    height: 34px;
    margin: 20px 0px 15px 0px;
    padding: 0px 27px 0px 0px;
    text-decoration: none;
}

a.bewerben span
{
    background: url('../Images/btn_scale_links.png') no-repeat left top;
    height: 34px;
    display: block;
}

a.bewerben:hover
{
    background: url('../Images/btn_scale_rechts_hover.png') no-repeat right top;
}

a.bewerben:hover span
{
    background: url('../Images/btn_scale_links_hover.png') no-repeat left top;
}

a.bewerben h6
{
    color: #000000;
    font-size: 12px;	
    line-height: 38px;
    padding: 0px 0px 0px 11px;
    text-transform: uppercase;
}

a.bewerben:hover h6
{
    color: #ff0000;
}

a.bewerben h3
{
    color: #000000;
    font-size: 18px;
    line-height: 46px;
    padding: 0 10px 0 18px;
}

a.bewerben:hover h3
{
    color: #ff0000;
}


#currentPageLinkUrl
{
    display: none;
}


/*############################################################*/
/*#                  STRUCTURE                               #*/
/*############################################################*/
.contentContainer
{
    background-color: #FFFFFF;
    height: auto !important; /* moderne Browser */
    height: 100%; /* IE */
    margin: 0 auto;
    min-height: 100%;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    width: 1000px;
}

.header
{
    background-color: #e0e9ee;
    background-image: url('../Images/logo_sew_eurodrive.gif');
    background-position: 22px 45px;
    background-repeat: no-repeat;
    height: 131px;
    padding: 15px 22px 0 23px;
    position: relative;
    width: 955px;
    z-index: 100;
}

.headerClaim
{
    background-image: url('../Images/headerClaim.gif');
    background-position: left top;
    background-repeat: no-repeat; 
    border-bottom: 1px solid #fff; 
    height: 29px; 
    left: 23px; 
    position: absolute; 
    top: 0; 
    width: 955px;
}


/*############################################################*/
/*#                  PARAGRAPHS                              #*/
/*############################################################*/




/*############################################################*/
/*#                  HEADLINES                               #*/
/*############################################################*/
.leftCol h6.claim
{    
    font-size: 18px;
    padding: 0;
    margin: 15px 0 35px 0;
    color: #bfc2c4;
}




/*############################################################*/
/*#                  IMAGES                                  #*/
/*############################################################*/




/*############################################################*/
/*#                  ATTRIBUTES                              #*/
/*############################################################*/




/*############################################################*/
/*#                  LISTS                                   #*/
/*############################################################*/




/*############################################################*/
/*#                  TABLE                                   #*/
/*############################################################*/




/*############################################################*/
/*#                  FORMS                                   #*/
/*############################################################*/


/*############################################################*/
/*#                  SPECIAL DROPDOWN BOX                    #*/
/*############################################################*/



/*############################################################*/
/*#                  METANAVIGATION                          #*/
/*############################################################*/
.header .metaNav
{
    position: absolute;
    right: 22px;
    top: 45px;
}

.header .metaNav li
{
    display: block;
    float: left;
    margin-left: 20px;
}




/*############################################################*/
/*#                  MAINNAVIGATION                          #*/
/*############################################################*/




/*############################################################*/
/*#                  FOOTERNAVIGATION                        #*/
/*############################################################*/
.footerNav
{
    height: 80px;
    margin: 40px 0 0 23px;
    border-top: 1px solid #959a9d;
    padding: 10px 0 0 0;
    position: relative;
    width: 955px;
}

.footerNav li
{
    display: block;
    float: left;
    margin-right: 10px;
}

.footerNav li a
{
    
}


/*############################################################*/
/*#                  BREADCRUMB                              #*/
/*############################################################*/
.breadcrumb
{
    line-height: 40px; 
    padding: 0 0 0 23px;
}

.breadcrumb a
{
    background: url('../Images/icon_pfeilGrau.png') no-repeat left 50%;
    margin: 0 0 0 5px;
    padding: 0 0 0 7px;
    text-decoration: underline;
}

.breadcrumb a:first-child
{
    background-image: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.breadcrumb a.active
{
    color: #ff0000;
    text-decoration: none;
}

/*############################################################*/
/*#                  MARGINALSPALTE                          #*/
/*############################################################*/
.rightCol
{
    width: 271px; 
    float: left; 
    background-color: #e0e9ee;
    padding: 16px 20px 20px 20px;
}

.rightCol h2{
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 3px 0;
}

.rightCol h3
{
    line-height: 20px;
    margin: 0 0 10px 0;
    font-weight: bold;
}

.rightCol h5{
    font-size: 20px;
    line-height: 20px;
    padding: 5px 0 0 0;
    color: #ff0000;
}

.rightCol h6{
    font-size: 9px;
    line-height: 9px;
    padding: 0;
    color: #ff0000;
    margin-top: 10px;
}

.rightCol .aktuelles
{
    padding: 0 0 10px 0; 
    border-bottom: 1px solid #fff; 
    margin: 7px 0 10px 0;
}

.rightCol .aktuellesContentBox
{
    border-bottom: 1px solid #fff;
    margin: 0 0 1px 0;
    overflow: auto;
    padding: 0 0 7px 0;
    width: 271px;
}

.rightCol .aktuellesContentBox .datum
{
    width: 60px;  
    float:left; 
    margin-right: 10px; 
}

.rightCol .aktuellesContentBox .datum .datumContentBox
{
    float: left;
    width: 22px;
}

.rightCol .aktuellesContentBox .datum .datumContentBoxSmall
{
    float: left;
    text-align: center;
    width: 12px;
}

.rightCol .aktuellesContentBox .datum .datumContentBox h3
{
    color: #ff0000;
    font-size: 10px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    line-height: 10px;
    margin: 0;
    padding: 7px 0 0 0;
    text-align: center;
    text-transform: uppercase;
}

.rightCol .aktuellesContentBox .datum .datumContentBox h5
{
    font-size: 20px;
    line-height: 17px;
    padding: 0;
    margin: 0;
    color: #ff0000;
}

.rightCol .aktuellesContentBox .datum .datumContentBoxSmall h5
{
    color: #ff0000;
    height: 12px;
    margin: 10px 0px 0px 0px;
}

.rightCol .aktuellesContentBox p
{
    padding: 7px 0 0 10px;
    line-height: 15px;
}

.rightCol .aktuellesLinkBox
{
    margin: 9px 0 0 0;
}

.rightCol .aktuellesContentBox.event p
{
    float: right;
    padding: 7px 0px 0px 0px;
    width: 200px;
}

.rightCol .aktuellesContentBox.event a span
{
    display: inline;
    color: #ffffff;
}

.rightCol .kontakt
{
    background-image: url('../Images/kontaktperson.jpg');
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding: 0 0 0 90px;
    margin: 8px 0 0 0;
    min-height: 95px;
}

.rightCol .kontakt strong
{
    font-weight: bold;
}

.rightCol .kontakt .kontaktperson
{
    margin: 0px 0px 0px 0px;
}

.rightCol .kontakt .tel
{
    margin: 9px 0px 0px 0px;
}

.linkBox a
{
    background-image: url('../Images/bg_linkBoxLink.png');
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    width: 176px;
    height: 26px;
    margin-bottom: 1px;
    line-height: 26px;
    padding: 0 0 0 10px;
}