/** * projekt: jochen-weber.net * datum: 30.08.2009 * author: jochen weber */ /** [BEGIN] CLEARFIX **/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /** [END] CLEARFIX **/ dl.csc-menu {} dl.csc-menu dl {} dl.csc-menu dt {} dl.csc-menu dd { margin: 0 0 10px 0; } dl.csc-menu-4 dt { font-weight: bold; } @media screen { html { margin: 0; padding: 0; } body { font-family: Verdana; font-size: 12px; color: #333; margin: 0; padding: 0; background-color: #fff; } a { text-decoration: none; } img { border: 0; } div.content-element { clear: both; } .align-right { text-align: right; } .align-center { text-align: center; } .align-left { text-align: left; } #wrapper { position: relative; display: block; top: 40px; left: 40px; width: 800px; margin: 0 0; padding: 0; } #header { position: absolute; display: block; top: 0; left: 0; height: 90px; } #headerlogo { position: absolute; top: 0; left: 0; height: 60px; width: 161px; } #headerclaim { position: absolute; width: 619px; top: -3px; left: 180px; font-weight: bold; font-size: 14px; color: #ccc; } #headermenue { position: absolute; width: 619px; top: 20px; left: 180px; } #headermenue a { color: #666; text-transform: uppercase; font-weight: bold; } #headermenue a:hover { color: #8CB3DA; } #headermenue ul { position: absolute; width: 619px; display: block; top: 23px; list-style-type: none; margin: 0; padding: 0; } #headermenue ul li { display: block; list-style-type: none; margin: 0; padding: 0 15px; float: left; } #headermenue ul li.first { padding: 0 15px 0 0; } #headermenue ul li.last { padding: 0 0 0 15px; } #headermenue ul li.active a { color: #333; } #headermenue ul li.active a:hover { color: #6aacda; } #headermenue ul li ul { display: block; position: absolute; left: 0; top: 22px; list-style-type: none; margin: 0; padding: 0; } #headermenue ul li ul li { display: block; list-style-type: none; margin: 0; padding: 0; float: left; } #headermenue ul li.active ul li a { color: #666 !important; } #headermenue ul li.active ul li a:hover { color: #6aacda !important; } #leftposnr { display: block; position: absolute; top: 80px; left: 0px; width: 160px; color: #eee; font-size: 24px; font-weight: bold; text-align: right; } #submenue { display: block; position: absolute; top: 135px; left: 0px; width: 160px; } #submenue ul { display: block; list-style-type: none; width: 160px; margin: 0; padding: 0; } #submenue ul li { display: block; list-style-type: none; margin: 0; padding: 0; text-align: right; text-transform: uppercase; } #submenue ul li a { color: #666; } #submenue ul li a:hover { color: #6aacda; } #submenue ul li.active a { color: #333; } #submenue ul li a:hover { color: #6aacda; } #leftclaim { display: none; } /* #leftclaim { display: block; position: absolute; top: 700px; left: 144px; color: #ddd; font-size: 16px; width: 470px; height: 20px; overflow: hidden; text-align: right; -moz-transform: rotate(-90deg); -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -webkit-transform: rotate(-90deg); progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } */ #content { display: block; position: absolute; top: 80px; left: 180px; width: 619px; } #content a { color: #666; } #content a:hover { color: #6aacda; } #content h1 { color: #ccc; font-size: 24px; font-weight: bold; padding-top: 0px; margin-top: 0; margin-bottom: 24px; } #content h2 { color: #666; font-size: 14px; font-weight: bold; } #content h3 { color: #666; font-size: 12px; font-weight: bold; } #content b { color: #666; } #content strong { color: #666; } #content { color: #333; } #content table { } #content table caption { text-align: left; color: #666; padding-left: 3px; font-weight: bold; margin-top: 15px; font-size: 12px; } #content table th { text-align: left; font-size: 12px; color: #999; } #content table td { text-align: left; font-size: 12px; } #content table td.align-right { text-align: right; } #mailform { width: 100%; } #mailform fieldset { color: #666; border-style: none; } #mailform .csc-mailform-field { margin-top: 5px; } #mailform .csc-mailform-field label { color: #666; display: inline-block; width: 100px; text-align: right; vertical-align: top; line-height: 14px; } #mailform .csc-mailform-field input { color: #666; border: 1px solid; width: 360px; font-family: Verdana; } #mailform .csc-mailform-field textarea { color: #666; border: 1px solid; width: 360px; font-family: Verdana; } #mailform .csc-mailform-field .csc-mailform-submit { color: #666; background-color: #fff; margin-left: 365px; clear: both; width: 100px } #feloginform { width: 100%; } #feloginform fieldset { color: #666; border-style: none; } #feloginform fieldset legend { display: none; } #feloginform div { margin-top: 5px; } #feloginform div label { color: #666; display: inline-block; width: 100px; text-align: right; vertical-align: top; line-height: 14px; } #feloginform div input { color: #666; border: 1px solid; width: 250px; font-family: Verdana; } #feloginform div textarea { color: #666; border: 1px solid; width: 250px; font-family: Verdana; } #feloginform div input.submit { color: #666; background-color: #fff; margin-left: 255px; clear: both; width: 100px } #felogoutform { width: 100%; } #felogoutform fieldset { color: #666; border-style: none; } #felogoutform fieldset legend { display: none; } #felogoutform div { margin-top: 5px; } #felogoutform div label { color: #666; display: inline-block; width: 100px; text-align: right; vertical-align: top; line-height: 14px; } #felogoutform div input { color: #666; border: 1px solid; width: 250px; font-family: Verdana; } #felogoutform div textarea { color: #666; border: 1px solid; width: 250px; font-family: Verdana; } #felogoutform div input.submit { color: #666; background-color: #fff; clear: both; width: 100px } #feloginforgot { width: 100%; } #feloginforgot fieldset { color: #666; border-style: none; } #feloginforgot fieldset legend { display: none; } #feloginforgot div { margin-top: 5px; } #feloginforgot div label { color: #666; display: inline-block; width: 230px; text-align: right; vertical-align: top; line-height: 14px; } #feloginforgot div input { color: #666; border: 1px solid; width: 210px; font-family: Verdana; } #feloginforgot div textarea { color: #666; border: 1px solid; width: 210px; font-family: Verdana; } #feloginforgot div input.submit { color: #666; background-color: #fff; margin-left: 295px; clear: both; width: 150px } #feloginchange { width: 100%; } #feloginchange fieldset { color: #666; border-style: none; } #feloginchange fieldset legend { display: none; } #feloginchange div { margin-top: 5px; } #feloginchange div label { color: #666; display: inline-block; width: 230px; text-align: right; vertical-align: top; line-height: 14px; } #feloginchange div input { color: #666; border: 1px solid; width: 210px; font-family: Verdana; } #feloginchange div textarea { color: #666; border: 1px solid; width: 210px; font-family: Verdana; } #feloginchange div input.submit { color: #666; background-color: #fff; margin-left: 295px; clear: both; width: 150px } } @media print { html { margin: 0; padding: 0; } body { font-family: Verdana; font-size: 12px; color: #333; margin: 0; padding: 0; } a { text-decoration: none; } img { border: 0; } #wrapper { position: relative; display: block; } #headerlogo { position: relative; top: 0; left: 0; height: 60px; width: 161px; } #headerclaim { position: relative; width: 619px; top: 0; left: 0; font-weight: bold; font-size: 14px; color: #ccc; } #headermenue { display: none; } #leftclaim { display: none; } #leftposnr { display: none; } #content { position: relative; width: 100%; } #content a { color: #666; } #content a:hover { color: #6aacda; } #content h1 { color: #666; font-size: 24px; font-weight: bold; padding-top: 0px; } #content h2 { color: #666; font-size: 14px; font-weight: bold; } #content h3 { color: #666; font-size: 12px; font-weight: bold; } #content b { color: #666; } #content strong { color: #666; } #content { color: #333; } }