body { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 13px; color: #4D4D4D; background-color: #0F3B17; background-image: url(../_img/_bg/site.jpg); background-repeat: repeat-x; } #WRAP { width: 1000px; z-index: -5; position: absolute; left: 50%; margin-left: -500px; background-image: url(../_img/_bg/content.png); background-position: -3px 0px; } #SITEWRAP { margin-left: 50px; margin-right: 50px; width: 890px; border-left: 1px solid #58A35A; border-right: 1px solid #58A35A; padding-left: 4px; padding-right: 4px; } #CONTENTWRAP { width: 890px; background-color: #FFFFFF; } #HEADER { font-size: 11px; width: 880px; margin-left: 5px; margin-right: 5px; height: 87px; background: #FFFFFF; } #HEADER_MENU { height: 32px; float: right; width: 880px; } #HEADER_MENU ul { list-style-type: none; margin: 0; padding: 0; height: 32px; } #HEADER_MENU ul li { float: left; margin: 0; padding: 0; height: 32px; } #HEADER_MENU ul li a { display: block; height: 32px; text-indent: -5000px; } #HEADER_MENU ul li a:hover { background-position: 0px -32px; } #HEADER_MENU ul li a.kontakt { width: 90px; background-image: url(../_img/_menu_header/kontakt.gif); } #HEADER_MENU ul li a.anreise { width: 80px; background-image: url(../_img/_menu_header/anreise.gif); } #HEADER_MENU ul li a.fragen { width: 205px; background-image: url(../_img/_menu_header/fragen.gif); } #HEADER_MENU ul li a.buchung { width: 145px; background-image: url(../_img/_menu_header/buchen.gif); } #HEADER_MENU ul.left { float: left; } #HEADER_MENU ul.right { float: right; } #HEADER_LOGO { height: 55px; float: right; width: 880px; background-image: url(../_img/_bg/header_logo.gif); background-repeat: no-repeat; } #HEADER_LOGO a { displaY: block; height: 55px; text-indent: -5000px; width: 375px; background-image: url(../_img/_logo/wendelinshof_top.gif); float: right; } #MENU { font-size: 11px; width: 880px; margin-left: 5px; margin-right: 5px; height: 450px; background: green; } #MENU_SUB { font-size: 11px; width: 880px; margin-left: 5px; margin-right: 5px; height: 200px; background: green; } #MENU_SUB:hover { font-size: 11px; width: 880px; margin-left: 5px; margin-right: 5px; height: 450px; background: green; } #MENU_MAIN { height: 120px; width: 880px; position: relative; z-index: 50; top: 0; left: 0; } #MENU_MAIN ul { list-style-type: none; z-index: 50; margin: 0; padding: 0; } #MENU_MAIN ul li { margin: 0; padding: 0; z-index: 50;} #MENU_MAIN ul li a { display: block; z-index: 50; } #MENU_MAIN ul li a:hover { background-position: 0px -120px; } #MENU_MAIN ul li:hover a { background-position: 0px -120px; } #MENU_MAIN ul li a.hof-und-tiere { position: absolute; text-indent: -5000px; height: 119px; top: 0; left: 0; width: 200px; background-image: url(../_img/_menu/hof_und_tiere.png); } #MENU_MAIN ul li a.wohnungen-und-preise { position: absolute; text-indent: -5000px; height: 119px; top: 0; left: 100px; width: 200px; background-image: url(../_img/_menu/wohnungen_und_preise.png); } #MENU_MAIN ul li a.urlaub-und-region { position: absolute; text-indent: -5000px; height: 119px; top: 0; left: 290px; width: 200px; background-image: url(../_img/_menu/urlaub_und_region.png); } ul.dropdown { position: relative; z-index: 50; } ul.dropdown li { zoom: 1; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 9; cursor: default; } ul.dropdown ul { text-indent: 0; border: none; visibility: hidden; position: absolute; top: 119px; left: 0px; z-index: 5; width: 100%; border-bottom: 10px solid #C3D207; } ul.dropdown ul.wohnungen { left: 100px; top: 75px; } ul.dropdown ul.umgebung { left: 290px; top: 75px; } ul.dropdown ul li { float: none; border: none; clear: both; } ul.dropdown ul ul { top: 0px; left: 99%; } ul.dropdown li:hover > ul { visibility: visible; } ul.dropdown ul { width: 200px; background-color: #C3D207; } ul.dropdown ul li { background-color: transparent; color: #000; filter: none; display: block; width: 200px; } ul.dropdown ul li.hover, ul.dropdown ul li:hover { background-color: transparent; } ul.dropdown ul a:link, ul.dropdown ul a:visited { color: #217D30; } ul.dropdown ul a:hover { color: #FFFFFF; text-decoration: none; } ul.dropdown ul a:active { color: #217D30; } ul.dropdown ul li a { font-size: 13px; line-height: 25px; display: block; background-color: #C3D207; border-bottom: 1px dotted #217D30; color: #217D30; text-decoration: none; width: 171px; margin-left: 15px; height: 25px; } #MENU_MAIN a.logo { position: absolute; display: block; top: 0; left: 440px; height: 120px; width: 440px; text-indent: -5000px; background-image: url(../_img/_logo/wendelinshof_bottom.png); } #MENU_IMAGE { height: 450px; width: 880px; position: relative; z-index: 2; top: -120px; left: 0; } #MENU_IMAGE .jcarousel-container { position: relative; } #MENU_IMAGE .jcarousel-clip { z-index: 6; padding: 0; margin: 0; width: 880px; overflow: hidden; position: relative; } #MENU_IMAGE .jcarousel-list { z-index: 5; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; list-style-type: none; } #MENU_IMAGE .jcarousel-list li { float: left; list-style: none; width: 880px; height: 450px; background: #FFFFFF; } #MENU_IMAGE .jcarousel-item { float: left; list-style: none; width: 880px; height: 450px; background: #FFFFFF; } #MENU_IMAGE .image_gal { width: 880px; height: 450px; } #MEUN_IMAGE_BORDER { height: 109px; width: 880px; position: relative; z-index: 8; top: -109px; left: 0; background-image: url(../_img/_bg/index.png); } #MENU_IMAGE_SUB { height: 200px; width: 880px; position: relative; z-index: 2; top: -120px; left: 0; } #MENU_IMAGE_SUB .jcarousel-container { position: relative; } #MENU_IMAGE_SUB .jcarousel-clip { z-index: 6; padding: 0; margin: 0; width: 880px; overflow: hidden; position: relative; } #MENU_IMAGE_SUB .jcarousel-list { z-index: 5; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; list-style-type: none; } #MENU_IMAGE_SUB .jcarousel-list li { float: left; list-style: none; width: 880px; height: 200px; background: #FFFFFF; } #MENU_IMAGE_SUB .jcarousel-item { float: left; list-style: none; width: 880px; height: 450px; background: #FFFFFF; } #MENU_IMAGE_SUB .image_gal { width: 880px; height: 200px; } #MEUN_IMAGE_BORDER_SUB { height: 109px; width: 880px; position: relative; z-index: 8; top: -109px; left: 0; background-image: url(../_img/_bg/index.png); } #MENU_SUB:hover #MENU_IMAGE_SUB { height: 450px; width: 880px; position: relative; z-index: 2; top: -120px; left: 0; background: black; } #MENU_SUB:hover #MENU_IMAGE_SUB .jcarousel-container { position: relative; } #MENU_SUB:hover #MENU_IMAGE_SUB .jcarousel-clip { z-index: 6; padding: 0; margin: 0; width: 880px; overflow: hidden; position: relative; } #MENU_SUB:hover #MENU_IMAGE_SUB .jcarousel-list { z-index: 5; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; list-style-type: none; } #MENU_SUB:hover #MENU_IMAGE_SUB .jcarousel-list li { float: left; list-style: none; width: 880px; height: 450px; background: #FFFFFF; } #MENU_SUB:hover #MENU_IMAGE_SUB .jcarousel-item { float: left; list-style: none; width: 880px; height: 450px; background: #FFFFFF; } #MENU_SUB:hover #MENU_IMAGE_SUB .image_gal { width: 880px; height: 450px; } #MENU_SUB:hover #MEUN_IMAGE_BORDER_SUB { height: 109px; width: 880px; position: relative; z-index: 8; top: -109px; left: 0; background-image: url(../_img/_bg/index.png); } #CONTENT { font-size: 11px; width: 880px; margin-left: 5px; margin-right: 5px; background-image: url(../_img/_bg/content_top.png); background-repeat: no-repeat; } #CONTENT_CONTENT { width: 880px; background-repeat: repeat-y; } div.content_1 { background-image: url(../_img/_bg/content_1.png); } div.content_2 { background-image: url(../_img/_bg/content_2.png); } div.content_3 { background-image: url(../_img/_bg/content_3.png); } div.content_4 { background-image: url(../_img/_bg/content_4.png); } #CONTENT_LEFT { width: 880px; background-position: left bottom; background-repeat: no-repeat; } #CONTENT_LEFT ul { float: left; margin: 0; padding: 0; list-style-type: none; width: 350px; height: 300px; } #CONTENT_LEFT ul li { margin: 0; padding: 0; } #CONTENT_LEFT ul li a { display: block; width: 350px; text-indent: -5000px; } #CONTENT_LEFT ul li a.der-wendelinshof { height: 50px; background-image: url(../_img/_submenu/der-wendelinshof.jpg); } #CONTENT_LEFT ul li a.der-wendelinshof:hover { background-position: 0px -50px; } #CONTENT_LEFT ul li a.familie-bumm { height: 30px; background-image: url(../_img/_submenu/familie-bumm.jpg); } #CONTENT_LEFT ul li a.familie-bumm:hover { background-position: 0px -30px; } #CONTENT_LEFT ul li a.grosse-und-kleine-tiere { height: 30px; background-image: url(../_img/_submenu/grosse-und-kleine-tiere.jpg); } #CONTENT_LEFT ul li a.grosse-und-kleine-tiere:hover { background-position: 0px -30px; } #CONTENT_LEFT ul li a.landwirtschaftlicher-betrieb { height: 30px; background-image: url(../_img/_submenu/landwirtschaftlicher-betrieb.jpg); } #CONTENT_LEFT ul li a.landwirtschaftlicher-betrieb:hover { background-position: 0px -30px; } #CONTENT_LEFT ul li a.urlaub-auf-dem-wendelinshof { height: 40px; background-image: url(../_img/_submenu/urlaub-auf-dem-wendelinshof.jpg); } #CONTENT_LEFT ul li a.urlaub-auf-dem-wendelinshof:hover { background-position: 0px -40px; } #CONTENT_LEFT ul li a.die-direkte-umgebung { height: 28px; background-image: url(../_img/_submenu/die-direkte-umgebung.jpg); } #CONTENT_LEFT ul li a.die-direkte-umgebung:hover { background-position: 0px -28px; } #CONTENT_LEFT ul li a.spielend-erleben { height: 25px; background-image: url(../_img/_submenu/spielend-erleben.jpg); } #CONTENT_LEFT ul li a.spielend-erleben:hover { background-position: 0px -25px; } #CONTENT_LEFT ul li a.einfach-abschalten { height: 25px; background-image: url(../_img/_submenu/einfach-abschalten.jpg); } #CONTENT_LEFT ul li a.einfach-abschalten:hover { background-position: 0px -25px; } #CONTENT_LEFT ul li a.ausflugsziele { height: 35px; background-image: url(../_img/_submenu/ausflugsziele.jpg); } #CONTENT_LEFT ul li a.ausflugsziele:hover { background-position: 0px -35px; } #CONTENT_LEFT ul li a.simbas-nest { height: 25px; background-image: url(../_img/_submenu/simbas-nest.png); } #CONTENT_LEFT ul li a.simbas-nest:hover { background-position: 0px -25px; } #CONTENT_LEFT ul li a.nemos-koje { height: 40px; background-image: url(../_img/_submenu/nemos-koje.png); } #CONTENT_LEFT ul li a.nemos-koje:hover { background-position: 0px -40px; } #CONTENT_LEFT ul li a.merlins-zauber { height: 28px; background-image: url(../_img/_submenu/merlins-zauber.png); } #CONTENT_LEFT ul li a.merlins-zauber:hover { background-position: 0px -28px; } #CONTENT_LEFT ul li a.preise { height: 30px; background-image: url(../_img/_submenu/preise.png); } #CONTENT_LEFT ul li a.preise:hover { background-position: 0px -30px; } #CONTENT_LEFT ul li a.kontakt { height: 40px; background-image: url(../_img/_submenu/kontakt.jpg); } #CONTENT_LEFT ul li a.kontakt:hover { background-position: 0px -40px; } #CONTENT_LEFT ul li a.anreise { height: 25px; background-image: url(../_img/_submenu/anreise.jpg); } #CONTENT_LEFT ul li a.anreise:hover { background-position: 0px -25px; } #CONTENT_LEFT ul li a.faq { height: 30px; background-image: url(../_img/_submenu/faq.jpg); } #CONTENT_LEFT ul li a.faq:hover { background-position: 0px -30px; } #CONTENT_LEFT ul li a.datenschutz { height: 25px; background-image: url(../_img/_submenu/datenschutz.jpg); } #CONTENT_LEFT ul li a.datenschutz:hover { background-position: 0px -25px; } #CONTENT_LEFT ul li a.impressum { height: 30px; background-image: url(../_img/_submenu/impressum.jpg); } #CONTENT_LEFT ul li a.impressum:hover { background-position: 0px -30px; } #CONTENT_LEFT h3 { float: left; margin: 0; padding: 0; height: 140px; margin-bottom: 40px; background-repeat: no-repeat; width: 350px; text-indent: -5000px; background-position: 45px 100px; } #CONTENT_LEFT h3.t-fragen { background-image: url(../_img/_h1/fragen.png); background-position: 0px 100px; } #CONTENT_LEFT div.lefttxt { float: left; width: 250px; font-size: 13px; line-height: 20px; padding-left: 45px; margin-right: 50px; } div.content_l { background-image: url(../_img/_bg/content_l.png); } div.content_l_1 { background-image: url(../_img/_bg/content_l_1.png); } div.content_l_2 { background-image: url(../_img/_bg/content_l_2.png); } div.content_l_3 { background-image: url(../_img/_bg/content_l_3.png); } div.content_l_4 { background-image: url(../_img/_bg/content_l_4.png); } #CONTENT_RIGHT { width: 530px; margin-left: 350px; padding-bottom: 50px; } #CONTENT_RIGHT h1 { margin: 0; padding: 0; padding-left: 40px; text-transform: uppercase; padding-top: 100px; width: 490px; height: 40px; color: #F7C901; font-family: 'Cabin', arial, serif; } #CONTENT_RIGHT h2 { margin: 0; padding: 0; height: 38px; background-image: url(../_img/_h2/star.gif); background-position: 45px 20px; background-repeat: no-repeat; padding-top: 20px; margin-top: 25px; margin-bottom: 10px; padding-left: 65px; width: 465px; text-transform: uppercase; font-size: 13px; color: #D64700; font-family: 'Cabin', arial, serif; } #CONTENT_RIGHT p { font-size: 13px; line-height: 20px; padding-right: 100px; padding-left: 45px; } #CONTENT_RIGHT div div.msg { font-size: 12px; line-height: 20px; padding-right: 100px; margin-left: 45px; padding: 5px; } #CONTENT_RIGHT p span.right { float: right; font-weight: bold; margin-right: 75px; } #CONTENT_RIGHT p span.codedirection { unicode-bidi:bidi-override; margin: 0; direction: rtl; } #CONTENT_RIGHT p a { color: #FFFFFF; background-color: #F7C901; text-decoration: none; padding: 3px; } #CONTENT_RIGHT p a:hover { background-color: #C6D407 } #CONTENT_RIGHT p.gb_date { text-transform: uppercase; font-size: 0.9em; } #CONTENT_RIGHT p.gb_name { padding-left: 0; font-weight: bold; margin-top: -17px; padding-bottom: 10px; border-bottom: 1px dotted #C6D407; margin-left: 45px; padding-right: 0px; margin-right: 100px;} #CONTENT_RIGHT p.gb_text { margin-bottom: 50px; } #CONTENT_RIGHT ul { float: none; list-style-type: none; font-size: 12px; line-height: 18px; padding-right: 100px; padding-left: 45px; } #CONTENT_RIGHT ul.list { list-style-type: disc; font-size: 12px; line-height: 18px; padding-right: 100px; padding-left: 65px; height: auto; margin-bottom: 20px; } #CONTENT_RIGHT ul.sitemap0 { list-style-type: disc; font-size: 12px; line-height: 18px; padding-right: 100px; padding-left: 65px; height: auto; margin-bottom: 5px; } #CONTENT_RIGHT ul.sitemap1 { list-style-type: circle; font-size: 12px; line-height: 18px; padding-right: 100px; padding-left: 85px; height: auto; margin-bottom: 20px; } #CONTENT_RIGHT ul.sitemap2 { list-style-type: square; font-size: 12px; line-height: 18px; padding-right: 100px; padding-left: 105px; height: auto; margin-top: -15px; margin-bottom: 20px; } #CONTENT_RIGHT ul li a { text-indent: 0px; text-decoration: none; color: #C40000; } #CONTENT_RIGHT ul li a:hover { text-decoration: underline; } #CONTENT_RIGHT form { margin: 0; padding: 0; } #CONTENT_RIGHT form b { font-family: Tahoma; color: #C40000; } #CONTENT_RIGHT form fieldset{ margin: 0; padding: 10px 0px 10px 20px; border: none; border-bottom: 1px solid #C6D407; border-top: 1px solid #C6D407; margin-left: 25px; margin-right: 0px; background-color: #F0F4C1; } #CONTENT_RIGHT form fieldset.anreise{ margin: 0; padding: 10px 0px 10px 20px; border: none; border-top: 1px solid #C6D407; margin-left: 45px; margin-right: 85px; background-color: #F0F4C1; } #CONTENT_RIGHT form fieldset label { float: left; width: 100px; font-size: 13px; line-height: 20px; } #CONTENT_RIGHT form fieldset label.short { font-weight: normal; width: 30px; } #CONTENT_RIGHT form fieldset label.light { font-weight: normal; } #CONTENT_RIGHT form fieldset label.long { font-weight: normal; width: 375px; } #CONTENT_RIGHT form fieldset input { float: left; width: 227px; font-size: 13px; line-height: 20px; border: 1px solid #C6D407; color: #217D30; } #CONTENT_RIGHT form fieldset input.error { border: 1px solid #C40000; background-color: #F0C0C0; } #CONTENT_RIGHT form fieldset input.disabled { background-color: #FFFFFF; color: #217D30; } #CONTENT_RIGHT form fieldset input.submit { width: auto; margin-left: 0; background-color: #217D30; color: #FFFFFF; } #CONTENT_RIGHT form fieldset input.short { width: 50px; } #CONTENT_RIGHT form fieldset input.shorthnr { width: 30px; } #CONTENT_RIGHT form fieldset input.shortstrasse { width: 190px; margin-right: 5px; } #CONTENT_RIGHT form fieldset input.shortplz { width: 40px; margin-right: 5px; } #CONTENT_RIGHT form fieldset input.shortwohnort { width: 180px; } #CONTENT_RIGHT form fieldset input.shorthnr_error { width: 30px; border: 1px solid #C40000; background-color: #F0C0C0; } #CONTENT_RIGHT form fieldset input.shortstrasse_error { width: 190px; margin-right: 5px; border: 1px solid #C40000; background-color: #F0C0C0; } #CONTENT_RIGHT form fieldset input.shortplz_error { width: 40px; margin-right: 5px; border: 1px solid #C40000; background-color: #F0C0C0; } #CONTENT_RIGHT form fieldset input.shortwohnort_error { width: 180px; border: 1px solid #C40000; background-color: #F0C0C0; } #CONTENT_RIGHT form fieldset input.shortanreise { width: 130px; margin-right: 5px; } #CONTENT_RIGHT form fieldset input.radio { width: 15px; border: none; } #CONTENT_RIGHT form fieldset input.checkbox { width: 15px; border: none; } #CONTENT_RIGHT form fieldset textarea { float: left; width: 227px; height: 150px; font-family: Arial; font-size: 13px; line-height: 20px; border: 1px solid #C6D407; color: #217D30; } #CONTENT_RIGHT form fieldset p { font-weight: normal; float: left; padding: 0; margin: 0px; margin-left: 10px; } #CONTENT_RIGHT form fieldset select { margin-right: 2px; float: left; width: 60px; font-size: 13px; line-height: 20px; border: 1px solid #C6D407; color: #217D30; } #CONTENT_RIGHT form fieldset select.short { width: 40px; } #CONTENT_RIGHT div.clear { clear: both; height: 10px; } #GOOGLEMAP_ANREISE { margin-left: 45px; width: 388px; height: 288px; border: 1px solid #C0C0C0; padding: 5px; } #DIRECTIONS { margin-left: 45px; width: 400px; padding: 5px 0px 5px 0px; } #DIRECTIONS a { font-size: 13px; line-height: 20px; color: #C6D407; font-weight: bold; text-decoration: none; } #FOOTER { font-size: 11px; width: 880px; margin-left: 5px; margin-right: 5px; height: 150px; background-image: url(../_img/_bg/footer.png); } #IMAGE_CONTAINER { margin-left: 45px; width: 388px; height: 188px; border: 1px solid #C0C0C0; padding: 5px; } #FOOTER_LEFT { float: left; width: 470px; padding-left: 25px; height: 150px; background-repeat: no-repeat; } div.footer_l_1 { background-image: url(../_img/_bg/footer_l_1.png); } div.footer_l_2 { background-image: url(../_img/_bg/footer_l_2.png); } div.footer_l_3 { background-image: url(../_img/_bg/footer_l_3.png); } div.footer_l_4 { background-image: url(../_img/_bg/footer_l_4.png); } #FOOTER_LEFT p { margin: 0; padding: 0; margin-top: 112px; color: #FFFFFF; } #FOOTER_RIGHT { float: left; width: 385px; height: 150px; } #FOOTER_RIGHT ul { float: left; list-style-type: none; margin: 0; padding: 0; margin-right: 20px; border-left: 1px solid #E7913F; height: 65px; margin-top: 85px; } #FOOTER_RIGHT a { background-image: url(../_img/_arrow/footer.gif); background-position: 4px 3px; background-repeat: no-repeat; text-decoration: none; display: block; padding-left: 15px; color: #C40000; } #FOOTER_RIGHT a:hover { color: #FFFFFF; }