/*-------------------- /projects/168/templates/style/base.css --------------------*/ @font-face { font-family: 'WebOswald'; font-style: normal; font-weight: 300; src: url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'WebOswald'; font-style: normal; font-weight: 400; src: url(http://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff'); } @font-face { font-family: 'WebOswald'; font-style: normal; font-weight: 700; src: url(http://themes.googleusercontent.com/static/fonts/oswald/v7/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } body, html {width:100%; height:100%; padding:0; margin:0; font-family: 'WebOswald', arial, sans-serif;letter-spacing: 1px;} body {font-size:14px; background: #000; background: #000 no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .body_home {background-image: url(../images/startscreen_essence_frau.jpg) ; } .body_location, .body_gallery, .body_pictures, .body_tables, .body_kontakt, .body_article_location, .body_articlecat_location { background-image: url(../images/xdcmedia_leather_background.jpg) ; } a, img { border:0; outline:0;} #Page { height:100%; } #Header { position:absolute; left:0px; top:20px; width:100%; z-index:103;} h1#Logo { margin: 0; padding:0 0 0 20px; height:56px; width:223px; } h1#Logo a { display:block; background: #000 url(../images/logo.png) no-repeat 16px 17px; height:56px; width:223px; overflow:hidden; text-indent:-1000px; } h1#LogoX a { background: url("../images/soulparadise_logo_web.png") no-repeat scroll 10px 10px / 174px auto #000; display: block; height: 174px; overflow: hidden; text-indent: -1000px; width: 199px;} #Footer a.fb{ z-index:100;position:absolute; bottom:20px; left:20px;display:block; background: #000 url(../images/fb.png) 8px 8px no-repeat; width: 123px; height:56px;cursor:pointer; } #FacebookBox { z-index:100;background: #000; width:306px; height:300px; position: absolute; bottom: 76px; left: 20px; z-index:1111; display:none;} .mapbubble { padding: 15px 5px 10px 15px; width:240px !important; font-weight:bold !important; } .mapbubble h2 { font-size:18px !important; font-weight:bold !important;} .mapbubble .text { padding: 0;} #Footer { z-index:103; height:85px; position: fixed; bottom:0;left:0;width:570px;} #Footer .links { z-index:100;position: absolute; left:20px; bottom:20px; } .poweredby { color: #000; text-decoration:none; font-size:10px; font-family:arial; position: fixed; z-index:100;bottom:20px; left:570px;} /*------------------------------------------------------------------------------ ------------------------------------------------------------------------------*/ #NewsletterPos { position:fixed; bottom:106px; left:20px; z-index:102; display: none;} #NewsletterPosArrow { display: none; bottom:46px; left: 82px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #000000; border-width: 30px; margin-left: -30px; } #Newsletter { background: #000; height:56px; color: #fff; padding-right:10px; } #Newsletter .text { float:left; padding: 12px 10px 0 10px; font-weight:300; font-size:20px;text-transform:uppercase; } #Newsletter input[type=text] {float:left; font-size:14px; background: #fff; border: none; padding:5px 2px; height:19px; width:130px; margin:14px 10px 0 0;} #Newsletter .button { font-weight:300;float:left; border:none; background: #fff; color: #000; height:29px; font-size:16px; text-transform: uppercase; cursor:pointer; margin-top:14px; padding: 0 5px; line-height:29px;} /* bis X */ @media only screen and (max-width: 1100px) { #Footer { width: 415px} #Footer a.link {margin-bottom:20px;} #Footer a.kontakt {margin-bottom: 0px;} #Footer a.newsletter {margin-bottom:20px; z-index:103; position:relative;} .poweredby { left: 160px;} #NewsletterPos {bottom:258px;} #NewsletterPosArrow {bottom:198px;} } /*------------------------------------------------------------------------------ ------------------------------------------------------------------------------*/ .rightmenu { position:absolute; top:0; right:20px; height:56px; } .rightmenu a { float:left; height:56px; line-height: 56px; font-size:20px; margin-left: 15px; text-decoration:none; color: #fff; text-decoration: uppercase; font-weight: 300;background: #000; text-transform:uppercase;} .rightmenu a { padding: 0 20px;} .rightmenu a:hover {background: #fff; color: #000;} /*------------------------------------------------------------------------------ ------------------------------------------------------------------------------*/ .HomeEventsWrapper { overflow:hidden; padding-top:20px; z-index:101; position: relative;} .HomeEventsWrapper > div { } .HomeEventsWrapperPos {float:right; padding-right:20px; margin-top: 80px;} .HomeEvents { overflow:hidden; } .HomeEventItem { position:relative;cursor:pointer;background: #000; background: rgba(0, 0, 0, 0.8); width:350px; padding:15px; color: #fff; margin-top:10px; -webkit-transition: background-color 400ms linear, color 400ms linear;-moz-transition: background-color 400ms linear, color 400ms linear;-o-transition: background-color 400ms linear, color 400ms linear;transition: background-color 400ms linear, color 400ms linear;} .HomeEventItem.active, .HomeEventItem:hover {background: #fff; background:rgba(255, 255, 255, 0.8); color: #000;} .HomeEventItem .date { min-height :25px; font-size:16px;text-transform: uppercase;letter-spacing: 1px; } .HomeEventItem h2 { min-height:29px;font-size:24px; font-weight: normal; margin:0;padding:0 30px 0 0; line-height:1.2em; text-transform: uppercase; letter-spacing: 1px;} .HomeEventItem .teaser { font-weight:300; font-size:12px;line-height:1.4em;letter-spacing: 1px; text-align: justify; padding-top:3px;} .HomeEventItem .teaser p {margin:0;padding:0;} .HomeEventItem .text { font-weight:300; font-size:12px;line-height:1.4em;letter-spacing: 1px; text-align: justify; border-top:1px dashed #000; padding-top:10px; margin-top:10px;} .HomeEventItem .text p {margin:0;padding:0;} .HomeEventItem .readmore { position:absolute; top:13px; right:13px;display:block; color: #fff; background: #000 url(../images/arrow_right.png) no-repeat 22px 7px; text-indent:-1000px; text-decoration:none; width:64px; height:64px; overflow:hidden; text-transform:uppercase; font-size:11px; line-height:12px;} .HomeEventItem .readmore2 { padding-top:5px;text-align:center; position:absolute; top:17px; right:17px;display:block; color: #fff; background: #000; text-decoration:none; width:51px; height:46px; overflow:hidden; text-transform:uppercase; font-size:11px; line-height:12px;} .HomeEventItem .readmore2 img { width: 20px;} #HomeEventsPagerUp { width: 53px; height: 27px; margin: 0 auto; background: url(../images/arrow_top.png) no-repeat; cursor:pointer; text-indent:-1000px; overflow:hidden;} #HomeEventsPagerDown { width: 53px; height: 27px; margin: 20px auto 0 auto; background: url(../images/arrow_bottom.png) no-repeat; cursor:pointer;text-indent:-1000px; overflow:hidden;} @media only screen and (min-height: 800px) { .HomeEventItemX { background: #ff0;} .HomeEventsWrapperPos { padding-right:20px;} .HomeEventItem { padding:15px; margin-top:15px; } .HomeEventItem .date {min-height:28px;font-size:18px;} .HomeEventItem h2 {min-height :31px;font-size:26px;} .HomeEventItem .teaser {font-size:14px;} .HomeEventItem .text {font-size:14px;} #Events .readmore2 { top:20px;right:20px;} } /* @media only screen and (min-height: 1000px) { .HomeEventsWrapperPos { padding-right:20px;} .HomeEventItem { padding:20px; margin-top:20px; } .HomeEventItem .date {font-size:24px;} .HomeEventItem h2 {font-size:34px;} .HomeEventItem .teaser {font-size:16px;} }*/ /* ab 1000px */ @media only screen and (min-width: 1000px) { .HomeEventsWrapperPos { margin-top: 7%;} .HomeEventItemX { background: #f00;} .HomeEventItem { width:450px; } } /* ab 1200px */ @media only screen and (min-width: 1200px) { .HomeEventsWrapperPos { margin-top: 7%;} .HomeEventItemX { background: #a00;} .HomeEventItem { width:550px; } } /* ab 1400px */ @media only screen and (min-width: 1400px) { .HomeEventsWrapperPos { margin-top: 7%;} .HomeEventItemX { background: #600;} .HomeEventItem { width:650px; } } #Events .content {display:none;} .EventDetailWrapper {overflow:hidden; z-index:101; position: relative;} .EventDetailPos { float:right; padding-right:20px; margin-top: 95px;} .EventDetail {background: #000; background: rgba(0, 0, 0, 0.8);color: #fff; padding:20px; width:600px; font-weight:300; position: relative;} .EventDetail h2 {display:block; font-size:18px; line-height:18px; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; margin:0; padding:0;} .EventDetail h3 {display:block; font-size:24px; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; margin:0; padding:0;} .EventDetail h4 {display:block; font-size:18px; line-height:18px; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; margin:15px 0; padding:0;} .EventDetail .text { border-top:1px dashed #fff; margin-top:5px; padding-top:10px;} .EventDetail .text p { margin:0 0 15px 0; padding:0;} .EventDetail .flyer {float:right; margin-left:10px;} .EventDetail .images { overflow:hidden;} .EventDetail .images .image { float:left; margin:10px 10px 0px 0;} .EventDetail .fblike { position:absolute; left:-100px; top:0; background: #000; background: rgba(0, 0, 0, 0.8);padding:10px 10px 5px 10px; width:80px;} .EventDetail a { color: #f00;} .EventDetail .links { position:absolute; right:20px; top:20px; overflow:hidden; } .EventDetail a.back { margin-left:10px; float:left; display:block; background: #fff url(../images/arrow_left_black.png) no-repeat 10px 6px ; overflow:hidden; width:40px; height:40px; text-indent: -1000px;} .EventDetail a.next { margin-left:10px;float:left; display:block;background: #fff url(../images/arrow_right_black.png) no-repeat 14px 6px ; overflow:hidden; width:40px; height:40px;text-indent: -1000px;} .EventDetail a.top { margin-left:10px;float:left; display:block;background: #fff url(../images/arrow_left2_black.png) no-repeat 8px 6px ; overflow:hidden; width:40px; height:40px;text-indent: -1000px;} /*------------------------------------------------------------------------------ ------------------------------------------------------------------------------*/ .ArticleDetailWrapper {overflow:hidden;z-index:101; position: relative;} .ArticleDetailPos {overflow:hidden; float:right; padding-right:20px; margin-top: 95px;} .ArticleDetail {background: #000;background: rgba(0, 0, 0, 0.8); color: #fff; padding:20px 20px 10px 20px; width:600px; font-weight:300;} .ArticleDetail h2 {display:block; font-size:24px; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; margin:0; padding:0;} .ArticleDetail h3 {display:block; font-size:18px; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; margin:0; padding:0;} .ArticleDetail .text { border-top:1px dashed #fff; margin-top:5px; padding-top:10px;} .ArticleDetail .text p { margin:0 0 15px 0; padding:0;} .ArticleDetail a { color: #f00;} /*------------------------------------------------------------------------------ ------------------------------------------------------------------------------*/ .LocationListeWrapper { overflow:hidden; padding-top: 0px; } .LocationListePos {float:right; padding-right:20px; margin-top: 95px;} .LocationListeBackground {background: #000; background: rgba(0, 0, 0, 0.8); width:300px; padding:20px 20px 10px 20px;} .LocationListe { width:300px; padding:0px; height:495px;} .LocationListeItem { display:block;cursor:pointer; margin-bottom:10px; height:150px; position: relative; overflow:hidden;} .LocationListeItem .hover { color: #fff;position:absolute; top:150px; left:0; width:300px; height:150px; background: #000; background: rgba(0, 0, 0, 0.8); } .LocationListeItem .hover > divX { display: table-cell; vertical-align: middle; text-align: center; width:300px; height:150px;} .LocationListeItem .hover > div { padding:10px; font-weight:300; font-size:14px;} .LocationListeItem .hover h4 { margin:0;padding: 0 0 5px 0; font-weight:400; font-size:18px;} .LocationListeItem .hover p { margin:0;padding: 0} .LocationListeItem .hover .readmore { text-decoration:underline;} /*------------------------------------------------------------------------------ ------------------------------------------------------------------------------*/ .LocationGalleryWrapper { overflow:hidden; padding-top:00px; } .LocationGalleryPos {float:right; padding-right:20px; margin-top: 95px;} .LocationGalleryBackground {background: #000; background: rgba(0, 0, 0, 0.8); width:300px; padding:20px 20px;} .LocationGallery { width:300px; padding:0px; height:495px;} .LocationGalleryItem { cursor:pointer; margin-bottom:10px; height:150px; position: relative; overflow:hidden;} .LocationGalleryItem .hover { color: #fff;position:absolute; top:150px; left:0; width:300px; height:150px; text-align:center; background: #000; background: rgba(0, 0, 0, 0.8);} .LocationGalleryItem .hover > div { display: table-cell; vertical-align: middle; text-align: center; width:300px; height:150px;} #LocationGalleryUp { width: 53px; height: 27px; margin: 10px 10px 0 90px ; background: url(../images/arrow_top.png) no-repeat; cursor:pointer; text-indent:-1000px; overflow:hidden; display:inline-block;} #LocationGalleryDown {width: 53px; height: 27px; margin: 0 0 0 10px; background: url(../images/arrow_bottom.png) no-repeat; cursor:pointer;text-indent:-1000px; overflow:hidden; display:inline-block;} .LocationGalleryBackground .articletext {font-weight:300; font-size:14px; color: #fff;} /*------------------------------------------------------------------------------ ------------------------------------------------------------------------------*/ .dropdown {position: relative; height:30px; background:#000; width:300px; margin:7px 0 0px 0; } .dropdown .selected {color: #fff; font-size: 16px; padding:0px 22px 0px 6px; line-height: 30px;height:30px; text-align: left; position: relative; overflow:hidden;} .dropdown .downlist { display:none; position:absolute; right:0; padding: 3px 0 0 0; margin: -3px 0 0 0; list-style: none;background: #000;width:300px; border:0px solid #333; } .dropdown ul { position:relative; padding: 0px 0 0 0; margin: 0; list-style: none; } .dropdown li {padding: 0; margin: 0; list-style: none;} .dropdown li a { color: #fff; font-size: 16px; padding:4px 4px 4px 5px; display: block; text-decoration: none;} .dropdown li a:hover { background:#e5e5e5; text-decoration: none; color:#333;} .dropdown .arrow { position:absolute; top:9px; right:9px;width:12px; height:11px; background:url(/public/images/arrows/white/arrow_down_11x12.png) 0px 0px no-repeat;} .dropdown:hover .downlist {display:block;} .dropdown:hover { display: block; z-index:100; } /*------------------------------------------------------------------------------ ------------------------------------------------------------------------------*/ .KontaktFormWrapper {overflow:hidden; z-index:101; position: relative; } .KontaktFormPos {overflow:hidden; float:right; padding-right:20px; margin-top: 7%;} .KontaktForm {background: #000; background: rgba(0, 0, 0, 0.8);color: #fff; padding:20px; width:600px; font-weight:300;} .KontaktForm h2 {display:block; font-size:24px; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; margin:0; padding:0;} .KontaktForm h3 {display:block; font-size:18px; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; margin:0; padding:0;} .KontaktForm .text { border-top:1px dashed #fff; margin-top:5px; padding-top:10px;} .KontaktForm .text p { margin:0 0 5px 0; padding:0;} .KontaktForm .contactform {margin-top:10px;} .KontaktForm label { display: block; text-transform: uppercase;} .KontaktForm .formelement_row { overflow:hidden; margin: 0 0 20px 0;} .KontaktForm .formelement { margin:0 20px 0 0} .KontaktForm .formelement.float {float:left; } .KontaktForm .formelement.nomargin { margin-right:0;} .KontaktForm input[type=text] { font-size:16px; background: #fff; border: none; padding:5px 2px; width:286px;} .KontaktForm select { font-size:16px; background: #fff; border: none; padding:3px 2px; width:288px;} .KontaktForm textarea {font-size:16px; background: #fff; border: none; font-family: arial; padding:2px;width:596px; height:150px;} .KontaktForm .submitelement { overflow:hidden;} .KontaktForm .submitelement .pflichttext {float:left; color: #f00; padding-top:3px; } .KontaktForm .pflicht { font-weight:bold; color: #f00;} .KontaktForm .submitelement .button { -webkit-appearance: none; font-weight:300;font-family: 'WebOswald', arial, sans-serif;float:right; border:none; background: #fff; color: #000; height:29px; font-size:16px; text-transform: uppercase; cursor:pointer; } .KontaktForm .captchawrapper { float:left; padding-left:50px;} .KontaktForm .captchawrapper .title {float:left; padding-top:3px;} .KontaktForm .captchawrapper .captcha {float:left;padding:3px 10px 0 10px;} .KontaktForm .captchawrapper input[type=text]{ width:40px;} @media only screen and (max-height:768px) { #NewsletterPosX {display:none;} } /* bis einer Höhe von X @media only screen and (max-height:900px) { #NewsletterPos { position:fixed; bottom:90px; left:20px; right:auto; z-index:100;} #NewsletterX .text { font-size:14px; padding: 12px 5px 0 10px;} #NewsletterX { background: #f00; height:45px;} #NewsletterX input[type=text] { padding:2px 2px; width:100px; margin:10px 5px 0 0;} #NewsletterX .button {font-size:14px; padding: 0 3px; line-height:29px; margin-top:10px;} } */ /*------------------------------------------------------------------------------ ------------------------------------------------------------------------------*/ .fotos_in_kuerze { color: #fff; font-size: 20px; padding:100px 0 0 20px;} .AlbumListe {padding:100px 0 186px 20px; overflow:hidden;} .AlbumListItem {background: #fff; float:left; padding:10px; margin: 0 17px 20px 0; width: 203px; height:340px; position:relative;} .AlbumListItem .image {} .AlbumListItem .content{} .AlbumListItem .content h2 { margin:0; padding:0;} .AlbumListItem .content h2 a { text-decoration:none;color: #000;} .AlbumListItem .content h2 .date { display:block; font-size:14px;text-transform: uppercase;letter-spacing: 1px; font-weight: normal;} .AlbumListItem .content h2 .title {display:block; font-size:14px;text-transform: uppercase;letter-spacing: 1px;font-weight: 300;} .AlbumListItem .content .counts { position: absolute; overflow:hidden;position: absolute; left: 10px; bottom:40px;} .AlbumListItem .content .counts .pics { overflow:hidden; background: url('../images/count.png') no-repeat; width:100px; height:35px; line-height:34px; padding-left:5px;} .AlbumListItem .content .counts .views { overflow:hidden; background: url('../images/clicks.png') no-repeat 0px 3px ; height:35px; line-height:34px; padding-left:5px;} .AlbumListItem .content .counts > div { float:left; font-size:10px;font-family:arial;} .AlbumListItem .content .counts strong { width:27px; float:left;color:#fff; margin-right: 10px; text-align: center;font-size:11px; text-transform: uppercase;} .AlbumListItem .buttons {overflow: hidden; position: absolute; right: 10px; bottom:10px;} .AlbumListItem .buttons .button { float:right; color: #fff; background: #000; text-decoration:none; padding: 0 5px; text-transform: uppercase; font-size: 12px;} #gridwrapper {padding:20px 20px 60px 20px;} .GalleryHeadWrapper { padding:100px 20px 0 20px; color: #fff;} .GalleryHead { overflow:hidden; position: relative; min-width:950px; } .GalleryHead h2 {float:left; margin:0; padding:0; font-weight:normal; min-width:400px;} .GalleryHead h2 .date {display:block; font-size:20px;text-transform: uppercase;letter-spacing: 1px; font-weight: normal;} .GalleryHead h2 .title {display:block;font-size:22px;text-transform: uppercase;letter-spacing: 1px;font-weight: 300; } .GalleryHead .counts { position: absolute; overflow:hidden; left:220px; top:-2px;} .GalleryHead .counts .pics { overflow:hidden; background: url('../images/count.png') no-repeat; width:100px; height:35px; line-height:34px; padding-left:5px;} .GalleryHead .counts .views { overflow:hidden; background: url('../images/clicks.png') no-repeat 0px 3px ; height:35px; line-height:34px; padding-left:5px;} .GalleryHead .counts > div { float:left; font-size:10px;font-family:arial;} .GalleryHead .counts strong { width:27px; float:left;color:#fff; margin-right: 10px; text-align: center;font-size:11px; text-transform: uppercase;} .GalleryHead .quickfinder { float:left;border-left: 1px solid #fff; border-right: 1px solid #fff; height:60px; padding: 0 20px; margin-left:20px;} .GalleryHead .quickfinder .title { padding:3px 0 0 0px; text-transform: uppercase; font-weight: 300; letter-spacing: 1px;} .GalleryHead .social { float:left; padding:20px 20px 0 20px; } #album_autocomplete {color: #000; font-size: 13px; padding:0px 22px 0px 6px; line-height: 26px;height:26px; text-align: left; position: relative; background: #fff; border:0; margin-top:7px; width:200px; text-transform: uppercase;} .ui-autocomplete { background: #fff; -webkit-border-radius: 0px;-moz-border-radius:0px;border-radius: 0px; color: #000; border:0;text-transform: uppercase;} .dropdown ul { position:relative; padding: 0px 0 0 0; margin: 0; list-style: none; } .ui-autocomplete li {padding: 0; margin: 0; list-style: none;} .ui-autocomplete li a {cursor:pointer; color: #000; font-size: 12px; padding:4px 0px 4px 0px; display: block; text-decoration: none;font-family: 'WebOswald', arial, sans-serif;letter-spacing: 1px;} .ui-autocomplete li a:hover { background:#000; text-decoration: none; color:#fff;-webkit-border-radius: 0px;-moz-border-radius:0px;border-radius: 0px;border:0;} a.ui-state-hover {margin:0 !important; } .ui-helper-hidden-accessible {display:none;} /*------------------------------------------------------------------------------ .pagination ------------------------------------------------------------------------------*/ .pagination {color:#333; margin:0px 0 0px 0;padding: 5px 0 0 20px ; overflow:hidden;font-family:arial;} .pagination ul {list-style:none; margin:0;padding:0;float:left;} .pagination li {text-align:center;float:left;font-size:20px;font-weight:bold; color:#222;margin:0 10px 0 0 ;padding:0px 0px; min-width:40px;height:40px; line-height: 40px;background: #000; } .pagination li a, .pagination li a:link, .pagination li a:visited {text-decoration:none;margin:0 ;padding: 0px 5px; height:40px; line-height: 40px;color:#FFF; display:block;} .pagination li.activepage a, .pagination li a:hover, .pagination li a:active {background-color:#fff; color: #000; } /*--------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ .MsgBoxInfo, .MsgBoxNotify, .MsgBoxOk, .MsgBoxError, .MsgBoxWarn, .errorMsg, .okMsg { position: relative; margin: 5px 0 10px 0; padding: 0; border: 1px solid; display:block; background-repeat: no-repeat !important; font-size: 13px; font-style:normal; padding: 10px ; line-height: 1.5em; } .MsgBoxInfo {background: #EAF0F6 url('/img/silk/information.png') 10px 11px; padding-left:35px;border-color: #BCC6D0;color: #404040;} .MsgBoxNotify {background: #fffbcc url('/img/silk/bell.png') 10px 11px; padding-left:35px; border-color: #e6db55;color: #666452;} .MsgBoxOk,.okMsg { background: #d5ffce url('/img/silk/accept.png') 10px 11px ; padding-left:35px; border-color: #9adf8f;color: #556652;} .MsgBoxError,.errorMsg {background: #ffcece url('/img/icons/error_16x16.png') 10px 11px ; padding-left:35px; border-color: #df8f8f;color: #665252;} .MsgBoxWarn { background: #fffbcc url('/img/silk/error.png') 10px 11px; padding-left:35px; border-color: #e6db55; color: #666452; } #ErrorMsg404 {text-align: center; width:400px; margin: 0 auto; padding-top: 160px; font-size: 24px; font-weight: bold; color: #2f2f2f; background: url('/img/caution_icon_125x125.png') no-repeat 50% 20px ;} /*------------------------------------------------------------------------------ ------------------------------------------------------------------------------*/ #fancybox-overlay {z-index:100000;} #fancybox-wrap {z-index:100001;} #fancybox-loading {z-index:100004;} /*------------------------------------------------------------------------------ ------------------------------------------------------------------------------*/ .delete_image_request_form { width:632px;} .delete_image_request_form h1 {font-weight: normal;} .delete_image_request_form .imageformwrapper {overflow:hidden;} .delete_image_request_form .image { float:left; width:230px; margin: 5px 0 0 0;} .delete_image_request_form form {float:left; width:402px;} .delete_image_request_form form label { text-transform:uppercase; font-size:14px; font-weight: normal; color: #666;} .delete_image_request_form form textarea { font-family:arial; border:1px solid #ccc; width:400px; height:150px;} .delete_image_request_form .submitelement { overflow:hidden; padding: 10px 0 0 0;} .delete_image_request_form .submitelement input {float:right; background: #000; color: #fff; border:none; cursor:pointer; height:30px;} /*-------------------- /projects/168/templates/style/gridGallery.css --------------------*/ body{ margin:0; overflow-y: scroll; /* This is optional, but you need it for a full width gallery */ } img { width: auto\9; } #galleryhead { position:absolute; top:20px; left:151px;} #galleryhead h2 {color:#fff; font-size:69px; line-height:51px;text-transform: uppercase; font-weight:normal;letter-spacing:4px; overflow: hidden; } #galleryhead h2 span {display:inline-block; background: #000; padding:0 5px 10px 5px; } #galleryhead h2 small {line-height:40px;} .albumnav { padding-top:155px; padding-left:20px; overflow: hidden;} .albumnav a { background: none repeat scroll 0 0 #000000; color: #FFFFFF; float: left;font-size: 16px;margin: 0 10px 10px 0;padding: 6px 14px;text-decoration: none;text-transform: uppercase;} .albumnav a:hover, .albumnav a.active { background: #fff; color: #000; } /* *************************************** LOADING STYLE *************************************** */ .grid-loader{ width: 43px; height: 20px; padding: 10px 15px 10px 15px; background: url(../images/gridgallery/loader.gif) no-repeat; background-position:center; margin: 20px auto; } .grid-loadMore{ cursor: pointer; margin: 20px auto; width: 180px; height: 20px; text-align: center; color: #000; background-color: #fff; border-radius: 2px; padding: 10px 15px 10px 15px; font-size: 14px; font-family: sans-serif; position: relative; } .grid-loadMore:hover{ text-decoration: none; color: white; background: rgba(0,0,0,.8); } .grid-loadMore:afterX { width:72px; height:120px; content: ""; background: url(../images/pfeil.png) no-repeat; top:18px; left:174px; position: absolute;} /* *************************************** CATEGORY NAVIGATION BAR *************************************** */ .category-navbar{ font-size: 0px; list-style: none; margin: 0 0 10px 0; padding: 7px 0 2px 0px; width: 100%; border-bottom: 1px solid #ddd; background: white; } .category-navbar li:first-child{ margin: 0 0 0 7px; } .category-navbar li{ display: inline-block; line-height: 16px; margin: 0 0 0 0px; padding: 5px 0 5px 0; } .category-navbar li a{ cursor: pointer; color: #999; font-size: 14px; text-decoration: none; margin: 0 10px 10px 0; padding: 6px 10px; border-radius: 1px; moz-border-radius: 1px; -webkit-border-radius: 1px; } .category-navbar li a:hover{ text-decoration: none; background: #eee; color: #222; } .category-navbar li.select a{ background: #666; color: #fff; } /* *************************************** CAPTION STYLE *************************************** */ .gbox{ cursor: pointer; overflow: hidden; } .lightbox-text{ display: none; } .deletepicture-link { color: #fff; margin-left:100px; font-size:12px; background: url(../images/cross.png) no-repeat 0 50%; padding-left:20px;} .image-caption{position: absolute;width: 100%;height: 100%;background: #313131;background: rgba(0,0,0,.8);color: #fff;display: none;} .image-caption h3 { margin:5px 0 5px 0;} .image-caption h4 {font-weight:normal; margin: 0 0 5px 0;} .image-caption h5 {font-weight:normal;} /* The style for centering the caption (vertically and horizontally) */ .image-caption>div{ height: 100%; width: 100%; display: table !important; } .image-caption>div>div{ padding: 15px; display: table-cell !important; vertical-align: middle; /* FOR VERTICAL ALIGN */ text-align:center; /* FOR HORIZONTAL ALIGN */ } /* *************************************** LIGHT-BOX STYLE *************************************** */ .lightbox-timer{ height: 1px; position: absolute; bottom: 0; left: 0; background: white; } .lb-loader{ width: 43px; height: 11px; background: url(../images/gridgallery/loader.gif); margin: 20px auto; } .autoGrid-lightbox{ display: none; position: fixed; top:0; width: 100%; height: 100%; background: #313131; background: rgba(0,0,0,.85); text-align: center; z-index: 99999; } .autoGrid-lightbox img{ margin-top: 5px; margin-bottom: 20px; max-width: 100%; border: 6px solid #fff;} .autoGrid-nav{ margin-top: -57px; height: 57px; width: 100%; background: #383838; background: #1D1D1D; border-bottom: 1px solid #323232; } .autoGrid-play, .autoGrid-close, .autoGrid-next, .autoGrid-prev, .autoGrid-font{ width: 88px; height: 57px; position: relative; cursor: pointer; } .autoGrid-play:hover, .autoGrid-close:hover, .autoGrid-next:hover, .autoGrid-prev:hover, .autoGrid-font:hover{ background: black; } .selected{ background: black; } .selected .iconPlay{ background-position: -164px -3px; } .autoGrid-lbcaption{ float: left; color: white; height: 57px; font-size: 16px; } .autoGrid-lbcaption span{ margin-left: 3px; color: #D7D7D7; font-size: 11px; } .autoGrid-lbcaption>div{ height: 100%; width: 100%; display: table !important; } .autoGrid-lbcaption>div>div{ padding: 0 15px 0 15px; display: table-cell !important; vertical-align: middle; /* FOR VERTICAL ALIGN */ text-align:center; /* FOR HORIZONTAL ALIGN */ } .autoGrid-play, .autoGrid-close{ float: right; } .autoGrid-next, .autoGrid-prev{ float: right; } .iconPlay, .iconClose, .iconNext, .iconPrev, .iconFont{ position: absolute; top: 50%; left: 50%; height: 25px; display: block; } .iconClose{ width: 25px; margin: -13px 0 0 -13px; background: url(../images/gridgallery/icons.png); background-position: -2px -3px; } .iconPlay{ width: 17px; margin: -13px 0 0 -8px; background: url(../images/gridgallery/icons.png); background-position: -137px -3px; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s; } .iconFont{ width: 46px; margin: -13px 0 0 -23px; background: url(../images/gridgallery/icons.png); background-position: -85px -3px; } .iconNext, .iconPrev{ width: 15px; margin: -13px 0 0 -8px; background: url(../images/gridgallery/icons.png); } .iconPrev{ background-position: -40px -3px; } .iconNext{ background-position: -70px -3px; } /* *************************************** GRID STYLE *************************************** */ .centered { margin: auto; } .gbox { /*margin: 2px; padding: 5px;*/ /*font-size: 11px;*/ line-height: 1.4em; float: left; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .gbox_inner { border: #fff solid 6px; background: #fff;} .gbox img, #tumblelog img { display: block; width: 100%; } .rtl .gbox { float: right; text-align: right; direction: rtl; } /**** Gutters ****/ .has-gutters .gbox { margin: 5px 0; } .has-gutters .col1 { width: 90px; } .has-gutters .col2 { width: 230px; } .has-gutters .col3 { width: 370px; } .has-gutters .col4 { width: 550px; } /**** Transitions ****/ .transitions-enabled.masonry, .transitions-enabled.masonry .masonry-brick { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; } .transitions-enabled.masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .transitions-enabled.masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -ms-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top; } /* disable transitions on container */ .transitions-enabled.infinite-scroll.masonry { -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none; transition-property: none; } /**** Fluid ****/ #container.fluid { padding: 5px 0; } /* right margin value is 0.1% less than calculated, to allow for rounding errors in Firefox */ .fluid .gbox { margin: 5px 0.9% 5px 1%; padding: 5px 1%; } .fluid .gbox.col1 { width: 16%; } .fluid .gbox.col2 { width: 36%; } .fluid .gbox.col3 { width: 56%; } /**** Clearfix ****/ .grid-clearfix:before, .grid-clearfix:after { content: ""; display: table; } .grid-clearfix:after { clear: both; } .grid-clearfix { zoom: 1; } .centered{ overflow: auto; } /*-------------------- /projects/168/templates/style/kontakt.css --------------------*/ /*---------------------------------------------------------------------------- --------------------------------------------------------------------------- .contactform {margin:0; width:590px; float: left;} .contactform ul { margin:0; padding:0; list-style:none; display:block; zoom:1; list-style: none;} .contactform ul:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .contactform ul li { margin:0 20px 20px 0; padding:0; width:275px; float:left; list-style: none;} .contactform ul li.right { margin:0 0 20px 0; } .contactform ul li input[type=text] { padding:5px; width:263px; height:23px; color:#222; font-size:14px; line-height:23px; background:#eee; border:1px solid #ddd; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .contactform ul li label { color:#222; } .contactform ul li textarea { width:558px; border:1px solid #ddd; font:14px arial, helvetica, sans-serif; line-height:23px; padding:5px 5px 1px; height:90px; min-height:90px; min-width:558px; max-width:558px; color:#222; background:#eee; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .contactform ul li input[type=text]:focus, .contactform ul li textarea:focus { background:#FFFF9C; color:#111; border-color:#ccc;} .contactform ul li .pflicht{ border: 1px solid #B0FF61 !important;} .contactform ul li .error{ border: 1px solid #dd0000 !important;} .rightfloating-text { width:315px; float: right;}-*/ /*-------------------- /projects/168/templates/style/menu.css --------------------*/ /* Effect 19: 3D side */ .cl-effect-19 *, .cl-effect-19 *:after, .cl-effect-19 *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cl-effect-19.leftmenu { position:absolute; top:0; left:260px; } .cl-effect-19.rightmenu {position:absolute; top:0; right:20px; left:auto; width:300px;} .cl-effect-19.rightmenu_3d {position:absolute; top:0; right: 5px; left:auto; } /* ab 1000px */ @media only screen and (min-width: 1000px) { .cl-effect-19.rightmenu { top:0; right:75px; left:auto;} #HeaderX a.fb {top:60px; left:300px;} } .cl-effect-19 a { position: relative; display: inline-block; float:left; margin: 0 15px 0 0; outline: none; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 20px; text-align: center; height:56px; } .cl-effect-19 a.Sonderevents { width: 150px;} .cl-effect-19 a { line-height: 56px; -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; width: 104px; } .cl-effect-19 a.firm { line-height: 56px; -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; width: 144px !important; } .cl-effect-19 a span { position: relative; display: inline-block; width: 100%; padding: 0 0px; background: #000; -webkit-transition: -webkit-transform 0.4s, background 0.4s; -moz-transition: -moz-transform 0.4s, background 0.4s; transition: transform 0.4s, background 0.4s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -50px ; -moz-transform-origin: 50% 50% -50px ; transform-origin: 50% 50% -50px ; } .cl-effect-19 a.firm span { position: relative; display: inline-block; width: 100%; padding: 0 0px; background: #000; -webkit-transition: -webkit-transform 0.4s, background 0.4s; -moz-transition: -moz-transform 0.4s, background 0.4s; transition: transform 0.4s, background 0.4s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -70px ; -moz-transform-origin: 50% 50% -70px ; transform-origin: 50% 50% -70px ; } .cl-effect-19 a span::before { position: absolute; top: 0; left: 100%; width: 100%; height:56px; background: #000; content: attr(data-hover); -webkit-transition: background 0.4s; -moz-transition: background 0.4s; transition: background 0.4s; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; transform-origin: 0 50%; pointer-events: none; } .cl-effect-19 a:hover span, .cl-effect-19 a:focus span { background: #fff; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); transform: rotateY(-90deg); } .cl-effect-19 a:hover span::before, .cl-effect-19 a:focus span::before { background: #fff; color: #000; } .cl-effect-19.rightmenu_3d a { width: 80px} .cl-effect-19.rightmenu_3d a span { -webkit-transform-origin: 50% 50% -40px ; -moz-transform-origin: 50% 50% -40px ; transform-origin: 50% 50% -40px ; } .cl-effect-19.links a { width: 120px} .cl-effect-19.links a span { -webkit-transform-origin: 50% 50% -60px ; -moz-transform-origin: 50% 50% -60px ; transform-origin: 50% 50% -60px ; } #Sonderevents { position:absolute; top:0; left:736px;} #Sonderevents .node { cursor:pointer;background: #000;color: #fff; text-decoration: none;text-transform: uppercase;letter-spacing: 1px;font-weight: 300;font-size: 20px; text-align: center; width:150px;height:56px; line-height: 56px;} #Sonderevents .links { position: absolute; right:0; top:56px; display:none;} #Sonderevents .link { margin-top:15px; overflow: hidden;} #Sonderevents .link > div { float: right;} #Sonderevents .links a { white-space: nowrap; display:inline-block;background: #000;color: #fff; text-decoration: none;text-transform: uppercase;letter-spacing: 1px;font-weight: 300;font-size: 20px; text-align: left; padding: 0 13px; height:56px; line-height: 56px;} #Sonderevents .links a:hover, #Sonderevents .node:hover {background: #fff; color: #000; } /*-------------------- /projects/168/templates/style/prettyPhoto.css --------------------*/ div.light_rounded .pp_top .pp_left { background:url(/img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_left { background: #fff;} div.light_rounded .pp_top .pp_middle{background:#fff} div.light_rounded .pp_top .pp_right{background:url(/img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_top .pp_right{background: #fff;} div.light_rounded .pp_content{background-color:#fff} div.light_rounded .pp_content a.pp_next:hover{background:url(/img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_previous:hover{background:url(/img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_expand{background:url(/img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_expand:hover{background:url(/img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_contract{background:url(/img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_contract:hover{background:url(/img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_close{width:75px;height:22px;background:url(/img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .currentTextHolder{color:#333} div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(/img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(/img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_bottom .pp_left{background:url(/img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_left{background: #fff} div.light_rounded .pp_bottom .pp_middle{background:#fff} div.light_rounded .pp_bottom .pp_right{background:url(/img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:#fff;} div.light_rounded .pp_loaderIcon{background:url(/img/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_left{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_middle{background:url(/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .pp_top .pp_right{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content{background:url(/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .pp_content a.pp_next:hover{background:url(/img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_previous:hover{background:url(/img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_expand{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_expand:hover{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_contract{background:url(/img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_contract:hover{background:url(/img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_close{width:75px;height:22px;background:url(/img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .currentTextHolder{color:#c4c4c4} div.dark_rounded p.pp_description{color:#fff} div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(/img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.dark_rounded .pp_bottom .pp_left{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_middle{background:url(/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .pp_bottom .pp_right{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(/img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_top .pp_left,div.dark_square .pp_top .pp_middle,div.dark_square .pp_top .pp_right,div.dark_square .pp_bottom .pp_left,div.dark_square .pp_bottom .pp_middle,div.dark_square .pp_bottom .pp_right,div.dark_square .pp_content{background:url(/img/prettyPhoto/dark_square/contentPattern.png) top left repeat} div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_square p.pp_description{color:#fff} div.dark_square .pp_loaderIcon{background:url(/img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_content a.pp_expand{background:url(/img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_content a.pp_expand:hover{background:url(/img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_content a.pp_contract{background:url(/img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_content a.pp_contract:hover{background:url(/img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_content a.pp_close{width:75px;height:22px;background:url(/img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(/img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(/img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.dark_square .pp_content a.pp_next:hover{background:url(/img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_content a.pp_previous:hover{background:url(/img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_top .pp_left,div.light_square .pp_top .pp_middle,div.light_square .pp_top .pp_right,div.light_square .pp_bottom .pp_left,div.light_square .pp_bottom .pp_middle,div.light_square .pp_bottom .pp_right,div.light_square .pp_content{background:#fff} div.light_square .pp_content a.pp_expand{background:url(/img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_content a.pp_expand:hover{background:url(/img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_content a.pp_contract{background:url(/img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_content a.pp_contract:hover{background:url(/img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_content a.pp_close{width:75px;height:22px;background:url(/img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(/img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(/img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_square .pp_content a.pp_next:hover{background:url(/img/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_content a.pp_previous:hover{background:url(/img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%} div.pp_pic_holder{position:absolute;z-index:10000;width:100px} div.pp_pic_holder .pp_top{position:relative;height:20px} * html div.pp_pic_holder .pp_top{padding:0 20px} div.pp_pic_holder .pp_top .pp_left{position:absolute;left:0;width:20px;height:20px} div.pp_pic_holder .pp_top .pp_middle{position:absolute;left:20px;right:20px;height:20px} * html div.pp_pic_holder .pp_top .pp_middle{position:static;left:0} div.pp_pic_holder .pp_top .pp_right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px} div.pp_pic_holder .pp_content{position:relative;text-align:left;width:100%;height:40px} div.pp_pic_holder .pp_content .pp_details{display:none;margin:10px 15px 2px 20px} div.pp_pic_holder .pp_content .pp_details p.pp_description{display:none;float:left;margin:0} div.pp_pic_holder .pp_content .pp_details .pp_nav{float:left;margin:3px 0 0 0} div.pp_pic_holder .pp_content .pp_details .pp_nav p{float:left;margin:2px 4px} div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next{float:left;display:block;width:14px;height:15px;overflow:hidden;text-indent:-10000px;margin-top:3px} div.pp_pic_holder .pp_content div.pp_hoverContainer{position:absolute;z-index:2000;top:0;left:0;width:100%} div.pp_pic_holder .pp_content a.pp_next{display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat} div.pp_pic_holder .pp_content a.pp_previous{display:block;float:left;text-indent:-10000px;width:49%;height:100%;background:url(/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat} div.pp_pic_holder .pp_content a.pp_expand,div.pp_pic_holder .pp_content a.pp_contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px} div.pp_pic_holder .pp_content a.pp_close{float:right;display:block;text-indent:-10000px} div.pp_pic_holder .pp_bottom{position:relative;height:20px} * html div.pp_pic_holder .pp_bottom{padding:0 20px} div.pp_pic_holder .pp_bottom .pp_left{position:absolute;left:0;width:20px;height:20px} div.pp_pic_holder .pp_bottom .pp_middle{position:absolute;left:20px;right:20px;height:20px} * html div.pp_pic_holder .pp_bottom .pp_middle{position:static;left:0} div.pp_pic_holder .pp_bottom .pp_right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px} div.pp_pic_holder .pp_loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px} div.pp_pic_holder #pp_full_res{display:block;margin:0 auto;width:100%;text-align:center} div.pp_pic_holder #pp_full_res object,div.pp_pic_holder #pp_full_res embed{visibility:hidden} div.ppt{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:17px} span.pretty-descr-1 { font-weight: bold; font-size: 13px; display: block; } span.pretty-descr-2 { display: block; } span.pretty-descr-3 { display: block; font-size: 10px; color: #999; } span.pretty-descr-4 { display: block; font-size: 12px; text-transform: uppercase; z-index: 100000; top: 0px; color:#000; padding: 6px 15px 12px 24px; position: absolute; background:url(/img/prettyPhoto/disk.png) no-repeat; background-position:0px 5px; background-color: #fff; -moz-border-radius-bottomright:5px; } span.pretty-descr-4 a {color:#000; text-decoration:none;} span.pretty-descr-4 a:hover {color:#11AAEE;} .pp_pic_holder, .pp_overlay, .ppt { display:none; } /*-------------------------------------------------------------------------------- sum bytes: 52658 (51 KB) --------------------------------------------------------------------------------*/