/* Hide components that just make the Non-CSS version look better or are for the print version */ .nocss, .print_version, .pdf_version { display: none; } /* Establish some defaults */ body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.2; margin: 0; } ul { list-style-type: square; } ol,ul { padding: 0; margin: 0; margin-left: 2em; margin-top: -0.5em; } li { margin-top: 0.5em; } a { text-decoration: none; color: #084a8e;} a:hover { text-decoration: underline; } img { border: none; } form { margin: 0; } input,select,textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } input.text, textarea { border: 1px solid #526573; padding:2px; } input.button { font-weight: bold; } input.button.minor { font-weight: normal; } fieldset { border: 1px solid #ccc; margin-top: 1em; padding: 0.6em; padding-top: 0px; } legend { background: #FFFFFF; } h1,h2 { font-size: 16px; font-weight: bold; margin-bottom: 0.6em; margin-top: 0; } h2 { font-size: 14px; border-bottom: 1px solid #CCC; padding-bottom: 5px; margin-top: 20px; } /*p { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.45; font-size: 11px; }*/ p, #middle ul, #middle ol, .answer{ line-height: 1.83; } option.disabled { color: #AAAAAA; } p { page-break-inside: avoid; } .shade { opacity: 0.7; background:url(../images/loading.gif) center 20px no-repeat white; z-index: 1; } .loading { display: none; background:url(../images/loading.gif) center center no-repeat; width: 16px; height: 16px; } /* http://www.hedgerwow.com/360/bugs/css-select-free.html */ .shade iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute;/*must have*/ top:0;/*must have*/ left:0;/*must have*/ z-index:-1;/*must have*/ filter:mask();/*must have*/ } /* Reusable styles */ a.active { color: #228AF2; } .clear { display: block; clear: both; } /* Remove the border of ad images */ .ad img { border: 0; } .type_traineeships, .type_internships, .type_business_courses { background-repeat: no-repeat; } .type_business_courses { background-image: url(../images/point_course.gif); } .type_traineeships { background-image: url(../images/point_traineeship.gif); } .type_internships { background-image: url(../images/point_internship.gif); } .format_selection { font-size: 11px; margin: 10px 0; height: 14px; list-style-type: none; } .format_selection li { float: left; border-right: 1px solid #999999; line-height: 14px; margin: 0; } .format_selection li a { display: block; background-repeat: no-repeat; background-position: left center; padding-right: 8px; margin-left: 8px; } /* Image size 20x20 with a 2px transparent border, making the core 16px wide. Add some padding to that. */ .format_selection .mail a { background-image: url(../images/icon_mail.gif); padding-left: 21px; background-position: -2px; } /* Image size 20x20 with a 2px transparent border, making the core 16px wide */ .format_selection .print a { background-image: url(../images/icon_print.gif); padding-left: 21px; background-position: -2px; } /* Image size 20x20 with a 4px transparent border, making the core 12px wide */ .format_selection .pdf a { background-image: url(../images/icon_pdf.gif); padding-left: 17px; padding-right: 5px; background-position: -4px; } .format_selection .pdf { border-right: none; } .format_selection .print { border-right: none; } .company_box { background-color: #F6F7F8; border: 1px solid #DDDDDD; padding: 20px; padding-top: 10px; } .company_facts { border-collapse: collapse; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } .company_facts td,.company_facts th { line-height: 20px; text-align: left; vertical-align: top; } .company_facts th { padding-right: 2em; width: 150px; color: #084a8e; font-weight: bold; } .company_facts ul, .company_facts li { margin: 0; list-style-type: none; } /* Yes, there is list-style-image, but there is also IE. */ .company_facts ul li { background: url(../images/line.gif) left 1.1ex no-repeat; padding-left: 10px; } .company_portrait { float: right; margin-left: 1em; } .company_interview h2 { border: none; margin-bottom: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; page-break-after: avoid; } .company_actions { margin: 0; margin-top: 1.5em; } .company_actions .back { float: left; } .company_actions .apply { float: right; } .company_actions input, .company_apply input { font-weight: bold; } .company_apply { text-align: center; padding: 1.5em 0; } .toplink_area { text-align: right; } .skills { padding: 1em; } .skills .skill { height: 1.7em; width: 28em; position: relative; } .skills .name { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #084a8e; } .skills .scale { position: absolute; right: 0; } /* width and height are necessary for IE 6, maybe also 7 */ #top { position: absolute; top: 0; left: 0; width: 1px; height: 1px; } #search .filters { border: 1px solid #CCCCCC; padding: 3px 6px; margin: 0; background-image:url(../images/box_top_background.gif); background-repeat: repeat-x; cursor: default; font-size: 12px; line-height: 20px; height: 20px; overflow: hidden; } #search .filters .element { float: left; margin-right: 0.5em; line-height: 20px; height: 20px; } #search .filters .label { font-weight: bold; margin-right: 1em; } #search .filters .resetButton { margin-right: 0; } #search .filters select { font-family: Tahoma; width: 146px; } #search .filters .loading { float: right; margin-right: 0; } #search .header, #search .footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 1.53em 0; position: relative; line-height: 2em; height: 2em; } #search .header .header_label { position: absolute; left: 0; top: 0; display: block; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } #search .header .page_length { padding-left: 16em; } #search .header .page_selector, #search .footer .page_selector { position: absolute; right: 0; top: 0; } #search .results { border-top: 1px solid #DDDDDD; font-size: 11px; } #search .result { text-decoration: none; border-bottom: 1px solid #DDDDDD; background-color: #fefefe; color: black; display: block; padding: 16px 20px; } #search .result:hover { background-color: #F1F1F1; } #search .result .logo_area { float: left; margin-top: 2px; } #search .result .title_area { font-weight: bold; text-decoration: underline; } #search .result .description_area { margin: 0.55em 0; line-height: 1.45; } #search .result .deadline_area { position: relative; text-align: right; line-height: 1.25; } #search .result .deadline_area .label { font-weight: bold; position: absolute; right: 7.3em; line-height: 1.25; } #search .result .title_area, #search .result .description_area, #search .result .deadline_area { display: block; margin-left: 102px; } #search .page_selector .label { display: inline; font-weight: bold; } #search .page_list { display: inline; margin: 0; margin-left: 0.5em; } #search .page_list .item { display: inline; } #search .page_list a { background-color: #FFFFFF; border: 1px solid #CCC; padding: .18em .55em; text-decoration: none; color: black; } #search .page_list a:hover, #search .page_list a.active { background-color: #336699; border-color: #336699; color: white; } #search .page_list a.active { cursor: default; } #search .page_list a.disabled { background-color: #FFFFFF; border-color: #DDDDDD; color: #DDDDDD; cursor: default; } #search .type_traineeships, #search .type_internships, #search .type_business_courses { display: block; background-position: left 4px; padding-left: 10px; } #right .list { list-style-type: none; margin-left: 0; } /* Side components should leave some space between each other */ .box { margin-bottom: 20px } /* The entries and the title have a border */ .box_title, .box_entry { border: 1px solid #CCCCCC; padding: 6px; } /* But we remove the top border of the entry elements to avoid doubling the line width between items */ .box_entry { border-top: 0 none; } /* The title has a background shade and should feel solid */ .box_title { height: 14px; margin: 0; background-image:url(../images/box_top_background.gif); background-repeat: repeat-x; cursor: default; font-size: 12px; font-weight: bold; } /* Make list numbers in boxes bold */ .box_entry ol, .box_entry ul { font-weight: bold; } .box_entry ol li *, .box_entry ul li * { font-weight: normal; } /* The document is 868 pixels wide and consists of sections */ #body { background-color: #FEFEFE; padding-bottom: 20px; width: 868px; margin: auto; } .section { background-color: #FCFCFC; border: 1px solid #CCCCCC; border-top-width: 0; clear: both; } /* The logo section contains a logo and an ad . Both should be positioned absolutely, respecting this section's boundaries */ #logo_section { position: relative; height: 60px; background: url(../images/top_background.gif) repeat-x; border-left: 0; border-right: 0; } /* Position the logo (h1) */ #logo_section .logo { position: absolute; left: 20px; top: 15px; margin: 0; } /* Show the logo as a background image and hide the text */ #logo_section .logo a { display: block; background: url(../images/logo_itraineeship.gif) no-repeat; width: 0; height: 0; padding-left: 214px; padding-top: 29px; overflow: hidden; } /* Position the ad (p) */ #logo_section .ads { position: absolute; right: 20px; top: 10px; margin: 0; } /* The categories section consists of a list of links. The template contains a five pixel high line below it, so we add some padding on the bottom */ #categories_section { padding-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } /* Let the list overlap the horizontal borders of the section */ #categories_section .list { display: block; background-color: #000000; height: 2.2em; margin: 0 -1px; list-style-type: none; padding: 0; } /* Let the list items float the left */ #categories_section .item { display: block; float: left; margin: 0; padding: 0 } /* Let the links fill the item and add some space around it, but not so much on the right side */ #categories_section .item a { display: block; background-color: #333333; color: #FFFFFF; padding: 0 18px; line-height: 18px; margin: 3px; margin-right: 1px; } /* The links look like buttons, so they should not underline on mouseover */ #categories_section .item a:hover { text-decoration: none } /* Highlight the link of interest */ #categories_section .item a:hover, #categories_section .item a.active { background-color: #666666; } /* The links should contain spans of certain category types. Those have a colored background-image that now gets a position */ #categories_section .type_traineeships, #categories_section .type_internships, #categories_section .type_business_courses { display: block; background-position: right 9px; padding-right: 10px; } /* The main content gets a white background */ #content_section { background-color: #FFFFFF; } /* The content section contains three columns (left, middle, right). Again the white background to reduce the visual damage in case of too wide content */ #left,#middle,#right { padding: 20px; vertical-align: top; background-color: #FFFFFF; } /* Size the side columns. The middle one will adjust accordingly */ #left,#right { width: 159px; padding-bottom: 0; } /* The middle column already contains a padding o the side column */ #left { padding-right: 0; } #right { padding-left: 0; } .side .ad { margin-top: 10px; } /* Remove the distance between inline images (or links with images) by making them block elements */ .side .ad * { display: block; } /* The meta section contains a copyright note and a list of links about the site */ #meta_section { position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 24px; height: 24px; } /* Position the copyright */ #meta_section .copyright { position: absolute; left: 20px; margin: 0; line-height: 24px; } /* Position the link list */ #meta_section .meta_menu { position: absolute; right: 0; list-style-type: none; } /* Let the list items float to the left */ #meta_section .meta_menu li { float: left; margin-right: 20px; } #meta_section .meta_menu li a { color: black; } /* Countdown entries contain links that need the full space space */ .box.links .box_entry { padding: 0; font-size: 11px; } /* Style the links as buttons. For consistency we should recreate the padding in the link. */ .box.links .box_entry a { padding: 6px; text-decoration: none; color: black; } .box.links .box_entry a:hover { background-color: #F1F1F1; } /* Prepare the children of the link for layout.
s would have been better, but they are not allowed within s */ .box.links .box_entry .link, #countdown .box_entry .company, #countdown .box_entry .days, #countdown .box_entry .program { display: block; cursor: pointer; } /* Company name */ .box.links .box_entry .company { width: 50%; font-weight: bold; } /* Day counter */ .box.links .box_entry .days { float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #084a8e; } /* Program name */ .box.links .box_entry .program { clear: both; margin-top: 5px; padding: 0; } /* Style the program names according to their category */ .box.links .type_traineeships, .box.links .type_internships, .box.links .type_business_courses { display: block; background-position: left 4px; padding-left: 10px; } #recommendations .program { display: block; margin-top: 4px; } #recommendations .number_area { position: absolute; } #recommendations .company { display: block; width: auto; padding-left: 11px; } .company_footer_image { padding-top: 20px; } .company_header_image { padding-bottom: 20px; } #original_version a { white-space: nowrap; } .messages { color: #009900; font-weight: bold; margin:10px 0; } .errors { color: #EE0000; } .single_window { width: 350px; margin: auto; } .single_window .messages { text-align:center; } .single_window label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } .single_window label * { font-weight: normal; } .single_window .field, .single_window label { display: block; margin-top: 0.5em; } .single_window input.text, .single_window textarea { width: 98%; } .single_window p.buttons { text-align: center; } #applyform .company_logo { text-align: center; margin: 10px 0; } table.vertical th { padding-right: 5px; text-align:right; background-color:#F3F3F3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold} table.vertical select {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px;} table.vertical textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px;} .contact input.text {font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .contact p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px;} #searchbox select { width: 98%; } /* Typo3 */ /* HTML:

This is a headline

*/ .csc-header-n1 h1 { margin-top: 0 } .csc-header { border-bottom: 1px solid #CCCCCC; margin-bottom: 1em; } /* Paragraphs generated by the Rich Text Editor (note: one big paragraph with
s in it) */ /*.bodytext { line-height: 1.83; }*/ /* Notes */ /* a.searchcompany:link { font-size: 11px; color: black; font-weight: bold; line-height: 25px; text-decoration: underline;} a.searchcompany:visited { font-size: 11px; color: black; font-weight: bold; line-height: 25px; text-decoration: underline;} a.searchcompany:hover { font-size: 11px; color: black; font-weight: bold; line-height: 25px; text-decoration: underline;} a.searchcompany:active { font-size: 11px; color: black; font-weight: bold; line-height: 25px; text-decoration: underline;} .arial_11 {font-family: Arial, Helvetica, sans-serif; font-size: 11px;} .arial_11_l16 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px;} .arial_11_bold {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;} .arial_11_bold_l20 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 20px;} .arial_11_greengrey {font-family: Arial, Helvetica, sans-serif; color: #526573; font-size: 11px; } .arial_12_bold {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;} .verdana_10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;} .verdana_10_bold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;} .verdana_10_bold_blue {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #084a8e; font-weight: bold;} .verdana_11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;} .verdana_11_l16 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px;} .verdana_11_l20 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px;} .verdana_11_bold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;} .verdana_11_bold_blue {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #084a8e; font-weight: bold;} .style148 {color: #084a8e} .style154 {color: #084a8e} .style205 {color: #084a8e} .style205 {color: #084a8e} .style186 {color: #000000} .style208 {color: #228AF2} .style197 {font-size: 11px} .style149 {font-family: Arial, Helvetica, sans-serif} .style204 { font-size: 11px;} .style184 { font-size: 11px; color: #526573;} .style186 { font-size: 12px;} .style188 { font-size: 16px; font-weight: bold;} .style185 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px;} .style194 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.5px;} .style206 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #084a8e; font-weight: bold; } */