/* ========================= Allgemeine Styles ========================= */ html, body, img { margin: 0; padding: 0; } body { background: #e5f3f4; margin-bottom: 50px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #666666; } a:link, a:visited { color: #2ca6a0; text-decoration: none; } a:hover, a:active { color: #2ca6a0; text-decoration: underline; } .wichtig { color: #ff0000; } /* ========================= Verschiedene BOXEN ========================= */ /* Container der Seitenteile */ #page { margin: 10px auto; padding: 0; width: 864px; background-color: #FFFFFF; } #header { background: url(../images/hg_header.jpg); width: 864px; height: 180px; } /*-- Bread Crumb Navigation -------------------------- @USAGE: The whole text of the breadcrumb navigation is inside a

tag. the last part of the text should be the name of the current page and has to be emphasised. Use the tag for this part. ----------------------------------------------------*/ #br-nav { width: 840px; margin: 6px auto; padding: 0; background: #cdf0ee url(../images/hg_BRNav_top.gif) no-repeat left top; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; color: #259d98; font-style: italic; } #br-nav h1 { margin: 0; padding: 3px 12px; font-size: 1em; font-weight: normal; background: url(../images/hg_BRNav_bot.gif) no-repeat left bottom; text-align: right; } #br-nav strong { color: #14726e; font-size: 1.2em;} #icons { margin: 0; padding: 0 20px; text-align: right; } /*-- Left Column --------------------------*/ #left-col { width: 251px; margin: 0 0 12px 0; padding: 0; background: url(../images/hg_leftCol.gif) repeat-y; float: left; } #left-col .green-block { width: 226px; margin: 0px auto 6px auto; padding: 0; background: #cdf0ee url(../images/hg_leftBox_top.gif) no-repeat left top; } #left-col .green-block p { margin: 0; padding: 3px 12px; background: url(../images/hg_leftBox_bot.gif) no-repeat left bottom; } #left-col .green-block h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; color: #14726e; font-style: italic; font-weight: normal; margin: 0; padding: 12px 18px; background: url(../images/img_2dottedLines_228.gif) no-repeat left bottom;} #left-col .white-block { width: 226px; margin: 0px auto; padding: 0; font-size: 12px; } #left-col .address { margin: 0 12px ; padding: 12px 0; background: url(../images/adr_dotted_line_light.gif) repeat-x bottom left; } #left-col .address h2 { margin: 0; padding: 0 0 0 24px; font-size: 0.9em; color: #2ca6a0; } #left-col .address p { margin: 0; padding: 0 0 0 24px; background: none; font-size: 0.8em; } #left-quote { margin: 0; margin-top: -46px; padding: 0; background: transparent url(../images/hg_quotes_top.gif) no-repeat left top;} #left-quote blockquote { margin: 0; padding: 0 12px; text-align: center; font-style: italic; font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; color: #8e8e8e; letter-spacing: 0.02em; background: transparent url(../images/hg_quotes_bot.gif) no-repeat right bottom; } #left-quote blockquote em { font-size: 1.4em; font-style: italic; color: #196a66; line-height: 0.9em; } #left-quote blockquote .v1 { font-size: 0.8em; } #content { width: 612px; margin-bottom: 12px; padding: 0; float: right; font-size: small; font-size: 0.8em; color: #000; line-height: 1.6em; } #copyright { color: #14726e; text-align: right; } #content .block { width: 265px; margin: 0 0 6px 0; padding: 5px 0 0 0; background: #eceae2 url(../images/hg_contentBox_grey_top.gif) no-repeat left top; } #content .block p { margin: 0 12px; padding: 6px 12px; background: url(../images/adr_dotted_line_light.gif) repeat-x bottom left; } #content .block .block-closing { margin: 0; padding: 6px 24px 24px 24px; background: url(../images/hg_contentBox_bot.gif) no-repeat left bottom; } #content .block h3 { margin: 10px 0 0 12px; padding: 0 0 0 18px; font-size: 1.2em; color: #2ca6a0; background: url(../images/ico_bullet_grey_big.gif) no-repeat left center; } #content .block h4 { margin: 5px 0 0 12px; padding: 0 0 0 15px; font-size: 1em; color: #2ca6a0; font-weight: normal; /* background: url(../images/ico_bullet_grey_small.gif) no-repeat left center; */} /* ========================= colored Homepage Blocks ========================= */ #content #hp-left { width: 294px; margin: 0; padding: 0 0 60px 0; float: left; background: #ffd533 url(../images/img_personalsuche_bot.jpg) no-repeat left bottom; } #content #hp-right { width: 294px; margin: 0 0 0 12px; padding: 0 0 60px 0; float: left; background: #9cf049 url(../images/img_startup_projects_bot.jpg) no-repeat left bottom; } #content #hp-left p, #content #hp-right p { margin: 0; padding: 3px 12px; } #content #hp-left strong { color: #c66e00; } #content #hp-right strong { color: #458a00; } #content #hp-left ul, #content #hp-right ul { margin: 0 0 0 20px; padding: 0; } #content #hp-left li { background: url(../images/ico_bullet_yellow.gif) no-repeat 0 6px; padding: 2px 24px; } #content #hp-right li { background: url(../images/ico_bullet_green.gif) no-repeat 0 6px; padding: 2px 24px; } #content #hp-left h1, #content #hp-right h1 { font-family: Georgia, "Times New Roman", Times, serif; width: auto; margin: 0 12px; padding: 12px; font-size: 1.3em; color: #14726e; font-style: italic; font-weight: normal; background: url(../images/home_dotted_line_blocks.gif) repeat-x left bottom;} #content #hp-left .hp-link, #content #hp-right .hp-link { width: 130px; font-size: 1em; color: #259d98; font-weight: bold; line-height: 1.2em; position: relative; left: 138px; bottom: -33px; text-decoration: none; } #content #hp-left .hp-link a, #content #hp-right .hp-link a { text-decoration: none; } /*-- Content Colums --------------------------------- @USAGE: to create a double column layout, simply create a div tag in the content and apply the "co-col" (content-column) style. creating two
...
tags will automatically float them side by sinde. to start a new pair of colums on the same page, place an empty
tag after the "co-col"s. it contains a clear:both attribute. place the two new "co-col"s afterwards. ----------------------------------------------------*/ #content .co-col { width: 265px; margin: 10px 0 0 24px; float: left; /*border: solid 1px #000;*/ display: inline; /* TRICKY: IE Doubled Float-Margin Bug Fix */} #content .two-cols { width: 552px; margin: 10px 0 0 24px; float: left; display: inline; } #content .two-cols-bg { width: 552px; margin: 10px 0 0 24px; float: left; background: #eceae2; display: inline; } #content .no-col { clear: both; padding: 0; } /* ========================= TYPOGRAPHY ========================= @USAGE: there is NO

style defined for the content. use

for the biggest headlines! mark the first headline with .mainheadline and place it outside the .co-col tags. */ #content h2 { margin: 0 0 20px 0; padding: 0; font-size: 1em; color: #2ca6a0; font-style: normal; font-weight: bold; } #content h2.mainheadline { margin: 10px 24px 0; font-size: 1.4em;} #content h3 { margin: 0; padding: 10px 0 0 0; font-size: 1.0em; font-style: normal; font-weight: bold; } #content p { margin: 6px 0; padding: 0; } #content dl { margin: 0; padding: 0 20px; } #content dt { margin: 0; padding: 12px 0 0 0; font-size: 1.0em; color: #196a66; } #content dd { margin: 0; padding: 0 0 6px 12px; } #content ul { margin: 10px 0; padding: 0; } #content ul ul { margin: 0; padding: 0; } #content ul li { list-style: none; background: url(../images/ico_greenBullet_white.gif) no-repeat top left; padding: 0 25px; margin: 3px 0; } #content ul li ul li { list-style: none; background: url(../images/ico_greenBullet_grey.gif) no-repeat top left; padding: 0 25px; margin: 3px 0; } #content em { color: #196a66; } #content a:link, #content a:visited { color: #2ca6a0; text-decoration: underline; } #content a:hover, #content a:active { color: #14726e; text-decoration: underline; } /* ========================= Footer ========================= */ #footer { background: url(../images/hg_footer.jpg) no-repeat top left; background-color: transparent; width: 840px; height: 31px; clear: both; padding: 12px 24px 0 0; text-align: right; } #footer * { padding: 0; margin: 0; } #footer p { padding: 24px 0 0 0; font-size: 0.8em; } /* ========================= JOB-ADS ========================= */ /* ******* TABLES *************/ #job-ads { width: 576px; margin: 15px 0 10px 12px; background-color: transparent; background-image: url(../images/ads_bg_top.gif); color: #666666; } /* ----- THEAD ----- */ #job-ads thead th { color: #2ca6a0; padding: 8px 25px 10px 25px; text-align: left; } /* ----- TFOOT ----- */ #job-ads tfoot td { background-image: url(../images/ads_bg_bot.gif); background-repeat: no-repeat; } /* ----- TBODY ----- */ #job-ads tbody td, #job-ads tbody th { background-image: url(../images/ads_dotted_line.gif); background-repeat: repeat-y; background-position: top left; } /* alternating line colors */ /* dotted lines between table cells */ #job-ads .first-item { background-image: none; } #job-ads tbody td { padding: 3px 40px; margin: 0; font-size: 1em; } #job-ads tbody th { padding: 2px 0 3px; } #job-ads tbody td a:link, #job-ads tbody td a:visited { color: #666666; text-decoration: none; } #job-ads tbody td a:hover, #job-ads tbody td a:active { color: #2ca6a0; text-decoration: underline; } #job-ads tbody td .back-link:link, #job-ads tbody td .back-link:visited{ color: #bbb; text-decoration: none; font-weight: bold; } #job-ads tbody td .back-link:hover, #job-ads tbody td .back-link:active { color: #2ca6a0; text-decoration: none; font-weight: bold; } /* alternating line colors */ #job-ads tbody .td-even td { background-color: #e5f3f4; } #job-ads tbody .td-odd td { background-color: #e8e8e8; } /* mouse over effect for lines */ #job-ads tbody .td-even:hover td { background-color: #eef9f9; } #job-ads tbody .td-odd:hover td { background-color: #f7f7f7; } /* ******* AD-PAGES *************/ #job-ad { width: 576px; margin: 15px; padding: 2px 0 0 0; background-color: #e4f4f4; background-image: url(../images/ad_bg_top.gif); background-repeat: no-repeat; background-position: top left; } #job-ad-closing { margin: 0; padding: 0; height: 15px; background-color: transparent; background-image: url(../images/ad_bg_bottom.gif); background-repeat: no-repeat; background-position: bottom left; } #job-ad-actions { width: 200px; margin: 0; padding: 0 25px; float: right; text-align: right; } #job-ad #job-ad-first { clear: both; margin: 10px 35px; color: #2ca6a0; font-style: italic; } #job-ad .job-ad-address { width: 180px; margin: 10px 35px; padding: 10px; } #job-ad .job-ad-address * { margin: auto; padding: auto; } /* big headline in the ad is h1 */ #job-ad h1 { margin: 25px 20px 15px 20px; padding: 0 0 10px 0; color: #2ca6a0; font-weight: bold; font-size: 1.2em; background-image: url(../images/mnu_dotted_line.gif); background-repeat: repeat-x; background-position: bottom left; } /* text on the tab is h2 */ #job-ad h2 { width: 250px; margin: 6px 25px 15px 25px; padding: 0 0 10px 0; float: left; color: #2ca6a0; font-weight: bold; font-style: normal; } /* Ist '#job-ad h2' irgendwo verwendet?. Zur Sicherheit überschreibe ich diesen eigenartigen Style */ #job-ad h2.adhoc-korrektur { width: 530px !important; margin: 6px 25px 15px 25px; padding: 0 0 10px 0; float: none; color: #2ca6a0; font-weight: bold; font-style: normal; } #job-ad h3 { margin: 10px 35px; } #job-ad p { margin: 10px 35px; } #job-ad ul { margin: 10px 35px; }