body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {margin:0; padding:0; } html { font-size: 100%; min-height: 100.05%; overflow-y: scroll; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; } q:before,q:after { content:”; } abbr,acronym { border:0; } html {font-size: 62.5%;} body { background-color: #2d4d35; } a:hover img { text-decoration: none; } a img { border: none; } a { border: none; } /* ############################# FARBEN ################################### */ .gruen hell { color : #bfcb9a; } .gruen mittel { color : #68965e; } .gruen dunkel { color : #2d4d35; } .gelb { color : #efeeb5; } .rot { color : #e64145; } /* ############################# FELDER ################################### */ div.field { position: absolute; width:990px; left: 50%; margin-left: -495px; top: 0; border: 0; } div.lang { position: relative; width:990px; height: 20px; text-align: left; padding-left: 10px; padding-top: 10px; } div.nav { position: relative; width:970px; height: 25px; background-color: #68965e; padding-left: 20px; padding-top: 5px; text-align: left; } div.footer { position: relative; width:970px; text-align: left; background-color: #68965e; padding-left: 20px; } div.facebook { position: relative; width:395px; padding-left: 585px; margin-top: 7px; } div.flash { position: relative; width:990px; height: 365px; text-align: center; background-color: #2d4d35; padding: 0px; } div.content { text-align: left; position: relative; width:990px; background-color: #efeeb5; padding: 0px; } #pano { height:560px; width:990px; } #krpanoDIV { height:560px; width:990px; } div.teaser { position: relative; width:320px; height: 165px; text-align: left; background-color: #bfcb9a; padding: 0px; } div.teaserpadding { padding: 4px; } /* ############################# SCHRIFT ################################### */ h1 { color : #e64145; font-family: Times New Roman, Times, serif; text-decoration: none; font-size : 2.2em; font-weight : bold; } h2 { color : #e64145; font-family: Times New Roman, Times, serif; text-decoration: none; font-size : 1.6em; font-weight : bold; } h2:hover { color : #2d4d35; text-decoration : none; } .text_lang { font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height : 18px; text-decoration: none; } .text_lang a,.text_lang a:link,.text_lang a:active,.text_lang a:visited { color : #bfcb9a; text-decoration: none; font-weight: normal; } .text_lang a:hover { color : #FFFFFF; text-decoration: none; font-weight: normal;} .text_lang_a { color : #FFFFFF; line-height : 18px; text-decoration: none; } .text_lang_a a,.text_lang_a a:link,.text_lang_a a:active,.text_lang_a a:visited { color : #FFFFFF; text-decoration: none; font-weight: normal; } .text_lang_a a:hover { color : #bfcb9a; text-decoration: none; font-weight: normal;} .content { color : #000000; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size : 14px; } .content a,.content a:link,.content a:active, .content a:visited { text-decoration : none; font-size : 14px; text-decoration: none; color : #000000; } .content a:hover { color : #2d4d35; text-decoration : none; } .nav { color : #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; font-size : 16px; } .nav a,.nav a:link,.nav a:active{ text-decoration : none; font-size : 16px; color : #FFFFFF; } .nav a:hover { font-size : 16px; color : #2d4d35; text-decoration : none; } .hotspottext_lang { font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; line-height : 18px; text-decoration: none; } .hotspottext_lang a,.hotspottext_lang a:link,.hotspottext_lang a:active,.hotspottext_lang a:visited { color : #bfcb9a; text-decoration: none; font-weight: normal; } .hotspottext_lang a:hover { color : #FFFFFF; text-decoration: none; font-weight: normal;} /* ############################# NAVIGATION ################################### */ div.reservierung-but a { padding: 7px; text-align: center; border: 1px solid #000000; } div.reservierung-but a { background: #FFFFFF; color: #AA2916; text-decoration: none; } div.reservierung-but a:hover { background: #AA2916; color: #FFFFFF; text-decoration: none; } #navi, #navifooter { padding-left: 22px; width: 968px; background: #68965e; height: 30px; } #navi ul, #navifooter ul { list-style: none; margin: 0; padding: 0; } #navi li, #navifooter li { float: left; display: inline; margin-right: 16px; } #navi a, #navifooter a { color: #fff; text-decoration: none; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 30px; } #navi a:hover, #navi li.active a, #navifooter a:hover, #navifooter li.active a { color: #2d4d35; } #navi span, #navifooter span { display: none; } /* ############################# FOTOS-Seiten ################################### */ #fliesstext { margin-top: 30px; } #fotodetail { position: relative; } #juebersicht { position: relative; } #thumbs { padding-left: 25px; padding-bottom: 20px; } #fotodetail h1 { margin-left: 20px; padding-top: 20px; } span.picday { font-size: 14px; color: #000; font-weight: bold; padding-left: 250px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; } #backlink { font-family: Arial, Helvetica, sans-serif; position: absolute; top: 20px; right: 40px; z-index:99; } #backlink a { color: #000; font-size: 14px; text-decoration : none; } #backlink a:hover { color: #AA2916; } #listen { } #listea { float: left; width: 300px; } #listeb { float: left; margin-left: 30px; width: 280px; } #listed { float: left; margin-left: 40px; width: 280px; } #listen h3 { padding-bottom: 10px; } #listen h2:hover { color: #E64145 !important; } #listec h2:hover { color: #E64145 !important; } #listed h2 { padding: 0; } #listed_inner { padding-bottom: 30px; } h2.fklaus { padding: 20px 0 8px 0; } /* ############################# Formulare ################################### */ textarea { height: 75px; } div.iabstand { height: 5px; } legend { display: none; } #error_msg { color: #B80000; font-weight: bold; margin-bottom: 1em; } label.error_label, label.error { color: #B80000; } /* ############################# Send-to-a-friend ################################### */ #fsendtoafriend label { display: block; } #fsendtoafriend input, #fsendtoafriend textarea { width: 170px; border: 1px solid #677B4C; font-family: Arial, Verdana, sans-serif; font-size: 12px; } #fsendtoafriend input { height: 18px; } #fsendtoafriend input.btnsubmit { background-color: #677B4C; width: 100px; height: 23px; line-height: 16px; cursor: pointer; border: 1px solid #fff; font-weight: bold; color: #fff; } /*div.breit { background-color: #cfd3b8; height: 440px; overflow: auto; padding: 10px; position: relative; } */ #bildtosend { margin: 10px 0; } #morepics { margin-top: 40px;} /* ############################# Reservierungsformular ################################### */ #resform p { margin-bottom: 1em; } #resform .clear { clear: both; height: 1px; overflow: hidden; } #resform .line { border-bottom: 1px solid #000; margin-bottom: 10px; } #resform .tooltip { cursor:pointer; background: transparent url('/inc/img/info.gif') no-repeat left 2px; padding: 0 5px;} #resform form { width: 400px; margin-top: 1em; padding: 1em; background-color: #ebebeb; } #resform legend { display: none; } #resform label.inline { float: left; display: inline; width: 200px; } #resform p.nichtsehen { display: none; } #resform input, #resform select, #resform textarea { float: right; width: 170px; border: 1px solid #677B4C; font-family: Arial, Verdana, sans-serif; font-size: 12px; } #resform input { height: 18px; } #resform select { height: 18px; width: 172px; } #resform label.uhrzeit { display: inline; float: left; width: 50px; } #resform select.uhrzeit { width: 80px; margin-left: 20px; float: none; } #resform div.tmittags { float: right; width: 170px; } #resform input.strasse { width: 135px; margin-right: 5px; } #resform input.hausnr { width: 28px; } #resform input.chkbox { width: 15px; float: left; } #resform label.chkbox { width: 360px; margin-left: 30px; display: block; } #resform input.radio { width: 15px; float: left; } #resform label.radio { width: 360px; margin-left: 30px; display: block; } #resform input.ort { width: 115px; } #resform input.plz { width: 48px; margin-right: 5px; } #resform input.btnsubmit { background-color: #677B4C; width: 100px; height: 23px; line-height: 16px; cursor: pointer; border: 1px solid #fff; font-weight: bold; color: #fff; } #resform #rean { cursor: pointer; color: #000; } #resform #irean { display:none; } /* ############################# iscoller ################################### */ #contentright { float: right; display: inline; width: 620px; height: 320px; padding:10px; overflow: auto; } #contentright_inner { padding: 0px 0px 0px 0px; } #contentright_inner { font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; color : #000000; line-height : 18px; text-decoration: none; } #contentright_inner a,#contentright_inner a:link,#contentright_inner a:active,#contentright_inner a:visited { color : #000000; text-decoration: none; font-weight: normal; } #contentright_inner a:hover { color : #AA2916; text-decoration: none; font-weight: normal;} /* ############################# img-slideshow ################################### */ .pics { overflow: hidden; } .pics img { height: 365px; width: 990px; top:10px; left:0; } #slideshow_container { position: relative; width: 990px; height: 365px; overflow: hidden; } #slideshow { position: absolute; left: 0; top: 0; z-index: 1; } #prev, #next { cursor: pointer; font-family: helvetica, verdana, arial, sans-serif; color: #333; position: absolute; top: 0px; z-index: 2; padding: 5px; width: 200px; height: 365px; } #prev { left: 0; } #next { right: 0; }