@import url('reset.css');

html { background: #C6CBCF url(../_img/bg-top.gif) repeat-x; }
body { color: #818181; font-family: arial; font-size: 12px; }

a { text-decoration: none; }

#header { position: relative; border-top: 5px solid #233677; margin: 0 auto; height: 96px; width: 941px; }
a#logo { display: block; float: left; }

/* ------ Navigation ------ */

#navInfo { color: #A2ACB0; float: right; font-size: 11px; margin-top: 19px; text-transform: uppercase; }
#navInfo li { list-style-type: none; float: left; }
#navInfo a { color: #A2ACB0; display: block; float: left; padding: 1px 9px 0 9px; }
#navInfo a:hover, #navInfo a.active { color: #4E4E4E; }
#navInfo li.last a { padding-right: 0; }

#navMain { background: url(../_img/navmain-right-bg.gif) no-repeat; font-size: 12px; font-weight: bold; height: 41px; line-height: 40px; margin: 0 auto; padding-left: 1px; text-transform: uppercase; width: 941px; }
#navMain li { float: left; }
#navMain li a { background: url(../_img/navmain-left-bg.gif) no-repeat; color: #737373; display: block; float: left; }
#navMain li a:hover, #navMain a.active { background: url(../_img/navmain-left-hover-bg.gif) no-repeat; color: #233677;}
#navMain li a span { background: url(../_img/navmain-right-bg.gif) right no-repeat; display: block; list-style-type: none; float: left; padding: 0 16px 0 16px; cursor: pointer; }
#navMain li a:hover span, #navMain li a.active span { background: url(../_img/navmain-right-hover-bg.gif) right no-repeat; }
#navMain li.last a span { background: url(../_img/navmain-end-bg.gif) right no-repeat; }
#navMain li.last a:hover span, #navMain li.last a.active span { background: url(../_img/navmain-end-hover-bg.gif) right no-repeat; }

#navSub { margin: 23px 0 67px 12px; border-bottom: 1px solid #ffffff; }
#navSub a { background: url(../_img/navsub-arrow.gif) 12px 9px no-repeat; border-top: 1px solid #ffffff; color: #818181; display: block; padding: 5px 5px 5px 27px; }
#navSub li.first a { border-top: 0; }
#navSub a:hover, #navSub a.active { background: #CCD5D9 url(../_img/navsub-arrow-hover.gif) 12px 9px no-repeat; color: #233677; font-weight: bold; }
#navSub a.active {  }
#navSub li ul { background: #ffffff; border-right: 1px solid #CCD5D9; padding: 5px 0; }
#navSub li li a { background: url(../_img/navsub-bullet.gif) 27px 9px no-repeat; padding: 2px 5px 2px 38px; border: 0; }
#navSub li li a:hover, #navSub li li a.active { background: #ffffff url(../_img/navsub-bullet-hover.gif) 27px 9px no-repeat; color: #4E4E4E; padding-left: 38px; }

/* ------ Searchbar ------ */

#searchbar { position: absolute; right: 0; top: 58px; }
#searchform div { float: left; }
.tx-macinasearchbox-pi1 .sword input { border: 1px solid #D2D2D2; color: #818688; font-size: 10px; margin-right: 9px; padding: 1px 4px 0 4px; height: 14px; width: 139px; }

/* ------ Section Image ------ */

#start #sectionImage { margin-left: 12px; }

/* ------ Content ------ */

#contentWrapper { background: #C6CBCF url(../_img/bg-content.gif) repeat-y; margin: 0 auto; width: 961px; }

#navbarWrapper { float: left; width: 221px; }
#start #navbarWrapper { background: url(../_img/bg-navbar-start.gif) 12px 0 no-repeat; }
#mainContentWrapper { float: right; width: 738px; padding-bottom: 15px; line-height: 1.4em; }

#mainContent { float: left; padding: 22px 0 0 25px; width: 475px; }
#sidebarContent { float: right; width: 169px; padding: 28px 27px 0 0; }
#navbarContent { margin: 21px 0 0 12px; padding: 10px; width: 189px; }

#mainContent h1 { color: #B3BDC6; font-family: Times; font-size: 25px; line-height: 1em; margin: 6px 0 25px 0; text-transform: uppercase; }
#mainContent h2 { color: #233677; font-size: 14px; font-weight: bold; margin: 0 0 12px 0; padding-top: 6px; }
#mainContent h3 { font-weight: bold; margin-bottom: 12px; }

#sidebarContent h3 { background: url(../_img/bg-sidebar-header.gif) bottom repeat-x; color: #80898F; font-family: Times; font-size: 17px; font-weight: bold; padding-bottom: 10px; margin-bottom: 12px; text-transform: uppercase }
#sidebarContent h4, #sidebarContent h4 a { color: #233677; font-size: 12px; }

#navbarContent a,
#mainContentWrapper a { color: #F8AB16; font-weight: bold; }
#navbarContent a:hover,
#mainContentWrapper a:hover { text-decoration: underline; }
#navbarContent p,
#mainContentWrapper p { margin-bottom: 12px; }
#navbarContent ul,
#mainContentWrapper ul { margin-bottom: 12px; }
#navbarContent li,
#mainContentWrapper li { background: url(../_img/list-bullet.gif) 1px 6px no-repeat; padding-left: 12px; }

.csc-textpic-caption { color: #B0B0B0; font-size: 11px; }

/* ------ Sitemap ------ */

#mainContentWrapper .csc-sitemap { margin-bottom: 12px; }
#mainContentWrapper .csc-sitemap ul { margin-bottom: 0; }
#mainContentWrapper .csc-sitemap ul ul { margin-bottom: 12px; }
#mainContentWrapper .csc-sitemap ul ul ul { margin-bottom: 0; }
#mainContentWrapper .csc-sitemap li { background: none; padding-left: 0; }
#mainContentWrapper .csc-sitemap li a { color: #233677; font-size: 14px; font-weight: bold; }
#mainContentWrapper .csc-sitemap li li { background: url(../_img/sitemap-level2.gif) 13px 7px no-repeat; padding-left: 24px; }
#mainContentWrapper .csc-sitemap li li a { color: #737373; font-size: 12px; }
#mainContentWrapper .csc-sitemap li li li { background: url(../_img/sitemap-level3.gif) 13px 7px no-repeat; }
#mainContentWrapper .csc-sitemap li li li a { font-size: 11px; font-weight: normal; }

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

#footer { background: url(../_img/bg-footer.gif); margin: 0 auto; height: 16px; width: 961px; }

/* ------ News ------ */

.morelink a { background: url(../_img/more-arrow.gif) right no-repeat; padding-right: 10px; }
.news-list-date { display: block; font-size: 12px; }
#mainContent .news-list-item h2 { padding-top: 2px; }
#mainContent .news-single-item h1,
#mainContent .news-list-item h2 a { color: #233677; font-family: arial; font-size: 14px; font-weight: bold; text-transform: none; }
.news-latest-item h4 { margin-bottom: 10px; }
.news-list-browse span { margin-right: 6px; }
.news-list-item img { float: left; margin: 0 12px 12px 0; }
.news-single-item .news-single-img { float: right; margin-left: 15px; }
.news-single-item .news-single-imgcaption { color: #B0B0B0; font-size: 11px; padding-top: 6px; width: 185px; }
.news-latest-item img { float: left; margin: 0 12px 0 0; }

/* ------ Teaser Startpage ------ */

.startTeaser { width: 147px; }
.startTeaser h4 { background: url(../_img/start-teaser-head.gif) no-repeat; color: #233677; font-weight: bold; text-transform: uppercase; padding: 9px 0 0 40px; height: 39px; width: 107px; }
#mainContentWrapper .startTeaser h4 a { color: #233677; }
.startTeaserContent { background: url(../_img/start-teaser-footer.gif) no-repeat; color: #4E4E4E; font-size: 11px; padding: 8px 10px; height: 79px; width: 127px; overflow: hidden; }

/* ------ Teaser Sidebar ------ */

.teaserSidebar { background: url(../_img/divider.gif) bottom repeat-x; padding-bottom: 1px; margin-bottom: 24px; }

/* ------ More Columns ------ */

.divFce3Column { padding-top: 10px; }
.divFce3Column div.firstCol, .divFce3Column div.secondCol { float: left; width: 147px; margin: 0 12px 0 0; }
.divFce3Column div.thirdCol { float: left; width: 147px; margin: 0 0 0 0; }

/* ------ Contact form ------ */

#contact { color: #003366; width: 400px; }
#contact legend { display: none; }
#contact label { display: block; float: left; width: 140px; }
#contact .tx_powermail_pi1_fieldwrap_html { margin-bottom: 6px; }
#contact select { border: 1px solid #A5ACB2; padding: 2px; width: 256px; }
#contact input,
#contact textarea { border: 1px solid #A5ACB2; padding: 2px; width: 250px; }
#contact .tx_powermail_pi1_fieldwrap_html_submit { margin-left: 140px; width: 256px; }
* html #contact .tx_powermail_pi1_fieldwrap_html_submit { margin-left: 70px; }
#contact .tx_powermail_pi1_fieldwrap_html_20 { font-size: 11px; padding-left: 140px; width: 256px; }
#contact .powermail_mandatory_js { color: red; display: block; margin-top: 4px; font-size: 11px; margin-left: 140px; }

/* ------ Job search and listing ------ */

#jobsearch { margin: 25px 0 40px 0; }
#jobsearch span { display: block; float: left; font-weight: bold; width: 144px; margin: 0 15px 6px 0; }
#jobsearch div { float: left; }
#jobsearch select { border: 1px solid #C6CDCF; color: #818181; width: 144px; padding: 2px; margin-right: 15px; }
#jobsearch input { margin-top: 1px; }


.dmmjobcontrol_list_table th { font-weight: bold; padding: 6px 0; }
.dmmjobcontrol_list_table td { padding: 6px 4px 6px 0; vertical-align: top !important; color: #233677; }
.dmmjobcontrol_list_table td.region { font-size: 11px; }
.dmmjobcontrol_list_table td.category { font-size: 11px; padding-right: 0; }
/*
.dmmjobcontrol_list_table th.dmmjobcontrol_list_th1 { width: 380px; }
.dmmjobcontrol_list_table th.dmmjobcontrol_list_th2 { width: 90px; }
*/
.dmmjobcontrol_list_table th.dmmjobcontrol_list_th1 { width: 278px; }
.dmmjobcontrol_list_table th.dmmjobcontrol_list_th2 { width: 80px; }
.dmmjobcontrol_list_table th.dmmjobcontrol_list_th3 { width: 112px; }
.dmmjobcontrol_list_table tr { border-bottom: 1px solid #C6CDCF; }
.dmmjobcontrol_list_table tr.dmmjobcontrol_list_tr,
.dmmjobcontrol_list_table tr.dmmjobcontrol_list_tr_alt { border: 0; background: url(../_img/divider.gif) bottom repeat-x; }

/* ------ Application form ------ */

#applicationform { position: relative; margin-bottom: 12px; width: 466px; }
#applicationform legend { display: none; }
#applicationform label { color: #003366; display: block; float: left; padding-top: 2px; width: 90px; }
#applicationform input { border: 1px solid #A5ACB2; color: #003366; padding: 2px; width: 260px; }
#applicationform input.powermail_uid2 { width: 368px; }
#applicationform input.powermail_uid35 { width: 126px; }
#applicationform select { background: #CFD7E2; border: 1px solid #CFD7E2; color: #003366; width: 128px; }
#applicationform select.powermail_uid1 { background: none; }
#applicationform textarea { border: 1px solid #A5ACB2; color: #003366; }
#applicationform .tx_powermail_pi1_fieldwrap_html { margin-bottom: 6px; }
#applicationform .tx_powermail_pi1_fieldwrap_html_21 { font-size: 11px; margin-left: 90px; }
#applicationform .tx_powermail_pi1_fieldwrap_html_38 { font-size: 11px; margin-bottom: 36px; margin-top: 12px; }
#applicationform .powermail_mandatory { margin-left: 2px; }
#applicationform .powermail_mandatory_js { color: red; display: block; font-size: 11px; margin-top: 2px; margin-left: 90px; }
#applicationform .powermail_pagebrowser { display: none; }
#applicationform fieldset { }
#applicationform .tx-powermail-pi1_fieldset_1 { background: url(../_img/oat-step1.gif) top right no-repeat; }
#applicationform .tx-powermail-pi1_fieldset_2 { background: url(../_img/oat-step2.gif) top right no-repeat; }
#applicationform .tx-powermail-pi1_fieldset_5 { background: url(../_img/oat-step3.gif) top right no-repeat; }

/* Buttons */
#applicationform .tx_powermail_pi1_submitmultiple_forward { background: url(../_img/btn-weiter-leer.gif) bottom left no-repeat; border: none; color: #ffffff; cursor: pointer; font-size: 12px; font-weight: bold; text-align: left; padding-left: 21px; height: 22px; width: 71px; position: absolute; bottom: 0; right: 0; }
.tx_powermail_pi1_formconfirmation_back .tx-powermail-pi1_confirmation_back,
#applicationform .tx_powermail_pi1_submitmultiple_back { background: url(../_img/btn-zurueck-leer.gif) bottom left no-repeat; border: none; color: #ffffff; cursor: pointer; font-size: 12px; font-weight: bold; text-align: left; padding-left: 21px; height: 22px; width: 76px; position: absolute; bottom: 0; left: 0; }
#applicationform .powermail_reset { background: url(../_img/btn-reset-leer.gif) bottom left no-repeat; border: none; color: #ffffff; cursor: pointer; font-size: 12px; font-weight: bold; text-align: left; padding-left: 21px; height: 22px; width: 160px; position: absolute; bottom: 0; left: 98px; }
#applicationform .tx-powermail-pi1_fieldset_1 .powermail_reset { left: 0; }
#applicationform .powermail_submit_uid7,
#applicationform .powermail_submit_uid66 { background: url(../_img/btn-weiter-leer.gif) bottom left no-repeat; border: none; color: #ffffff; cursor: pointer; font-size: 12px; font-weight: bold; text-align: left; padding-left: 21px; height: 22px; width: 71px; position: absolute; bottom: 0; right: 0; }

/* Subheader */
.tx-powermail-pi1_confirmation p,
#applicationform #powermaildiv_uid39,
#applicationform #powermaildiv_uid22,
#applicationform #powermaildiv_uid25,
#applicationform #powermaildiv_uid40
{ color: #818181; font-size: 14px; font-weight: bold; margin-bottom: 15px; }
#applicationform #powermaildiv_uid22 { margin-top: 20px; }

/* Page 2 */
#applicationform .tx_powermail_pi1_fieldwrap_html_9 { margin-bottom: 20px; }
#applicationform .tx_powermail_pi1_fieldwrap_html_9 label { display: none; }
#applicationform .powermail_uid9 { height: 200px; width: 466px; }
#applicationform .tx-powermail-pi1_fieldset_2 label { width: 192px; }
#applicationform .powermail_uid27 { width: 126px; }
#applicationform .tx_powermail_pi1_fieldwrap_html_28 { margin-bottom: 44px; }
#applicationform .powermail_uid28 { height: 94x; width: 270px; }
#applicationform #powermaildiv_uid28 { clear: both; }
#applicationform .powermail_uid68 { height: 94x; width: 270px; }
#applicationform .tx-powermail-pi1_fieldset_2 .powermail_mandatory_js { margin-left: 192px; }

/* Page 3 */
#applicationform .tx-powermail-pi1_fieldset_5 { padding-bottom: 50px; }
#applicationform .tx-powermail-pi1_fieldset_5 label { font-weight: bold; width: 104px; }
#applicationform .tx_powermail_pi1_fieldwrap_html_4 {  }
/* #applicationform .tx_powermail_pi1_fieldwrap_html_4 p { display: none; } */
#applicationform .tx_powermail_pi1_fieldwrap_html_4 p { font-size: 11px; }
#applicationform #uid65,
#applicationform #uid4 { margin-bottom: 15px; }
#applicationform #files_list { margin-top: 21px; }
#applicationform #files_list div { margin-left: 104px; margin-bottom: 6px; position: relative; }
#applicationform #files_list div input { background: url(../_img/btn-loeschen-x.gif) left center no-repeat; border: 0; color: #F8AB16; cursor: pointer; font-size: 12px; font-weight: bold; text-align: left; padding-left: 10px; width: auto; position: absolute; right: 0; }
#applicationform .file { margin-left: 104px; margin-bottom: 6px; position: relative; }
#applicationform .file a { position: absolute; right: 0; }


/* Page 4 */
.tx-powermail-pi1_confirmation { width: 466px; }
.tx-powermail-pi1_confirmation table { margin-bottom: 20px; width: 466px; }
.tx-powermail-pi1_confirmation table.files { margin-bottom: 50px; }
.tx-powermail-pi1_confirmation table.files td.label { font-weight: bold; }
.tx-powermail-pi1_confirmation table tr.odd { background: #F2F5F6; }
.tx-powermail-pi1_confirmation table td { padding: 2px 2px 2px 4px; vertical-align: top; }
.tx-powermail-pi1_confirmation table td.label { color: #003366; width: 140px; }
.tx-powermail-pi1_confirmation { position: relative; }
.tx_powermail_pi1_formconfirmation_submit .tx-powermail-pi1_confirmation_submit { background: url(../_img/btn-abschicken-leer.gif) bottom left no-repeat; border: none; color: #ffffff; cursor: pointer; font-size: 12px; font-weight: bold; text-align: left; padding-left: 21px; height: 22px; width: 101px; position: absolute; bottom: 0; right: 0; }

/* Applications from jobs database
 ----------------- */
#applicationform #powermaildiv_uid41,
#applicationform #powermaildiv_uid45,
#applicationform #powermaildiv_uid58,
#applicationform #powermaildiv_uid64
{ color: #818181; font-size: 14px; font-weight: bold; margin-bottom: 15px; }
#applicationform #powermaildiv_uid45 { margin-top: 20px; }
#applicationform #powermaildiv_uid42 input,
#applicationform #powermaildiv_uid44 input,
#applicationform #powermaildiv_uid70 input { background: #F2F5F6; }
#applicationform .tx_powermail_pi1_fieldwrap_html_56 { font-size: 11px; margin-bottom: 36px; margin-top: 12px; }
#applicationform .tx-powermail-pi1_fieldset_8 { background: url(../_img/oat-step1.gif) top right no-repeat; }
#applicationform .tx-powermail-pi1_fieldset_9 { background: url(../_img/oat-step2.gif) top right no-repeat; }
#applicationform .tx-powermail-pi1_fieldset_10 { background: url(../_img/oat-step3.gif) top right no-repeat; }
#applicationform .tx-powermail-pi1_fieldset_8 .powermail_reset { left: 0; }

/* Page 2 */
#applicationform .tx_powermail_pi1_fieldwrap_html_60 { margin-bottom: 20px; }
#applicationform .tx_powermail_pi1_fieldwrap_html_60 label { display: none; }
#applicationform .powermail_uid60 { height: 200px; width: 466px; }
#applicationform .tx-powermail-pi1_fieldset_9 label { width: 192px; }
#applicationform .powermail_uid61 { width: 126px; }
#applicationform .tx_powermail_pi1_fieldwrap_html_62 { margin-bottom: 44px; }
#applicationform .powermail_uid62 { height: 94x; width: 270px; }
#applicationform #powermaildiv_uid62 { clear: both; }
#applicationform .powermail_uid69 { height: 94x; width: 270px; }
#applicationform .tx-powermail-pi1_fieldset_9 .powermail_mandatory_js { margin-left: 192px; }

/* Page 3 */
#applicationform .tx-powermail-pi1_fieldset_10 { padding-bottom: 50px; }
#applicationform .tx-powermail-pi1_fieldset_10 label { font-weight: bold; width: 104px; }
#applicationform .tx_powermail_pi1_fieldwrap_html_65 {  }
/* #applicationform .tx_powermail_pi1_fieldwrap_html_65 p { display: none; } */
#applicationform .tx_powermail_pi1_fieldwrap_html_65 p { font-size: 11px; }

/* ------ Google Maps ------ */
.markerTooltip { display: none; }

/* ------ Helper ------ */

div.divider { background: url(../_img/divider.gif) repeat-x; border: 0; /* border-top: 1px solid #C7CED0; */ clear: both; height: 1px; margin: 9px 0; line-height: 0; font-size: 0; }

.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */