* { margin: 0; padding: 0; } body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #373C29; font-size: 10px !important; } img { border: none; } ul, ol, dl { list-style-type: none; } /* Seitenlayout */ /* ************************************************ */ #container { width: 960px; margin: 0 auto; padding-bottom: 48px; } #header { height: 128px; } #content { float: left; width: 960px; padding-bottom: 48px; } #footer {clear: left; width: 768px; margin-left: 175px; border-left: 1px solid #CCD0BF; padding: 0 0 0 16px; } /* header und mainNav */ /* ************************************************ */ #logo { float: left; width: 192px; padding-top: 36px; } #mainNav { float: left; width: 768px; height: 128px; background: url(img/layout/bg-mainNav.gif) top no-repeat; } #mainNav ul { } #mainNav ul li { float: left; width: 192px; height: 72px; background: url(img/layout/bg-mainNav-li.gif) bottom right no-repeat; text-align: right; } #mainNav ul li a { display: block; margin-top: 8px; padding: 32px 12px 0 0; } #mainNav ul li.suchmaschinen a:link, #mainNav ul li.suchmaschinen a:visited { border-top: 8px solid #FFF; } #mainNav ul li.suchmaschinen a:focus, #mainNav ul li.suchmaschinen a:hover, #mainNav ul li.suchmaschinen a:active { border-top: 8px solid #D9DCCF; } #mainNav ul li.suchmaschinen a.current:link, #mainNav ul li.suchmaschinen a.current:visited, #mainNav ul li.suchmaschinen a.current:focus, #mainNav ul li.suchmaschinen a.current:hover, #mainNav ul li.suchmaschinen a.current:active { border-top: 8px solid #D9DCCF; } #mainNav ul li.onlinemarketing a:link, #mainNav ul li.onlinemarketing a:visited { border-top: 8px solid #FFF; } #mainNav ul li.onlinemarketing a:focus, #mainNav ul li.onlinemarketing a:hover, #mainNav ul li.onlinemarketing a:active { border-top: 8px solid #E5E7DF; } #mainNav ul li.onlinemarketing a.current:link, #mainNav ul li.onlinemarketing a.current:visited, #mainNav ul li.onlinemarketing a.current:focus, #mainNav ul li.onlinemarketing a.current:hover, #mainNav ul li.onlinemarketing a.current:active { border-top: 8px solid #E5E7DF; } #mainNav ul li.internet a:link, #mainNav ul li.internet a:visited { border-top: 8px solid #FFF; } #mainNav ul li.internet a:focus, #mainNav ul li.internet a:hover, #mainNav ul li.internet a:active { border-top: 8px solid #E4EECB; } #mainNav ul li.internet a.current:link, #mainNav ul li.internet a.current:visited, #mainNav ul li.internet a.current:focus, #mainNav ul li.internet a.current:hover, #mainNav ul li.internet a.current:active { border-top: 8px solid #E4EECB; } #mainNav ul li.referent a:link, #mainNav ul li.referent a:visited { border-top: 8px solid #FFF; } #mainNav ul li.referent a:focus, #mainNav ul li.referent a:hover, #mainNav ul li.referent a:active { border-top: 8px solid #F7F8E2; } #mainNav ul li.referent a.current:link, #mainNav ul li.referent a.current:visited, #mainNav ul li.referent a.current:focus, #mainNav ul li.referent a.current:hover, #mainNav ul li.referent a.current:active { border-top: 8px solid #F7F8E2; } /* mitte */ /* ************************************************ */ #inhalt { float: left; width: 576px; } #largeVisual { margin-bottom: 48px; } h1 { font-weight: normal; font-size: 1.6em; line-height: 1.4em; padding-bottom: .5em; color: #B4BAA0; } #inhalt h1 { padding-bottom: 1em; } h2 { font-size: 1.1em; line-height: 1.6em; padding-bottom: 0; } h3 { font-weight: normal; font-size: 1em; line-height: 1.6em; padding-bottom: 0; color: #B4BAA0; } p { font-size: 1.1em; line-height: 1.6em; padding-bottom: 1.6em; } .partner p { padding-bottom: 0; } #margin p { font-size: 1em; } #footer p { padding-bottom: 0; } #links p { color: #656F4C; } #partner p { font-weight: bold; padding-bottom: .4em; } #notes p { font-size: 1em; color: #B4BAA0; } #inhalt ul { padding-left: 32px; font-size: 1.1em; line-height: 1.6em; padding-bottom: 1.6em; } #inhalt ul li { padding-left: 21px; background: url(img/layout/bg-li.gif) 0 .3em no-repeat; } #inhalt dl { font-size: 1.1em; line-height: 1.6em; padding-bottom: 1.6em; } #inhalt dl dt { padding-top: 1em; } #inhalt dl dd { padding-left: 32px; } #inhalt h1, #inhalt h2, #inhalt h3, #inhalt p, #inhalt ul, #inhalt dl { padding-right: 32px; } hr { clear: left; width: 544px; height: 1px; border: 1px #FFF; border-top: 1px solid #CCD0BF; color: #FFF; background-color: #FFF; margin-bottom: 1.6em; text-align: left; } .partner { float: left; width: 576px; padding: 16px 0 32px; } .partner .logo { float: left; width: 176px; } .partner .text { float: left; width: 400px; } /* linke spalte */ /* ************************************************ */ #subNav { float: left; width: 192px; height: 128px; padding-top: 176px; } #subNav .baseline { position: relative; height: 128px; width: 175px; text-align: right; border-right: 1px solid #CCD0BF; } #subNav ul { position: absolute; bottom: 0; right: 16px; width: 159px; } #subNav ul li { padding-top: .5em; } #subNav ul li a:link, #subNav ul li a:visited { font-size: 1.1em; font-weight: bold; color: #656F4C; text-decoration: none; } #subNav ul li a:focus, #subNav ul li a:hover, #subNav ul li a:active { color: #A34B8F; } #subNav ul li.current a { color: #373C29; } /* rechte spalte */ /* ************************************************ */ #margin { float: left; width: 176px; padding-left: 16px; } #smallVisual { margin-bottom: 16px; } #kontaktBox, #kontextBox, #terminBox { margin-bottom: 16px; border: 1px solid #CCD0BF; } #kontaktBox { height: /*118px*/ 11.8em; padding: 8px 8px 0 8px; } #kontaktBox p { padding-bottom: .5em; padding-left: 24px; } #kontaktBox .mail { background: url(img/layout/icon-mail.jpg) no-repeat; } #kontaktBox .skype { background: url(img/layout/icon-skype.jpg) no-repeat; } #kontaktBox .phone { background: url(img/layout/icon-phone.jpg) no-repeat; } #kontextBox { padding: 8px 8px 116px 8px; background: url(img/layout/bg-kontextBox.jpg) bottom no-repeat; } #kontextBox ul li { font-size: 1em; line-height: 1.4em; padding-bottom: 1em; padding-left: 16px; background: url(img/layout/bg-kontextBox-li.gif) 4px 4px no-repeat; } #terminBox { padding: 8px 8px 48px 8px; background: url(img/layout/bg-terminBox.gif) bottom right no-repeat; } /* footer */ /* ************************************************ */ #links { float: left; width: 576px; padding: 32px 0 0 0; } #partner { } #serviceNav {} #notes { float: left; width: 168px; padding-left: 24px; } /* links */ /* ************************************************ */ #inhalt a { font-weight: bold; } #inhalt dl dd a { font-weight: normal; } a:link, a:visited { color: #A86FA6; text-decoration:none; } a:focus, a:hover, a:active { text-decoration: underline; } #links a:link, #links a:visited { text-decoration: none; color: #656F4C; } #links a:focus, #links a:hover, #links a:active { color: #A86FA6; } /* hacks */ /* ************************************************ */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */