/********* A Sabrina Schmidt CSS-FILE **********/ /****** THIS IS FOR ferienbauernhof-geissendoerfer.de ******/ * { margin: 0; padding: 0; } html, body { min-height: 100%; height: auto; height: 100%; } @media screen, projection { /* Standards */ body { font-family: Verdana; color: #271b0e; line-height: 150%; font-size: 76%; } .clear { clear: both; font-size: 0.0001em; line-height: 0.00001em; } img { border: none; } img.withmargin { margin: 5px 30px 10px 0;} img.withmargin-right { margin: 5px 0 10px 30px;} p { font-size: 1em; line-height: 140%; } ul { list-style:none; } a, a:visited { text-decoration: underline; color: #1167a9; text-transform:uppercase; font-weight:bold;} a:hover { text-decoration: none; color: #929292; } .floatleft { float: left;} .floatright { float: right;} /* 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/bg-container-header.jpg) 50% 0 no-repeat;} #header {margin:0 auto; width:998px; height:557px; background:url(../images/bg-header.jpg) 0 0 no-repeat; position:relative;} #container-content {margin:0 auto; background:url(../images/bg-container-content.jpg) 50% 0 no-repeat;} #content {margin:0 auto; width:998px; background:url(../images/bg-content.jpg) 0 0 repeat-y;} #content-main {width:689px; background:url(../images/bg-content-main.jpg) 0 0 no-repeat; float:left; padding-left:60px; min-height:500px;} #sidebar { height:450px; width:248px; background:url(../images/bg-sidebar.jpg) 0 0 no-repeat; float:right;} #container-footer {margin:0 auto; background:url(../images/bg-container-footer.png) 50% 0 no-repeat; clear:both;} #footer {margin:0 auto; width:998px; height:279px; background:url(../images/bg-footer.png) 0 0 no-repeat; position:relative;} /* HEADER */ h1 {display:none; } #branding {position:absolute; top:214px; left:395px;} #telephon {position:absolute; top:306px; left:464px;} #slideshow {position:absolute; top:45px; left:310px; width:405px; height:120px;} #header a#bilderdesjahres, #header a#bilderdesjahres_active {text-indent:-9999px; position:absolute; top:8px; left:310px; width:315px; height:37px; background:url(../images/bg-bilderdesjahres.png) 0 0 no-repeat;} #header a#bilderdesjahres:hover, #header a#bilderdesjahres_active {background:url(../images/bg-bilderdesjahres.png) 0 -37px no-repeat;} /* NAVI */ ul#navi {position:absolute; top:17px; left:0; width:255px; height:371px; } ul#navi li {text-indent:-9999px; display:inline;} ul#navi li a {display:block; width:255px;} a#navi01, a#navi01_active { background:url(../images/bg-navi.png) -255px 0 no-repeat; height:87px;} a#navi01:hover, a#navi01_active { background:url(../images/bg-navi.png) 0 0 no-repeat;} a#navi02, a#navi02_active { background:url(../images/bg-navi.png) -255px -87px no-repeat; height:58px;} a#navi02:hover, a#navi02_active { background:url(../images/bg-navi.png) 0 -87px no-repeat;} a#navi03, a#navi03_active { background:url(../images/bg-navi.png) -255px -145px no-repeat; height:80px;} a#navi03:hover, a#navi03_active { background:url(../images/bg-navi.png) 0 -145px no-repeat;} a#navi04, a#navi04_active { background:url(../images/bg-navi.png) -255px -225px no-repeat; height:71px;} a#navi04:hover, a#navi04_active { background:url(../images/bg-navi.png) 0 -225px no-repeat;} a#navi05, a#navi05_active { background:url(../images/bg-navi.png) -255px -296px no-repeat; height:78px;} a#navi05:hover, a#navi05_active { background:url(../images/bg-navi.png) 0 -296px no-repeat;} /* ADD-NAVI */ ul#add-navi {position:absolute; top:17px; right:0; width:236px; height:185px; } ul#add-navi li {text-indent:-9999px; display:inline;} ul#add-navi li a {display:block; width:236px;} a#add01, a#add01_active { background:url(../images/bg-add-navi.png) 0 0 no-repeat; height:47px;} a#add01:hover, a#add01_active { background:url(../images/bg-add-navi.png) -236px 0 no-repeat;} a#add02, a#add02_active { background:url(../images/bg-add-navi.png) 0 -47px no-repeat; height:44px;} a#add02:hover, a#add02_active { background:url(../images/bg-add-navi.png) -236px -47px no-repeat;} a#add03, a#add03_active { background:url(../images/bg-add-navi.png) 0 -91px no-repeat; height:49px;} a#add03:hover, a#add03_active { background:url(../images/bg-add-navi.png) -236px -91px no-repeat;} a#add04, a#add04_active { background:url(../images/bg-add-navi.png) 0 -140px no-repeat; height:71px;} a#add04:hover, a#add04_active { background:url(../images/bg-add-navi.png) -236px -140px no-repeat;} /* NAVI-SIDEBAR */ ul#navi-sidebar {width:248px; } ul#navi-sidebar li {text-indent:-9999px; display:inline;} ul#navi-sidebar li a {display:block;} a#sidebar01, a#sidebar01_active { background:url(../images/sidebar01.png) 0 0 no-repeat; height:66px; width:232px;} a#sidebar01:hover, a#sidebar01_active { background:url(../images/sidebar01.png) 0 -66px no-repeat;} a#sidebar02, a#sidebar02_active { background:url(../images/sidebar02.png) 0 0 no-repeat; height:205px; width:218px; margin:-7px 0 62px 0;} a#sidebar02:hover, a#sidebar02_active { background:url(../images/sidebar02.png) -218px 0 no-repeat;} /* NAVI-FOOTER */ a#navi-footer, a#navi-footer_active { background:url(../images/bg-navi-footer.png) 0 0 no-repeat; width:218px; height:62px; position:absolute; top:59px; right:30px; text-indent:-9999px;} a#navi-footer:hover, a#navi-footer_active { background:url(../images/bg-navi-footer.png) -218px 0 no-repeat;} /* HEADLINES */ #content-main h2 { text-indent:-9999px; height:87px; margin:0 0 40px 20px; } #index h2 { background:url(../images/h2/index.png) top left no-repeat;} #fuer-unsere-kleinen-gaeste h2 { background:url(../images/h2/fuer-unsere-kleinen.png) top left no-repeat;} #unser-ferienbauernhof h2 { background:url(../images/h2/unser-ferienbauernhof.png) top left no-repeat;} #impressum h2 { background:url(../images/h2/impressum.png) top left no-repeat;} #preise h2 { background:url(../images/h2/unsere-preise.png) top left no-repeat;} #anfahrt h2 { background:url(../images/h2/anfahrt.png) top left no-repeat; } #gaestebuch h2 { background:url(../images/h2/gaestebuch.png ) top left no-repeat; } #onlinebuchung h2 { background:url(../images/h2/onlinebuchung.png) top left no-repeat; } #newsletter h2 { background:url(../images/h2/newsletter.png) top left no-repeat; } #error h2 { background:url(../images/h2/error.png) top left no-repeat; } #kontakt h2 { background:url(../images/h2/kontakt.png ) top left no-repeat; } #aktuelles h2 { background:url(../images/h2/aktuelles.png) top left no-repeat; } #unser-feriendorf h2 { background:url(../images/h2/feriendorf.png) top left no-repeat; } #unsere-umgebung h2 { background:url(../images/h2/umgebung.png) top left no-repeat; } #bilder-des-jahres h2 { background:url(../images/h2/bilder.png) top left no-repeat; } #error404 h2 { background:url(../images/h2/error.png) top left no-repeat; } #danke h2 { background:url(../images/h2/danke.png) top left no-repeat; } #content-main h3 { text-indent:-9999px; height:31px; margin:0 0 35px 20px;} #content-main h3.small { text-indent:-9999px; height:31px; margin:0 0 15px 0;} h3.buchungsformular { background: url(../images/h3/buchungsformular.png) top left no-repeat;} h3.mehr-informationen { background: url(../images/h3/mehr-informationen.png) top left no-repeat; margin:0 0 35px 0!important;} h3.typisch-fuer { background: url(../images/h3/typisch-fuer.png) top left no-repeat;} h3.datenschutz { background: url(../images/h3/datenschutz.png) top left no-repeat;} h3.kontaktformular { background: url(../images/h3/kontaktformular.png) top left no-repeat;} h3.fuer-unsere-kleinen { background: url(../images/h3/fuer-unsere-kleinen.png) top left no-repeat;} h3.ferienbauernhof { background: url(../images/h3/ferienbauernhof.png) top left no-repeat; height:55px!important; margin:0 0 15px 20px!important;} h3.kostenlos-zur-verfuegung { background: url(../images/h3/kostenlos-zur-verfuegung-st.png) top left no-repeat;} h3.ein-echtes-highlight { background: url(../images/h3/ein-echtes-highlight.png) top left no-repeat;} h3.hallo-liebe-kinder { background: url(../images/h3/hallo-liebe-kinder.png) top left no-repeat;} h3.unser-feriendorf { background: url(../images/h3/unser-feriendorf.png) top left no-repeat; margin:0 0 20px 20px!important;} h3.pony-reiten { background: url(../images/h3/pony-reiten.png) top left no-repeat;} h3.ein-wichtiger-termin { background: url(../images/h3/ein-wichtiger-termin.png) top left no-repeat;} h3.auszeichnung { background: url(../images/h3/auszeichnung-diplom.png) top left no-repeat; height:55px!important;} h3.stall-diplom { background: url(../images/h3/stall-diplom.png) top left no-repeat;} h3.abonnieren { background: url(../images/h3/newsletter-abonnieren.png) top left no-repeat;} h3.abbestellen { background: url(../images/h3/newsletter-abbestellen.png) top left no-repeat;} h3.unsere-ferienwohnungen { background: url(../images/h3/unsere-ferienwohnungen.png) top left no-repeat;} h3.fuer-unsere-kleinen-gaeste { background: url(../images/h3/fuer-unsere-kleinen-gaeste.png) top left no-repeat;} h3.mehr-interessante-informationen { background: url(../images/h3/mehr-interessante-informationen.png) top left no-repeat;} h3.auch-sie-werden-sich-wohlfuehlen { background: url(../images/h3/auch-sie-werden-sich-wohlfu.png) top left no-repeat;} h3.wir-freuen-uns-auf-sie { background: url(../images/h3/wir-freuen-uns-auf-sie.png) top left no-repeat;} h3.spiel-spass-und-spannung { background: url(../images/h3/spiel-spass-und-spannung.png) top left no-repeat;} .unsere-philosophie { background: url(../images/h3/unsere-philosophie.png) top left no-repeat; margin:0 0 20px 20px;} h3.gute-preise { background: url(../images/h3/gute-preise.png) top left no-repeat; height:88px!important;} h3.hier-finden { background: url(../images/h3/hier-finden.png) top left no-repeat; height:49px!important; margin:0 0 35px 0!important; } h3.unser-bauernhof { background: url(../images/h3/unser-bauernhof.png) top left no-repeat; height:49px!important; margin:0 0 20px 0!important; } h3.alle-tiere { background: url(../images/h3/alle-tiere.png) top left no-repeat; height:49px!important; margin:0 0 20px 0!important; } #content-main h4 { padding:5px!important; margin:0 0 20px -5px; height:20px!important;} #content-main h4.small { padding:5px!important; margin:10px 0 5px -5px;} /* CONTENT_MAIN */ #content-main p.fontNormal a { text-transform:none!important; color:#60aa08; font-weight:normal;} #content-main ul { margin:0 0 20px 10px;} #content-main ul li { list-style:none; background:url(../images/point01.png) 0 2px no-repeat; padding:0 0 10px 35px; } #content-main ul li.point02 { background:url(../images/point02.png) 0 0 no-repeat;} .left20px { margin:0 0 0 20px!important;} .noMargin { margin:0!important;} .border { border:1px solid #60aa08;} .margin20px { margin:0 0 20px 0; display:block;} .margin5px { margin:0 0 5px 0; display:block;} #content-main .column { width:290px; float:left; margin:0 30px 0 20px;} #content-main .column.last { margin:0;} #content-main .column-big { width:617px; margin:0 0 0 20px;} #content-main .column02 { width:450px; float:left;} #content-main .column-img { width:130px; margin:0 30px 0 0; float:left;} #content-main .column-img-big { width:250px; margin:0 55px 20px 0; float:left;} #content-main .column-img-big a.subtitle { margin-top: 5px; text-align: center; auto; display: block;} #content-main .column-img img.border, #content-main .column-img.beginn img.border { border: 1px solid #60AA08;} img.border { border: 1px solid #60AA08;} img.borderblue { border: 1px solid #317BB4;} #content-main .column-img.beginn { margin:0 30px 0 20px; } #content-main ul.floatleft { float: left; margin-right: 30px; } #content-main p { margin:0 0 20px 0;} #content-main blockquote { margin:0 0 20px 0;} #content-main strong { text-transform:uppercase;} #content-main .spacer { background:url(../images/spacer.png) top left no-repeat; width:633px; height:67px; margin:8px 0 35px 0;} #content-main .green { color: #6DAE20; font-weight: bold; } #content-main .blue { color: #1267a9; font-weight: bold; } #content-main .orange { color: #FC9A00; font-weight: bold; } #content-main img.bottom20px { margin:0 0 20px 0;} #content-main em { text-transform:uppercase; font-style:normal; font-weight:bold;} #content-main em span { text-transform:uppercase; color:#6dae20;} #content-main .h3-img {margin:0 0 20px 0;} /* SIDEBAR */ #sidebar p { margin:0 0 10px 19px;} #sidebar em { text-transform:uppercase; font-style:normal; font-weight:bold;} #sidebar em span { text-transform:uppercase; color:#6dae20;} /* FOOTER */ #footer-print {display:none;} } @media print { @charset "utf-8"; /* CSS PRINT */ body { font-size: 76%; font-family: Verdana; color: #000; line-height: 150%; } ul#navi, ul#navi-add, form.Form, div#header h1, #slideshow, #add-navi, #bilderdesjahres, #footer, #sidebar, #embed {display: none;} #branding { margin-bottom: 30px;} #telephon { position:absolute; top: 250px; left: 70px;} .floatleft { float: left;} .floatright { float: right;} img { border: none; } img.withmargin { margin: 5px 30px 10px 0;} img.withmargin-right { margin: 5px 0 10px 30px;} p { font-size: 1em; line-height: 140%; } #content-main p.fontNormal a { text-transform:none!important; color:#60aa08; font-weight:normal;} h2 { margin-bottom: 30px;} h4 { margin-bottom: 15px;} #content-main h3 { text-indent:-9999px; height:31px; margin:0 0 35px 20px;} #content-main h3.small { text-indent:-9999px; height:31px; margin:0 0 15px 0;} #content-main .h3-img {margin:0 0 20px 0;} #content-main blockquote { margin:0 0 20px 0;} #content-main ul { margin:0 0 20px 10px;} #content-main ul li { list-style: disc; padding:0 0 10px 35px; } #content-main ul li.point02 { background:url(../images/point02.png) 0 0 no-repeat;} .left20px { margin:0 0 0 20px!important;} .noMargin { margin:0!important;} .border { border:1px solid #60aa08;} .margin20px { margin:0 0 20px 0; display:block;} #content-main .column { width:290px; float:left; margin:0 30px 0 20px;} #content-main .column.last { margin:0;} #content-main .column-big { width:617px; margin:0 0 0 20px;} #content-main .column02 { width:450px; float:left;} #content-main .column-img { width:130px; margin:0 30px 0 0; float:left;} #content-main .column-img img.border, #content-main .column-img.beginn img.border { border: 1px solid #60AA08;} img.border { border: 1px solid #60AA08;} #content-main .column-img.beginn { margin:0 30px 0 20px; } #content-main ul.floatleft { float: left; margin-right: 30px; } #content-main p { margin:0 0 20px 0;} #content-main strong { text-transform:uppercase;} #content-main .spacer { display: none;} #content-main .green { color: #6DAE20; font-weight: bold; } #content-main .blue { color: #1267a9; font-weight: bold; } #content-main .orange { color: #FC9A00; font-weight: bold; } #content-main img.bottom20px { margin:0 0 20px 0;} .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; } }