/* Aussehen Erding dahoam // for Screen ---------------------------------------------------- */ @import url(http://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic); * { padding: 0; margin: 0; } html,body { width: 100%; height: 100%; background-color: #EFECEB; color: #333; font-family: 'Muli', Arial, sans-serif; font-weight: 300; font-size: 16px; line-height: 22px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } html { overflow-y: scroll; } /* Scrollbalken immer da */ /* Text --------------------------------------------------------------------------------- */ p { color: #000; text-align: left; font-weight: normal; margin: 0; padding: 0; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* Fliesstext */ h1 { color: #005FA1; font-size: 14px; line-height: 22px; font-weight: 400; margin: 0; padding: 4px 0 0 0; } /* Header/Footer Text */ h2 { color: #634533; font-size: 20px; line-height: 22px; font-weight: bold; margin: 0 0 20px 0; padding: 0; } /* Headline */ h3 { color: #634533; font-size: 16px; line-height: 22px; font-weight: bold; margin: 0 0 20px 0; padding: 0; } /* Headline */ .blue { color: #005FA1; } ul { width: 700px; padding: 5px; margin: 0 0 0 10px; line-height: 22px; text-align: left; list-style-type: circle; } li { margin: 0 0 10px 0; } #content a, a:link, a:visited, a:hover, a:focus, a:active { color: #005FA1; font-weight: 400; font-size: 16px; margin: 0; padding: 4px 0 0 0; } /* -------------------------------------------------------------------------------------- */ /* Farben weiss:#fff; brown:#634533; lightbrown: #EFECEB; blue: #005FA1; lightblue: #99BFD9; middleblue: #4C8FBD; text:#333; */ /* Aussehen ----------------------------------------------------------------------------- */ #wrapper { position: relative; width: 100%; min-height: 100%; height: 100%; height: auto !important; margin: auto; padding: 0; z-index: 1; } #top { position: fixed; top: 0; width: 100%; height: 220px; margin: 0; padding: 0; background: url(../images/header_heaven.jpg) no-repeat right; z-index: 200; } #top_con { width: 800px; height: 180px; margin: auto; padding: 0; z-index: 25; } #logo { float: right; width: 410px; height: 120px; margin: 85px 50px 0 0; padding: 0; z-index: 25; } #top_navi_bg{ width: 100%; height: 40px; margin: auto; padding: 0; background-color: #99BFD9; border-top: 1px solid #4C8FBD; border-bottom: 1px solid #4C8FBD; z-index: 30; } #top_navi { width: 800px; height: 40px; margin: auto; padding: 0; z-index: 100; } #content { position: relative; top: 270px; width: 750px; min-height: 400px; height: 100%; margin: 0 auto; padding: 0; overflow: hidden; z-index: 100; } .con_text_l { float: left; width: 200px; margin: 0 10px 0 0; padding: 0; z-index: 100; } .con_text_r { float: left; width: 400px; margin: 0; padding: 0; z-index: 100; } #bilder #content img { float: left; margin: 0 10px 10px 0; padding: 0; -webkit-box-shadow: 2px 2px 2px 1px #676A6D; -moz-box-shadow: 2px 2px 2px 1px #676A6D; box-shadow: 2px 2px 2px 1px #676A6D; z-index: 100; } #ausstattung #content img { float: right; margin: 0 10px 10px 0; padding: 0; -webkit-box-shadow: 2px 2px 2px 1px #676A6D; -moz-box-shadow: 2px 2px 2px 1px #676A6D; box-shadow: 2px 2px 2px 1px #676A6D; z-index: 100; } #bildleiste { float: right; width: 150px; margin: 0 20px 0 15px; padding: 0; z-index: 25; } #map { float: right; margin: 0 10px 10px 10px; padding: 0; -webkit-box-shadow: 2px 2px 2px 1px #676A6D; -moz-box-shadow: 2px 2px 2px 1px #676A6D; box-shadow: 2px 2px 2px 1px #676A6D; z-index: 100; } #footer { position: fixed; bottom: 0; width: 100%; height: 30px; margin: 0; padding: 0; background-color: #99BFD9; border-top: 1px solid #4C8FBD; border-bottom: 1px solid #4C8FBD; z-index: 200; } #footer_bg { width: 800px; height: 30px; margin: auto; padding: 0; z-index: 2; } #footer_l { float: left; width: 600px; height: 30px; margin: 0; padding: 0; text-align: left; z-index: 200; } #footer_r { float: right; width: 200px; height: 30px; margin: 0; padding: 0; text-align: right; z-index: 200; } #footer a, a:link, a:visited { color: #005FA1; font-size: 14px; line-height: 22px; font-weight: 400; margin: 0; padding: 4px 0 0 0; } #footer a:hover, a:focus, a:active { color: #fff; font-size: 14px; line-height: 22px; font-weight: 400; margin: 0; padding: 4px 0 0 0; } /* Navi --------------------------------------------------------------------------------- */ #navi1 { position: absolute; width: 800px; height: 40px; margin: 0; padding: 0; text-align: center; z-index: 200; } #navi1 ul { list-style-type: none; display: inline; margin: 0; padding: 0; } #navi1 ul li { float: left; text-align: center; margin: 0; padding: 10px 45px 0 0; } #navi1 ul li a, a:link, a:visited { color: #fff; font-size: 18px; font-weight: 400; text-decoration: none; margin: 0; padding: 0; } #navi1 ul li a:hover, a:focus, a:active { color: #005FA1; font-size: 18px; font-weight: 400; text-decoration: none; margin: 0; padding: 0; } #home #navi1_index a, #ausstattung #navi1_ausstattung a, #bilder #navi1_bilder a, #preise #navi1_preise a, #anfahrt #navi1_anfahrt a, #umgebung #navi1_umgebung a, #kontakt #navi1_kontakt a { color: #005FA1; font-size: 18px; font-weight: 400; text-decoration: none; margin: 0; padding: 0; } /* Formular ----------------------------------------------------------------------------- */ form { padding: 0; margin: 0; width: 700px; height: 300px; } .texte { float: left; height: 25px; width: 135px; margin: 0 5px 5px 0; padding: 0 0 0 15px; } .eingaben { float: left; height: 25px; width: 530px; margin: 0 5px 5px 0; padding: 0; } .eingaben2 { float: left; height: 25px; width: 184px; margin: 0 5px 5px 0; padding: 0; } textarea { width: 536px; height: 70px; border: 1px solid #634533; background-color: #fff; font-family: 'Muli', Arial, sans-serif; } input[type="text"]{ width: 100%; background-color: #fff; color: #1e1e1e; font-size: 12px; line-height: 16px; border: 1px solid #634533; padding: 4px; margin: 0; } input[type="email"]{ width: 100%; background-color: #fff; color: #1e1e1e; font-size: 12px; line-height: 16px; border: 1px solid #634533; padding: 4px; margin: 0; } input[type="submit"] { background-color: #005FA1; color: #fff; cursor: pointer; text-transform: uppercase; border: none; padding: 4px 8px 4px 8px; margin: 15px 10px 0 0; width: auto; } input[type="reset"] { background-color: #005FA1; color: #fff; cursor: pointer; text-transform: uppercase; border: none; padding: 4px 8px 4px 8px; margin: 15px 10px 0 0; width: auto; } select { width: 58px; background-color: #fff; color: #1e1e1e; font-size: 10px; line-height: 16px; border: 1px solid #634533; padding: 4px; margin: 0; } fieldset { min-height: 400px; border: none; margin: 0; padding: 0; } fieldset ol { list-style-type: none; margin: 0; padding: 0; } fieldset li { float: left; padding: 0; } fieldset li.last { float: left; clear: both; margin: 0; } fieldset li.text { float: left; clear: both; margin: 0; } *+html legend { margin-left: 0px; } *+html textarea { width: 300px; } *+html li.last { width: 100px; padding: 0; } *+html input[type="submit"] {width: 100px; } /* lytebox ------------------------------------------------------------------------------ */ #lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 600px; } #lbOverlay.grey { background-color: #99BFD9; } /* hintergrund über gesamte Seite */ #lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; } #lbMain a img { border: none; } /* hauptflaeche */ #lbOuterContainer { position: relative; background-color: #fff; width: 500px; height: 500px; margin: auto; } #lbOuterContainer.grey { border: 3px solid #fff; } /* rahmen */ #lbDetailsContainer { font-size: 11px; line-height: 14px; color: #666; background-color: #fff; overflow: auto; margin: auto; padding: 0; } #lbDetailsContainer.grey { border: 3px solid #fff; border-top: none; } /* Infoflaeche */ #lbImageContainer, #lbIframeContainer { padding: 10px; } /* Bildzentrierung */ #lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/gallery/loading.gif) center no-repeat; } /* loading */ #lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lbImageContainer #lbHoverNav { left: 0; } #lbHoverNav a { outline: none; } /* ?*/ #lbPrev { width: 49%; height: 100%; display: block; left: 0; float: left; } #lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../images/gallery/prev.png) left 15% no-repeat; } /* Zurueck */ #lbNext { width: 49%; height: 100%; display: block; right: 0; float: right; } #lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../images/gallery/next.png) right 15% no-repeat; } /* Weiter */ #lbDetailsData { padding: 10px; } /* Rahmen um Infoflaeche */ #lbDetailsData.grey { color: #666; } /* Schriftfarbe Infoflaeche */ #lbDetails { width: 80%; float: left; text-align: left; } /* Formatierung infoflaeche */ #lbCaption { display: block; } /* Formatierung infoflaeche Text */ #lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbClose { width: 75px; height: 20px; float: right; margin-bottom: 1px; } #lbClose.grey { background: url(../images/gallery/close.png) no-repeat; } /* -------------------------------------------------------------------------------------- */