/* ### Component Template declarations ### version 1.00 - 21.08.2008 */ h1 { margin-bottom:10px; font-size:24px; line-height:28px; font-weight:bold; color:#DE4D0C; } h2 { margin-bottom:10px; padding-top:17px; font-size:18px; line-height:22px; font-weight:bold; color:#DE4D0C; } h3 { margin-bottom:2px; font-size:18px; line-height:22px; font-weight:bold; color:#DE4D0C; } h4 { margin-bottom:2px; font-size:16px; line-height:20px; color:#DE4D0C; } .FW-cntSub p { margin:0 5px 16px 0; line-height:16px; } .FW-cntSub p strong { font-weight:bold; } .FW-cntSub a { position:relative; top:-16px; } .FW-cntSub p a { top:0; } .FW-cntSub ul { margin:0 5px 16px 0; } .FW-cntSub img { margin:0 5px 16px 0; } ul li { padding:2px 0 4px 15px; margin:0 5px 5px 0; font-size:12px; line-height:14px; background:url(/fileadmin/media/images/FW-pageIcons.png) no-repeat 0 -166px; } ul li.even { background:#F5F5F5 url(/fileadmin/media/images/FW-pageIcons.png) no-repeat 0 -256px; } ul.type2 li { padding:2px 0 4px 22px; background:url(/fileadmin/media/images/FW-pageIcons.png) no-repeat 0 -1004px; } .FW-cntSub ul li a { top:0; } /* =blockquote ----------------------------------------------- Emphasis container ----------------------------------------------- */ blockquote { margin:0 5px 16px 0; background:#F5F5F5; } blockquote h2 { padding:10px 5px 0; } blockquote p { padding:0 5px 14px; } /* =blockquote ----------------------------------------------- */ /* =CT-container2col ----------------------------------------------- 2 col container, contains uls ----------------------------------------------- */ .CT-cnt2col p { margin-bottom:6px; } .CT-cnt2col div.containerLeft { float:left; margin-right:20px; } .CT-cnt2col div.containerRight { float:left; } .FW-cntSub .CT-cnt2col div.containerLeft, .FW-cntSub .CT-cnt2col div.containerRight { width:222px; } /* =CT-container2col ----------------------------------------------- */ /* =floatImg ----------------------------------------------- Floating image in content ----------------------------------------------- */ .CT-floatImg { margin:0 5px 16px 0; } .floatImgRight img.floatimg { float:right; margin:0 0 0 10px; } .floatImgLeft img.floatimg { float:left; margin:0 10px 0 0; } .floatImgFileIcon div.cntContent { float:left; width:404px; } /* =floatImg ----------------------------------------------- */ /* =CT-TC01 ----------------------------------------------- Content Teaser Type 1 - used on homepage ----------------------------------------------- */ .CT-TC01 { position:relative; min-height:295px; border:1px solid #F5F5F5; background-repeat:no-repeat; } .CT-TC01 a.CO-linkButtonFull { position:absolute; top:170px; right:15px; } .CT-TC01 .CT-cnt2col { margin:0 35px 0 35px; padding-top:250px; } .CT-TC01 div.CT-cnt2col div.cntLeft { float:left; width:265px; margin-right:40px; } .CT-TC01 div.CT-cnt2col div.cntRight { float:left; width:265px; } .CT-TC01 a.CO-linkButton { float:right; margin:20px 30px 20px 0; } /* =CT-TC01 ----------------------------------------------- */ /* =CT-TC02 ----------------------------------------------- Content Teaser Type 2 - section teaser large with background image ----------------------------------------------- */ .CT-TC02 { position:relative; height:190px; margin:0 5px 16px 0; background-repeat:no-repeat; } .CT-TC02 h1 { padding:5px 0 0 215px; } .CT-TC02 p { margin:0 0 8px 215px; } .CT-TC02 a.CO-linkButton { position:absolute; top:auto; bottom:5px; right:10px; } /* =CT-TC02 ----------------------------------------------- */ /* =CT-TC03 ----------------------------------------------- Content Teaser Type 3 - small teaser with gradient in bg ----------------------------------------------- */ .CT-TC03 { float:left; position:relative; width:227px; height:158px; margin:0 5px 5px 0; border:1px solid #F5F5F5; background:url(/fileadmin/media/images/FW-pageIcons.png) repeat-x 0 -1064px; } .CT-TC03Last { margin-right:0; } .CT-TC03 h2 { padding:12px 5px 5px; margin-bottom:0px; } .CT-TC03 p { margin:0 5px 8px; } .CT-TC03 a.CO-linkButton { position:absolute; top:auto; bottom:5px; right:10px; } /* =CT-TC03 ----------------------------------------------- */ /* Teasers in margincol follow */ /* =CT-T01 ----------------------------------------------- Teaser Type 1 - Headline, (Link)-List and "More"-Link ----------------------------------------------- */ .CT-T01 { margin-bottom:10px; padding:12px 5px 0; border:1px solid #F5F5F5; } .CT-T01 h5 { padding:5px 5px 7px; font-size:16px; color:#FFF; background:url(/fileadmin/media/images/FW-pageIcons.png) repeat-y 0 -141px; } .CT-T01 p { margin:5px 5px 7px; font-size:12px; } .CT-T01 ul { margin:10px 0; } .CT-T01 ul li a, .CT-T01 ul li a *, .CT-T01 ul li a:link *, .CT-T01 ul li a:visited * { font-size:12px; line-height:14px; text-decoration:none; } .CT-T01 ul li a:hover, .CT-T01 ul li a:hover *, .CT-T01 ul li a:focus, .CT-T01 ul li a:focus *, .CT-T01 ul li a:active, .CT-T01 ul li a:active * { color:#DE4D0C; } .CT-T01 ul li strong { display:block; font-weight:bold; } .CT-T01 ul li em { font-weight:bold; } .CT-T01 ul li span { font-weight:normal; } .CT-T01 a.CO-linkButton { float:right; margin:10px 0; } /* =CT-T01 ----------------------------------------------- */ /* =CT-T02 ----------------------------------------------- Teaser Type 2 - Image, Headline, Text, Link ----------------------------------------------- */ .CT-T02 { margin-bottom:10px; padding:12px 5px; border:1px solid #F5F5F5; background-repeat:no-repeat; background-position:right bottom; } .CT-T02 h5 { margin:5px 5px 7px; font-size:14px; line-height:18px; } .CT-T02 p { margin:5px 5px 7px; font-size:12px; } .CT-T02 a { display:inline-block; margin:-5px 5px 7px; } .CT-T02 p a { margin:2px 0 0; } .CT-T02 img { margin:5px 5px 7px; } .CT-T02 strong { font-weight:bold; } /* =CT-T02 ----------------------------------------------- */ /* =CT-T03 ----------------------------------------------- Teaser Type 3 - Image large, Link ----------------------------------------------- */ .CT-T03 { margin-bottom:10px; padding:12px 0; border:1px solid #F5F5F5; } .CT-T03 img { margin:0 0 7px 0; } .CT-T03 a.CO-linkButton { float:right; margin:0 5px; } /* =CT-T03 ----------------------------------------------- */ /* =CT-T04 ----------------------------------------------- Teaser Type 4 - RSS-Teaser ----------------------------------------------- */ .CT-T04 { margin-bottom:10px; padding:12px 0; border:1px solid #F5F5F5; } .CT-T04 h5 { margin:5px 5px 7px; font-size:16px; line-height:20px; } .CT-T04 p { min-height:38px; margin:5px 5px 0; padding-left:50px; background:url(/fileadmin/media/images/FW-pageIcons.png) no-repeat 0 -346px; } /* =CT-T04 ----------------------------------------------- */ /* =CT-T05 ----------------------------------------------- Teaser Type 5 - Headline, Xing-Links ----------------------------------------------- */ .CT-T05 { margin-bottom:10px; padding:12px 5px 0; border:1px solid #F5F5F5; } .CT-T05 h5 { padding:5px 5px 7px; font-size:16px; color:#FFF; background:url(/fileadmin/media/images/FW-pageIcons.png) repeat-y 0 -141px; } .CT-T05 .cntProfil { margin-bottom:20px; } .CT-T05 img.portrait { float:left; margin:15px 20px 0 10px; } .CT-T05 div.cntRight { float:left; width:160px; margin-top:15px; } .CT-T05 span { display:block; } .CT-T05 span a { } .CT-T05 span a, .CT-T05 span a:link, .CT-T05 span a:visited { display:block; top:0; margin:3px 0; font-weight:normal; text-decoration:none; } .CT-T05 span a:hover, .CT-T05 span a:focus, .CT-T05 span a:active { color:#DE4D0C; } .CT-T05 a.CO-linkXing, .CT-T05 a.CO-linkXing:link, .CT-T05 a.CO-linkXing:visited { float:left; display:block; top:0; padding:3px 50px 0 0; background:url(/fileadmin/media/images/FW-pageIcons.png) no-repeat right -438px; } .CT-T05 a.CO-linkXing:hover, .CT-T05 a.CO-linkXing:focus, .CT-T05 a.CO-linkXing:active { color:#DE4D0C; } /* =CT-T05 ----------------------------------------------- */ /* =CT-jobDisplayList ----------------------------------------------- Job Listing ----------------------------------------------- */ .CT-jobDisplayList { margin-bottom:10px; padding:12px 0 0; border:1px solid #F5F5F5; } .CT-jobDisplayList h2 { padding:12px 15px 0; } .CT-jobDisplayList form { display:block; padding:12px 15px; background:#F5F5F5; } .CT-jobDisplayList label { float:left; } .CT-jobDisplayList select { margin:0 25px 0 15px; } .CT-jobDisplayList label { line-height:16px; } .CT-jobDisplayList label span { display:block; float:left; margin:2px 6px 0 0; cursor:pointer; } .CT-jobDisplayList input { float:left; } .CT-jobDisplayList input[type="checkbox"] { margin:3px 6px 0 0; } .CT-jobDisplayList input.dmmjobcontrol_submit { float:right; } .CT-jobDisplayList dl { padding:15px; background:#F5F5F5 url(/fileadmin/media/images/FW-pageIcons.png) repeat-x 0 -1064px; } .CT-jobDisplayList dt { float:left; width:70px; margin-right:40px; line-height:22px; } .CT-jobDisplayList dd { float:left; width:502px; line-height:22px; } /* =CT-jobDisplayList ----------------------------------------------- */ /* =CT-jobDisplayDetail ----------------------------------------------- Job Detail ----------------------------------------------- */ .CT-jobDisplayDetail { position:relative; margin-bottom:10px; } .CT-jobDisplayDetail h4 { margin-bottom:8px; font-size:12px; color:#000; } .CT-jobDisplayDetail h3 { margin-bottom:4px; font-size:14px; line-height:16px; } .CT-jobDisplayDetail h1 { margin-bottom:14px; } .CT-jobDisplayDetail p { margin-bottom:14px; } #FW-canvasPrint .CT-jobDisplayDetail { margin:0 17px 10px; } .CT-jobDisplayDetail div.cntDetail { margin-bottom:10px; border:1px solid #F5F5F5; background:#F5F5F5 url(/fileadmin/media/images/FW-pageIcons.png) repeat-x 0 -1064px; } .CT-jobDisplayDetail div.cntDetail h3 { padding:20px 15px; margin-bottom:2px; font-size:18px; line-height:22px; } .CT-jobDisplayDetail div.cntDetail p { padding:0 15px 6px; } .CT-jobDisplayDetail div.cntDetail strong { font-weight:bold; } .CT-jobDisplayDetail div.cntDetail ul { padding:0 28px 12px; } .CT-jobDisplayDetail div.cntDetail ul li { padding:0; margin-bottom:8px; background:none; list-style:disc; } .CT-jobDisplayDetail div.cntLinks { padding:5px 10px; margin-bottom:10px; text-align:right; border:1px solid #F5F5F5; } .CT-jobDisplayDetail a.callback, .CT-jobDisplayDetail a.callback:link, .CT-jobDisplayDetail a.callback:visited { display:inline-block; margin:0 0 0 15px; padding:0 0 0 20px; font-size:11px; background:url(/fileadmin/media/images/FW-pageIcons.png) no-repeat -255px -18px; } .CT-jobDisplayDetail a.contact, .CT-jobDisplayDetail a.contact:link, .CT-jobDisplayDetail a.contact:visited { display:inline-block; margin:0 0 0 15px; padding:0 0 0 20px; font-size:11px; background:url(/fileadmin/media/images/FW-pageIcons.png) no-repeat -253px 0; } .CT-jobDisplayDetail form { border:1px solid #F5F5F5; background:#F5F5F5 url(/fileadmin/media/images/FW-pageIcons.png) repeat-x 0 -1064px; } .CT-jobDisplayDetail form h3 { padding:20px 15px 10px; margin-bottom:2px; font-size:18px; line-height:22px; } .CT-jobDisplayDetail form p { padding:0 15px; margin-bottom:20px; line-height:16px; } .CT-jobDisplayDetail form label span { float:left; display:block; width:120px; margin:0 0 0 15px; padding-bottom:10px; line-height:18px; } .CT-jobDisplayDetail form b.error, .CT-jobDisplayDetail form label.error span, .CT-jobDisplayDetail form label.error strong { color:#F00; } .CT-jobDisplayDetail form label.error span { width:110px; padding-left:10px; color:#F00; background:url(/fileadmin/media/images/FW-iconError.gif) no-repeat; } .CT-jobDisplayDetail form div.cntTwoLabels, .CT-jobDisplayDetail form div.cntRadioLabel { float:left; display:block; width:120px; margin-left:15px; } .CT-jobDisplayDetail form div.cntTwoLabels label span { width:auto; margin-left:0; } .CT-jobDisplayDetail form div.cntRadioLabel label span { width:auto; margin-left:0; line-height:16px; } .CT-jobDisplayDetail form div.cntRadioLabel input { float:left; } .CT-jobDisplayDetail form input, .CT-jobDisplayDetail form select { margin-right:5px; line-height:14px; padding:0 2px 0; } .CT-jobDisplayDetail form input.small { width:50px; } .CT-jobDisplayDetail form textarea { margin:0 0 10px 15px; width:612px; height:80px; font-size:12px; } .CT-jobDisplayDetail form label.message { font-weight:bold; } .CT-jobDisplayDetail form label.message span { width:auto; margin:20px 0 0 15px; } .CT-jobDisplayDetail legend { font-weight:bold; padding:20px 0 6px 15px; } .CT-jobDisplayDetail div.left { float:left; white-space:nowrap; } .CT-jobDisplayDetail label.right { float:right; margin-right:15px; } .CT-jobDisplayDetail label.right span { margin-right:5px; white-space:nowrap; } .CT-jobDisplayDetail input.submitButton { margin:0 0 10px 15px; } .CT-jobDisplayDetail span.required { float:right; margin-right:15px; } .CT-jobDisplayDetail strong.required { font-weight:bold; cursor:help; } .CT-jobDisplayDetail div.contactAddress { position:absolute; top:22px; left:468px; width:140px; padding:10px; background:#FFF; border:1px solid #DE4D0C; } /* =CT-jobDisplayDetail ----------------------------------------------- */ /* =CT-pagebrowser ----------------------------------------------- Pagebrowser ----------------------------------------------- */ .CT-Pagebrowser { position:relative; width:612px; margin:10px 14px 0; } .CT-Pagebrowser h4 { float:left; font-size:12px; line-height:14px; font-weight:bold; color:#000; } .CT-Pagebrowser div.cntPagebrowser { float:right; margin-top:-18px; white-space:nowrap; } .CT-Pagebrowser ul { float:left; } .CT-Pagebrowser ul li { float:left; padding-left:0; background:none; } .CT-Pagebrowser a.back { float:left; margin:2px 10px 0 0; } .CT-Pagebrowser a.forward { float:left; margin:2px 0 0 5px; } .CT-Pagebrowser ul li a, .CT-Pagebrowser ul li a:link, .CT-Pagebrowser ul li a:visited { padding:2px 4px; border:1px solid #C9C9C9; text-decoration:none; } .CT-Pagebrowser ul li.active a, .CT-Pagebrowser ul li.active a:link, .CT-Pagebrowser ul li.active a:visited { padding:2px 4px; border:1px solid #C9C9C9; text-decoration:none; color:#DE4D0C; background:#C9C9C9; } /* =CT-pagebrowser ----------------------------------------------- */