/* ========================= 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: #3dbab4; text-decoration: none; } a:hover, a:active { color: #3dbab4; text-decoration: underline; } /* ========================= 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.2em; 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: 1em; color: #3dbab4; } #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.6em; 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: #eee 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: #3dbab4; 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: #3dbab4; 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 .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: #3dbab4; font-style: normal; font-weight: bold; } #content h2.mainheadline { margin: 10px 24px 0; font-size: 1.4em;} #content h3 { margin: 0; padding: 10px 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: #28a8a2; text-decoration: underline; } #content a:hover, #content a:active { color: #3dbab4; 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; }