/********* A Sabrina Schmidt CSS-FILE **********/ /****** THIS IS FOR steuerberatung-raab.de ******/ * { margin: 0; padding: 0; } html, body { min-height: 100%; height: auto; height: 100%; } @media screen, projection { /* Standards */ body { background:url(../images/bg-body.jpg) no-repeat 50% 0; font-family: Verdana; color: #221a1a; line-height: 150%; font-size: 76%; } .clear { clear: both; font-size: 0.0001em; line-height: 0.00001em; } img { border: none; } p { font-size: 1em; line-height: 140%; } ul { list-style:none; } a, a:visited { text-decoration: underline; color: #000; } a:hover { text-decoration: none; color: #929292; } /* a:hover img { -moz-opacity: 0.85; opacity: 0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); } */ /* LAYOUT */ #container-header { margin:0 auto; background:url(../images/container-header.png) no-repeat 50% 0; } #header { margin:0 auto; background:url(../images/bg-header.png) no-repeat 0 0; width:960px; height:405px; position:relative;} #container-content { margin:0 auto; background:url(../images/container-content.png) repeat-y 50% 0;} #content-main { margin:0 auto; background:url(../images/conent-main.png) repeat-y 0 0; width:960px;} #content-main-img { background:url(../images/conent-main02.png) no-repeat 0 0; width:960px; min-height:376px;} #content { width:658px; padding:10px 0 25px 1px; float:left;} #sidebar { width:231px; float:left; padding:0 10px 0 60px;} #container-footer { margin:0 auto; background:url(../images/container-footer.png) no-repeat 50% 0; } #footer { background:url(../images/bg-footer.png) no-repeat 0 0; margin:0 auto; width:960px; height:201px; position:relative; font-size:0.9em; color:#fff; padding-bottom:25px;} /* HEADER */ img#branding { position:absolute; top:92px; left:30px;} h1 { display:none;} #slideshow { position:absolute; top:66px; left:465px; width:472px; height:204px; } /* NAVI */ ul#navi { position:absolute; top:289px; left:32px;} ul#navi li { display:inline; float:left;} ul#navi li a { display:block; text-indent:-9999px; height:93px;} a#navi01, a#navi01_active { background:url(../images/bg-navi.png) no-repeat 0 0; width:90px; margin-right:40px;} a#navi01:hover, a#navi01_active { background:url(../images/bg-navi.png) no-repeat 0 -93px; } a#navi02, a#navi02_active { background:url(../images/bg-navi.png) no-repeat -130px 0; width:37px; margin-right:37px;} a#navi02:hover, a#navi02_active { background:url(../images/bg-navi.png) no-repeat -130px -93px; } a#navi03, a#navi03_active { background:url(../images/bg-navi.png) no-repeat -204px 0; width:83px; margin-right:37px;} a#navi03:hover, a#navi03_active { background:url(../images/bg-navi.png) no-repeat -204px -93px; } a#navi04, a#navi04_active { background:url(../images/bg-navi.png) no-repeat -324px 0; width:39px; } a#navi04:hover, a#navi04_active { background:url(../images/bg-navi.png) no-repeat -324px -93px; } /* NAVI-ADD01 */ ul#navi-add01 { position:absolute; top:309px; left:719px;} ul#navi-add01 li { display:inline; float:left;} ul#navi-add01 li a { display:block; text-indent:-9999px; height:52px;} a#add01, a#add01_active { background:url(../images/bg-navi-add01.png) no-repeat 0 0; width:49px; margin-right:19px;} a#add01:hover, a#add01_active { background:url(../images/bg-navi-add01.png) no-repeat 0 -52px; } a#add02, a#add02_active { background:url(../images/bg-navi-add01.png) no-repeat -68px 0; width:49px; margin-right:21px;} a#add02:hover, a#add02_active { background:url(../images/bg-navi-add01.png) no-repeat -68px -52px; } a#add03, a#add03_active { background:url(../images/bg-navi-add01.png) no-repeat -138px 0; width:62px; } a#add03:hover, a#add03_active { background:url(../images/bg-navi-add01.png) no-repeat -138px -52px; } /* NAVI-ADD02 */ ul.navi-add02 { list-style-type:none;} ul.navi-add02 li { display:inline; margin-bottom:16px; background:none!important;} ul.navi-add02 li a { display:block; text-indent:-9999px; width:195px; height:24px;} a#leistungen01, a#leistungen01_active { background:url(../images/bg-navi-leistungen.png) no-repeat 0 0; } a#leistungen01:hover, a#leistungen01_active { background:url(../images/bg-navi-leistungen.png) no-repeat -194px 0; } a#leistungen02, a#leistungen02_active { background:url(../images/bg-navi-leistungen.png) no-repeat 0 -40px; } a#leistungen02:hover, a#leistungen02_active { background:url(../images/bg-navi-leistungen.png) no-repeat -194px -40px; } a#leistungen03, a#leistungen03_active { background:url(../images/bg-navi-leistungen.png) no-repeat 0 -80px; } a#leistungen03:hover, a#leistungen03_active { background:url(../images/bg-navi-leistungen.png) no-repeat -194px -80px; } a#leistungen04, a#leistungen04_active { background:url(../images/bg-navi-leistungen.png) no-repeat 0 -116px; margin:0!important; } a#leistungen04:hover, a#leistungen04_active { background:url(../images/bg-navi-leistungen.png) no-repeat -194px -116px; } /* HEADLINE */ #content-main h2 { text-indent:-9999px; height:33px; padding:0 0 34px 0; margin-left:31px; } #index h2 { background:url(../images/h2/index.png) no-repeat 0 0; height:47px!important;} #team h2 { background:url(../images/h2/team.png) no-repeat 0 0;} #leistungen h2 { background:url(../images/h2/leistungen.png) no-repeat 0 0;} #leistungen-unternehmen h2 { background:url(../images/h2/unternehmen.png) no-repeat 0 0;} #leistungen-freiberufler h2 { background:url(../images/h2/freiberufler.png) no-repeat 0 0;} #leistungen-privatpersonen h2 { background:url(../images/h2/privatpersonen.png) no-repeat 0 0;} #leistungen-existenzgruender h2 { background:url(../images/h2/existenzgruender.png) no-repeat 0 0;} #links h2 { background:url(../images/h2/links.png) no-repeat 0 0;} #anfahrt h2 { background:url(../images/h2/anfahrt.png) no-repeat 0 0;} #kontakt h2 { background:url(../images/h2/kontakt.png) no-repeat 0 0;} #newsletter h2 { background:url(../images/h2/newsletter.png) no-repeat 0 0;} #aktuelles h2 { background:url(../images/h2/aktuelles.png) no-repeat 0 0;} #impressum h2 { background:url(../images/h2/impressum.png) no-repeat 0 0;} #philosophie h2 { background:url(../images/h2/philosophie.png) no-repeat 0 0;} #danke h2 { background:url(../images/h2/danke.png) no-repeat 0 0;} #error404 h2 { background:url(../images/h2/error404.png) no-repeat 0 0;} #content-main h3 { text-indent:-9999px; padding:0 0 15px 0;} #content-main h3.lohnt-sich-ein { background:url(../images/h3/lohnt-sich-ein.png) no-repeat 0 0;} #content-main h3.warum-brauchen { background:url(../images/h3/warum-brauchen.png) no-repeat 0 0;} #content-main h3.kontaktformular { background:url(../images/h3/kontaktformular.png) no-repeat 0 0;} #content-main h3.datenschutz { background:url(../images/h3/datenschutz.png) no-repeat 0 0;} #content-main h3.folgende-leistungen { background:url(../images/h3/folgende-leistungen.png) no-repeat 0 0;} #content-main h3.weitere-leistungen { background:url(../images/h3/weitere-leistungen.png) no-repeat 0 0;} #content-main h3.mandanten-rundschreiben { background:url(../images/h3/mandanten-rundschreiben.png) no-repeat 0 0; margin-top:20px;} #content-main h3.mandanten { background:url(../images/h3/mandanten.png) no-repeat 0 0; margin:0 0 30px 0;} #content-main h3.guenther-raab { background:url(../images/h3/guenther-raab.png) no-repeat 0 0; height:48px;} #content-main h3.sebastian-raab { background:url(../images/h3/sebastian-raab.png) no-repeat 0 0; height:44px;} #content-main h3.unser-angebot-unternehmen { background:url(../images/h3/unser-angebot-unternehmen.png) no-repeat 0 0; height:42px!important;} #content-main h3.unser-angebot-freiberufler { background:url(../images/h3/unser-angebot-freiberufler.png) no-repeat 0 0; height:42px!important;} #content-main h3.unser-angebot-privatpersonen { background:url(../images/h3/unser-angebot-privatpersone.png) no-repeat 0 0; height:42px!important;} #content-main h3.unser-angebot-existenzgruender { background:url(../images/h3/unser-angebot-existenzgruen.png) no-repeat 0 0; height:42px!important;} #content-main h3.rechtshinweise { background:url(../images/h3/rechtshinweise.png) no-repeat 0 0;} #content-main h4 { font-weight:bold; margin:0 0 6px 0; font-size:1.2em; font-family: Geneva, Arial, "Helvetica", sans-serif ; color:#685e5e; text-transform:uppercase;} #content-main h5 { font-weight:normal; font-size:1.5em; margin:0 0 20px 0; font-family: "Times New Roman", Times, serif; color:#685e5e;} #content-main h6 { font-weight:normal; margin:0 0 6px 0; font-size:1.6em; font-family: Geneva, Arial, "Helvetica", sans-serif ; color:#8e2224; text-transform:uppercase;} #sidebar h4 { text-indent:-9999px; } #sidebar h4.aktuelles { background: url(../images/sidebar/aktuelles.png) no-repeat 0 0; height:25px; margin-bottom:9px; } #sidebar h4.newsletter { background: url(../images/sidebar/newsletter.png) no-repeat 0 0; height:49px; margin-bottom:25px;} #footer h4 { text-indent:-9999px; padding:0 0 15px 0;} #footer h4.adress { background: url(../images/footer/adress.png) no-repeat 0 0; height:17px; } #footer h4.open-time { background: url(../images/footer/open-time.png) no-repeat 0 0; height:21px;} #footer h4.drive-point { background: url(../images/footer/drive-point.png) no-repeat 0 0; height:17px;} #links .links-websits { margin-bottom:20px; display:block;} /* CONTENT */ #content .column-big { padding:0 0 0 31px; width:580px;} #content .column { padding:0 25px 0 31px; width:293px; float:left; } #content .column-last { width:258px; padding:0; float:left;} #content .column-img { padding:15px 0 15px 23px; margin:0 0 20px 0; background:#e1e0e0; width:633px;} #content .column-txt { width:301px; float:left; margin:0 25px 0 0; float:left;} #content .column-txt02 { width:258px; margin:0; float:left;} #content .column-txt03 { width:200px; float:left; margin:0 25px 0 0; float:left;} #content .column-txt04 { width:359px; margin:0; float:left;} #content ul { margin:0 0 0 20px;} #content ul li { background:url(../images/point.png) no-repeat 0 6px; padding:0 0 10px 15px;} #content p { padding:0 0 20px 0; line-height:18px;} #content .spacer { background: url(../images/spacer.png) no-repeat 50% 50%; padding:10px 0 25px 0; height:1px;} #content .highlight { padding:10px 0 25px 0;} #content .img-border { background:url(../images/content-img-bg.png) no-repeat 0 0; height:201px; padding:3px; } #content .img-border02 { border:1px solid #999;} #content strong { color:#8e2224;} #content strong.highlight { color:#221a1a; text-transform:uppercase;} #content .banner { margin:0 0 20px 0;} /* SIDEBAR */ #aktuelles02 { padding-bottom:71px; overflow:hidden; height:117px; margin-bottom:25px;} a#mehr { background:url(../images/sidebar/mehr-infos.png) no-repeat top left; height:15px; display:block; text-indent:-9999px; margin-bottom:25px;} a#mehr:hover { background:url(../images/sidebar/mehr-infos.png) no-repeat bottom left;} #newsletter02 p { margin:0 0 20px 0;} #newsloop {width:200px;} /* FOOTER */ #footer a { color:#fff; text-decoration:underline;} #footer a:hover { color:#fff; text-decoration:none;} #footer p { margin-bottom:9px;} #footer p.monday { margin-bottom:9px; float:left; display:block;} #footer p.friday { margin-bottom:9px; float:left; margin-left:30px; display:block;} a#top-site { background:url(../images/footer/top-site.png) no-repeat 0 2px; text-indent:-9999px; position:absolute; top:0; left:621px; display:block; width:32px; height:36px;} #adress { width:219px; position:absolute; top:33px; left:32px;} #open-time { width:294px; position:absolute; top:29px; left:356px;} #drive-point { width:191px; position:absolute; top:33px; left:719px;} } @media print { @charset "utf-8"; /* CSS PRINT */ body { font-size: 76%; font-family: Verdana; color: #000; line-height: 150%; } ul#navi, ul#navi-add01, form.Form, h1, ul#navi-add02, #slideshow, #sidebar, #drive-point, p.termine,#top-site {display: none;} .clear { clear: both; font-size: 0.0001em; line-height: 0.00001em; } img { border: none; } p { font-size: 1em; line-height:150%; } a, a:visited { text-decoration: none; color: #000; } h2 { padding:0 0 34px 0; font-size:2.2em; font-family: "Times New Roman", Times, serif; color:#999999; } h3 { font-weight:bold; margin:0 0 20px 0; font-size:1.4em; font-family: Geneva, Arial, "Helvetica", sans-serif ; color:#999999; } #content h4 { font-weight:bold; margin:0 0 20px 0; font-size:1.4em; font-family: Geneva, Arial, "Helvetica", sans-serif ; color:#685e5e; } h5 { font-weight:bold; font-size:1.5em; margin:0 0 20px 0; font-family: "Times New Roman", Times, serif; color:#685e5e;} #content-main h6 { font-weight:normal; margin:0 0 6px 0; font-size:1.6em; font-family: Geneva, Arial, "Helvetica", sans-serif ; color:#8e2224; text-transform:uppercase;} h3 span { color:#8e2224;} h2 span { color:#8e2224;} #footer h4 { margin:0 0 10px 0; font-size:1.1em; font-family: Geneva, Arial, "Helvetica", sans-serif ; color:#685e5e; text-transform:uppercase;} /* CONTENT */ #content .column-big { padding:0 0 0 0; width:580px;} #content .column { padding:0 25px 0 0; width:293px; float:left; } #content .column-last { width:258px; padding:0; float:left;} #content .column-img { padding:15px 0 15px 0; margin:0 0 20px 0; background:#e1e0e0; width:633px;} #content .column-txt { width:301px; float:left; margin:0 25px 0 0; float:left;} #content .column-txt02 { width:258px; margin:0; float:left;} #content .column-txt03 { width:200px; float:left; margin:0 25px 0 0; float:left;} #content .column-txt04 { width:359px; margin:0; float:left;} #content ul { margin:0 0 0 25px;} #content ul li { list-style-type: circle; padding:0 0 8px 0;} #content p { padding:0 0 20px 0; line-height:18px;} #content .highlight { padding:10px 0 25px 0;} #content .img-border { border:1px solid #671214; } #content .img-border02 { border:1px solid #999;} #content strong { color:#8e2224;} #content strong.highlight { color:#221a1a; text-transform:uppercase;} /* FOOTER */ #branding { } #content-main { position:absolute; top:350px; left:0;} #footer { position:absolute; top:150px; left:0; font-size:0.9em; margin-top:30px; } #footer p { margin-bottom:5px;} #adress { float:left; margin-right:30px; } #open-time { float:left;} }