/* ################################################################ */ /* ## wrapper: 886px ############################################## */ /* ## navigatie: 883px ############################################ */ /* ## Content breedte: 878px ###################################### */ /* ## breedte - 120px googlead - 4px margin: 754px ################ */ /* ################################################################ */ body { background:url(http://images.tijdelijkekamer.nl/body_bg.jpg) center top repeat-x #FFF; margin:0; padding:0; font-family:tahoma; font-size:9pt; color:#2D2D2D;} #wrapper{ width:878px; overflow:hidden; background-color:#e4e4e4; padding:3px 3px 3px 3px; margin:0 auto 0 auto; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; } #header{ width:882px; height:90px; margin:0 auto 0 auto; padding:4px 4px 4px 0; color:#1C1C1C;} #header .logo { height:59px; float:left; overflow:hidden;} #header .logo a { font-size:24pt; text-decoration:none; color:#2B6B8D;} #header .numb_ads { font-size:10pt; float:left; clear:left; line-height:20px; } #header img { border:0; } #header .ad_stats { padding:10px 0 0 0; font-size:10pt; clear:both; } #header .switch_lang { margin:5px 0 0 0; float:right; width:277px; height:23px; padding:5px 0 0 6px; background:url(http://images.tijdelijkekamer.nl/otherlanguage_bg.jpg) right center no-repeat; } #header .switch_lang a{ color:blue; } #about_us_short { background-color:#C7C7C7; padding:5px; margin:0 0 3px 0; line-height:20px;} #front_search { float:left; width:755px; height:207px; margin:0 3px 3px 0; } #front_search .room_search { color:#151515; font-weight:bold; height:180px; width:352px; background-color:#FFF; float:left; margin:0 4px 0 0; padding:12px 7px; border-bottom:2px solid #c5c5c5;} #front_search .room_search a { color:blue; visited:blue; } #front_search .room_search h2 { color:#092c43; margin:0; padding:0; font-size:14pt; font-weight:normal;} #front_search .room_search form { margin:17px 0 0 0; padding:0; } #front_search .room_search form ul { margin:0; padding:0; list-style:none; } #front_search .room_search form ul li { margin:0 0 10px 0; padding:0; } #front_search .room_search form ul li label { width:120px; display:block; float:left; } #front_search .room_search form ul li select { width:164px; } #front_search .add_room { height:76px; width:370px; background-color:#FFF; float:left; margin:0 0 4px 0; padding:12px 7px; border-bottom:2px solid #c5c5c5; } #front_search .add_room a { color:blue; font-size:10pt; line-height:25px;} #front_search .add_room h2 { color:#232323; margin:0; padding:0; font-size:11pt; font-weight:bold; } #front_search .add_room p { padding:0; margin:7px 0; } #front_search .add_request { height:74px; width:370px; background-color:#FFF; float:left; padding:12px 7px; border-bottom:2px solid #c5c5c5; } #front_search .add_request h2 { color:#232323; margin:0; padding:0; font-size:11pt; font-weight:bold; } #front_search .add_request p { padding:0; margin:7px 0; } #front_search .add_request a { color:blue; font-size:10pt; line-height:25px; } #front_ads { float:right; width:112px; height:477px; background-color:white; padding:4px; } #front_ads h4 { font-weight:bold; font-size:11pt; margin:0 0 20px 0; padding:0; } #front_ads .review p {font-size:11pt; } #front_ads .review { overflow:hidden; margin:0 0 28px 0; } #front_help { float:left; width:755px; height:275px; margin:0; } /* #front_help .ad { width:352px; height:252px; background-color:#FFF; float:left; margin:0 8px 0 0; padding:12px 7px; text-align:center; } */ #front_help .ad { width:364px; height:274px; background-color:#FFF; padding:0px; margin:0 4px 0 0; float:left; } #front_help .login { width:370px; height:123px; background-color:#FFF; float:left; margin:0; padding:12px 7px; } #front_help .login a { color:blue; visited:blue; } #front_help .login h2 { color:#494949; margin:0; padding:0; font-size:11pt; font-weight:bold; float:left; } #front_help .login .register {float:right; } #front_help .login form { margin:17px 0 0 0; padding:0; clear:both;} #front_help .login form ul { margin:0; padding:0; list-style:none; } #front_help .login form ul li { margin:0 0 6px 0; padding:0; } #front_help .login form ul li label { width:100px; display:block; float:left; } #front_help .help { width:370px; height:99px; margin:0 0 4px 0; background-color:#FFF; float:left; padding:12px 7px; overflow:hidden; border-bottom:2px solid #c5c5c5;} #front_help .help a { color:blue; visited:blue; } #front_help .help h2 { color:#494949; margin:0; padding:0; font-size:11pt; font-weight:bold; float:left; } #front_help .help p {float:left; width:218px;} #front_help .help img {float:right; width:126px;} #footer { clear:both; margin:3px auto 3px auto; padding:10px 10px 10px 35px; overflow:hidden; color:#666666; background:#e9f0f3; border:1px solid #d1d1d1; width:837px; font-size:8pt; } #footer ul { list-style:none; padding:0 50px 0 0; margin:0; float:left; } #footer ul.last { list-style:none; padding:0; float:left; } #footer ul li { margin:0 0 3px 0; padding:0; } #footer ul li a {line-height:18px; color:#888888; text-decoration:none; background:url(http://images.tijdelijkekamer.nl/footer/arrow_right.gif) left center no-repeat; padding:0 0 0 7px;} #footer ul li a:hover { text-decoration:none; color:#404040; } #footer ul.populair li a { text-decoration:none;} #footer ul.populair li a:hover { text-decoration:none; color:#404040; } #footer ul.website_info { list-style:none; padding:0; margin:0 0 0 250px ; float:left; text-align:left; } #footer ul.website_info li { margin:0 0 6px 0; padding:0; } #footer ul.website_info li a { text-decoration:none; color:black; } #footer ul.website_info li a:hover { text-decoration:none; color:#404040;} #content { overflow:hidden; } #navigation { width:883px; background:url(http://images.tijdelijkekamer.nl/navigation_bg.jpg) left center repeat-x; padding:3px 0 3px 3px; height:29px; margin:0 auto 0 auto; } #navigation a { text-decoration:none; color:white; padding:6px 5px 0 5px; margin:0 15px 0 0; font-weight:bold; display:block; float:left; height:23px; } #navigation a:hover { text-decoration:none; color:#e07028; } #navigation a.active { text-decoration:none; color:#e07028; } #navigation .nota { float:right; color:white; font-style:italic; padding:5px 10px 0 0; font-size:10pt; } /* RESUTS */ .sort_results a { text-decoration:none; color:black; font-weight:bold; } .sort_results a:hover { text-decoration:underline; } .sort_results a.active { text-decoration:underline; } #results { width:558px; overflow:hidden; background-color:#FFF; margin:0 4px 0 0; float:left; padding:12px 8px; } #results h2 { color:#2b2b2b; margin:0; padding:0; font-size:11pt; font-weight:bold; margin:0 0 18px 0;} #results .navigate { margin:0 0 25px 0;} #results .navigate a {text-decoration:underline; color:#28809d; font-weight:bold; } #results .navigate a:hover{text-decoration:none; } #results .navigate a.active {text-decoration:none; color:black; } #results .navigate a.active:hover {text-decoration:none; } #results .result { width:550px; background-color:#e5eef0; padding:6px 4px 6px 4px; overflow:hidden; margin:0 0 8px 0;} #results .result h2 { font-weight:bold; font-size:10pt; margin:0 0 8px 0; } #results .result .info { width:165px; float:left; line-height:18px; } #results .result .info a.street { color:black; font-weight:bold; } #results .result .info a:visited.street { color:purple; } #results .result .info .city { color:black; } #results .result .info a.link { } #results .result .description { width:381px; float:left; padding:5px 0 5px 0;} #results .result .description img {float:right; border:0px; height:70px; width:100px; margin:0 3px 3px 3px;} /* RESULT REQUEST */ #results .result_request { width:550px; background-color:#e5eef0; padding:4px; overflow:hidden; margin:0 0 8px 0;} #results .result_request h2 { font-weight:normal; font-size:11pt; } #results .result_request .info { width:165px; float:left; line-height:18px; font-style:italic; } #results .result_request .info a.street { color:blue; font-weight:bold; } #results .result_request .info a:visited.street { color:purple; } #results .result_request .info .city { color:black; } #results .result_request .info a.link { } #results .result_request .description { width:381px; float:left; padding:5px 0 5px 0;} #results .result_request img {float:right; border:0px; height:100px; width:100px; margin:0 3px 3px 3px;} #new_search { width:286px; background-color:#FFF; float:left; padding:12px 7px; } #new_search h2 { color:#2b2b2b; margin:0; padding:0; font-size:10pt; font-weight:bold;} #new_search form { margin:17px 0 0 0; padding:0; clear:both;} #new_search form ul { margin:0; padding:0; list-style:none; } #new_search form ul li { margin:0 0 6px 0; padding:0; } #new_search form ul li label { width:80px; display:block; float:left; } #new_search form ul li select { width:164px; } #ad_block_results { width:300px; overflow:hidden; background:#FFF; margin:4px 0 0 0; float:right; } /* REQUEST */ #request { width:742px; float:left; margin:0 4px 0 0; background-color:#FFF; overflow:hidden; padding:8px 6px; } #request .respond { width:728px; height:27px; padding:11px 0 0 0; margin:0 auto 20px auto; background:url(img/room_respond_bg.jpg) center center no-repeat; text-align:center; } #request .respond a { font-weight:bold; color:blue; } #request #general_information { overflow:hidden; } #request #general_information h3 { color:#363636; font-size:9pt; font-weight:bold; margin:0 0 5px 0; padding:0; } #request #general_information h2 { color:#28809d; font-size:11pt; font-weight:bold; margin:0 0 25px 0; padding:0; } #request #general_information img { float:left; border:0; margin:0 10px 10px 0; } #request #general_information ul { margin:0 0 20px 0; padding:0; list-style:none; overflow:hidden; border-bottom:0px dashed #363636;} #request #general_information ul li { margin:0 50px 0 0; padding:0; float:left; } #request #general_information ul li h3 { font-size:12pt; margin:5px 0 0 0; font-weight:normal; color:#363636; } #request #general_information ul li span.one { float:left; width:80px; } #request #general_information ul li span.two { float:left; font-size:10pt; font-weight:bold; } #request #other_information .google_maps { width:360px; height:340px; float:right; } #request #other_information { clear:both; padding:10px 0 0 0; } #request #other_information ul { margin:0; padding:0; list-style:none; } #request #other_information ul li { margin:0; padding:0; height:25px; } #request #other_information ul li span.one { float:left; width:220px; } #request #other_information ul li span.two { float:left; } /* ROOM */ #room { width:742px; float:left; margin:0 4px 0 0; background-color:#FFF; overflow:hidden; padding:8px 6px; } #room .respond { width:728px; height:27px; padding:11px 0 0 0; margin:0 auto 20px auto; background:url(img/room_respond_bg.jpg) center center no-repeat; text-align:center; } #room .respond a { font-weight:bold; color:blue; } #room #general_information h3 { color:#363636; font-size:9pt; font-weight:bold; margin:0 0 5px 0; padding:0; } #room #general_information h2 { color:#28809d; font-size:14pt; font-weight:normal; margin:0 0 25px 0; padding:0; } #room #general_information { overflow:hidden; margin:0 0 10px 0; } #room #general_information .google_maps { width:300px; height:340px; float:right; margin:0 0 0 4px;} #room #general_information .images { margin:0 0 0 10px; overflow:hidden; } #room #general_information .images img { border:0; margin:0 10px 0 0; padding:0 0 3px 0; height:75px; } #room #general_information p { line-height:20px; overflow:hidden; } #room #general_information ul { margin:0 0 20px 0; padding:0; list-style:none; overflow:hidden; border-bottom:0px dashed #363636;} #room #general_information ul.important { border-bottom:1px dotted #2b2b2b; border-top:1px dotted #2b2b2b; padding:5px 0 3px 5px; } #room #general_information ul.important li { float:left; margin:0 100px 0 0; } #room #general_information ul li { margin:0 50px 0 0; padding:0; float:left; } #room #general_information ul li h3 { font-size:12pt; margin:5px 0 0 0; font-weight:normal; color:#363636; } #room #general_information ul li span.one { float:left; width:80px; } #room #general_information ul li span.two { float:left; font-size:10pt; font-weight:bold; } #room #other_information { clear:both; padding:10px 0 0 0; margin:0 0 20px 0;} #room #other_information ul { margin:0; padding:0; list-style:none; } #room #other_information ul li { margin:0; padding:5px 0 2px 10px; height:20px; } #room #other_information ul li.gray { background-color:#E1E1E1; } #room #other_information ul li span.one { float:left; width:320px; } #room #other_information ul li span.two { float:left; } #room_matchmailing { float:left; width:363px; margin:4px 4px 0 0; background:#FFF; height:98px; padding:6px; overflow:hidden; } #room_matchmailing h2 { color:#2b2b2b; margin:0; padding:0; font-size:11pt; font-weight:bold; } #room_matchmailing a { color:blue; font-size:11pt; } #room_need_help { float:left; width:363px; margin:4px 4px 0 0; background:#FFF; height:98px; padding:6px; overflow:hidden; } #room_need_help h2 { color:#2b2b2b; margin:0; padding:0; font-size:11pt; font-weight:bold; } #room_need_help a { color:blue; } #room_ad { width:120px; float:right; } #room_search_menu { float:left; width:754px; margin:0 4px 0 0; overflow:hidden;} #room_search_menu a { color:blue; } #room_search_menu .room_search { height:216px; width:362px; background-color:#FFF; float:left; margin:0 4px 0 0; padding:12px 7px;} #room_search_menu .room_search h2 { color:#2b2b2b; margin:0; padding:0; font-size:11pt; font-weight:bold; } #room_search_menu .room_search form { margin:17px 0 0 0; padding:0; } #room_search_menu .room_search form ul { margin:0; padding:0; list-style:none; } #room_search_menu .room_search form ul li { margin:0 0 12px 0; padding:0; } #room_search_menu .room_search form ul li label { width:110px; display:block; float:left; } #room_search_menu .room_search form ul li select { width:164px; } #room_search_menu .add_request { height:90px; width:360px; background-color:#FFF; float:right; padding:12px 7px; margin:0 0 4px 0;} #room_search_menu .add_request h2 { color:#2b2b2b; margin:0; padding:0; font-size:11pt; font-weight:bold; } #room_search_menu .matchmailing { height:98px; width:360px; background-color:#FFF; float:right; padding:12px 7px; } #room_search_menu .matchmailing h2 { color:#2b2b2b; margin:0; padding:0; font-size:11pt; font-weight:bold; } #room_rent_menu { float:left; width:754px; margin:0 4px 0 0; overflow:hidden;} #room_rent_menu .add_room { height:90px; width:360px; background-color:#FFF; float:left; padding:12px 7px; margin:0 4px 4px 0;} #room_rent_menu .add_room h2 { color:#2b2b2b; margin:0; padding:0; font-size:11pt; font-weight:bold; margin:0 8px 0 0; } #room_rent_menu .add_room a { color:blue; } #room_rent_menu .help { height:98px; width:360px; background-color:#FFF; float:left; padding:12px 7px; } #room_rent_menu .help h2 { color:#2b2b2b; margin:0; padding:0; font-size:11pt; font-weight:bold; } #room_rent_menu .help p {float:left; width:250px;} #room_rent_menu .help img {float:right; width:100px;} #room_rent_menu .search_renter { height:216px; width:362px; background-color:#FFF; float:right;padding:12px 7px;} #room_rent_menu .search_renter h2 { color:#2b2b2b; margin:0; padding:0; font-size:11pt; font-weight:bold; } #room_rent_menu .search_renter form { margin:17px 0 0 0; padding:0; } #room_rent_menu .search_renter form ul { margin:0; padding:0; list-style:none; } #room_rent_menu .search_renter form ul li { margin:0 0 12px 0; padding:0; } #room_rent_menu .search_renter form ul li label { width:104px; display:block; float:left; } #room_rent_menu .search_renter form ul li select { width:164px; } #add_room { overflow:hidden; background-color:#FFF; padding:20px 0 0 0;} #add_room ul { list-style:none; border:1px solid #d2d2d2; margin:0 auto 15px auto; width:700px;} #add_room ul li {margin:0; padding:5px 0 5px 10px; } #add_room label { width:180px; display:block; float:left; } #login { width:460px; overflow:hidden; background-color:#FFF; float:left; padding:12px 7px; margin:0 4px 0 0; } #login h2 { color:#2b2b2b; margin:0; padding:0; font-size:11pt; font-weight:bold; } #login form { margin:17px 0 0 0; padding:0; } #login form ul { margin:0; padding:0; list-style:none; } #login form ul li { margin:0 0 12px 0; padding:0; } #login form ul li label { width:80px; display:block; float:left; } #login form ul li select { width:164px; } #register_login { width:386px; background-color:#FFF; float:right; padding:12px 7px; } #register_login h2 { color:#2b2b2b; margin:0; padding:0; font-size:11pt; font-weight:bold; } /* ALERT */ .alert { overflow:hidden; background:#fda0a0; border:1px solid #b72020; padding:7px; margin:0 0 8px 0;} .alert_succes { overflow:hidden; background:#a4fda0; border:1px solid #20b72b; padding:7px; margin:0 0 8px 0;} /* UPLOAD ROOM PICS */ #upload_room_pictures { background:#FFF; overflow:hidden; padding:12px 7px; } #upload_room_pictures h2 { color:#2b2b2b; margin:0; padding:0; font-size:11pt; font-weight:bold; } /* REGISTER */ #register { width:742px; float:left; margin:0 4px 0 0; background-color:#FFF; overflow:hidden; padding:8px 6px; } #register h2 { color:#2b2b2b; margin:0; padding:0; font-size:11pt; font-weight:bold; } #signup_form { list-style:none; margin:10px 0 0 10px; padding:0; width:600px; } #signup_form li { margin:0 0 8px 0; width:600px; } #signup_form li label { width:250px; display:block; float:left;} #signup_form li div { width:700px; margin:0; height:200px; padding:5px; overflow:auto; border:1px solid #cdcdcd; } #activate { width:742px; float:left; margin:0 8px 0 0; background-color:#FFF; overflow:hidden; padding:8px 6px; } /* GOOGLE ADS */ #ad_120px_width_right { width:120px; float:right; height:240px; background:#FFF; overflow:hidden; } /* INBOX */ #inbox { background:#FFF; padding:8px; width:862px; overflow:hidden;} #inbox ul { list-style:none; background:#FFFFFF; border-bottom:1px solid #cfcfcf; margin:0; padding:0; overflow:hidden;} #inbox ul li { float:left; } #inbox ul li.checkbox { width:20px; padding:6px 0 0 4px; height:24px; margin:0 10px 0 0; } #inbox ul li.date { width:77px; padding:9px 0 0 4px; height:21px; font-size:8pt; } #inbox ul li.user { width:200px; padding:9px 0 0 0; height:21px; } #inbox ul li.user a { color:black; text-decoration:none; } #inbox ul li.subject { padding:9px 0 0 0; height:21px; width:537px; } #inbox ul li.subject a { color:#0182ac; text-decoration:none; } #inbox ul li.subject a:hover { text-decoration:underline; } #inbox ul.new { list-style:none; background:#FFF; border-bottom:1px solid #cfcfcf; margin:0; padding:0; overflow:hidden;} #inbox ul.new li { font-weight:bold; float:left; background:#FFF; } #inbox ul.new li.checkbox { width:20px; padding:6px 0 0 4px; height:24px; margin:0 10px 0 0; } #inbox ul.new li.date { width:77px; padding:9px 0 0 4px; height:21px; font-size:8pt; } #inbox ul.new li.user { width:200px; padding:9px 0 0 0; height:21px; } #inbox ul.new li.user a { color:black; } #inbox ul.new li.subject { font-weight:bold; padding:9px 0 0 0; height:21px; width:537px; } #inbox ul.hdr { list-style:none; background:#e2e2e2; border:1px solid #cfcfcf; margin:0; padding:0; overflow:hidden;} #inbox ul.hdr li { float:left; font-size:8pt; font-weight:bold; } #inbox ul.hdr li.checkbox { width:20px; padding:6px 0 0 4px; height:24px; margin:0 10px 0 0; } #inbox ul.hdr li.date { width:77px; padding:9px 0 0 4px; height:21px; } #inbox ul.hdr li.user { width:200px; padding:9px 0 0 0; height:21px; } #inbox ul.hdr li.subject { padding:9px 0 0 0; height:21px; width:535px; } #read_message { background:#FFF; overflow:hidden; padding:8pt; } #read_message .info { overflow:hidden; margin:0 0 10px 0; } #read_message .info h3 { color:#2b2b2b; margin:10px 0 5px 0; padding:0; font-size:12pt; font-weight:normal; } #read_message .info ul { list-style:none; margin:0; padding:0 0 10px 0; border-bottom:1px solid #2b2b2b; } #read_message .info ul li { margin:0 0 3px 0; padding:0; } #read_message .info ul li label { float:left; display:block; width:100px; } #read_message .message { overflow:hidden; margin:0 0 15px 0; } #read_message .message .prevmsg { color:#606060; border-bottom:1px dashed #606060; padding:0 0 5px 0; margin:0 0 15px 50px; } #reply_message { background:#FFF; overflow:hidden; padding:8pt; } #reply_message h3 { color:#2b2b2b; margin:10px 0 5px 0; padding:0; font-size:12pt; font-weight:normal; } /* SETTINGS */ #settings { background:#FFF; overflow:hidden; padding:8px; } #settings .block { padding:8px; border:1px solid #999; margin:0 0 8px 0; } #settings .block ul { list-style:none; margin:0; padding:0; } #settings .block ul li { margin:0 0 5px 0; padding:0; } #settings .block ul li label { float:left; display:block; width:180px; } #settings .block ul li textarea { width:400px; height:80px; } #settings .inner_block { padding:8px; border:1px dashed #d2d2d2; background:#f1f1f1; margin:0 0 8px 0; } #settings .inner_block h3 { font-size:9pt; } #settings .inner_block ul { list-style:none; margin:0; padding:0; } #settings .inner_block ul li { margin:0 0 15px 0; padding:0; line-height:20px;} #contact { background:#FFF; overflow:hidden; padding:8pt; } #contact h2 { color:#2b2b2b; margin:0 0 15px 0; padding:0; font-size:11pt; font-weight:bold; } #contact ul { list-style:none; margin:0; padding:0; } #contact ul li { margin:0 0 5px 0; padding:0; } #contact ul li label { float:left; display:block; width:180px; } #contact ul li textarea { width:450px; height:150px; } #contact ul li h3 { margin:0; padding:0; font-size:12pt; font-weight:normal; } #contact_us { background:#FFF; overflow:hidden; padding:8pt; } #contact_us h2 { color:#2b2b2b; margin:0 0 15px 0; padding:0; font-size:11pt; font-weight:bold; } #contact_us ul { list-style:none; margin:0; padding:0; } #contact_us ul li { margin:0 0 5px 0; padding:0; } #contact_us ul li label { float:left; display:block; width:180px; } #contact_us ul li textarea { width:450px; height:150px; } #contact_us ul li h3 { margin:0; padding:0; font-size:12pt; font-weight:normal; } #manage { background:#FFF; overflow:hidden; padding:8px; } #manage h2 { color:#2b2b2b; margin:0 0 15px 0; padding:0; font-size:11pt; font-weight:bold; } #manage ul.overview { list-style:none; margin:0 0 8px 0; padding:8px; border:0px solid #2b2b2b; overflow:hidden; background-color:#e5eef0;} #manage ul.overview li { float:left; margin:0 8px 0 0; } #manage ul.overview li h3 { color:black; margin:0; padding:0; font-size:11pt; font-weight:normal; } #manage ul.overview .edit { padding:16px 10px 0 10px; margin:0 10px; float:right; } #manage ul.overview .delete { padding:14px 0 0 0; margin:0 10px; float:right;} #manage ul.overview .edit a { color:blue; } #manage_room .block { padding:8px; border:1px solid #d2d2d2; margin:0 30px 8px 0; overflow:hidden;} #manage_room .block ul { list-style:none; margin:0; padding:20px 0 0 50px; } #manage_room .block ul li {margin:0; padding:5px 0 5px 10px; } #manage_room .block label { width:180px; display:block; float:left; } #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(http://images.tijdelijkekamer.nl/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(http://images.tijdelijkekamer.nl/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } #user_profile { background:#FFF; padding:25px; overflow:hidden;} #user_profile .photo { float:left; } #user_profile .info { float:left; list-style:none; margin:0; padding:0 0 0 10px; width:450px; } #user_profile .info h3 { margin:0 0 5px 0; padding:0; font-size:13pt; display:inline;} #user_profile .info li { line-height:22px; } #breadcrums { background:url(http://images.tijdelijkekamer.nl/breadcrums_bg.jpg) left center repeat-x; border-right:1px solid #d1d1d1; border-left:1px solid #d1d1d1;width:874px; font-size:9pt; height:22px; padding:8px 0 0 10px; color:#666666; margin:0 auto 0 auto;} #breadcrums a { font-weight:normal; color:#525252; text-decoration:underline; } #forgot_pw { background:#FFF; padding:10px; } #forgot_pw h2 { color:#2b2b2b; margin:10px 0 5px 0; padding:0; font-size:12pt; font-weight:bold; } #mission { background:#FFF; padding:10px; line-height:20px; } #user_stories { background:#E3E3E3; margin:0; padding:5px 10px 5px 10px; overflow:hidden; clear:both; color:#5f5f5f; font-size:9pt;} #user_stories .story { margin:0 30px 0 0; padding:5px; text-align:left; font-style:italic; float:left; width:174px;} #user_stories .story h4 { margin:0; padding:0 0 5px 0; font-weight:bold; font-style:none; font-size:8pt; text-align:left; color:#3f3d3d; } #terms { background:#FFF; padding:10px; } #terms ul li { margin:0 0 8px 0; } #faq { background:#FFF; padding:10px; } #faq h2 { color:#2b2b2b; margin:10px 0 5px 0; padding:0; font-size:12pt; font-weight:bold; }