/*-------------------- /projects/3/templates/style/ajaxcalendar.css --------------------*/ /*------------------------------------------------------------------------------ struktur ------------------------------------------------------------------------------*/ .CalendarBar { border-bottom:1px solid #d7d7d7;border-top:1px solid #d7d7d7;overflow:hidden; font-family: arial; height: 34px; background: #f2f2f2 url('http://www.xdcms2.com/projects/3//images/cal_bg.png') 0 -43px repeat-x;} .CalendarBar a {display:block;text-decoration: none; font-size: 10px; font-family: arial;} .CalendarBar a:hover { text-decoration: none;} /* Navigation */ .CalendarBar .cal-navi { overflow:hidden; float: right; width:150px; height: 34px;} .CalendarBar .cal-navi .prev { float: left; width:20px; height: 34px; } .CalendarBar .cal-navi .month { float: left; width:106px; height: 34px; text-align:center; line-height: 32px; } .CalendarBar .cal-navi .next { float: right; width:20px; height: 34px; } .CalendarBar .cal-navi .month a { color: #333; font-size: 11px; font-weight: bold; width:106px; height: 34px; } .CalendarBar .cal-navi .prev a, .CalendarBar .cal-navi .next a { font-family: verdana;color:#fff; font-size: 20px; width:20px; height: 34px; line-height: 32px; text-align:center; background-color: #FF8822; background-repeat: no-repeat; background-image: url('http://www.xdcms2.com/projects/3//images/cal_bg.png') ; text-indent: -2000px;} .CalendarBar .cal-navi .prev a { background-position: 0 -124px; } .CalendarBar .cal-navi .prevX a:hover { background-position: 0 -166px; } .CalendarBar .cal-navi .next a { background-position: right -124px; } .CalendarBar .cal-navi .nextX a:hover { background-position: 0 -166px;} /* Container mit den Tagen */ .CalendarBar ul { margin: 0; padding: 0; list-style: none;line-height: 1;} .CalendarBar ul li { margin: 0; padding: 0; list-style: none; float:left; width:26px; height:34px; line-height: 34px;text-align:center; } .CalendarBar ul li a { display:block; height:34px;color:#666; text-align: center;} .CalendarBar ul li a span { display:block; height:17px; line-height: 20px; color:#FF8822;} .CalendarBar ul li a strong { display:block; height:17px; line-height: 12px;} /* die wochenend tage Sa, So. */ .CalendarBar ul li.we { width:26px; border-right: 1px solid #ccc; background-color: #ddd; background-image: url('http://www.xdcms2.com/projects/3//images/cal_bg.png') ; background-position: 0 -3px;} /* Der aktuelle Tag */ .CalendarBar ul li.today {width:26px; border-right: 1px solid #ccc;background-color: #FF8822; background-image: url('http://www.xdcms2.com/projects/3//images/cal_bg.png') ; background-position: 0 -83px;} .CalendarBar ul li.today a, .CalendarBar ul li.today a span, .CalendarBar ul li.today a strong { color:#fff;} .CalendarBar ul li.selected {width:26px; border-right: 1px solid #ccc;background-color: #FF8822; background-image: url('http://www.xdcms2.com/projects/3//images/cal_bg.png') ; background-position: 0 -83px;} .CalendarBar ul li.selected a, .CalendarBar ul li.selected a span, .CalendarBar ul li.selected a strong { color:#fff;} /* hover tag */ .CalendarBar ul li:hover { border-right: 1px solid #dcdcdc; background: #FF8822 url('http://www.xdcms2.com/projects/3//images/cal_bg.png') 0 -84px repeat-x; color:#fff;} .CalendarBar ul li:hover a, .CalendarBar ul li:hover a span, .CalendarBar ul li:hover a strong{ color:#fff; } /*-------------------- /projects/3/templates/style/base.css --------------------*/ /*------------------------------------------------------------------------ Base HTML Tag Styles -------------------------------------------------------------------------*/ html { height: 101%; margin-bottom: 1px; } img, a ,a:active {border:0;outline:0;} /*------------------------------------------------------------------------ Base CSS Klassen -------------------------------------------------------------------------*/ .alignright {float: right; width:auto;} .alignleft {float: left;width:auto;} .center { display:block; text-align:center; margin: 0 auto; } .hide { display:none; } /* Clearfix-Methode zum Clearen der Float-Umgebungen */ .clearfix:after {content: ".";display: block;font-size:0;height: 0;clear: both;visibility: hidden;} /* Diese Angabe benötigt der Safari-Browser zwingend !! */ .clearfix { display: block; } /* Overflow-Methode zum Clearen der Float-Umgebungen */ .floatbox { overflow:hidden; } /*-------------------- /projects/3/templates/style/content.css --------------------*/ .ArticleDetails .date {} .ArticleDetails .fulltext {} .ArticleDetails .fulltext .image {float:left; width:auto; margin:0 10px 10px 0;} /*-------------------- /projects/3/templates/style/data_styles.css --------------------*/ /* Bild der Woche */ .ImageItem {} .ImageItem h3 {padding: 0px 0 7px 0;margin: 0;} .ImageItem.top_image h3 {background: url(http://www.xdcms2.com/projects/3//images/headline_image_of_the_week.png) 0 0px no-repeat;text-indent: -2000px;} .ImageItem .image { border:5px solid #fff;float:left;width:auto;font-size: 12px; line-height: 9px !important; } .ImageItem .image a { float:left;width:auto;display:block;} /* Neuesten Gallerien */ #ZoneTopRight .GalleriesListe {} #ZoneTopRight .GalleriesListe h3 {padding: 0px 0 7px 0;margin: 0;background: url(http://www.xdcms2.com/projects/3//images/headline_new_galleries.png) 0 0px no-repeat;text-indent: -2000px;} #ZoneTopRight .GalleriesListe .item { position: relative; color:#000;font-size: 11px; float:left;padding:6px; margin:0 13px 14px 0;width:200px; height: 64px; overflow: hidden;background: url(http://www.xdcms2.com/projects/3//images/gradient_grey_75.png) 0 0 repeat-x;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #ZoneTopRight .GalleriesListe .item .image { float:left;width:auto; margin-right:5px;} #ZoneTopRight .GalleriesListe .item .data a {color:#FE8700;} #ZoneTopRight .GalleriesListe .item .data .datetime {} #ZoneTopRight .GalleriesListe .item .counts { position: absolute; bottom: 5px;left: 105px; color:#cecece;font-size: 10px;} #ZoneTopRight .GalleriesListe .item .counts strong { color:#5f5f5f; } /*-------------------- /projects/3/templates/style/elements.css --------------------*/ /*------------------------------------------------------------------------------ .pagination ------------------------------------------------------------------------------*/ .pagination {color:#333; margin:0px 0 0 0;padding: 15px 0px ; overflow:hidden;} .pagination ul {list-style:none; margin:0;padding:0;float:right;} .pagination li {text-align:center;display:inline;font-size:14px;font-weight:bold; color:#333;margin:0 10px 0 0;padding:2px 0px;} .pagination li.aktuell {border: 1px solid #FF8822; padding: 2px 10px; margin: 0 10px 0 0; background-color:#FF8822;color:#FFFFFF;} .pagination li a, .pagination li a:link, .pagination li a:visited {text-decoration:none;margin:0 ;padding: 2px 10px;color:#999;border: 1px solid #999;} .pagination li a:hover, .pagination li a:active {background-color:#999;color:#fff;} /*------------------------------------------------------------------------------ .listinfo ------------------------------------------------------------------------------*/ .listinfo { float: right;text-align: right; padding: 28px 25px 10px 0; color: #888;} .listinfoX a {color: #666;} .liste_readmore { padding: 10px 0; text-align: right; font-weight: bold; margin-right: 20px;} .liste_readmore a { color:#ff9900; text-decoration: underline;} /*------------------------------------------------------------------------------ .BoxBig ------------------------------------------------------------------------------*/ .BigBox { } .BigBoxTop {background: url(http://www.xdcms2.com/projects/3//images/sprite_alles_01.png) 0 -250px no-repeat ; height:17px;} .BigBoxBottom {background: url(http://www.xdcms2.com/projects/3//images/sprite_alles_01.png) 0 -267px no-repeat;height:17px;} .BigBoxContent {background: url(http://www.xdcms2.com/projects/3//images/box_big_bg.png) 0 0 repeat-y; padding:0 0px 0 20px;color:#000;} .BigBoxContent h1 { color: #FE8700; font-size: 24px;margin:0;padding: 15px 0;} .BigBoxContent h2 { color: #656565;} .BigBoxContent .bg p:last-child {margin-bottom:0;padding-bottom:0;} /*------------------------------------------------------------------------------ BigBox2 ------------------------------------------------------------------------------*/ .BigBox2 { } .BigBox2 .BigBoxContent { background: url(http://www.xdcms2.com/projects/3//images/box_big2_bg.png) 0 0 repeat-y;padding:0 0px 0 20px;color:#000;} .BigBox2 .BigBoxTop {background: url(http://www.xdcms2.com/projects/3//images/sprite_alles_01.png) 0 -285px no-repeat ; height:25px;} .BigBox2 .BigBoxBottom {background: url(http://www.xdcms2.com/projects/3//images/sprite_alles_01.png) 0 -321px no-repeat; height:30px;} /*------------------------------------------------------------------------------ icons Linktext unsichtbar ohne Linktext Linktext sichtbar  mit Linktext Icon solo   ------------------------------------------------------------------------------*/ span.icon-views { text-indent: -2000px; display:inline-block; line-height:16px;padding:0 0 0 16px;background: url('/public/images/silk/eye.png') no-repeat; margin-right: 0px;} span.icon-events { text-indent: -2000px; display:inline-block; line-height:16px;padding:0 0 0 16px;background: url('/public/images/silk/clock.png') no-repeat; margin-right: 0px;} span.icon-galleries { text-indent: -2000px; display:inline-block; line-height:16px;padding:0 0 0 16px;background: url('/public/images/silk/camera.png') no-repeat; margin-right: 0px;} .okMsg {background-color: #008800; color: #fff; padding: 10px;webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-bottom: 15px;margin-right: 20px;} .errorMsg { background-color: #880000; color: #fff; padding: 10px; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 15px;margin-right: 20px;} /*------------------------------------------------------------------------------ .OrangeBox + Adbox300x250 ------------------------------------------------------------------------------*/ .OrangeBox { min-height: 220px; background: url(http://www.xdcms2.com/projects/3//images/gradient_orange.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;padding:15px;} .Adbox300x250 {width: 300px; height: 250px; border: 1px solid #222222;background: #eee;margin-right: 20px;} /*------------------------------------------------------------------------------ .NewsletterSimpleJoin ------------------------------------------------------------------------------*/ .NewsletterSimpleJoin {position: relative;} .NewsletterSimpleJoin h2 {background: url(http://www.xdcms2.com/projects/3//images/nl.png) no-repeat ; background-position: -15px 0px;height:37px; padding: 0; margin: 0 0 20px 0; text-indent: -2000px;} .NewsletterSimpleJoin input[type=text] {border: 0px solid #ccc; width:527px; font-size: 20px; margin-bottom:10px; height:41px; } .NewsletterSimpleJoin .user_nickname {color: #ccc; background: url(http://www.xdcms2.com/projects/3//images/nl.png) repeat-x; background-position: -12px -54px; padding-left: 50px;} .NewsletterSimpleJoin .user_email {color: #ccc;background: url(http://www.xdcms2.com/projects/3//images/nl.png) repeat-x; background-position: -12px -108px;padding-left: 50px;} .NewsletterSimpleJoin .submitBtn { display: inline-block; cursor:pointer;background: url(http://www.xdcms2.com/projects/3//images/nl.png) repeat-x; background-position: -296px -163px ; border: 0;height:44px; width:293px;text-indent: -2000px;} .NewsletterSimpleJoin .description {font-size: 13px;position: absolute; top:4px; left:320px;color: #fff; height: 20px; width:260px;} .NewsletterSimpleJoin .submitelement { } .NewsletterSimpleJoin .submitelement .infos { padding-top:3px;width: 270px;margin-right:10px; float:left; color:#fff;font-size: 13px;} .NewsletterSimpleJoin .user_email:focus {color: #272727;} .NewsletterSimpleJoin .user_nickname:focus {color: #272727;} /*-------------------- /projects/3/templates/style/events.css --------------------*/ /*------------------------------------------------------------------------------ .EventDetails ------------------------------------------------------------------------------*/ .EventDetails {position: relative; min-height: 400px; padding-top: 10px; color: #919191;margin-right: 20px;} .EventDetails .buttons { float: right; margin-top: 5px;} .EventDetails .buttons .ticketlink { margin-right: 10px;float: left; text-decoration: none; line-height:14px;font-size: 11px;color:#642601;display: block;width:70px; height:16px; padding:2px 2px 0 3px;background: #FE8700 url('http://www.xdcms2.com/projects/3//images/btn-bg.jpg') repeat-x; border: 1px solid #FE8700; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .EventDetails .buttons .ticketlink span { background: url('http://www.xdcms2.com/projects/3//images/tag_orange.png') no-repeat; width: 20px; height: 16px; display: inline-block;} .EventDetails h2.date { color: #656565;margin: 0; padding: 0px 0 2px 0; font-size: 18px;border-bottom: 1px dotted #BABABA ;} .EventDetails h2.date small { background-color: #FE8700; color: #fff;padding:3px 5px; margin-right: 5px; font-size: 18px; line-height: 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .EventDetails h2.date small strong {font-size: 12px; line-height: 12px; text-transform: uppercase;} .EventDetails h2.date .h2-inner { display:block; border-bottom: 1px solid #BABABA ; height:36px;} .EventDetails h2.date .h2-inner span { font-size: 12px; font-weight: normal; } .EventDetails .event_flyer { position:relative; background: #aaa url('http://www.xdcms2.com/projects/3//images/flyer_bg.png') repeat-x; float: right; width: 280px; height: 320px; text-align: center; padding-top: 10px;margin-left: 30px;margin-top: 10px;} .EventDetails .event_flyer .image {} .EventDetails #previous { background:url(http://www.xdcms2.com/projects/3//images/arrows.png) 0 -10px no-repeat; position:absolute; bottom:25px; left:2px; width:10px; height:10px; overflow:hidden; cursor:pointer; text-indent:-9999px; display:none; } .EventDetails #next { background:url(http://www.xdcms2.com/projects/3//images/arrows.png) -10px -10px no-repeat; position:absolute; bottom:25px; right:2px; width:10px; height:10px; overflow:hidden; cursor:pointer; text-indent:-9999px; display:none; } .EventDetails #previous:hover { background-position:0 0; } .EventDetails #next:hover { background-position:-10px 0; } .EventDetails .event_flyer .moreimages { margin:15px 0 0 13px; height:40px; overflow:hidden; width:255px; position:relative; } .EventDetails .event_flyer #moreimages { text-align:left; height:40px; position:absolute; top:0; left:0; width:255px; } .EventDetails .event_flyer .moreimages .thumb {display:block; float:left; margin:0 3px 0 0; border: 4px solid #BDBDBD;line-height: 5px; height:32px; width:32px;} .EventDetails .category_name { background-color: #FE8700; color: #fff;padding:0px 5px; float: right;margin: 10px 0 0 0 ;} .EventDetailsX .category_name { background-color: #FE8700; color: #fff;padding:0px 5px;position: absolute;top: 0; left: 400px;} .EventDetails h3.event_title { font-size: 22px; font-style: normal;margin: 0; padding: 10px 0; color:#FE8700;; } .EventDetails .locationsmarker { float: left;width:50px; height:55px; background: url('http://www.xdcms2.com/projects/3//images/sprite_alles_01.png') -780px -90px no-repeat;} .EventDetails .location {line-height:1.6em; } .EventDetails .location h4 a,.EventDetails .location h4 a:link,.EventDetails .location h4 a:visited { color:#656565; } .EventDetails .location h4 a:hover,.EventDetails .location h4 a:focus,.EventDetails .location h4 a:active { color:#656565; } .EventDetails h4 {margin: 0; padding: 0; font-size: 16px;color: #656565;} .EventDetails .location_adress { font-size: 14px;} .EventDetails .location_adress a,.EventDetails .location_adress a:link,.EventDetails .location_adress a:visited { color:#919191; } .EventDetails .location_adress a:hover,.EventDetails .location_adress a:focus,.EventDetails .location_adress a:active { color:#919191; } .EventDetails .event_text { clear:left; text-align: justify; line-height: 1.5em; margin-top:15px;} .EventDetails .counts {} .KommentarContainer { border-top:3px solid #ccc; margin-right: 20px; padding-top: 5px;} /*------------------------------------------------------------------------------ .EventsListe ------------------------------------------------------------------------------*/ /* headline mit DAtum */ .EventsListe {margin-right: 20px;} .EventsListe h2 {line-height: 18px; font-size: 18px; font-weight: bold; color: #656565; margin: 0; padding: 15px 0 2px 0; border-bottom: 1px dotted #BABABA ;} .EventsListe h2 small { padding:2px 5px; margin-right: 5px; font-size: 18px; line-height: 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .EventsListe h2 small strong {font-size: 12px; line-height: 12px; text-transform: uppercase;} .EventsListe h2.even small{ background-color: #FE8700; color: #fff;} .EventsListe h2.odd small { background-color: #656565; color: #fff;} .EventsListe h2 .h2-inner { display:block; border-bottom: 1px solid #BABABA ; height:25px;} .EventsListe .listitem { border-bottom: 1px solid #E7E7E7; overflow: hidden; padding: 5px 0 5px 0; color: #888;} .EventsListe .listitem .columnwrapper {overflow: hidden;} .EventsListe .listitem .columnA {float:left; width:330px; padding:4px 4px 4px 0; } .EventsListe .listitem .columnB { float:left; width:480px; padding:4px 15px 4px 4px; } .EventsListe .listitem .columnC { float:left; width:80px; padding:4px; } .EventsListe .listitem.odd .columnwrapper { background-color: #f4f4f4; } /* columnA */ .EventsListe .listitem .image {position: relative;border:5px solid #BABABA; float:left; width:85px;height:85px;margin-right: 15px;} .EventsListe .listitem .categoryname {position:absolute; left: -5px; top:10px;background-color:#BABABA; font-size: 11px; text-transform: uppercase;padding: 2px 2px; color: #fff; line-height:11px;} .EventsListe .listitem h4 {font-size: 16px; margin: 0; padding: 0; color: #FE8700;} .EventsListe .listitem h4 a { text-decoration: none; color: #FE8700; } .EventsListe .listitem h4 a:hover,.EventsListe .listitem h4 a:focus,.EventsListe .listitem h4 a:active { text-decoration:underline; } .EventsListe .listitem .time-begin {font-size:11px; margin-bottom: 5px;} .EventsListe .listitem .location a {font-size: 12px; color: #BABABA; font-weight: bold;text-decoration: underline;} .EventsListe .listitem .ticketlink { text-decoration: none; line-height:14px;font-size: 11px;color:#642601;display: block;width:70px; height:16px; margin-bottom: 5px; padding-left:3px;padding-top:2px;background: #FE8700 url('http://www.xdcms2.com/projects/3//images/btn-bg.jpg') repeat-x; border: 1px solid #FE8700; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .EventsListe .listitem .ticketlink span { background: url('http://www.xdcms2.com/projects/3//images/tag_orange.png') no-repeat; width: 20px; height: 16px; display: inline-block;} /* columnB */ .EventsListe .listitem .descr p {margin-top: 0; padding-top: 0;} /* border:1px solid #f00; */ /*-------------------- /projects/3/templates/style/eventscal.css --------------------*/ .calendar { margin: 0; font-family: arial; padding: 0;background: #fff; overflow: hidden;background : url(http://www.xdcms2.com/projects/3/files//events/cal_bg.png) 0 0px; } .calendar a {color: #ff8d00;cursor: pointer;} .calendar li { list-style-type: none; margin: 0; padding: 0; float: left; } .calendar .day { width: 25px; font-size: 10px; text-transform: uppercase; text-align: center; margin-right: 1px; height: 30px; color: #ff8d00; font-weight: bold; padding-top: 4px; } .calendar .day span { color: #666; font-size: 8px; font-weight: normal; display: block; text-decoration: none; } .calendar .day.today, .calendar .day.today.we { background-color: #ffa100; background-image: url(http://www.xdcms2.com/projects/3/files//events/today_bg.jpg); background-repeat: repeat-x; background-position: bottom; color: #fff; } .calendar .day a, .calendar .day a:visited { text-decoration: none; } .calendar .today a, .calendar .today a:visited { color: #fff; text-decoration: none; } .calendar .today span { color: #fff; } .calendar .day.we { background-color: #ccc; background-image: url(http://www.xdcms2.com/projects/3/files//events/we_bg.jpg); background-repeat: repeat-x; } .calendar .first { border-left: 1px solid #ccc; } .calendar .cal-navi { font-weight: bold; line-height: 32px; float: right; border-right: 1px solid #ccc; } .calendar .cal-navi span.inner { width: 120px; display: inline-block; text-align: center; background-image: url(http://www.xdcms2.com/projects/3/files//events/we_bg.jpg); background-repeat: repeat-x; } .calendar .cal-navi span.prev { float: left; border-left: 1px solid #ccc; } .calendar .cal-navi span.next { float: right; } .cal-container { position: relative; } .cal-container > span.prev { position: absolute; right: 141px; } .cal-container > span.next { position: absolute; right: 0px; } .cal-navi .inner .loading { display: none; width: 120px; line-height: 32px; height: 32px; } /*-------------------- /projects/3/templates/style/kontakt.css --------------------*/ .spalten {} .spalten .one { float:left; } .spalten .two { float:right; } .seventythirty {} .seventythirty .one { width:570px; } .seventythirty .two { width:350px; margin:60px 20px 0 0; } .spalten:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .contact .success { margin:20px 0; padding:20px; color:darkgreen; border:1px solid darkgreen; background:lightgreen; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .contact .error { margin:20px 0; padding:20px; color:darkred; border:1px solid darkred; background:lightsalmon; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .contact ul { margin:0; padding:0; list-style:none; width:570px; display:block; zoom:1; } .contact ul:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .contact ul li { margin:0 20px 20px 0; padding:0; width:275px; float:left; } .contact ul li.right { margin:0 0 20px 0; } .contact ul li input { padding:5px; width:263px; height:20px; 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; } .contact ul li label { color:#222; } .contact ul li input:focus { background:#fff; color:#111; border-color:#ccc; } .contact ul li.textfield { clear:both; width:570px; float:none; margin:0; } .contact ul li.textfield 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; } .contact ul li.textfield textarea:focus { color:#111; background-color:#fff; border-color:#ccc; } .contact ul li.input { padding:20px 0 0; clear:both; width:100%; float:none; margin:0; } .contact ul li.input input { padding:5px 20px 5px; border:1px solid #ddd; color:#222; background:#eee; margin:0; width:auto; height:auto; cursor:pointer; } .contact ul li.input input:hover,.contact ul li.input input:focus,.contact ul li.input input:active { border-color:#ccc; color:#111; background:#fff; } .kontakt-fehler input, .kontakt-fehler textarea { border:1px solid #f00 !important; color:#f00 !important; } .kontakt-fehler label { color:#f00;} /*-------------------- /projects/3/templates/style/layout.css --------------------*/ /* image pfad = http://www.xdcms2.com/projects/3//images/ */ /*------------------------------------------------------------------------------ Farbwelt: orange #FF7200 orange hell #FE8700 schwarz #272727 schrift dunkel grau #656565 headlines dunkel grau #888888 text mittel grau #BABABA image border, link hell grau #E7E7E7 linie hell grau #f4f4f4 listen zebra ------------------------------------------------------------------------------*/ body { background: url(http://www.xdcms2.com/projects/3//images/body_bg.jpg) center 0 repeat-x;font-family: arial; font-size: 12px;} /*------------------------------------------------------------------------------ global ------------------------------------------------------------------------------*/ small {font-family: Arial, Helvetica, Sans-Serif;font-size: 0.8em;line-height: 1.5em;} small, .nocomments, .postmetadata, strike { } acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;cursor: help;} acronym, abbr {border-bottom: 1px dashed #999;} /* Link */ a, a:active, a:link {color: #222;text-decoration: none; outline:0;} a:hover {color: #F07F00;text-decoration: underline;} /* Headlines */ h1, h2, h3, h4, h5, h6 { } h1 a, h1 a:hover, h2 a,h2 a:hover, h3 a, h4 a { color: #676767;} h1 { font-size: 220%; letter-spacing: -0.5px; color: #676767;} h2 { font-size: 210%; padding-top:20px; margin-bottom: 0.5em; padding-bottom:5px; } h3 { font-size: 190%; font-style:italic; } h4 { font-size: 160%; margin-bottom: 0.5em; letter-spacing: 0px; } h5 { font-size: 125%; } h6 { font-size: 100%; font-weight: bold;} hr {border: 1px solid #ccc;} /*------------------------------------------------------------------------------ Layout Struktur ------------------------------------------------------------------------------*/ #PageWrapper { text-align: center; position: relative; margin-left:-90px;} #Page { width:1002px; margin:0 auto; padding-top:90px;text-align: left; position: relative;} #Header { width:1002px; height:97px; position: relative; background: url(http://www.xdcms2.com/projects/3//images/sprite_alles_01.png) left bottom no-repeat;} #Header h1, #Header h1 a{width:210px;font-size:12px;color:#000; display:block;height:97px;line-height:97px; padding:0;margin: 0;text-align: center;text-indent: -2000px;} #Body { padding: 0 15px ;background: url('http://www.xdcms2.com/projects/3//images/main_bg.png') 0 0 repeat-y; } /* footer */ #Footer {font-size: 12px;overflow: hidden; background: url('http://www.xdcms2.com/projects/3//images/sprite_alles_01.png') 0 -420px repeat-y; height:75px;color: #a3a3a3;padding:8px 20px 0 5px;} #Footer a {color: #a3a3a3;text-decoration: none;} #Footer ul { padding: 0 0 0 20px; margin: 0; color: #a3a3a3;} #Footer ul li{ padding: 0; margin: 0; } #Footer .footer-left { padding:2px 20px 0 20px;line-height:20px;float:left; width:auto;height:50px; background: url('http://www.xdcms2.com/projects/3//images/sprite_alles_01.png') right repeat-y;} #Footer .footer-right {padding:0 20px 0 10px; line-height:16px;float:right; width:100px;height:50px; background: url('http://www.xdcms2.com/projects/3//images/sprite_alles_01.png') -1198px 0 repeat-y;} #Footer .footer-left a {margin-left:12px; color:#5f5f5f;} #Footer .footer-right a {text-transform: uppercase;} #Footer .footer-right a:hover, #Footer .footer-right a:focus, #Footer .footer-right a:active { color:#fff; text-decoration:underline; } #FindUsOnFacebookButton a { display: block;width:161px; height: 47px;background: url('http://www.xdcms2.com/projects/3//images/sprite_alles_01.png') -780px 0 repeat-y; margin:0!important; } #FindUsOnFacebookButton a {} /* Block - Zoneen */ #ZoneCalendar { height:52px; background: url('http://www.xdcms2.com/projects/3//images/gradient_sprite.png') 0 0 repeat-x;padding-top:16px;color:#fff;} #ZoneTop { background: #9a9a9a url(http://www.xdcms2.com/projects/3//images/zone_bg.jpg) 0 0 repeat-y; overflow: hidden; padding:15px 0px 0px 15px;color:#fff;} #ZoneTopLeft {float: left; width:260px; height: 215px; padding-left:0px;} #ZoneTopRight {float: left; width:675px; height: 215px; padding-left:15px;} #ZoneMiddle { background: url('http://www.xdcms2.com/projects/3//images/gradient_sprite.png') 0 -250px repeat-x;padding-top:10px; } /* Banner Ads */ #BannerAds {position: absolute; top:0;left:0; width:1002px;height:1px; } #Ad_728x90 {position: absolute; top:0;right:0px;} #AdZoneRight {position: absolute; top:0;right:-160px; overflow:hidden;} #AdZoneRight .banner { margin-bottom:12px;} .fancybox-title-inner { background-color: #000;margin: 0 0px; color:#fff;padding:5px;} .fancybox-title-inner a { color:#fff;} .footeradds {text-align:center; padding:0; } .footeradd { display:inline; margin:0 14px; } /* Debug #ZoneCalendar {border :1px solid #f0f; } #ZoneTop {outline :1px solid #f0f; } #ZoneTopLeft {border :1px solid #f00; } #PageWrapper {border :1px solid #f0f; } #Page {border :1px solid #f00; } #Header h1 {border :1px solid #f00;} #ZoneTopLeft {border :1px solid #f00; } #ZoneTopRight {border :1px solid #f00; } #Body {border :1px solid #f00;} #Footer {border :1px solid #f00;} */ /*-------------------- /projects/3/templates/style/locations.css --------------------*/ .locationballon .image {float: left; border: 2px solid #ccc; margin-right: 3px;line-height: 1px;} /*--------------------------------------------------------------------- Location Map Container ---------------------------------------------------------------------*/ .LocationsHeader { margin-top: 0px;margin-right: 18px;padding-bottom: 0px; position: relative;} .LocationsHeader .infos {color:#616161;position: relative; float: left; width: 340px; } .LocationsHeader .infos a { text-decoration: underline;} .LocationsHeader .infos h2 { margin:0 0 0 0px; padding:3px 0 0; color:#FE8700; font-size: 20px; text-transform: uppercase;} .LocationsHeader .infos p {padding: 0 0 0 0; margin: 0} .LocationsHeader .infos ul {padding: 20px 0 0 0; margin: 0; list-style: none;} .LocationsHeader .infos ul li {padding: 0 0 0 50px; margin: 0; list-style: none; line-height: 25px; font-weight: bold; font-size: 14px;} .LocationsHeader .infos .location_text {clear:left; text-align: justify; line-height: 1.5em; height:147px; overflow: auto;margin-top:15px;} .LocationsHeader .infos .location_text p {margin: 0;padding: 0;} .LocationsHeader .infos .counts {} .LocationsHeader .infos .location_select li { cursor:pointer;} .LocationsHeader .infos .bullet-on { display:inline-block; margin-right: 10px; line-height:17px; width: 17px;height: 17px; background: url('http://www.xdcms2.com/projects/3//images/sprite_alles_01.png') -780px -50px no-repeat; } .LocationsHeader .infos .bullet-off { display:inline-block; margin-right: 10px;line-height:17px; width: 17px;height: 17px; background: url('http://www.xdcms2.com/projects/3//images/sprite_alles_01.png') -780px -67px no-repeat; } .LocationsHeader #previous { background:url(http://www.xdcms2.com/projects/3//images/arrows.png) 0 -10px no-repeat; position:absolute; bottom:58px; left:-10px; width:10px; height:10px; overflow:hidden; cursor:pointer; text-indent:-9999px; display:none; z-index:999;} .LocationsHeader #next { background:url(http://www.xdcms2.com/projects/3//images/arrows.png) -10px -10px no-repeat; position:absolute; bottom:58px; right:2px; width:10px; height:10px; overflow:hidden; cursor:pointer; text-indent:-9999px; display:none; z-index:998; } .LocationsHeader #previous:hover { background-position:0 0; } .LocationsHeader #next:hover { background-position:-10px 0; } .LocationsHeader .infos .images { overflow: hidden; margin:10px 0 10px 0px; height:78px; width:518px; position:relative } .LocationsHeader .infos #images { text-align:left; height:78px; width:528px; position:absolute; top:0; left:0; } .LocationsHeader .infos .images .image { display:block; float:left; height:70px; width:70px; margin: 0 10px 0px 0; border: 4px solid #ccc; } .LocationsHeader .fblike { position: absolute; top:0; left:450px; top:20px; } #LocationsMapListe { margin:0 auto; color:#fff; background:none repeat scroll 0 0 #62616A; width:570px; padding:5px;} #gmap { width:560px; height: 315px; border:5px solid #62616A;} .LocationsHeader .map {float: right; width: 570px;} .LocationsHeader .detailmap {float: right; width: 380px;} .LocationsHeader .detailmap #gmap { width:370px; height: 315px; border:5px solid #62616A;} .locationsmarker { float: left;width:50px; height:55px; background: url('http://www.xdcms2.com/projects/3//images/sprite_alles_01.png') -780px -90px no-repeat;} /*--------------------------------------------------------------------- Location Map Container ---------------------------------------------------------------------*/ /* .LocationsHeader .LocationsHeader {border: 1px solid #f00;} .LocationsHeader .infos {border: 1px solid #f00;} .LocationsHeader .map {border: 1px solid #f00;} .LocationsHeader .infos h2 {border: 1px solid #f00;} .LocationsHeader .infos p {border: 1px solid #f00;} .LocationsHeader .map {border: 1px solid #f00;} .locationsmarker {border: 1px solid #f00;} */ /*--------------------------------------------------------------------- Kategorien mit Locations div.LocationsListeSimple ul li.item h2.category_name ul li.localistli ---------------------------------------------------------------------*/ .LocationsListeSimple { padding-bottom:5px;margin-right: 18px;} .LocationsListeSimple ul, .LocationsListeSimple li {list-style:none; padding:0; margin:0;} .LocationsListeSimple li.item { margin-bottom:10px; color: #272727;} .LocationsListeSimple li.item.closed { } .LocationsListeSimple li.item h2 { margin: 0; padding: 0; font-size:18px; cursor:pointer; } .LocationsListeSimple li.item h2 a:hover { text-decoration: underline; } .LocationsListeSimple li.item > ul { overflow:hidden; margin-top:10px; } .LocationsListeSimple li.character { clear:left; font-size:14px; font-weight:bold;} .LocationsListeSimple li.localistli { float:left; width: 300px;line-height:1.4em;} .LocationsListeSimple .location_name { cursor:pointer; } .LocationsListeSimple .name:hover { text-decoration:underline; } .LocationsListeSimple .closed .hidden {display:none;} .LocationsListeSimple .trenner {padding: 6px 0px 0px 0px; border-bottom:1px solid #888; text-align:right;overflow: hidden; line-height: 12px;} .LocationsListeSimple span.showall { padding:0 5px;cursor:pointer; float:right; margin-bottom:0px; } .LocationsListeSimpleXX span.showall.closed {display:none;} /*-------------------- /projects/3/templates/style/mediagallery.css --------------------*/ /*--------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------*/ .AlbumListeTitle {} .AlbumListe { overflow:hidden;} .AlbumListeListsort { margin-top:0; margin-right: 20px; float: right;} .AlbumListe .listitem {position: relative;border:1px solid #ccc; float:left;width:435px; height:125px; padding:10px; margin: 0 15px 10px 0;} .AlbumListe .image { line-height:1px;float:left; width: auto;border:3px solid #CCCCCC; margin-right: 10px;} .AlbumListe .data {float:left; width: 283px; height:124px; position: relative;} .AlbumListe .data .date {float:left; background: #FE8700; color: #fff;font-size: 16px; font-weight: bold;padding:0px 2px;} .AlbumListe .data h4 {clear:left; margin: 0; padding: 3px 0 0 0;font-size: 16px;font-weight: bold; margin-bottom:5px;} .AlbumListe .data .views_cnt { overflow:hidden;position: absolute;bottom:34px; left: -3px; background: url('http://www.xdcms2.com/projects/3//images/clicks.png') no-repeat; height:30px; line-height:26px; padding-left:5px;} .AlbumListe .data .images_cnt { overflow:hidden;position: absolute;bottom:0; left: -3px; background: url('http://www.xdcms2.com/projects/3//images/count.png') no-repeat; height:30px; line-height:33px; padding-left:5px;} .AlbumListe .data .views_cnt strong, .AlbumListe .data .images_cnt strong{ width:27px; float:left;color:#fff; margin-right: 10px; text-align: center;font-size:11px;} /* .AlbumListe .data .views_cnt strong {position: absolute; top:0;left:0;display: block;} .AlbumListe .data .views_cnt strong {position: absolute; top:0;left:0;display: block;} */ .AlbumListe .fblike {position: absolute;right:5px;bottom: 10px; width:90px; text-align: right; } /*--------------------------------------------------------------------------------------- Album Details / Thumbnails ---------------------------------------------------------------------------------------------*/ .AlbumHeader {width:890px; margin: 0 auto;border-bottom: 1px solid #BABABA ;position: relative; left:-10px; } .AlbumHeader .inner {border-bottom: 1px dotted #BABABA ;padding-bottom: 2px;} .AlbumHeader .listinfo {position: absolute;right: 0;bottom: 0; padding:0 0 4px 0;} .AlbumHeader h1 {margin:0; padding:0; font-size:24px; line-height:24px; } .AlbumHeader h2 {margin:0; padding:0 0 4px 2px; font-weight:normal; font-size:14px; line-height:14px; color:#333; } .AlbumHeader h2 a,.AlbumHeader h2 a:link,.AlbumHeader h2 a:visited { color:#333; text-decoration:underline; } .AlbumHeader h2 a:hover,.AlbumHeader h2 a:focus,.AlbumHeader h2 a:active { color:#FE8700; } .AlbumHeader .event_and_location { font-size: 12px; color:#333; margin-bottom: 4px;} .AlbumHeader .event_and_location .date {} .thumbsListe {width:910px; margin: 2px auto 0 auto; padding-top:15px; overflow: hidden;} .thumbsListe ul {list-style:none;margin:0;padding:0;} .thumbsListe li {width:160px;border:1px solid #E5E5E5;display:block;float:left;height:175px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 20px 20px 0 ;overflow:hidden;padding:6px 0 3px;position:relative;text-align:center;} .thumbsListe li.add { padding:0px; height:184px; } .thumbsListe .views_cnt { padding-left:18px;text-align: left;overflow:hidden;position: relative;background: url('http://www.xdcms2.com/projects/3//images/clicks.png') 15px 0 no-repeat; height:30px; line-height:26px;} .thumbsListe .views_cnt strong {color: #fff; float:left; width: 30px; text-align: center; margin-right: 10px; font-size:11px;} /*-------------------- /projects/3/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_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_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 .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_middle{background:#fff} .light_rounded .pp_bottom .pp_right{background:url(/img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} 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: 9px; text-transform: uppercase; z-index: 100000; top: 0px; color:#fff; padding: 3px 6px; position: absolute; background-color: #333; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } span.pretty-descr-4 a {color:#fff;} /*-------------------- /projects/3/templates/style/texte.css --------------------*/ .clear { visibility: hidden; clear:both; height:0; overflow:hidden; } .startseite {} .startseite .listitem { width:450px; margin:0 30px 20px 0; float:left; } .startseite .even { } .startseite .odd { margin:0 0 20px 0; } .startseite .listitem .data { } .startseite .listitem .data h2 { color:#656565; font-size:18px; font-weight:bold; line-height:18px; margin:0 0 6px 0; padding:0 0 0 0px; position:relative; } .startseite .listitem .data h2 a, .startseite .listitem .data h2 a:link, .startseite .listitem .data h2 a:visited { color:#656565; } .startseite .listitem .data h2 a:hover, .startseite .listitem .data h2 a:focus, .startseite .listitem .data h2 a:active { color:#656565; } .startseite .listitem .data h2 .date { color:#939393; background:transparent; font-size:11px; line-height:12px; margin:0; padding:0; display:block; font-weight:normal;} .startseite .listitem .data .image { float:left; margin:0 15px 15px 0; width:120px; height:120px; overflow:hidden; } .startseite .listitem .data .image a, .startseite .listitem .data .image a img { border:none; } .startseite .listitem .data .descr {} .startseite .listitem .data .descr p { margin:0 0 8px 0; } .startseite .listitem .infos { text-align:right; } /*-------------------- /projects/3/templates/style/TopNav.css --------------------*/ #TopNav {background: url(http://www.xdcms2.com/projects/3//images/sprite_alles_01.png) top left repeat-x; position: absolute; width:765px; height: 83px; z-index: 2; top:14px; left:212px;} #TopNav ul { white-space:nowrap; width:780px; list-style: none;padding: 0;margin: 0;overflow:hidden;} #TopNav ul li { float: left;list-style: none;padding: 0;margin: 0; } #TopNav a { cursor:pointer;position: relative; outline: none; display: block; height: 83px; text-decoration: none;} #TopNav li a { } #TopNav.home li.level_0 a { background-position: 0 -83px; background-image: url(http://www.xdcms2.com/projects/3//images/sprite_alles_01.png);} #TopNav.events li.level_1 a, #TopNav.event li.level_1 a{ background-position: -81px -83px; background-image: url(http://www.xdcms2.com/projects/3//images/sprite_alles_01.png); } #TopNav.gallery li.level_2 a, #TopNav.pictures li.level_2 a { background-position: -174px -83px; background-image: url(http://www.xdcms2.com/projects/3//images/sprite_alles_01.png);} #TopNav.locations li.level_3 a, #TopNav.location li.level_3 a{ background-position: -341px -83px; background-image: url(http://www.xdcms2.com/projects/3//images/sprite_alles_01.png);} #TopNav.werbung li.level_4 a { background-position: -455px -83px; background-image: url(http://www.xdcms2.com/projects/3//images/sprite_alles_01.png);} #TopNav.inside li.level_5 a { background-position: -539px -83px; background-image: url(http://www.xdcms2.com/projects/3//images/sprite_alles_01.png);} #TopNav.kontakt li.level_6 a { background-position: -648px -83px;background-image: url(http://www.xdcms2.com/projects/3//images/sprite_alles_01.png);} /* menu items */ #TopNav li a{width: 80px; text-indent: -2000px;} #TopNav li.level_0 a { width: 81px; } #TopNav li.level_1 a { width: 93px; } #TopNav li.level_2 a { width: 167px; } #TopNav li.level_3 a { width: 114px; } #TopNav li.level_4 a { width: 84px; } #TopNav li.level_5 a { width: 109px; } #TopNav li.level_6 a { width: 119px; } /* hover bg */ #TopNav a .hover { display: block; opacity: 0; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: url(http://www.xdcms2.com/projects/3//images/sprite_alles_01.png) no-repeat top left;} #TopNav li.level_0 a .hover { background-position: 0 -83px;} #TopNav li.level_1 a .hover { background-position: -81px -83px;} #TopNav li.level_2 a .hover { background-position: -174px -83px;} #TopNav li.level_3 a .hover { background-position: -341px -83px;} #TopNav li.level_4 a .hover { background-position: -455px -83px;} #TopNav li.level_5 a .hover { background-position: -539px -83px;} #TopNav li.level_6 a .hover { background-position: -648px -83px;} #TopNav liX {border:1px solid #f00;} /* subnav */ #TopNav ul.subnav { position: absolute;top:83px;left:458px;width:170px;} #TopNav ul.subnav li {margin-bottom:2px;display: block; padding-left:20px; line-height: 30px;height:30px;float: none;background: #4E4947 url(http://www.xdcms2.com/projects/3//images/subnav_bg.gif); width:170px;} #TopNav ul.subnav li a {text-indent: 0;color: #fff; text-transform: uppercase;font-size: 10px;} #TopNav ul.subnav li a:hover {color:#FE8700;} #TopNav .level_3 ul.subnav { left:342px; width:170px;} #TopNav .level_4 ul.subnav { left:453px; width:170px;} /*-------------------------------------------------------------------------------- sum bytes: 54455 (53,18 KB) --------------------------------------------------------------------------------*/