/*
Theme Name: Baukammer
Theme URI:
Version: 1.0.0
Author: Skygate
Author URI:
*/

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
    margin: 0;
    padding: 0;
}

img, fieldset {
    border: 0;
}
ul, ol, li {
    list-style:none;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* set img max-width */
/*img {
    max-width: 100%;
    height: auto;
}*/
/* ie 8 img max-width */
/*@media \0screen {
  img { width: auto;}
}*/

/************************************************************************************
Styles
*************************************************************************************/
body {
    background: #f4f4f4;
    font-size: 100%;
    font-family: Arial, Helvetical, Verdana, Sans-Serif;
    text-align: center;
}

a,
:link,
:focus,
:active,
:visited,
:visited:hover,
input,
input:focus,
input:active,
input:visited,
input:visited:hover,
map,
area { outline: none; text-decoration: none; }

form, input, select, button, textarea { font-family: Arial, Helvetical, Verdana, Sans-Serif; color: #505050; }
textarea { resize: none; }

* html, p, div, ul, img, a,
form, fieldset, label, input, select, button, textarea,
table, td, th { margin: 0; padding: 0; }

td { vertical-align: top; }
img { border: none; }
hr { clear: both; border: none; border-top: 2px solid #dedede; height: 2px; }
iframe, object { width: 100%; /* height: 700px; */ }

.Hidden,
.PrintOnly { display: none; }
.Center { text-align: center; }

.TextSmall { font-size: 90%; line-height: 135%; }
.TextLarge { font-size: 125%; line-height: 135%; color: #333; }
.TextLGrey { color: #B2B2B2; }
.TextRed,
.phpdigHighlight { color: #B30115; }

.Line { border-top: 2px solid #dedede; }
.DLine { background: transparent url(images/dline_grey.gif) bottom left repeat-x; }
.IMGLeft { float: left; margin-right: 15px; }
.IMGRight { float: right; margin-left: 15px; }

.InActv {
    filter:alpha(opacity=40); /* IE */
     -moz-opacity:0.40; /* FF */
     opacity: 0.40; /* Opera */
}

.widget_links ul li, .widget_nav_menu ul li  {
    list-style:none;
    background: transparent url(images/arrow_left_black.gif) 0 3px no-repeat!important;
}
.widget_links a {
    display: inline; color: #111;
    padding: 0 0 0 0px;
border-bottom: 1px dotted #111;
}
.widget_links a:hover, .widget_nav_menu a:hover {
color: #960000!important;
border-bottom: 1px dotted #960000;
}
a span { display: inline; line-height: 140%; border-bottom: 1px dotted #111; }
a:hover span { color: #960000; border-bottom: 1px dotted #960000; }
#Middle > p > a, a.Link {
    display: inline-block;
    color: #111;
    background: transparent url(images/arrow_left_black.gif) 0 3px no-repeat;
    padding: 0 0 0 15px;
}

a.ResultsLink {
    display: inline-block;
    color: #111;
    background: transparent url(images/arrow_left_black.gif) 0 3px no-repeat;
    padding: 0 0 0 15px;
}

a.ResultsLink.actv {
    background: none;
    padding: 0;
    color: #B30115 !important;

}

a.ResultsLink.actv span {
    border: none !important;
}

a.PrintLink {
    background: transparent url(images/icon_print.gif) 0 0 no-repeat;
    padding: 0 0 0 20px;
}
a.TopLink {
    background: transparent url(images/icon_top.gif) 0 3px no-repeat;
    padding: 0 0 0 13px;
}
a.AchorLink {
    display: inline-block;
    background: transparent url(images/icon_down.gif) 0 3px no-repeat;
    padding: 0 0 0 15px;
}
a.PDFLink /* a.attachment-applicationpdf, a[href$=".pdf"] */ { line-height: 165%;
    background: transparent url(images/icon_pdf.gif) 0 2px no-repeat;
    padding: 5px 0 3px 28px;
}
a.KommentarLink {
    display: block;
    background: transparent url(images/icon_reply.gif) 2px 3px no-repeat;
    padding: 0 0 0 25px;
}

#Container {
    display: inline-block; width: 993px;
    background: transparent url(images/bg_container.png) top center repeat-y;
    font-size: 75%;
    text-align: center;
    margin: 0; padding: 0;
}
* html #Container {
    background: transparent url(images/bg_container.gif) top center repeat-y;
}

#Container .AlignLeft { float: left; }
#Container .AlignRight { float: right; }

#Container .W490 { width: 490px; }
#Container .W310 { width: 310px; }
#Container .W250 { width: 250px; }
#Container .Half { width: 230px; }
#Container .W200 { width: 200px; }
#Container .W150 { width: 150px; }
#Container .W125 { width: 125px; }
#Container .W65 { width: 65px; }
#Container .W40 { width: 40px; }
#Container .W25 { width: 25px; }

/* --------------------------------------------------- Head -- */
#Head {
    min-height: 259px;
    background: transparent url(images/banner01.jpg) 9px 30px no-repeat;
    text-align: left;
    margin: 0; padding: 0;
}
* html #Head { height: 259px; }
#Head a.Logo { display: none; }

/*
#Head a.Logo {
    position: absolute; clear: both; float: left;
    margin-left: 18px; margin-top: 50px;
}
*/
* html #Head a,
* html #Head a img { border: none; }
/* -- */
.Metanavig {
    float: left; width: 975px; height: 30px;
    background: transparent url(images/bg_black_80.png) 0 0 repeat-x;
    margin: 0 9px; padding: 0;
}
* html .Metanavig { overflow: hidden; }
.Metanavig img { float: left; }

.Metanavig ul {
    float: right; width: auto;
    list-style-type: none;
    font-size: 90%; color: #FFF; font-weight: bold;
    padding: 0; margin: 10px 16px 0 0;
}
* html .Metanavig ul { width: 400px; }
.Metanavig li {
    float: right;
    background: transparent url(images/v_line_grey.gif) 0 2px no-repeat;
    margin: 0 0 0 15px; padding: 0 0 0 15px;
}
.Metanavig li.last-menu-item { background: none; }
.Metanavig a { color: #FFF; line-height: 145%; }
.Metanavig a:hover { border-bottom: 1px dotted #FFF; }

/* LOGOUT */
#Logout {
    position: absolute; z-index: 99;
    background: #FFF; float: left;
    width: 225px; min-height: 80px;
    font-size: 110%; color: #505050;
    border: 2px solid #000; border-top: none;
    filter:alpha(opacity=80); /* IE */
     -moz-opacity:0.80; /* FF */
     opacity: 0.80; /* Opera */
    margin-top: 30px; margin-left: 755px;
}
*:first-child+html #Logout { margin-left: -238px; } /* HACKS For IE7 */

#Logout p { margin: 12px 6px 15px 12px; }
#Logout a.LogoutLink {
    background: transparent url(images/icon_logout.gif) 0 0 no-repeat;
    color: #111;
    padding: 7px 0 3px 28px;
}

/* ----------------------------------------------- TopNavig -- */
#TopNavig {
    float: left; width: 975px;
    background: #b30115 url(images/bg_topnavig_red.gif) bottom left repeat-x;
    color: #FFF; text-align: center; font-size: 115%;
    margin: 0 9px; padding: 0;
}
#TopNavig ul { list-style-type: none; text-align: center; margin: 0 0 0 29px; padding: 0; }
#TopNavig li {
    float: left;
    margin: 0 1px 0 0; padding: 10px 19px;
}
#TopNavig li a { display: block; color: #FFF; cursor: pointer; }
#TopNavig li a span { border: none; color: #FFF; }
#TopNavig li:hover,
#TopNavig li.current-menu-item,
#TopNavig li.current-page-ancestor {
    float: left; background: transparent url(images/bg_tab_right.png) top right no-repeat;
    color: #960000;
    margin: 0 1px 0 0; padding: 0 6px 0 0;
    /*padding: 10px 19px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;*/
}
#TopNavig li:hover a,
#TopNavig li.current-menu-item a,
#TopNavig li.current-page-ancestor a{
    color: #960000;
    background: transparent url(images/bg_tab_left.png) top left no-repeat;
    padding: 0 0 0 6px; margin: 0;
}

#TopNavig li:hover a span,
#TopNavig li.current-menu-item a span,
#TopNavig li.current-page-ancestor a span {
    display: inline-block;border: none;
    background: #FFF; color: #960000;
    padding: 10px 13px;
}
#TopNavig li:hover ul a span,
#TopNavig li.current-menu-item:hover ul a span,
#TopNavig li.current-page-ancestor:hover ul a span {
    display: inline-block;border: none;
    background: transparent; color: #000;
    padding: 0;
}
#TopNavig li:hover ul li:hover a span,
#TopNavig li.current-menu-item:hover ul li:hover a span,
#TopNavig li.current-page-ancestor:hover ul li:hover a span {
    display: inline-block;border: none;
    background: transparent; color: #fff;
    padding: 0;
}
/*
Gehört dazu, ist aber irgendwie buggy, yai fragen
#TopNavig li.current-menu-item:hover a span
*/
#TopNavig li:hover .sub-menu a span{
    display: inline-block;border: none;
    background: #000; color: #960000;
    padding: 0;
}

#TopNavig li ul { display: none; }
#TopNavig li:hover ul { display: block; }

#TopNavig ul ul {
    position: absolute; z-index: 999;
    width: 192px; overflow: hidden;
    background: #FFF;
    text-align: left; font-size: 85%;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0px 2px 4px #dbdbdb;
      -moz-box-shadow: 0px 2px 4px #dbdbdb;
      box-shadow: 0px 2px 4px #dbdbdb;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#dbdbdb',direction='120',strength='4');
}

#TopNavig li li {
    display: block; width: 166px;
    background: #ddd/*#E8E8E8*/;
    border-top: 1px solid #FFF;
    padding: 7px 14px; margin: 0;
}
#TopNavig li:hover li a { width: 166px;color: #111; background: transparent;  }
#TopNavig li li.current-menu-item {
    padding: 7px 14px;
    background: #E8E8E8;
}

#TopNavig li li:hover {
    display: block; width: 166px;
    background: #404040;
    border-top: 1px solid #FFF;
    padding: 7px 14px; margin: 0;
}
#TopNavig li li:hover a { color: #FFF; background: transparent; }

#TopNavig li li.First,
#TopNavig li li.First:hover { border-top: none; }

/* ------------------------------------------------------ Main -- */
#Main {
    display: inline-block;
    width: 100%;
    margin: 0; padding: 23px 0 30px 0;
}

#Main ul {
    list-style-type: none;
    margin: 4px 15px 8px 0; padding: 0;
}
#Main li {
    background: transparent url(images/bullet.gif) 2px 5px no-repeat;
    line-height: 135%;
    margin: 0 0 8px 0; padding: 0 0 0 15px;
}

#Main .NoBullet li { background: none; padding: 0; }

/* ------------------------------------------------------ Left -- */
#Left {
    float: left; width: 210px; overflow: hidden;
    text-align: left; font-size: 110%;
    color: #505050;
    margin: 0 0 0 9px; padding: 0;
}
#Left ul {
    list-style-type: none;
    margin: 0 0 20px 0; padding: 0;
}
/*#Left ul li a{
    display:none;
}*/
#Left ul li ul li a{
    display:block;
}
#Left li {
    border: 1px solid #FFF;
    border-left: none; border-right: none;
    margin: 0; padding: 0;
}
#Left li a {
    display: block; width: 180px;
    background: #e4e4e4;
    color: #111; line-height: 135%;
    padding: 8px 15px; margin: 0;
}
#Left li a.LeftNavigActv {
    display: block; width: 180px;
    background: #B30115;
    color: #FFF; line-height: 135%;
    padding: 8px 15px; margin: 0;
}
#Left li a:hover,
#Left li.current-menu-item a {
    display: block; width: 180px;
    background: #B30115;
    color: #FFF; line-height: 135%;
    padding: 8px 15px; margin: 0;
}

/* */
#Left .Border {
    display: inline-block; width: 200px;
    border: 2px solid #e8e8e8; border-left: none;
    padding: 4px; margin: 0 0 10px 0;
}


/* ------------------------------------------------------ Middle -- */
#Middle {
    float: left; width: 505px;
    text-align: left; color: #505050;
    margin: 1px 24px; padding: 0;
}
#Middle.Home { margin: 1px 24px 1px 25px; width: 505px; }
* html #Middle.Home { width: 497px; }

#Middle.Komplette {
    width: 715px;
}

#Middle .Border {
    display: inline-block;
    border: 2px solid #E4E4E4;
    margin: 0 0 15px 0; padding: 0;
    /*float: left;*/ /* Breaks events form */
    width: 100%;
}

#Middle .ColumnList { display: inline-block; width: 100%; margin-bottom: 15px; }
#Middle td .ColumnList { margin-bottom: 0; }
#Middle .ColumnList h2 { float: left; width: 11%; background: #B30115; color: #FFF; padding: 0 5px; margin: 4px 10px 0 0; }
#Middle .ColumnList ul { float: left; width: 80%; }
#Middle .ColumnList ul.W100Pro { float: left; width: 100%; }
#Middle .ColumnList ul li { float: left; width: auto; margin-right: 25px; }
#Middle .ColumnList ul.W100Pro li { width: 44%; overflow: hidden; margin-right: 10px; }

#Middle h1,
#Middle.Home h1.page-title {
    /*text-transform: uppercase;*/
    font-weight: normal; color: #111;
    font-size: 165%; line-height: 145%;
    margin: 0 0 18px 0; padding: 0;
}
#Middle.Home h1 { font-size: 120%; line-height: 130%; text-transform: none; margin-bottom: 22px; }
#Middle h2 {
    font-size: 125%; line-height: 130%;
    color: #960000; font-weight: normal;
    margin: 0 0 12px 0; padding: 0;
}
#Middle h3 {
    font-size: 120%; line-height: 130%;
    color: #333; font-weight: normal;
    margin: 0 0 12px 0; padding: 0;
}

#Middle a { color: #111; }

#Middle p { line-height: 140%; margin: 0 0 10px 0; padding: 0; }

#Middle dl { margin: 10px 0; padding: 0; }
#Middle dt { font-size: 90%; margin: 0 0 2px 0; padding: 0; }
#Middle dd { margin: 0 0 6px 0; padding: 0; }
#Middle dd a { font-weight: bold; }

#Middle .Teaser { float: left; clear: both;width: 100%; padding: 0; margin: 0 0 10px 0; }
#Middle .Teaser h2 { float: left; width: auto; }
#Middle .Teaser a.Right { float: right; width: auto; margin-top: 3px;}
#Middle .Teaser a.Left { float: left; width: auto;  margin-top: 3px; }

#Middle .BlockText { padding: 10px; }

/* ------------------------------------------------------------------------------------ Table -- */
#Middle table.W505 { width: 505px; overflow: hidden; }
#Middle table.CheckboxListe { margin: /*10px*/0 5px 10px 32px; }
*:first-child+html #Middle table.CheckboxListe { margin: 10px 5px 10px 37px; } /* HACKS For IE7 */

#Middle th {
    background: #B30115;
    color: #FFF; font-weight: normal; text-align: left;
    padding: 6px 10px;
}
#Middle th a { color: #FFF;  }
#Middle td { padding: 10px 0 5px 10px; margin: 0; }
#Middle table.CheckboxListe td { padding: 0; margin: 0; }

#Middle td.LightGrey { background: #F1F1F1; }
#Middle td.DarkGrey { background: #E4E4E4; }
#Middle td.Red { background: #B30115; color: #FFF; }
#Middle td.Red a { color: #FFF; }

#Middle td.DLine { padding: 0; }
#Middle td.Space { padding: 0; }
#Middle td.Space.H8 { height: 8px; }
#Middle td.Space.H12 { height: 12px; }

/*  Veranstaltungskalender */
#Middle .Veranstaltung {
     width: 505px; overflow: hidden;
     background: #E4E4E4;
     color: #111;
     margin: 0 0 12px 0; padding: 0;
}
#Middle .Veranstaltung td { padding: 2px; }
#Middle .Veranstaltung td.Date { width: 130px; padding: 15px 0 0 10px; }
#Middle .Veranstaltung td.Date p { line-height: 145%; }
#Middle .Veranstaltung td.LightGrey {
    padding: 15px 15px 0 15px;
}
#Middle .Price { vertical-align: bottom; width: 150px; border-bottom: 4px solid #e4e4e4; }
*:first-child+html #Middle .Price  { border-bottom: 6px solid #e4e4e4; } /* HACKS For IE7 */

#Middle .Price p {
    background: #FFF; float: left; clear: both; width: 134px;
    font-size: 95%;
    padding: 2px 8px; margin: 0 0 2px 0;
}
#Middle a.LinkWhite {
    width: auto; color: #FFF; line-height: 135%; border-bottom: 1px dotted transparent;
    background: transparent url(images/arrow_left_white.png) 0 4px no-repeat;
    padding: 0 0 0 15px;
}
* html #Middle a.LinkWhite { background: transparent url(images/arrow_left_white.gif) 0 4px no-repeat; }
#Middle a.LinkWhite.Left { float: left; }
#Middle a.LinkWhite.Right { float: right; }
#Middle a.LinkWhite span { border: none; color: #FFF; }

#Middle a.LinkWhite:hover span { border-bottom: 1px dotted #FFF; }

#Middle .Detail strong { color: #333; }
#Middle .Detail td { vertical-align: top; padding: 10px 13px 0 13px; margin: 0; }
#Middle .Detail h3 { margin: 0 0 6px 0; }
#Middle .Detail td.VLine { border-right: 1px solid #E4E4E4; }
#Middle .Detail td.HLine { border-top: 1px solid #E4E4E4; }

/* -------------------------------------------------------- Formular -- */
#Middle form { background: #F1F1F1; margin-bottom: 15px; }
#Middle form.IngSuche { margin: 5px 0 0 0; }
#Middle label { color: #333; }
#Middle td fieldset { background: #F1F1F1; border: 1px solid #CCC;margin-right: 10px; }
#Middle legend { margin-left: 10px; }
#Middle legend input { float: left; margin-right: 5px;}
#Middle legend strong { float: none; line-height: 135%;  }

#Middle form span.AlignLeft { float: left; margin-right: 20px; }

#Middle input.TextField {
    background: #FFF; border: 1px solid #c2c2c2;
    padding: 3px 5px;
}

#Middle input.TextField.W335 { width: 325px; }
#Middle input.TextField.W230 { width: 220px; }
#Middle input.TextField.W215 { width: 205px; }
#Middle input.TextField.W185 { width: 175px; }
#Middle input.TextField.W60 { width: 50px; }

#Middle select.W232 { width: 232px; }
#Middle select.W295 { width: 295px; }

#Middle textarea {
    background: #FFF; border: 1px solid #c2c2c2;
    padding: 3px 5px;
}

#Middle textarea.W482 {
    width: 472px; height: 90px;
}
#Middle textarea.W520 {
    width: 510px; height: 150px;
}

/* For Radio Button */
#Middle .RButton { float: left; clear: both; width: 100%; }
#Middle .RButton input { float: left; width: 22px; height: 15px;margin: /*3px 0 0 */0; padding: 0; }
/* *:first-child+html #Middle .RButton input { margin: 0; } HACKS For IE7 */

#Middle .RButton label { display: block; width: auto; line-height: 150%; margin: 0 0 0 25px; padding: 0; }

/* For Check Button */
#Middle .CButton { float: left; clear: both; width: 100%; }
#Middle .CButton input { float: left; width: 22px; margin: 3px 0 0 0; padding: 0; }
*:first-child+html #Middle .CButton input { margin: 0; } /* HACKS For IE7 */

#Middle .CButton label,
#Middle .CButton strong { display: block; width: auto; line-height: 150%; margin: 1px 8px 0 28px; padding: 0; }

/* For Radio & Checkbox Button */
#Middle .RCButton { float: left; clear: both; width: 100%; padding-top: 7px; }
#Middle .RCButton input { float: left; width: 22px; margin: /*3px 0 0*/ 0; padding: 0; }
/* *:first-child+html #Middle .RCButton input { margin: 0; } HACKS For IE7 */

#Middle .RCButton label { display: block; width: auto; line-height: 150%; margin: 0 0 0 25px; padding: 0; }

#Middle input.Btn,
#Middle button {
    background: #505050; border: none;
    white-space: nowrap;
    font-size: 110%; color: #FFF;
    cursor: pointer;
    padding: 5px 15px;
}

#Middle .mce-btn button {
    background-color: #FAFAFA !important;
}

#Middle input.BtnSmall,
#Middle button.Small {
    background: #505050; border: none;
    font-size: 110%; color: #FFF;
    cursor: pointer;
    padding: 3px 15px;
}
#Middle a.Btn {
    background: #B30115; border: none;
    white-space: nowrap;
    font-size: 110%; color: #FFF; font-weight: normal;
    cursor: pointer;
    padding: 5px 15px; margin:0;
}
#Middle a.Btn:hover {
    background: #505050; border: none;
    white-space: nowrap;
    font-size: 110%; color: #FFF; font-weight: normal;
    cursor: pointer;
    padding: 5px 15px; margin:0;
}

#Middle input.Btn.AlignLeft,
#Middle button.AlignLeft,
#Middle input.BtnSmall.AlignLeft,
#Middle button.Small.AlignLeft,
#Middle a.Btn.AlignLeft { float: left; text-align: left; }

#Middle input.Btn.AlignRight,
#Middle button.AlignRight,
#Middle input.BtnSmall.AlignRight,
#Middle button.Small.AlignRight,
#Middle a.Btn.AlignRight { float: right; text-align: right; }

#Middle .BtnArrowW32 {
    float: none; width: 32px; height: 24px; overflow: hidden;
    background: #505050 url(images/btn_arrow_white.png) 16px 7px no-repeat; border: none;
    cursor: pointer;
    padding: 0; margin-left: 8px;
}
#Middle .BtnArrowW32:hover {
    float: none; width: 32px; height: 24px; overflow: hidden;
    background: #B30115 url(images/btn_arrow_white.png) 16px 7px no-repeat; border: none;
    cursor: pointer;
    padding: 0; margin-left: 8px;
}

#Middle input.Btn:hover,
#Middle button:hover,
#Middle input.BtnSmall:hover,
#Middle button.Small:hover  { background: #B30115; }

/* --------------------------------------------- Suchergebnisse -- */
#Middle .SearchResult {
    display: inline-block;width: 100%;
    background: #b30115;
    color: #FFF; font-size: 110%;
    margin: 0 0 8px 0; padding: 0;
}
#Middle .SearchResult p { padding: 6px 10px 7px 10px; margin: 0; }
#Middle .SearchResult span { float: left; color: #FFF; padding: 8px 12px; }

#Middle .SearchResult a { float: left; color: #FFF; text-align: center; padding: 8px 12px; margin: 0; }
#Middle .SearchResult a:hover { color: #B30115; background: #f8e6e8; }
#Middle .SearchResult a.Actv {
    float: left; background: #f8e6e8;
    color: #B30115; text-align: center; font-weight: bold;
    padding: 8px 12px; margin: 0;
}

#Middle .SearchResult .AlignLeft a { padding: 8px 6px; }
#Middle .SearchResult .AlignRight a { padding: 8px 6px; }

#Middle .SearchResultList { margin: 0; padding: 0; }
#Middle .SearchResultList dl,
#Middle .SearchResultList ul.NoBullet li { float: left; width: 485px; padding: 10px; margin: 0; }
#Middle .SearchResultList dd a.PDFLink { font-weight: normal; }

#Middle .SearchResult a.BackLink {
    float: left; width: 13px; height: 13px;
    background: transparent url(images/arrow_back_white.gif) center center no-repeat;
    padding: 10px 5px 9px 5px; margin: 0;
}
#Middle .SearchResult a.BackLink:hover {
    float: left; width: 13px; height: 13px;
    background: #F8E6E8 url(images/arrow_back_red.gif) center center no-repeat;
    padding: 10px 5px 9px 5px; margin: 0;
}
#Middle .SearchResult a.NextLink {
    float: left; width: 13px; height: 13px;
    background: transparent url(images/arrow_next_white.gif) center center no-repeat;
    padding: 10px 5px 9px 5px; margin: 0;
}
#Middle .SearchResult a.NextLink:hover {
    float: left; width: 13px; height: 13px;
    background: #F8E6E8 url(images/arrow_next_red.gif) center center no-repeat;
    padding: 10px 5px 9px 5px; margin: 0;
}

#Middle .ABCList {
    display: inline-block; width: 100%;
    font-size: 125%; line-height: 150%;
    margin: 5px 0 15px 0; padding: 0;
}
#Middle .ABCList a {
    float: left; width: 22px; height: 22px;
    background: #B30115; border: 1px solid #B30115;
    color: #FFF; text-align: center;
    margin: 0 5px 5px 0;
}
#Middle .ABCList a:hover,
#Middle .ABCList a:focus,
#Middle .ABCList a.ABCActv {
    float: left; width: 22px; height: 22px;
    background: #FFF; border: 1px solid #B30115;
    color: #B30115; text-align: center;
    margin: 0 5px 5px 0;
}
#Middle .Accordion { display: inline-block; margin: 0; padding: 0; }
#Middle .Accordion li { overflow: hidden;
    display: inline-block; background: none;
    border: 1px solid #C0C0C0;
    padding: 0; margin: 0 0 10px 0;
}
#Middle .OpenedLink,
#Middle .ClosedLink {
    display: inline-block; width: 460px;
    font-weight: bold; font-size: 15px; color: #B30115;
    padding: 5px 10px; margin: 0 10px 0 0;
}
#Middle .OpenedLink {
    background: transparent url(images/icon_plus.gif) center right no-repeat;
}
#Middle .ClosedLink {
    background: transparent url(images/icon_minus.gif) center right no-repeat;
}
#Middle .Maintext {
    display: inline-block; background: #F0F0F0; width: 470px;
    margin: 0; padding: 10px;
}
#Middle .Maintext ul { display: inline-block; margin: 0; padding: 0; }
#Middle .Maintext li {
    border: none; float: left; width: 220px;
    background: transparent url(images/bullet.gif) 2px 5px no-repeat;
    line-height: 135%;
    margin: 0 0 8px 0; padding: 0 0 0 15px;
}

/* ---------------------------------------- TABS -- */
#Middle .TABS {
    float: left; width: 100%;
    font-size: 110%;
    margin: 0; padding: 0;
}
* html #Middle .TABS { width: 715px; overflow: hidden; }

#Middle .TABS ul {
    float: left;
    margin: 0; padding: 0;
}
#Middle .TABS li {
    float: left; background: none;
    text-align: center;
    margin: 0; padding: 0;
}
#Middle .TABS li a {
    display: inline-block; background: #E4E4E4;
    color: #111; text-align: center;
    border: 2px solid #E4E4E4;
    padding-top: 10px; padding-bottom: 10px;
    margin: 0;
}
#Middle .TABS li a:hover,
#Middle .TABS li a.TABActv {
    display: inline-block; background: #FFF;
    color: #111; text-align: center;
    border: 2px solid #E4E4E4; border-bottom: none;
    padding-top: 10px; padding-bottom: 12px;
    margin: 0;
}
#Middle .TABS li a.First { width: 265px;}
#Middle .TABS li a.Second { width: 285px; margin: 0 2px; }
#Middle .TABS li a.Thirth { width: 149px; }

* html #Middle .TABS li a.First,
* html #Middle .TABS li a.Second,
* html #Middle .TABS li a.Thirth { overflow: hidden; }

#Middle .TABMain {
    display: inline-block; width: 681px;
    border: 2px solid #E4E4E4; border-top: none;
    margin-top: -2px; padding: 20px 15px;
}
#Middle .TABMain dl { display: inline-block; line-height: 145%; margin: 0; padding: 0; }
#Middle .TABMain dt { /* float: */ left; width: 250px; font-size: 100%; }
#Middle .TABMain dd { display: inline-block; /* width: 430px;  */ margin-left: 250px; margin: 0 0 15px 0; }

#Middle .TeaserBlock { display: inline-block; width: 100%; background: #FFF; padding-bottom: 0px; }
#Middle .TeaserBlock img { width: 150px; height: 212px;  }
#Middle .TeaserBlock a.lightwindow {
    position: absolute; z-index: 999;
    display: block; width: 150px; height: 212px;
    background: transparent url(images/icon_zoom.png) 0 182px no-repeat;
    margin: 0;
}

/* ------------------------------------------------------ Right -- */
#Right {
    float: right; width: 220px;
    text-align: left; color: #505050;
    margin: 1px 0 0 0; padding: 0 0 2px 0;
}
* html #Right { position: absolute; margin-top: 22px; margin-left: -93px; }

#Right a { color: #111; }
#Right form.QuickSearch {
    display: inline-block; width: 170px;
    background: #FFF; border: 1px solid #c2c2c2;
    margin: 7px 0 7px 20px; padding: 3px 0 3px 6px;
}
#Right form.QuickSearch p { margin: 0; padding: 0; }
#Right .QuickSearch input.SearchField {
    border: none;
    float: left; width: 147px;
    background: transparent;
    line-height: 105%;
    padding: 0; margin: 1px 5px 0 0;
}
#Right .QuickSearch input.BtnArrow {
    border: none; cursor: pointer;
    float: left; width: 13px; height: 13px;
    background: transparent url(images/btn_arrow_grey_13.gif) 0 0 no-repeat;
    margin: 2px 0px 0 0;
}

.Marginal {
    width: 220px;
    background: transparent url(images/bg_marginal02.gif) 8px 0 repeat-y;
    margin: 0 0 0 1px; padding: 0 0 10px 0;
}

.Marginal h3 {
    color: #FFF; font-size: 110%;
    background: transparent url(images/bg_headline_black_end.png) bottom left no-repeat;
    padding: 0 0 10px 0; margin: 0;
}
* html .Marginal h3 {
    background: transparent url(images/bg_headline_black_end.gif) bottom left no-repeat;
}
.Marginal h3 span {
    display: inline-block;
    background: #5F5F5F; width: 192px;
    font-size: 100%; font-weight: normal;
    text-transform: uppercase;
    margin: 0; padding: 8px 9px 5px 18px;
}
.Marginal p {
    line-height: 135%;
    margin: 0; padding: 4px 13px 8px 20px;
}
#Right ul {
    margin-left: 20px;
}


.widget {
     width: 220px;
    background: transparent url(images/bg_marginal01.gif) 8px 0 repeat-y;
    margin: 0 0 0 1px; padding: 0 0 10px 0;
}

.widget h4 {
    color: #FFF; font-size: 110%;
    background: transparent url(images/bg_headline_black_end.png) bottom left no-repeat;
    padding: 0 0 10px 0; margin: 0;
}
* html .widget h4 {
    background: transparent url(images/bg_headline_black_end.gif) bottom left no-repeat;
}
.widget h4 span {
    display: inline-block;
    background: #5F5F5F; width: 192px;
    font-size: 100%; font-weight: normal;
    text-transform: uppercase;
    margin: 0; padding: 8px 9px 5px 18px;
}
.widget p {
    line-height: 135%;
    margin: 0; padding: 4px 13px 8px 20px;
}
#Right ul {
    margin-left: 20px;
}
.widget div {
    margin: 4px 15px 8px 20px;
}

.widget div.menu-ingenieursuche-container,
.widget div.menu-stellenmarkt-3-container { margin: 0; padding: 0 }



/* ------------------------------------------------------ PageTools -- */
.PageTools {
    display: inline-block; width: 975px;
    font-size: 90%; text-align: right;
    border-top: 1px solid #c2c2c2;
    margin: 0; padding: 8px 0 6px 0;
}
* html .PageTools { overflow: hidden; margin-left:15px; }
.PageTools ul { float: right; list-style-type: none; margin: 0 10px 0 0; padding: 4px 0; }
.PageTools li { float: left; padding: 0 10px; }
.PageTools a { display: inline-block; color: #111; padding-top: 1px; padding-bottom: 1px; }
.PageTools a:hover { color: #960000; }
.PageTools img { float: left; margin-right: 10px; }

.PageTools .Promotion { float: left; width: 220px; color: #4E4E4E; text-align: left;padding: 0 0 0 5px; margin: 0; }
.PageTools .Promotion span { float: left; width: 160px; margin-top: 5px; }

/* ------------------------------------------------------ Footer -- */

#Footer {
    display: inline-block; width: 993px;
    background: transparent url(images/bg_container_end.png) top center no-repeat;
    font-size: 75%;	text-align: left;
    padding: 15px 0 0 0; margin: -1px 0 0 0;
}
*:first-child+html #Footer { margin: 0; } /* HACKS for IE7 */
* html #Footer { background: transparent url(images/bg_container_end.gif) top center no-repeat; }
#Footer .FooterMain {
    color: #505050; font-size: 90%;
    text-align: left;
    padding: 10px 0; margin: 0 180px 0 195px;
}
#Footer .FooterMain p { float: left; width: 547px; font-size: 100%; line-height: 145%; margin-left: 10px; margin-top: 8px; }

/* ----- Inline display of VOF texts (previously in iFrames) ---------------- */
.vof_text #docHeader {
    border-bottom: 2px solid rgb(0, 0, 51);
    font: 11px Verdana,Arial,Helvetica,sans-serif;
    color: rgb(0, 0, 51);
}

.vof_text #docToc {
    margin-left: 0px;
    list-style-type: none;
}

.vof_text #docToc li {
    display: inline;
    background: none;
}

.vof_text  .grseq {
    margin: 10px 0px;
}

.vof_text   .grseq .tigrseq {
    font-weight: bold;
    text-decoration: underline;
    color: black;
}

.vof_text .grseq .mlioccur {
    position: relative;
    margin-top: 5px;
    margin-left: 20px;
}

.vof_text .mlioccur .timark, .vof_text .grseq .mlioccur .timark {
    /*display: block;*/
    margin-left: 20px;
    font-weight: bold;
}

.vof_text .mlioccur .txtmark, .vof_text .grseq .mlioccur .txtmark {
    margin-left: 38px;
    padding: 0px;
}



/* -- slide show -- */
.Clip { z-index: 0;position: absolute; margin-top: 30px; margin-left: 9px; }

.Clip  { margin-top: 30px\0/; } /* IE8, IE9 */
* html .Clip { margin-left: 9px; } /* IE6 */

#slideshow img { display: none }
.Clip img { display: none }

/***** PRINT ****
@media print {
    #Left, #Right, #Head .Metanavig, #TopNavig, #Logout {
        display: none;
    }

    #Middle { width: 100% }
}*/


/* CSS Menu Language */
#menu-lang li {
    background-image: none;
    padding: 0;
}
/* CSS Switch Font-Size */
#switch-font-size span {
    border: 1px solid #ccc;
    text-align: center;
    line-height: 20px;
    padding: 5px;
    cursor: pointer;
}
#switch-font-size span.active {
    border: 1px solid #333;
    cursor: default;
}
.font-size-sm {
    font-size: 10px;
}
.font-size-md {
    font-size: 14px;
}
.font-size-lg {
    font-size: 16px;
}

li.results-letter { position: relative; }
.achor-top { position: absolute; font-size: 90%; top: 5px; right: 55px; }

.fb-logo {
    position: absolute;
    right: 25px;
    top: 64px;
    z-index: 99;
}

.flckr-logo {
    position: absolute;
    right: 25px;
    top: 100px;
    z-index: 99;
}