/***************** Tag redefinitions **********************/ * { box-sizing: border-box; } html, body{ background: #580202; color: #FFEEBB; margin:0; padding:0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19px; } a{ color:#FFEEBB; text-decoration:none; } p a, .list a{ border-bottom:1px dotted #FFEEBB; } p a:hover, .list a:hover { color:#330000; border-bottom:1px dotted #330000; } em a:hover{ color:#000000; padding-left:2px; } h1, h2, h3 { border-bottom: 3px solid #580202; font-size: 14px; margin: 25px 0; padding: 0 0 5px 0; text-transform: uppercase; } p{ margin: 15px 0; padding-right:25px; } h1:first-child, h2:first-child, h3:first-child, p:first-child { margin-top: 0; } hr{ border: none; border-bottom: 3px solid #580202; height: 0; margin: 25px 0; } img{ border:none; margin-bottom:15px; } input, select, option{ color:#FFEEBB; background-color:#580202; border:none; font-family: Helvetica, Arial, sans-serif; font-size:12px; padding: 1px 2px; } input{ padding: 3px 5px; width:500px; } textarea{ color:#FFEEBB; background-color:#580202; border:none; font-family:Helvetica, Arial, sans-serif; font-size:12px; width:500px; height:100px; padding: 3px 5px; overflow:auto; } #submit{ border-bottom: 3px solid #410202; border-radius: 3px; cursor:pointer; float: right; font-weight: bold; padding: 5px 15px; width:auto; } #submit:hover { background: #410202; } small{ font-size:9px; } th { text-align:left; } /************* Layout *************/ .wrap{ margin: 0 auto; width:910px; } .clearfix { clear: both; } .header { background: #6A0000; padding: 10px; height: 130px; position: relative; margin: 20px 0 0 0; } .header img { bottom: 10px; margin: 0; position: absolute; right: 15px; } .main { background: #6A0000; } .sidebar { float: left; padding: 20px; width: 25%; } .content { border-left: 3px solid #580202; float: left; min-height: 500px; padding: 20px; width: 75%; } .footer { clear: both; margin-bottom: 20px; padding: 5px 10px; text-align: right; } .navigation { height: 39px; list-style: none; margin: 3px 0; padding: 0; } .navigation li { float: left; margin-right: 3px; width: 128px; } .navigation li:last-child { margin-right: 0; width: 124px; } /* ie8 */ .navigation li.nav-item-7 { margin-right: 0; width: 124px; } .navigation li a { background: #840404; display: block; font-weight: bold; padding: 10px 0; text-align: center; } .navigation li a:hover { background: #6A0000; } .subnavigation, .subnavigation ul { list-style-type: none; padding: 0; } .subnavigation { margin: -10px; } .subnavigation li { padding: 2px 10px; position: relative; } .subnavigation li:hover { background: #840404; } .subnavigation li.separator:hover { background: none; } .subnavigation li ul { background: #6A0000; border: 3px solid #580202; display: none; position: absolute; left: 75%; width: 100%; top: -3px; z-index: 1; } .subnavigation > li:hover > ul { display: block; } .subnavigation > li:hover > ul > li:hover > ul { display: block; } /******************* Style classes *********************/ .sans{ font-family: Helvetica, Arial, sans-serif; border:none; } .sans:hover{ text-decoration:none; } .noMargin{ margin:0px; padding:0px; } .facebook{ padding-right: 20px; background:url('../bg/facebook.png') no-repeat; background-position: right; } .file{ background: url('../bg/file1.png') no-repeat; padding-left: 20px; } .file:hover { background: url('../bg/file2.png') no-repeat; } .gallery{ background: url('../bg/gallery1.png') no-repeat; padding-left: 20px; } .gallery:hover { background: url('../bg/gallery2.png') no-repeat; } .list-item{ background: rgba(0, 0, 0, 0.05); border-bottom: 3px solid #580202; margin-bottom: 5px; min-height: 70px; padding: 10px; position: relative; } .list-item .thumb{ float:left; line-height: 0; margin-right: 15px; } .list-item a { font-weight: bold; } .list-item img { margin: 0; } .list-item em { display: block; } .list-item .kulturcard-info, .list-item .free-entry { display: block; position: absolute; top: 10px; right: 5px; } /**************** Index page ************************/ .quicklink h3 { margin: 25px 0 10px 0; } .quicklink:first-child h3 { margin-top: 0; } .quicklink img { margin: 0; } .slider-container { height: 280px; margin-bottom: 3px; overflow: hidden; width: 100%; } .slider { list-style-type: none; padding: 0; margin: 0; transition: margin 0.8s; } .slide { display: block; float: left; position: relative; } .slide a { display: block; } .slide .title, .slide .date { color: rgba(255, 255, 255, 0.8); position: absolute; text-shadow: 0 0 32px rgba(0, 0, 0, 0.5); } .slide .date { border-right: 5px solid rgba(255, 255, 255, 0.8); left: 50px; bottom: 40px; width: 160px; } .slide .date span { display: block; } .slide .date .day { font-size: 120px; font-weight: bold; line-height: 90px; } .slide .date .month { font-size: 20px; font-weight: bold; line-height: 30px; } .slide .date .month01 { letter-spacing: 11px; } .slide .date .month02 { letter-spacing: 8px; } .slide .date .month03 { letter-spacing: 25px; } .slide .date .month04 { letter-spacing: 18px; } .slide .date .month05 { letter-spacing: 42px; } .slide .date .month06 { letter-spacing: 25px; } .slide .date .month07 { letter-spacing: 28px; } .slide .date .month08 { letter-spacing: 10px; } .slide .date .month09 { letter-spacing: 2px; } .slide .date .month10 { letter-spacing: 7px; } .slide .date .month11 { letter-spacing: 3px; } .slide .date .month12 { letter-spacing: 4px; } .slide .date .year { font-size: 20px; font-weight: 100; letter-spacing: 25px; } .slide .title { left: 240px; bottom: 40px; } .slide h2, .slide h3 { border: none; margin: 0; padding: 0; text-transform: none; } .slide h2 { font-size: 64px; line-height: 64px; } .slide h3 { font-size: 20px; font-weight: 100; } .slide img { display: block; margin: 0; } .moreEvents { display: block; font-weight: bold; margin: 15px; text-align: center; } /**************** Partners page ************************/ #partners a { display: block; float: left; margin: 0 12px 12px 0; } #partners a img { display: block; margin: 0; } /******* Spam filter classes in form ********/ .trform1{ /* this is just used to keep .form2 inconspicious */ } .trform2{ display:none; } .surveytable td { vertical-align:top; padding-bottom:20px; } .surveytable input { width:auto; }