/* Theme Name: Lue Theme URI: http://www.design4u.org/ Description: Ein Theme für die Lue Author: Vitaliy Malykin & Design4u Version: 1.0 */ /* CSS Document */ * { margin:0; padding:0; font-size:100%;} body{ background:#09090b; text-align:center;} .body-bg{ background:url(images/body-bg.jpg) top center repeat-y;} .top-tail{ background:url(images/top-tail.png) top repeat-x;} .bot-tail{ background:url(images/bot-tail.png) bottom repeat-x;} img {vertical-align:top; } a img { border:0; float:left; margin:10px;} ul { list-style:none;} .left { float:left;} .right {float:right;} .clear { clear:both;} html{ font-family:Arial, Helvetica, sans-serif; font-size:0.72em; line-height:1.455em; color:#988d85;} input, select { vertical-align:middle; font-weight:normal;} a {color:#BF0B0B; outline:none;} a:hover{text-decoration:none;} p {padding-top:12px;} strong{ color:#dedede; display:block; font-size:1.182em;} h3{ font-size:2.182em; line-height:1.25em; text-transform:uppercase; letter-spacing:-1px; background:url(images/title-line.gif) bottom left no-repeat;} h3 strong{ display:block; font-size:0.542em; color:#59504c !important; letter-spacing:normal; margin-top:-11px; padding-bottom:6px; margin-bottom:14px;} /* ============================= main layout ====================== */ .imgindent {margin:0 20px 0 0; float:left;} .phone{ float:right; padding-right:76px;} .space1{ margin-left:50px;} .space2{ margin-left:30px;} .space3{ margin-left:20px;} .space4{ margin-left:27px;} .margin1{ margin-top:10px !important;} .padding1{ padding-top:16px;} .padding2{ padding-top:12px;} /* ============================= header ====================== */ #header{ position:relative;} #header .logo{ position:absolute; margin:7px 0 0 345px;} #header .top{ width:100%; overflow:hidden; height:34px; font-size:0.818em; text-transform:uppercase; margin-bottom:19px;} #header .top ul{ float:right; padding:9px 18px 0 0;} #header .top ul li{ float:left; color:#fff; padding-left:5px;} #header .top ul a{ color:#7a6c6b; text-decoration:none; display:inline-block; margin-right:5px;} #header .top ul a:hover{ color:#BF0B0B;} #header .top div{ padding:9px 0 0 18px;} #header .top div span{ color:#fff;} #header .menu{ width:100%; overflow:hidden;} #header .menu li{ float:left; font-size:1em; text-transform:uppercase; padding-right:1px; font-weight:bold;} #header .menu ul{ padding:18px 27px 0 27px;} #header .menu .right{ float:right;} #header #rightmenue {float:right;} #header .menu a{ display:inline-block; width:103px; text-align:center; text-decoration:none; color:#999594; background:url(images/menu-item-bg.png) no-repeat 0 0; padding:11px 0 15px 0;} #header .menu a:hover, #header .current_page_item a{ background:url(images/menu-item-bg-act.png) no-repeat 0 0; color:#e9e9e9;} .gallery{ position:relative; padding:15px 16px 0 17px;} .pagination{ position:absolute; background:url(images/paginaton-bg.png); padding:17px 7px 13px 12px; margin:107px 0 0 911px;} .pagination li{ font-size:0.818em; padding-bottom:1px;} .pagination .last a{ background:none; padding:0;} .pagination .last a:hover{ background:none;} .pagination a{ display:inline-block; text-decoration:none; color:#fff; width:25px; text-align:center; background:url(images/gallery-item-bg.png) no-repeat 0 0; padding:4px 0 5px 0;} .pagination a:hover, .pagination .active{ color:#191110; background:url(images/gallery-item-bg-act.png) no-repeat 0 0;} /*===== anythingSlider =====*/ .anythingSlider { width: 965px; height: 379px; position: relative; } .anythingSlider .wrapper { width: 965px; height: 379px; position: absolute; top: 0; left: 0; } .anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .anythingSlider ul li { display: block; float: left; padding: 0; height: 379px; width: 965px; margin: 0; } .anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; } .anythingSlider .forward { background-position: 0 0; right: -20px; } .anythingSlider .back { background-position: -67px 0; left: -20px; } .anythingSlider .forward:hover { background-position: 0 -200px; } .anythingSlider .back:hover { background-position: -67px -200px; } #start-stop { background: #414141; color: #d1d1d1; padding: 2px 18px; text-align: center; position: absolute; left: 19px; bottom: 17px; font-size:11px; text-transform:uppercase; text-decoration:none;} #start-stop.playing { background-color:#414141 ; } #start-stop:hover { background-image: none; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } /*===== anythingSlider =====*/ /* ============================= content ====================== */ #content{ background:url(images/content-bg.png); border-top:solid 9px #130e0f; padding:14px 35px 38px 43px; margin-top:15px;} .text1{ color:#dedede; display:block;} .line1{ background:url(images/line.gif) repeat-y 295px 0;} .line2{ background:url(images/line.gif) repeat-y 617px 0;} .link{ display:inline-block; background:url(images/link-bg.gif) no-repeat right 5px; padding-right:11px; margin-top:21px;} .link1{ display:inline-block; background:url(images/link-bg.gif) no-repeat right 5px; text-decoration:none; padding-right:11px;} .link1:hover{ color:#fff;} .link2{ color:#dedede;} .list{ margin:-4px 0;} .list li{ background:url(images/list-marker.gif) no-repeat 0 9px; line-height:2.182em; padding-left:16px;} .list a{ color:#dedede; text-decoration:none;} .list a:hover{ color:#BF0B0B;} .list1 {list-style-type:none; color:#988d85;} .list1 a{ color:#988d85; text-decoration:none;} .list1 a:hover{ color:#BF0B0B;} .list1 li{text-decoration:none;} /* ============================= footer ====================== */ #footer{ margin-top:19px; text-align:center; font-size:0.818em; text-transform:uppercase; color:#706662;} #footer p{ padding-top:33px;} #footer a{ color:#fff; text-decoration:none;} #footer a:hover{ color:#BF0B0B;} /* ============================= forms ============================= */ #ContactForm{ padding-top:1px;} #ContactForm label{ display:block; height:30px;} #ContactForm input{ border:solid 1px #403f3e; background:#989694; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#302624; padding:3px 2px 4px 9px; width:256px;} #ContactForm textarea{ border:solid 1px #403f3e; background:#989694; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#302624; padding:3px 2px 4px 9px; width:256px; height:115px; overflow:auto;} #ContactForm .link{ float:right; margin:12px 5px 0 20px;} #lightbox-overlay-text-about, .piclenselink{ visibility:hidden; } .galerieeinheit{ width:340px; float:left; margin-left:20px; margin-bottom:20px; text-align:center; } a.tooltip{ position:relative; /*this is the key*/ z-index:24; text-decoration:none; } a.tooltip:hover{z-index:25; background-color:inherit; color:#ffffff; } a.tooltip span{display: none} a.tooltip:hover span{ /*the span will display just on :hover state*/ display:block; position:absolute; top:-10em; left:-10em; width:30em; border:1px solid #ccc; background-color:#7F615F; color:#000000; text-align:center; padding:3px; text-transform:none; font-family: "Trebuchet MS", Verdana, sans-serif; } #design4u { display:inline; float:right; margin-right:3%; margin-top:-5px; } a.d4utooltip{ position:relative; /*this is the key*/ z-index:24; text-decoration:none;} a.d4utooltip:hover{z-index:25; background-color:inherit; color:#ffffff; } a.d4utooltip span{display: none} a.d4utooltip:hover span{ /*the span will display just on :hover state*/ display:block; position:absolute; top:-5em; right:2em; width:10em; border:1px solid #ccc; background-color:#7F615F; color:#000000; text-align:center; padding:3px; text-transform:none; font-family: "Trebuchet MS", Verdana, sans-serif; }