|
|
- /* global styles */
-
- body {
- font-family: Verdana, Geneva, sans-serif;
- background: #e8e8e8;
- margin: 0;
- padding: 0;
- }
-
- a {
- text-decoration: none;
- }
-
- p {
- padding: 0.25em;
- }
-
- h1, h2, h3, p {
- margin: 0;
- clear: both;
- }
-
- ul {
- list-style-type: none;
- }
-
- table th {
- text-align: left;
- padding-right: 1em;
- padding-bottom: 0.5em;
- }
-
- span.cursive {
- font-family: cursive;
- font-size: larger;
- }
-
- /* page area styles */
-
- #wrapper {
- background: #fff;
- width: 960px;
- margin: 15px auto;
- overflow: hidden;
- box-shadow: 0px 0px 6px 2px #bbb;
- }
-
-
- /* header styles */
-
- #header {
- position: relative;
- margin: 8px 8px 0 8px;
- padding: 0;
- }
-
- #header h1 {
- position: absolute;
- left: 10px;
- bottom: 10px;
- color: #fff;
- /*text-shadow: -0.06em -0.06em 0.06em black,
- 0.04em 0.04em 0.06em white;*/
- text-shadow: .05em .05em .05em #000;
- }
-
- #header img {
- display: block;
- }
-
-
- /* navigation bar */
-
- #nav {
- margin: 8px 8px 0 8px;
- overflow: hidden;
- }
-
- #nav ul {
- margin: 0;
- padding: 0;
- }
-
- #nav ul li {
- float: left;
- width: 20%;
- }
-
- #nav ul li a {
- display: block;
- padding: .5em 0.25em;
- border-right: 1px solid black;
- background-color: darkolivegreen;
- color: white;
- text-transform: uppercase;
- text-shadow: #666 .1em .1em .1em;
- font-weight: bold;
- text-align: center;
- }
-
- #nav ul li a.nav-right {
- border-right: none;
- }
-
- #nav ul li a:hover {
- color: #ddd;
- background-color: green;
- }
-
- #nav ul li a.active {
- background-color: seagreen;
- }
-
-
- /* content styles */
-
- #content {
- overflow: hidden;
- clear: left;
- margin: 8px 8px 0 8px;
- padding: 0 15px 15px 15px;
- }
-
- #content h2 {
- color: darkolivegreen;
- padding: .65em 0 .25em 0;
- }
-
- #content h3 {
- padding: 0.5em 0 0.4em 0;
- }
-
- #content p {
- padding: 0.25em 0em;
- }
-
- #content a {
- color: black;
- border-bottom: dotted 1px black;
- }
-
- #content a:hover {
- color: #666;
- }
-
- #content #maps {
- padding: 10px 0;
- }
-
- #content #index-img {
- margin 0 auto;
- padding-left: 10px;
- }
-
- #content #index-img img {
- padding: 30px;
- vertical-align: middle;
- }
-
- #content #index-img img.img-left {
- -webkit-transform: rotate(-5deg);
- -moz-transform: rotate(-5deg);
- -o-transform: rotate(-5deg);
- -ms-transform: rotate(-5deg);
- transform: rotate(-5deg);
- }
-
- #content #index-img img.img-right {
- -webkit-transform: rotate(5deg);
- -moz-transform: rotate(5deg);
- -o-transform: rotate(5deg);
- -ms-transform: rotate(5deg);
- transform: rotate(5deg);
- }
-
- #content #content-left {
- float: left;
- width: 68%;
- }
-
- #content #content-right {
- float: right;
- width: 30%
- }
-
- #content #content-right ul {
- padding-left: 1em;
- margin: 0.5em 0;
- list-style-type: square;
- }
-
- #img-gallery {
- float: left;
- width: 540px;
- padding: 0;
- margin: 15px 0;
- }
-
- #gallery-big {
- margin-bottom: 5px;
- float: left;
- }
-
- #img-gallery img.gallery-small {
- background: url(../images/transparent.png) center no-repeat;
- width: 125px;
- height: 100px;
- float: left;
- padding: 5px;
- margin: 0;
- border: 0px solid #D9D9D9;
- }
-
- #img-gallery img.gallery-small.gallery-left {
- padding-left: 0;
- }
-
- #img-gallery a {
- margin: 0;
- padding: 0;
- }
-
- #img-gallery a span {
- background: #fff;
- display: none;
- }
-
- #img-gallery a:hover {
- background: #fff;
- padding: 0;
- margin:0;
- }
-
- #img-gallery a:hover span {
- margin: 0;
- display: block;
- position: relative;
- top: 0;
- left: 0;
- height: 398px;
- padding: 0;
- border: 0 solid #D9D9D9;
- z-index: 100;
- background: no-repeat;
- }
-
- a#wohnung0:hover span {
- background-image: url(../images/wohnung1.jpg);
- }
- a#wohnung1:hover span {
- background-image: url(../images/wohnung2.jpg);
- }
- a#wohnung2:hover span {
- background-image: url(../images/wohnung3.jpg);
- }
- a#wohnung3:hover span {
- background-image: url(../images/wohnung4.jpg);
- }
- a#wohnung4:hover span {
- background-image: url(../images/wohnung5.jpg);
- }
- a#wohnung5:hover span {
- background-image: url(../images/wohnung6.jpg);
- }
- a#wohnung6:hover span {
- background-image: url(../images/wohnung7.jpg);
- }
- a#wohnung7:hover span {
- background-image: url(../images/wohnung8.jpg);
- }
-
-
- /* footer styles */
-
- #footer {
- clear: both;
- margin: 8px;
- padding-top: 7px;
- border-top: solid 2px #bbb;
- overflow: hidden;
- font-size: small;
- }
-
- #footer-left {
- float: left;
- }
-
- #footer-right {
- float: right;
- }
-
- #footer-right a {
- padding-left: 1em;
- color: black;
- }
-
- #footer-right a:hover {
- color: #666;
- }
|