/********************************************************************************************** CSS on Sails Title: de Bogen Theaterproducties (bogen.nl) Date: April 2010 Author: Marten [www.zodan.nl] *********************************************************************************************** 1. BASE 1.1 Reset 1.2 Accessibility Navigation 1.3 Clearfix 1.4 Default Styles 2. LAYOUT 2.1 Header 2.2 Navigation 2.3 Content 2.4 Sidebar 2.5 Footer ***********************************************************************************************/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* @import 'jqtransform.css'; @import 'jquery-fancybox.css'; */ /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } address { font-style: normal; } table {width:100%;color:#000;vertical-align: middle;} table thead th {color:#000;line-height:1.81em;padding-top:0;padding-bottom:0;padding-left:5px;padding-right:5px;border-bottom:1px solid #000;} table thead th:first-child {border-left:none;} table thead th.sortable {cursor:pointer;} table thead th.sorted-asc, table thead th.sorted-desc {padding-right:24px;background-position:right center;background-repeat:no-repeat;} table thead th.sorted-asc {background-image:url(/core/img/ico/asc.gif);} table thead th.sorted-desc {background-image:url(/core/img/ico/desc.gif);} table tbody td {line-height:15px;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px;} table tbody th.date, table tbody td.date {width:100px;} table tbody th.time, table tbody td.time {width:75px;} table tbody th.place, table tbody td.place {width:175px;} table tbody th.theater, table tbody td.theater {width:auto;} table tbody th.phone, table tbody td.phone {width:auto;} table tbody tr.odd td {background:#f2f2f2;} table tbody tr:hover td {background:#ddd;} table tbody td:first-child, table tbody tr.odd td:first-child {border-left:none;} #content table {font-size:0.91em;} /* 1.2 Accessibility Navigation & Hide -----------------------------------------------------------------------------------------------*/ ol#accessibility-nav, .hide, .descriptions .desc h2, .invisible { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } /* 1.3 Clearfix -----------------------------------------------------------------------------------------------*/ .clearfix:after, #main:after, #sidebar .boxes .boxes-inner2:after, #content .two-cols:after, #content .three-cols:after, div.press-gallery div.press-gallery-inside ul:after, div.press-corner div.press-gallery-release-inside ul:after, #carriers-descriptions.descriptions .desc ul li a:after, form.extended:after, form.extended p:after, form.extended ol li:after, #content .four-columns:after, div.press-corner div.press-item ul.press-links:after, #content ul.linkboxes li a.full:after, #content .two-eq-cols:after, #content ul.discounts ul li:after, #content .small-cols:after, #cse-search-box2:after, #content .flv:after, #content .app_steps .phonebrand:after, #content .faq dl dd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* To be moved to ie.css .clearfix, form.extended, form.extended p, form.extended ol li, #content .four-columns, div.press-corner div.press-item ul.press-links, #content ul.linkboxes li a.full, #content .two-eq-cols, #content ul.discounts ul li, #content ul.links li, #content .small-cols, #cse-search-box2, #content .flv, #content .app_steps .phonebrand, #content .faq dl dd {zoom:1;} */ /* 1.4 Default Styles -----------------------------------------------------------------------------------------------*/ body {font-size:62.5%;} body.fmedium {font-size:70%;} body.flarge {font-size:77.5%;} body { font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; text-align: center; } hr { display: none; } hr.clr {display:block;width:100%;clear:both;height:0px;visibility:hidden;} strong { font-weight: bold; } em { font-style: italic; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } input, textarea, select { font: 1em Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans-serif; } a { color: #dc061b; text-decoration: none; } a:hover { text-decoration: underline; } a * {cursor:pointer;} .clear {clear:both;} .overview.nav_1 a {color:#eb7004;} .overview.nav_2 a {color:#dc061b;} .overview.nav_3 a {color:#137abc;} .overview.nav_4 a {color:#318d28;} #main {font-size: 1.2em;} .underline {text-decoration:underline;} body .flash-content {display:none;} body.flash .flash-content {display:block;} body.flash .nonflash-content {display:none;} .hidden { display: none;} /* 1.5 Forms -----------------------------------------------------------------------------------------------*/ /* form.defaultform {width:400px;display:table;padding:10px 0px 20px 0px;} form.defaultform label {clear:left;float:left;width:176px;height:20px;margin-bottom:5px;padding:4px 4px 4px 0px;} form.defaultform input.input {clear:right;float:left;width:200px;height:20px;margin-bottom:5px;padding:4px;border:1px solid #e1e1e1;} form.defaultform textarea {clear:right;float:left;width:200px;height:100px;margin-bottom:5px;padding:4px;border:1px solid #e1e1e1;} form.defaultform .button, form.defaultform .button2 {clear:left;float:left;margin:0px 4px 0px 180px;padding:4px;border:1px solid #e1e1e1;cursor:pointer;min-width:70px;} form.defaultform input.button2 {clear:right;margin:0px 4px 0px 0px;} form.defaultform input.button:hover, form.defaultform input.button2:hover {background:#e1e1e1;} form.defaultform img {float:right;} form fieldset {clear:both;} */ form.defaultform {width:400px;display:table;padding:10px 0px 20px 0px;} form.defaultform label {clear:left;float:left;width:176px;height:20px;margin-bottom:5px;padding:4px 4px 4px 0px;} form.defaultform input.input {clear:right;float:left;width:200px;height:20px;margin-bottom:5px;padding:4px;border:1px solid #e1e1e1;} form.defaultform textarea {clear:right;float:left;width:200px;height:100px;margin-bottom:5px;padding:4px;border:1px solid #e1e1e1;} form.defaultform .button, form.defaultform .button2 {clear:left;float:left;margin:0px 4px 0px 180px;padding:4px;border:1px solid #e1e1e1;cursor:pointer;min-width:70px;} form.defaultform input.button2 {clear:right;margin:0px 4px 0px 0px;} form.defaultform input.button:hover, form.defaultform input.button2:hover {background:#e1e1e1;} form.defaultform img {float:right;} form fieldset {clear:both;} /* Validate form styles */ form#contactform {width:474px;} #contactform p {margin-bottom: 0px;} #contactform label {width:200px;} #contactform input.input, #contactform select, #contactform textarea {width: 250px;} form#contactform .button, form#contactform .button2 {margin:0px 4px 0px 204px;} form .red, form input.input.red, form input.radio.red, form textarea.input.red {border: 1px solid red;} form label.red {border: none;color: red;} form .customRed {border: none;color: red;} form #validationMessage {padding: 5px;border: 1px solid red;margin-bottom: 10px;color: red;font-weight: bold;display: none;} #contactform .errorMessage {color: red;margin-left: 10px;font-size: 0.8em;} /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ .container { width: 960px; position: relative; margin: 0 auto; text-align: left; } /* Default Layout (Two Columns) */ #main {padding:1em 0 3em 0;min-height: 300px;} .home #main {min-height: 165px;} #content { width: 692px; float: left;} #sidebar { width: 0px; float: right;} #footer { clear: both;padding: 0 0 0 35px;} #top {height:40px; position:relative;text-align:right;} #header {height:109px; position:relative;} #navigation {height:54px; position:relative; z-index:3;} #main {position:relative;z-index:2;} /* One Column Layout */ body.one-column #content { width: auto; float: none; } body.one-column #content #main-content {float:right;width:721px;} body.one-column #content #secondary-content {} /* Three Column Layout */ #content #main-content {float:right;width:477px;} #content #secondary-content {float:left;width:215px;} /* Main Backgrounds */ body {background:#fff url(/core/img/bg.jpg) no-repeat center top;} /* 2.1 Header -----------------------------------------------------------------------------------------------*/ /* Logo */ #header .logo { position:absolute;top:0px;left:0px;overflow: hidden; width: 410px; height: 58px; line-height:58px; font-size:20px; text-align:center; font-weight:bold;background: url(/core/img/logo.gif) no-repeat; } #header .logo a {display:block;} #header .logo a:hover {text-decoration: none;} #header .logo a span {visibility:hidden;} #header .address { position:absolute;top:0px;right:30px;overflow: hidden; width: 175px; height: 102px; line-height:102px; font-size:20px; text-align:center; font-weight:bold;background: url(/img/hejh_address.png) no-repeat; } #header .address span { display: none;} /* Meta menu */ #top ul.menu {float:right;text-align:center;line-height:32px;font-size:1.4em;margin:0 20px 0 0;} #top ul.menu li {display:inline;padding:0 0 0 6px;background:url(/core/img/bg_menu_top.gif) no-repeat left center;} #top ul.menu li a {padding:0 4px 0;color:#68676c;} #top ul.menu li a:hover {color:#000;text-decoration:underline;} #top ul.menu li.first {background:none;} /* 2.2 Navigation -----------------------------------------------------------------------------------------------*/ #navigation li { float:left;} .home #navigation {height:240px;} #navigation ul.home_nav {} #navigation ul.home_nav li {width:220px;height:220px;padding:10px;background:url(/core/img/bg_home_nav.png) no-repeat left top;} #navigation ul.home_nav li a {width:200px;height:200px;padding:10px;display:block;text-decoration:none;} #navigation ul.home_nav li a span {color:#fff;display:block;text-align:center;font-family:Georgia, "Times New Roman", Times, serif;} #navigation ul.home_nav li a span.htext {font-size:1.9em;height:40px;} #navigation ul.home_nav li a span.otext {font-style:italic;font-size:1.2em;height:140px;line-height:16px;} #navigation ul.home_nav li a span.ltext {text-decoration:underline;font-size:1.5em;height:30px;} #navigation ul.home_nav li a:hover img {display:none;} #navigation ul.home_nav li#home_nav_1 a span.htext {color:#eb7004;padding-top:35px;} #navigation ul.home_nav li#home_nav_2 a span.htext {color:#dc061b;padding-top:35px;} #navigation ul.home_nav li#home_nav_3 a span.htext {color:#5db0ff;padding-top:35px;} #navigation ul.home_nav li#home_nav_4 a span.htext {color:#318d28;padding-top:35px;} #navigation ul.home_nav li#home_nav_1 a:hover span.htext {color:#fff;padding-top:0px} #navigation ul.home_nav li#home_nav_2 a:hover span.htext {color:#fff;padding-top:0px} #navigation ul.home_nav li#home_nav_3 a:hover span.htext {color:#fff;padding-top:0px} #navigation ul.home_nav li#home_nav_4 a:hover span.htext {color:#fff;padding-top:0px} #navigation ul.home_nav li#home_nav_1 a:hover {background:url(/core/img/bg_home_nav_over.png) no-repeat left top;} #navigation ul.home_nav li#home_nav_2 a:hover {background:url(/core/img/bg_home_nav_over.png) no-repeat -240px top;} #navigation ul.home_nav li#home_nav_3 a:hover {background:url(/core/img/bg_home_nav_over.png) no-repeat -480px top;} #navigation ul.home_nav li#home_nav_4 a:hover {background:url(/core/img/bg_home_nav_over.png) no-repeat -720px top;} #navigation ul.home_nav li a span.otext,#navigation ul.home_nav li a span.ltext {display:none;} #navigation ul.home_nav li a:hover span.otext,#navigation ul.home_nav li a:hover span.ltext {display:block;} .overview #navigation, .detail #navigation {height:54px; position:relative; z-index:3;} #navigation li { float:left;} #navigation ul.nav {} #navigation ul.nav li {height:36px;padding:10px;} #navigation ul.nav li a {padding:8px;display:block;text-decoration:none;} #navigation ul.nav li a span {display:block;text-align:center;font-family:Georgia, "Times New Roman", Times, serif;} #navigation ul.nav li a span.htext {font-size:1.9em;} #navigation ul.nav li#nav_1 a {color:#eb7004;} #navigation ul.nav li#nav_2 a {color:#dc061b;} #navigation ul.nav li#nav_3 a {color:#5db0ff;} #navigation ul.nav li#nav_4 a {color:#318d28;} #navigation ul.nav li#nav_1 a:hover, .nav_1 #navigation ul.nav li#nav_1 a {color:#fff;background:url(/core/img/bg_home_nav_over.png) no-repeat left top;} #navigation ul.nav li#nav_2 a:hover, .nav_2 #navigation ul.nav li#nav_2 a {color:#fff;background:url(/core/img/bg_home_nav_over.png) no-repeat -240px top;} #navigation ul.nav li#nav_3 a:hover, .nav_3 #navigation ul.nav li#nav_3 a {color:#fff;background:url(/core/img/bg_home_nav_over.png) no-repeat -480px top;} #navigation ul.nav li#nav_4 a:hover, .nav_4 #navigation ul.nav li#nav_4 a {color:#fff;background:url(/core/img/bg_home_nav_over.png) no-repeat -720px top;} /* search box */ #cse-search-box {float:right;width:220px;padding-top:10px;margin:0 10px 0 0;} #cse-search-box fieldset {background:#fbfbfb;border:solid 1px #e1e1e1;padding:8px 0px 8px 8px;} #cse-search-box input, #cse-search-box button {float:left;cursor:pointer;} #cse-search-box div.input {float:left;margin:0 8px 0 0;} #cse-search-box div.input input {width:174px;border:1px solid #fbfbfb !important;background:#fbfbfb;line-height:20px;font-size:1.2em;} #cse-search-box button {width:20px;height:20px;background:#fbfbfb url(/core/img/but_search.gif) no-repeat left top;border:none;} #cse-search-box button:hover {background:#fbfbfb url(/core/img/but_search.gif) no-repeat left -20px;} #cse-search-box button span {display:none;} /* 2.3 Content -----------------------------------------------------------------------------------------------*/ #content {color:#68666b;padding:0px 10px;font-family:Georgia, "Times New Roman", Times, serif;} /*#content h1 {font-size:1.75em;font-weight:bold;color:#000;margin:0 0 22px 0;} #content h2 {font-size:1.25em;line-height:1.53em;font-weight:bold;color:#000;}*/ #content h1 {font-size:1.5em;font-weight:bold;color:#000;margin:0 0 22px 0;} #content h2 {font-size:1.16em;line-height:1.5em;font-weight:bold;color:#000;} #content h3 {font-size:1.16em;line-height:1.5em;font-weight:bold;} #content h4 {font-size:1.16em;line-height:1.5em;font-weight:normal;} #content h5 {font-size:1em;line-height:1.75em;font-weight:bold;} #content h6 {font-size:1.08em;line-height:1.61em;font-weight:bold;color:#f07927;margin:20px 0 0 0;} #content p {line-height:1.33em; padding:0 0 1.33em 0;} #content p.call-out {font-size:1.6em;font-style:italic;width:450px;line-height:1.33em; padding:0 0 1.33em 0;} #content img.left {float:left;margin:0 10px 10px 0;} #content img.icon {float:left;margin:3px 12px 0 0;} #content img.right {float:right;margin:0 0 10px 10px;} #content a.pdf {padding:1px 0 1px 22px;background:left center no-repeat url(/core/img/icons/ext/pdf.png);} /* arrowed link list */ #content ul.links {margin:0 0 20px 0;} #content ul.links li {background:none;padding:0;} #content ul.links li a {display:block;padding:0.25em 0 0.25em 20px;line-height:1.25em;background:url(/core/img/read-more.gif) left center no-repeat;} #content .leftbox p, #content .rightbox p { color:#fff; } .overview #content {padding:0px;width:960px;} .detail #content {width:780px;padding-top:10px;} .common #content {width:780px;padding-top:10px;} #content ul.overview-list li {float:left;width:160px;height:197px;padding:10px 0px;line-height:1.33em;} #content ul.overview-list li.item {float:left;background:url(/core/img/bg_item_overview.png) no-repeat left top;width:140px;height:197px;padding:10px;} /* overview page */ .overview #content li.item a {display:block;width:128px;height:185px;padding:6px;color:#68666b;text-align:center;cursor:pointer;} .overview #content li.item a img {display:block;margin-bottom:7px;} .overview #content li.item a:hover {color:#fff;text-decoration:none;background:#eee;} .overview.nav_1 #content li.item a:hover {background:url(/core/img/bg_home_nav_over.png) no-repeat -60px top;} .overview.nav_2 #content li.item a:hover {background:url(/core/img/bg_home_nav_over.png) no-repeat -300px top;} .overview.nav_3 #content li.item a:hover {background:url(/core/img/bg_home_nav_over.png) no-repeat -540px top;} .overview.nav_4 #content li.item a:hover {background:url(/core/img/bg_home_nav_over.png) no-repeat -780px top;} .overview #content li span#list_intro {display:block;width:140px;height:103px;padding:10px;} .overview #content li a#list_contact {display:block;width:124px;height:54px;padding:18px 18px 22px 18px;background:url(/core/img/bg_list_contact.png) no-repeat left top;color:#000;} .overview #content li a#list_contact {color:#000;} .overview.nav_1 #content li a#list_contact {color:#eb7004;} .overview.nav_2 #content li a#list_contact {color:#dc061b;} .overview.nav_3 #content li a#list_contact {color:#137abc;} .overview.nav_4 #content li a#list_contact {color:#318d28;} .overview #content li a#list_contact span {font-style:italic;} .overview #content li a#list_contact span.link_text {display:block;width:120px;font-weight:bold;} .overview #content li a#list_contact span.link_text {background:url(/core/img/bg_list_contact_btn.gif) no-repeat right -82px;font-style:normal;} .overview.nav_1 #content li a#list_contact span.link_text {background:url(/core/img/bg_list_contact_btn.gif) no-repeat right -2px;font-style:normal;} .overview.nav_2 #content li a#list_contact span.link_text {background:url(/core/img/bg_list_contact_btn.gif) no-repeat right -22px;font-style:normal;} .overview.nav_3 #content li a#list_contact span.link_text {background:url(/core/img/bg_list_contact_btn.gif) no-repeat right -42px;font-style:normal;} .overview.nav_4 #content li a#list_contact span.link_text {background:url(/core/img/bg_list_contact_btn.gif) no-repeat right -62px;font-style:normal;} .detail #content .imageholder {float:left;width:360px;} .detail #content .text {float:right;width:400px;} .detail #content .text a.button {background:#efefef;color:#000;border:1px solid #f6f6f6;padding:4px 10px 4px 10px;} .detail #content .text a.button span {background:#efefef url(/core/img/bg_list_contact_btn.gif) no-repeat right -82px;padding:0px 10px 0px 0px;text-decoration:none;} .detail #content .text a.button:hover span {text-decoration:underline;} .detail .genre {padding:10px 0px; font-size: 1.3em;font-style:italic;} .detail.nav_1 .genre {color:#eb7004;} .detail.nav_2 .genre {color:#dc061b;} .detail.nav_3 .genre {color:#137abc;} .detail.nav_4 .genre {color:#318d28;} /* 2.4 Sidebar -----------------------------------------------------------------------------------------------*/ #sidebar {float:left;width:160px;padding:0px 0px;color:#68666b;font-family:Georgia, "Times New Roman", Times, serif;} .home #sidebar {float:right;width:220px;padding:0px 10px;} .overview #sidebar {display:none;} #sidebar p {line-height:1.33em; padding:0px;} .home #sidebar p {line-height:1.33em; padding:0 0 1.33em 0;} #sidebar p.related {padding:0px 10px 1.33em 18px;min-height:190px;} #sidebar p.related .more-text {font-style:italic;color:#5f5f63;} #sidebar p.related img {padding-top:8px;} #sidebar p a#list_contact {display:block;width:124px;height:54px;padding:18px 18px 12px 18px;background:url(/core/img/bg_list_contact.png) no-repeat left top;color:#000;} #sidebar p a#list_contact span {font-style:italic;} #sidebar p a#list_contact span.link_text {display:block;width:120px;font-weight:bold;background:url(/core/img/bg_list_contact_btn.gif) no-repeat right -82px;font-style:normal;} .nav_1 #sidebar p a#list_contact {color:#eb7004;} .nav_2 #sidebar p a#list_contact {color:#dc061b;} .nav_3 #sidebar p a#list_contact {color:#137abc;} .nav_4 #sidebar p a#list_contact {color:#318d28;} .nav_1 #sidebar p a#list_contact span.link_text {background:url(/core/img/bg_list_contact_btn.gif) no-repeat right -2px;font-style:normal;} .nav_2 #sidebar p a#list_contact span.link_text {background:url(/core/img/bg_list_contact_btn.gif) no-repeat right -22px;font-style:normal;} .nav_3 #sidebar p a#list_contact span.link_text {background:url(/core/img/bg_list_contact_btn.gif) no-repeat right -42px;font-style:normal;} .nav_4 #sidebar p a#list_contact span.link_text {background:url(/core/img/bg_list_contact_btn.gif) no-repeat right -62px;font-style:normal;} #sidebar .item_nav {width:140px;text-align:center;padding: 4px 10px;} .detail.nav_1 #sidebar .item_nav {color:#eb7004;border-top:1px solid #eb7004;} .detail.nav_2 #sidebar .item_nav {color:#dc061b;border-top:1px solid #dc061b;} .detail.nav_3 #sidebar .item_nav {color:#137abc;border-top:1px solid #137abc;} .detail.nav_4 #sidebar .item_nav {color:#318d28;border-top:1px solid #318d28;} #sidebar .item_nav a.prev {padding: 0px 4px 0px 10px;} #sidebar .item_nav a.next {padding: 0px 10px 0px 4px;} .detail.nav_1 #sidebar .item_nav a.prev {color:#eb7004;background:url(/core/img/bg_list_contact_btn.gif) no-repeat left -102px;font-style:normal;} .detail.nav_2 #sidebar .item_nav a.prev {color:#dc061b;background:url(/core/img/bg_list_contact_btn.gif) no-repeat left -122px;font-style:normal;} .detail.nav_3 #sidebar .item_nav a.prev {color:#137abc;background:url(/core/img/bg_list_contact_btn.gif) no-repeat left -142px;font-style:normal;} .detail.nav_4 #sidebar .item_nav a.prev {color:#318d28;background:url(/core/img/bg_list_contact_btn.gif) no-repeat left -162px;font-style:normal;} .detail.nav_1 #sidebar .item_nav a.next {color:#eb7004;background:url(/core/img/bg_list_contact_btn.gif) no-repeat right -2px;font-style:normal;} .detail.nav_2 #sidebar .item_nav a.next {color:#dc061b;background:url(/core/img/bg_list_contact_btn.gif) no-repeat right -22px;font-style:normal;} .detail.nav_3 #sidebar .item_nav a.next {color:#137abc;background:url(/core/img/bg_list_contact_btn.gif) no-repeat right -42px;font-style:normal;} .detail.nav_4 #sidebar .item_nav a.next {color:#318d28;background:url(/core/img/bg_list_contact_btn.gif) no-repeat right -62px;font-style:normal;} /* 2.5 Footer -----------------------------------------------------------------------------------------------*/ #footer {padding:53px 0 30px 0;background:url(/core/img/bg_footer.gif) repeat-x center 38px;} .footer-content {width:920px;min-height:44px;margin:0 auto;text-align:left;background: url(/core/img/bg_footer-content.png) no-repeat center bottom;padding:0px 20px 5px 20px;} .footer-left {width:500px;float:left;} .footer-right {width:420px;float:right;} #footer ul.menu {float:right;text-align:center;line-height:1em;font-size:1.2em;} #footer ul.menu li {color:#999;display:inline;padding:0 0 0 8px;background:url(/core/img/bg_menu_top.gif) no-repeat 2px center;} #footer ul.menu li a {padding:0 2px 0 4px;color:#999;text-decoration:underline;} #footer ul.menu li a:hover {color:#68676c;} #footer ul.menu li.first {background:none;} #footer p {color:#999;line-height:1em; padding:0 0 1em 0;font-size:1.2em;} #footer p strong {color:#68676c;} #footer p img {vertical-align:middle;} #footer p.footer_senf {padding-left:20px;background:url(/core/img/senf_icon.gif) no-repeat left top;} #footer p.footer_senf a {color:#999;text-decoration:underline;} #footer p.footer_senf a:hover {color:#68676c;text-decoration:underline;} #footer p.footer_vvtp a {color:#999;text-decoration:none;padding-right:46px;background:url(/core/img/logo_vvtp.gif) no-repeat right top;} #footer p.footer_vvtp a:hover {color:#999;text-decoration:underline;background:url(/core/img/logo_vvtp.gif) no-repeat right -20px;} /* #footer p {position:absolute;right:30px;text-align:right;}*/ /* PIT TINY MENU */ #pit_tinymenu {position: absolute;top: 0;right: 0;width: 153px;z-index: 50;text-align:left;} #pit_tinymenu_items {color: #eee;display: block;float: right;clear: both;height: auto;} #pit_tinymenu_top {width: 140px;padding: 15px 5px 15px 8px;background: url(/core/img/pit_core/pit_tinymenu_body.png) repeat-y top left;clear: both;text-align:left;} #pit_tinymenu_bottom {width: 153px;height: 4px;background: url(/core/img/pit_core/pit_tinymenu_bottom.png) repeat-y top left;} #pit_tinymenu_button {width: 153px;height: 23px;clear: both;} #pit_tinymenu a { color: #bbb; text-decoration: none; } #pit_tinymenu a:hover { color: #fff;text-decoration: underline; } #pit_tinymenu_items ul li {} #pit_tinymenu_items ul {line-height: 16px;width: 140px;} #pit_tinymenu_items ul li, #pit_tinymenu_items p.menutext {list-style-type: none;font: 1.1em/18px Arial, Helvetica, sans-serif;padding-bottom: 0px;padding-top: 0px;} #pit_tinymenu_items label {color: #666;font: 1.1em/18px Arial, Helvetica, sans-serif;} #pit_tinymenu_items input {background: #333;border: 1px solid #444;color: #999;margin: 2px 0px;padding: 1px;font: 1.1em/12px Arial, Helvetica, sans-serif;} #pit_tinymenu_items input.input {width: 138px;} #pit_tinymenu_items input.input:hover {border: 1px solid #999;} #pit_tinymenu_items input.button {margin-top: 4px;padding: 1px 6px;cursor: pointer;} #pit_tinymenu_items input.button:hover {background: #555;border: 1px solid #666;color: #eee;} #pit_tinymenu_button a {width: 153px;height: 23px;display: block;background: url(/core/img/pit_core/pit_tinymenu_button.png) no-repeat left top;} #pit_tinymenu_button a span {display: none;} /* tooltip styles */ .tool-tip {color: #fff; width: 200px;background: url(/core/img/bg_tooltip.png) top left;border-bottom: solid 1px #4d4d44;padding-top: 4px;z-index: 13000;} .tool-title {font-weight: bold;font-size: 11px;margin: 0;color: #ddd;padding: 4px 8px 4px;display:none;} .tool-text {font-size: 11px;padding: 4px 8px 8px;} /* calendar styles */ table.kd_calendar {width: 166px;margin-left: auto;margin-right: auto;} table.kd_calendar caption {width: 166px;margin-left: auto;margin-right: auto;text-align: center;} table.kd_calendar td, table.kd_calendar th {text-align: center;width: 22px;} table.kd_calendar th {text-transform: uppercase;} .nolinked-day-today, .linked-day-today, .nolinked-day-today a, .linked-day-today a {background: #ec008c;color: #fff;} .linked-day {background:#e9e9e9;color: #ec008c;} .agenda_calendar_holder {padding-bottom: 23px;}