/* * [a] Dries Van haver, Truus Helsen * [c] Oskar D * [w] www.oskard.be * */ * {margin:0; padding:0;} body {font:11px Arial,sans-serif; color:#2C2C2C; margin:0; padding:0;} a img, img {border:0; margin:0; padding:0;} a {color: #CA2027; text-decoration: none;} #content #text a:hover {color: #FFF; background-color: #CB2027;} img.ttl{margin: 0 0 20px 10px;} ul li a span {font-size:10px; white-space:nowrap;} /**************************** // BLOCKS ******************************/ #top_nav {background-color:#bbb;} #header {height: 100px; margin-bottom: 0; overflow: hidden;background: #FFF; background: url(../img/core/temp_header.jpg) no-repeat;} #navigation {background-color:#ccc;} #sidebar {background-color:#eee;} #container {background:#fff url('../img/core/bg_container.gif') repeat-y left; margin: 0px auto 0 auto; width:960px;} #footer {background-color:#ddd;} /**************************** // HEADER ******************************/ .clear {clear:both} #gallery {position:relative;height:150px;display: none;} #gallery a {float:left;position:absolute;} #gallery a img {border:none;} #gallery a.show {z-index:0;} #gallery .caption {z-index:1;color:#2C2C2C;height:26px;width:100%;position:absolute;bottom:0; background-color:#FFF;} #gallery .caption .content {margin:7px;} #gallery .caption .content h3 {margin:0;padding:0;color:#25ADE3;font-size: 14px; font-weight: bold;} /**************************** // CONTENT ******************************/ #content {background:#f6f6f6 url('../img/core/bg_content.gif') no-repeat 0px -5px; float:left; width:570px; min-height:600px;height:auto !important;height:600px;} #content #text {padding:10px 15px 15px 15px; min-height:210px;height:auto !important;height:210px; position: relative;} #content #text img{margin-left: 10px;} #content #text img .linkse-foto{margin:0px; padding:10px 10px 10px 0px} #content #text .thmb {float:left; margin:2px;} #content #text .thmb:hover {padding:0; background-color: #F6F6F6} #content #text .latest_thumbs a:hover {padding:0; background-color: #F6F6F6} #content #text .thmb img{/*border:1px solid #8aada1;*/ float:left; margin:0; padding:0;} #content #text h1 {font-size: 18px; font-family:Arial,sans-serif; margin-bottom:0px;} #content #text h2 {font-size: 24px; font-family:"Times New Roman", Times, serif; margin: -2px 0 23px 0; color: #CB2027; font-weight: normal; } #content #text h3 {font-size: 15px; margin: 0 0 3px 0; color: #6c887f; padding: 0;} #content #text h4 {font-size: 12px; font-family:Arial,sans-serif; padding: 0 0 3px 0; color:#8AADA1; font-weight: bold;} #content #text h5 {font-size: 18px; font-family:"Times New Roman", Times, serif; margin: -2px 0 23px 0; color: #CA2027; font-weight: normal; } #content #text span.ttl_reaction {color:#8aada1; font:bold 15px Times, serif; } #content p {margin-bottom:20px; line-height: 15px;} #content li {margin-left: 20px; list-style-type: disc;} .baseline {background: url(../img/core/quote_open.gif) no-repeat 10px 10px; float:right; width:200px; display: block; border: solid 1px #8AADA1; font-size: 15px; color: #8AADA1; font-style: italic; padding:20px 10px 20px 30px; margin:15px 0 15px 15px;} .baseline span {padding-right:10px; background: url(../img/core/quote_close.gif) no-repeat right bottom; display:block; } /********** h colors **********/ .Stadsrepublieken h1:first-letter {color:#cb2027;} #stadsrepublieken #content h4 {background:url(../img/core/bullet_stadsrepublieken.gif) no-repeat 0 10px; color:#fcb815;} .Projecten h1:first-letter {color:#00b0f0;} #projecten #container #content h4 {background:url(../img/core/bullet_projecten.gif) no-repeat 0 10px; color:#00b0f0;} .Stadsgeheugen h1:first-letter {color:#fcb815;} #stadsgeheugen #content h4 {background:url(../img/core/btn_read.gif) no-repeat 0 10px; color:#CA2027; border-bottom:1px dotted #8AADA1; font-size:12px; font-weight:bold; margin-bottom:10px; padding:10px 0 8px 22px;} .Stadsrepublieken h2{color:#fcb815;} .Projecten h2{color:#00b0f0;} .Stadsgeheugen h2{color:#cb2027;} /************** LINKED PH ALBUMS ******************************/ #linked_ph_albums {clear:both; margin:20px 15px;} #linked_ph_albums h4 {background: url(../img/core/btn_read.gif) no-repeat 0 10px; color: #CA2027; font-weight:bold; padding: 10px 0 8px 22px; font-size:12px; border-bottom:1px dotted #8AADA1;} #linked_ph_albums img {border:1px solid #8aada1;} .ph_album, .ph_album1{height:20px; padding:8px 5px 0px 5px;} .ph_album_title {margin-left:20px; position:relative;} #ph_albums a:hover {background-color:#cb2027; color:#fff;} /************** LINKED EVENTS ******************************/ #linked_events {clear:both; margin:20px 15px;} #linked_events h4 {border-bottom:1px dotted #8AADA1; font-size:12px; font-weight:bold; padding:10px 0 8px 22px;} .event, .event1{height:20px; padding:8px 5px 0px 5px;} .event_date {float:left; display: block;} .event_title {margin-left:20px; position:relative;} #linked_events a:hover {background-color:#cb2027; color:#fff;} /************** RELATED UPLOADS ******************************/ #relMedia {clear:both; margin:20px 15px;} #relMedia h4 {background: url(../img/core/btn_read.gif) no-repeat 0 10px; color: #CA2027; font-weight:bold; margin-bottom:10px; padding: 10px 0 8px 22px; font-size: 12px; border-bottom:1px dotted #8AADA1;} /************** EVENTS ******************************/ .events #results{margin-top:50px;} .more{margin: 0px; padding: 0px;} #back{float:right; position:relative; margin: 0 0 8px 0px; padding: 0px;} #event_practical {clear:both;} #content #text #event_practical h4 {background: url(../img/core/btn_read.gif) no-repeat 0 10px; color: #CA2027; font-weight:bold; padding: 10px 0 8px 22px; font-size: 12px; border-bottom:1px dotted #8AADA1; margin-bottom:10px;} /************** REACTIONS ******************************/ #reactions {clear:both; margin:15px; padding-top: 20px;} #reactions h4 {background: url(../img/core/btn_read.gif) no-repeat 0 10px; color: #CA2027; font-weight:bold; padding: 10px 0 8px 22px; font-size: 12px; border-bottom:1px dotted #8AADA1; margin-bottom:10px;} #reaction{position:relative; width: 150px; float: right; margin: 0 15px 0 0; top:-50px;} #reaction span.author{float:right; margin-right:10px;} #reaction p{background-color: #e8efed; padding: 5px; margin: -20px 0 0 15px;} #reactions form {padding:5px 0 0 30px; margin:15px 0 15px 0;} #reactions form a {background:url('../img/core/btn_react.gif') no-repeat bottom left; line-height: 20px; padding-left:20px;} #reactions form div label {display:block;} #reactions form div input {width:300px;} #reactions form div textarea {height:100px; margin-bottom:10px; width:400px;} .reaction {background:transparent url('../img/core/bg_reaction.gif') no-repeat top left; margin-top:10px; padding:5px 5px 5px 35px;} .reaction1 {background:transparent url('../img/core/bg_reaction.gif') no-repeat top left; padding:5px 5px 5px 35px;} .reaction h2, .reaction1 h2 {color:#000; font:bold 11px Arial,sans-serif; margin:5px 0 0 0;} .reaction h3, .reaction1 h3 {color:#8aada1; font:normal 11px Arial,sans-serif; padding-bottom: 3px;} .error {background-color:#feddda; border:1px solid #c00; color:#c00; font-weight:bold; margin:15px; padding:5px;} /************** UPLOAD BUTTONS ******************************/ #chupload{float:right; margin: 5px 15px 0 0;} #chupload ul{list-style: none; margin: 0; padding: 0;} #chupload ul li{list-style: none; margin: 0 7px 0 0; padding: 0; float:left;} #uploadbtn{margin: 15px 0 15px 5px; padding: 0;} /************** THUMBNAILS ******************************/ #latestup td{width:70px; height:70px; background: url('../img/core/thmb_reg.gif') no-repeat; padding: 0 0 0 4px;} #latestup table{background: url('../img/core/ttl_latestup.gif') no-repeat;} /******** PROJECTS **********/ #content #text table.projects{border: 0;} #content #text table.projects tr td{border-top:1px dotted #8AADA1;} #content #text table.projects tr td ul{list-style: none; margin: 5px 0 30px 10px; float: left;} #content #text table.projects tr td ul li{background: url(../img/core/btn_download.gif) no-repeat 0 8px; padding: 5px 10px; list-style: none; float: left; width:200px;} #content #text table.projects tr td ul li a{text-decoration: none; color: #000;} #content #text table.projects tr td ul li a:hover{color: #FFF;} #content #text table.projects h4{background: url(../img/core/btn_read.gif) no-repeat 0 10px; color: #CA2027; font-weight: normal; padding: 10px 0 15px 22px; font-size: 11px;} /**************************** // NAVIGATION ******************************/ /************** TOP NAVIGATION ******************************/ #top_nav {float:left; width:100%;} #top_nav a {text-decoration:none;} #top_nav li {float:left; list-style-type:none;} /************** BASE NAVIGATION ******************************/ #navigation {background:#fff url('../img/core/bg_navigation.gif') no-repeat top right; float:left; width:200px; min-height:600px;height:auto !important;height:600px;} #navigation ul ul a {color:#6c887f; display:block; padding-left:40px; text-decoration:none;} #navigation a {text-decoration:none;} #navigation a img {border:0;} #navigation a#homebutton {padding:0;} #navigation a#homebutton:hover {background-color:#FFF;} #navigation a:hover {background-color:#e9f0ed;} #navigation li {list-style-type:none; width: 188px;} #navigation #stadsrepublieken {} #navigation #projecten {} #navigation #archief {} #navigation li.title_geheugen, #navigation li.title_projects, #navigation li.title_republics, #navigation li.title_archief, #navigation li.title_events {font:bold 15px Times, serif; padding-top:2px; padding-bottom:5px;} #navigation li.title_geheugen a, #navigation li.title_projects a, #navigation li.title_republics a, #navigation li.title_archief a, #navigation li.title_events a {margin-left:20px;} #navigation li.title_geheugen span, #navigation li.title_projects span, #navigation li.title_republics span, #navigation li.title_archief span, #navigation li.title_events span {color:#6c887f; font:italic 9pt Times, serif; padding-left:10px;} #navigation li.title_geheugen li a, #navigation li.title_projects li a, #navigation li.title_republics li a, #navigation li.title_archief li a, #navigation li.title_events li a {color:#6c887f; display:block; font:12px Arial,sans-serif; margin-left:0; padding-left:20px; text-decoration:none;} #navigation li.title_geheugen {background:transparent url('../img/core/bullet_archief.gif') no-repeat top left;} #navigation li.title_projects {background:transparent url('../img/core/bullet_projecten.gif') no-repeat top left;} #navigation li.title_projects a {color:#25ade3;} #navigation li.title_republics {background:transparent url('../img/core/bullet_stadsrepublieken.gif') no-repeat top left;} #navigation li.title_republics a {color:#fcb614;} #navigation li.title_archief {background:transparent url('../img/core/bullet_events.gif') no-repeat top left;} #navigation li.title_archief a {color:#6c887f;} #navigation li.title_events {background:transparent url('../img/core/bullet_events.gif') no-repeat top left;} #navigation li.title_events a {color:#6c887f;} /**************************** // SIDEBAR ******************************/ #sidebar {background:#fff url('../img/core/bg_sidebar.gif') no-repeat top left; float:left; font-size:11px; padding-left:20px; width:170px; min-height:320px;height:auto !important;height:320px;} #sidebar i {font: 12px Times, serif; color:#666666; font-style: italic;} #sidebar h2 {color:#333; font:bold 15px Times, serif; padding-left:15px;} #sidebar #profile {height:130px; padding:10px 0 18px 0;} #sidebar #profile h2 {background:transparent url('../img/core/bullet_aanmelden.gif') no-repeat center left;} #sidebar #profile ul {float:left; margin-top:5px;} #sidebar #profile li {list-style-type:none; list-style-image:url('../img/core/bullet_profiel.gif'); margin-left:25px;} #sidebar #profile li a {color:#666; text-decoration:none;} #sidebar #profile img {float:left;} #sidebar #forgot_PWD{margin: 0px;} #sidebar #forgot_PWD .forgot_btn{text-align:left; font: 12px Times, serif; font-style: italic; color:#CB2027;background-color:transparent;border:none;cursor:pointer;cursor:hand;} #sidebar #forgot_pwd_form {margin: 0px;} #sidebar #forgot_pwd_form .forgot_btn{float:right; font: 11px Arial, sans-serif; color:#CB2027;background:transparent url('../img/core/bullet_profiel.gif') no-repeat center left; border:none;cursor:pointer;cursor:hand; padding:0 20px;} #sidebar #searchForm{padding-top: 30px} #sidebar #searchForm h2 {background:transparent url('../img/core/bullet_zoeken.gif') no-repeat center left; margin:0px;} #sidebar #cse-search-box{margin-top: 5px;} #sidebar #cse-search-box #searchfield{float:left; width:120px; border: 1px solid #ccc; height:16px;} #sidebar #cse-search-box input .searchbtn{float:left} #cse-search-results{ width:500px; margin-top: 50px;} #sidebar #newsletter{margin: 50px 0 12px 0; width:150px;} #sidebar #newsletter h2 {background:transparent url('../img/core/bullet_stadsrepublieken.gif') no-repeat center left; margin:0px; padding:0 20px;} #sidebar #newsletter form {width:145px; margin-top: 3px;} #sidebar #newsletter form input[type="text"]{background-color: #F6F6F6; height: 17px; width: 140px; border: 0; color: #8AADA1; padding-top:3px; padding-left:5px;} #sidebar #newsletter form input[type="image"]{background-color: #FFF; border: 0; color: #FCB713; background: none; float: right; margin-top:3px; cursor: pointer;} /************** INPUTFIELDS ******************************/ #sidebar input.log{border: none; height: 18px; width: 150px; background: url('../img/core/field_log.gif') no-repeat; padding: 2px 2px 0 2px;} #sidebar input.subscribe{border: none; height: 18px; width: 150px; background: url('../img/core/field_subscribe.gif') no-repeat; padding: 2px 2px 0 2px; color: #8AADA1;} #sidebar #searchblock .searchinputbox {border: none; height: 18px; width:112px; background: url('../img/core/field_search.gif') no-repeat; padding: 2px 2px 0 2px; float:left; margin-top: 1px; color: #8AADA1;} /************** SEARCHBLOCK ******************************/ #sidebar .logout {float:right; margin:10px 20px 20px 0;} /************** MAPBLOCK ******************************/ #sidebar #homemap{float:left; background: url('../img/core/bg_homemap.gif') no-repeat; width: 159px; height: 158px; padding: 3px;} /************** TAGS ******************************/ #tags {clear:both; /*margin:10px;*/ margin:20px 15px; padding:8px 5px; background-color: rgb(230, 230, 230);} #tags a {padding:0 4px;} #tags a:hover {background-color:#cb2027; color:#fff;} #tags a.first {border:0;} /******** MEDIA **********/ #media {float:left; margin:0 0 20px 0; width:100%;} #media table{margin: 5px 0 0 5px;} #media tr td.category{font-size: 12px; color: #000; padding-top: 3px;} #media tr td a{color: #8AADA1; font-size: 11px; text-decoration: none;} #media tr td a:hover{color: #FFF; font-size: 11px; background-color: #CB2027; padding: 1px;} #media img{ width: 39px; height: 39px; float: left; margin-right: 5px;} #media h2 {background:transparent url('../img/core/bullet_stadsrepublieken.gif') no-repeat center left; margin:0px; padding-left:25px;} /**************************** // FOOTER ******************************/ #footer {background:transparent url('../img/core/bg_footer.gif') no-repeat bottom left; color:#666; float:left; font-size:10px; line-height:26px; padding-top:40px; width:960px;} #footer div {float:left; margin-left:10px;} #footer ul {float:right; margin-right:20px;} #footer li {float:left; list-style-type:none;} #footer li a {color:#666; font-weight: bold; padding:0 4px; text-decoration:none;} #footer li a:hover {color:#666; font-weight: bold; padding:0 4px; text-decoration:underline;} #footer li a.bordered {border-right:2px solid #777;} /** PAGING **/ #content #text .paging {float:left; margin:2em 0; width:100%;} #content #text .paging span {border:0; font-weight:bold; margin:2px; padding:2px 4px; width:20px;} #content #text .paging a, #content #text .paging a:hover {border:1px solid #CB2027; margin:1px; padding:2px 4px; width:20px;} /** REGISTER **/ form { float:left; margin-top:3em; width:100%;} form fieldset {border:1px dotted #8AADA1; float:left; margin:10px 0; padding:1em; width:500px;} form div {float:left; line-height:2em; width:100%;} form div * {float:left;} .radio label {margin:0 1em 0 .25em; width:auto;} form div label.radio {margin:0 1em 0 0; width:auto;} form>fieldset>div label.radio input {position:relative; top:4px;} #text form div input {width:300px;} #text form div label {font-weight:bold; margin-right:10px; width:100px;} #text form div textarea {height:100px; margin-bottom:2px; width:300px;} #text form .btn {margin-left:120px;} form div.error {background-color:#FEDDDA; color:#CB2027; margin:5px 0; padding:10px; width:480px;} .msg {background-color:#C9D9D3; border:1px solid #426D01; color:#426D01; margin:5px 0; padding:10px; width:480px;} #profile form {margin-top:1em;} #profile .error {float:left; margin:0; padding:5px; width:140px;} .upload {float:left; margin-right:10px; width:85px;} #content #text .upload a {float:left; padding:0;} #content #text .upload a img {float:left; margin:0;} /** STADSGEHEUGEN ***/ /*overview*/ #stadsgeheugen_thumbs{width:535px;height:auto; clear:left; margin:0;} #stadsgeheugen #stadsgeheugen_thumbs .thmb a:hover {padding:0; background-color: #F6F6F6} #stadsgeheugen_pagenav{clear:left;} #pgPrev, #pgNext, .pgbtn{height: 15px; width: auto; float:left; margin: 2px 3px 0 0;} #stadsgeheugen_pagenav #nmbers {margin: 3px 5px 0 2px; width: auto; float: left;} .pg-normal {font: 11px Arial, Helvetica, sans-serif; color: #cc9999;font-weight: normal;text-decoration: none;cursor: pointer; margin: 1px; padding:1px 4px 0 4px; border:1px solid #c99;} .pg-hidden {font: 11px Arial, Helvetica, sans-serif; color: #cc9999;font-weight: normal;text-decoration: none;cursor: pointer; margin: 3px; visibility: hidden;} .pg-selected {color: #EC1C24;font-weight: bold;text-decoration: none;cursor: pointer; margin: 3px;} /*detail*/ #stadsgeheugen #foto {width:500px; margin-bottom: 10px;} #stadsgeheugen #foto a:link {margin:0px; padding:0px} #stadsgeheugen #foto a:hover {background-color: #FFF; padding: 0px;} #stadsgeheugen #foto img {margin:0px; border:3px solid #CCC;} #stadsgeheugen #video{width:480px; height:384px; margin: 45px 0 0 0;} #video{width:480px; height:384px; margin: 45px 0 0 0;} #stadsgeheugen #audio{width:260px; height:100px; margin: 8px auto;} .posted_by{float:right} #stadsgeheugen #content #text .related_thumbs span {margin-bottom:6px; display: block;} #stadsgeheugen #content #text .related_thumbs a:hover {padding:0; background-color: #F6F6F6} #stadsgeheugen #content #text .related_thumbs .thmb img{/*border:1px solid #8aada1;*/ float:left; margin:0; padding:0;} #sidebar #tagcloud {line-height:20px; margin-top:20px; float:left; width:100%;} #sidebar #tagcloud h2 {background:transparent url('../img/core/bullet_newsletter.gif') no-repeat center left;} #mytagcloud ul li {float:left; list-style-type:none; margin-right:.2em;} /*#relMedia {float:left; margin:2em 0; width:100%;} #sidebar #relMedia h2 {background:transparent url('../img/core/bullet_projecten.gif') no-repeat center left; margin:0px; padding-left:20px; margin-bottom: 8px}*/ ul.related_articles {margin-bottom:2em;} #logos{margin-top: 50px; padding:0 25px}