/*************************************************************************** Neutralize styling: Elements we want to clean out entirely: */ html, body, form { margin: 0; padding: 0; font: 11px Verdana, Arial, Helvetica, sans-serif; } /* Neutralize styling: Elements with a vertical margin: */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; } /* Apply left margin: Only to the few elements that need it: */ li, dd, blockquote { margin-left: 0em; } /* Miscellaneous conveniences: */ form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 100%; } a{text-decoration:underline; color:#353535; color:#900} a:hover{text-decoration:none} p{margin:10px 0; line-height:16px; padding:5px 5px 5px 0} h1{font-size:14pt; margin:5px 10px; color:#903; font-family:"Trebuchet MS", Helvetica, Verdana, Arial} h2{font-size:12pt; margin:9px 0; color:#4ca9d7; font-family:"Trebuchet MS", Helvetica, Verdana, Arial} h4{font-size:11px; padding-left:22px; background:transparent url(/h4_footprint.gif) no-repeat left center} img{border:0} ul{margin-left:25px; margin:10px 25px; list-style-type:square} ol{list-style-type:decimal; margin:15px 15px 15px 45px} fieldset ol{margin:0} li{line-height:16px} .italic{font-style:italic} .align_center{text-align:center} .align_right{text-align:right} .valign_top{vertical-align:top} .dgray{color:#444} .red{color:#903} .smaller{font-size:10px} img.left{float:left; margin:15px 15px 15px 0} img.right{float:right; margin:15px 0 15px 15px} optgroup{color:#333} option{color:#666} .error, .success{background-color:#ffeaea; border:solid 1px #fbb; padding:0 10px; border-left:solid 4px #fbb; margin-bottom:10px; color:#333} .success{background-color:#d7edf8; border-color:#81b6d1} a{color:#903; text-decoration:underline; outline:none} a:hover{text-decoration:none} /****************************************************************************/ /****************************************************************************/ /* STANDARD PAGE LAYOUT*/ body{background:#8d002f url(/bg_body.jpg) left top repeat-x; color:#888} #wrapper{margin-top:15px; margin-bottom:15px; width:925px; border:solid 1px #f7b9ce; margin-left:auto; margin-right:auto; padding:5px} #page_wrapper{/*margin-left:auto; margin-right:auto; */width:900px; padding:25px 13px 5px 13px; position:relative; background:#fff /*url(/bg_page_wrapper.gif) top center repeat-y;*/ /*border-left:dashed 1px #aaa; border-right:dashed 1px #aaa*/} #page_wrapper.index{background:#fff} /****************************************************************************/ /* TOP */ #language_selector{float:right; margin-top:-7px; margin-right:15px} #language_selector ul{margin:0} #language_selector li{list-style-type:none; float:left; margin-left:2px; padding:2px} #language_selector a{display:block; padding:2px 3px; color:#903; text-decoration:none; border:solid 1px #903} #language_selector a:hover, #language_selector .sel{background-color:#903; color:#fff} #top_links{float:right; margin-right:40px} #top_links a{color:#888; margin:0 5px} #top_links a:hover, #top_links a.sel{color:#903} #login{padding:5px; float:right; margin-bottom:0pt; background-color:#f6f6f6; margin-top:-6px; margin-right:30px} /* MENU */ #menu{float:left; width:900px; background:transparent url(/bg_menu.jpg) repeat-x; color:#97104b; font-weight:bold; margin-top:15px} #menu ul{list-style-type:none; margin:0; margin-left:5px} #menu li{float:left; height:40px; background:url(/bg_menu_seperator.jpg) no-repeat right top} #menu a{display:block; padding:13px 15px 4px 13px; text-decoration:none; margin:1px} #menu a:hover, #menu .sel{background-color:#fff; border-bottom:solid 1px #cb87a4; padding-bottom:3px} /****************************************************************************/ /* INDEX CONTENT */ #index_content{background:url(/bg_splash_grond.jpg) no-repeat center bottom; width:900px; height:500px; clear:both; padding-top:15px; color:#ccc} #index_content ul{margin:5px 15px 5px 25px} #index_content li{line-height:18px} .title{margin:2px 5px 0 5px; padding:5px} .title p{font-size:15pt; font-weight:bold; font-family:"Trebuchet MS", Helvetica, Verdana, Arial; color:#fff; margin:0; padding:0; line-height:normal} #logo{margin-top:5px; text-align:center; margin-bottom:-25px; margin-left:-10px} #index_left_col{float:left; margin-left:13px; background:#770d3b url(/bg_splash_links.jpg) repeat-x left bottom; width:250px; height:330px; position:relative} #links_info_stretch{background:#b65881; color:#fff; margin-top:10px; font-weight:bold; text-align:center; line-height:18px; margin-bottom:5px} .button_left{margin-left:10px; margin-top:10px} #index_vrouw{position:absolute; right:0; bottom:0; margin-right:-165px; margin-bottom:-45px; width:196px} #index_vrouw img{display:block} #index_right_col{float:right; margin-right:13px; background:#094867 url(/bg_splash_rechts.jpg) repeat-x left bottom; width:250px; height:330px; position:relative} #rechts_info_stretch{background:#54849c; color:#fff; padding:5px 5px 5px 15px; font-weight:bold; text-align:center; margin:0} #index_right_col .title p{font-size:13pt} #index_man{position:absolute; left:0; bottom:0; margin-left:-185px; margin-bottom:-35px; width:208px} #index_man img{display:block} #index_right_col .slogan2{margin:0} #index_right_col .slogan2 p{font-size:11pt} #index_right_col ul{margin-left:35px} .button_right{margin-top:12px; margin-left:15px} #footer{background:#f6f6f6; width:880px; height:30px; padding:5px 10px; text-align:right; margin-top:10px; margin-bottom:7px; line-height:30px} .blue{color:#1ee5f1;} .splash_seperator{display:block; margin-left:5px} dt{font-style:italic; color:#903; padding:10px} dd{padding-left:25px} /****************************************************************************/ /* PAGE CONTENT */ #content_header{background:#fff url(/bg_content_header.jpg) repeat-x left bottom; height:198px; clear:both; position:relative; text-align:right} #content_header .slogan{position:absolute; left:40px; top:33px} #content_header .logo{position:absolute; left:310px; top:43px} #content_header .arm{position:absolute; right:0; bottom:0; margin-bottom:-5px; margin-right:26px} #loc{margin:10px 10px 15px 10px; border-bottom:1px solid #f6f6f6; padding-bottom:15px} #content{margin:10px; margin-top:15px; position:relative} #content p{line-height:20px} /* story */ .content_stories{background:#fff url(/stories_content_bg.gif) repeat-y right top; position:relative} #content .main_left_col{float:left; width:609px; border-right:solid 1px #f6f6f6; padding-right:20px; position:relative} #content .main_right_col{width:215px; padding:10px 10px 10px 25px; margin-left:630px; position:relative} #content .main_right_col ul{list-style-type:none; margin:0; margin-top:10px; margin-bottom:25px; padding:0} #content .main_right_col li{margin:5px 0} #content .main_right_col ul a{display:block; width:198px; background-color:#d0eaf6; border:solid 1px #4ca9d7; padding:5px 5px 5px 10px} #content .main_right_col ul a:hover, #content .main_right_col ul a.sel{background-color:#4ca9d7; color:#fff; text-decoration:none} #story_list a:hover, #q_col a:hover{background-color:#5cb9e7} #content .main_right_col .pt_img{margin-left:-25px} #content .main_left_col h3{background-color:#f6f6f6; padding:3px; margin-top:15px} .submit_story, .submit_q{padding:5px; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; margin-top:10px; background-color:#f6f6f6; margin-bottom:20px} .content_stories .l1on1{position:absolute; right:0; top:0; margin-top:-85px; margin-right:250px} /* news */ .news_img{display:block; margin:10px 0 15px 0} .download_news_doc{display:block; float:right; padding:6px; margin:10px; background-color:#094867; color:#fff; padding-left:55px; position:relative; width:125px} .download_news_doc img{position:absolute; left:0; top:0; margin-top:-25px} .download_news_doc a{color:#cdefff; line-height:17px} /* contact */ #contact_form{margin-left:300px; width:530px} #contact_info{float:left; width:225px; background-color:#f6f6f6; padding:10px; border-bottom:solid 1px #ddd;} #contact_info td{vertical-align:top; padding:5px 0; border:none} #contact_info .label{font-weight:bold; width:105px} #contact_info img{margin-left:-10px} /* login */ #frm_login ol{margin-top:-35px} #no_login{border-top:dotted 1px #ddd; padding:10px 0; float:left; width:575px} #no_login p{background-color:#dcf4ff; padding:7px} #login_icon{margin:10px; float:left; width:264px} #login_form{margin-left:294px; width:575px} /* faq */ #q_list{border-bottom:solid 1px #eee; margin-bottom:15px; padding-bottom:15px; margin-right:105px; position:relative} #q_list li{line-height:18px} #q_col, #qa_col{position:relative} #content .main_right_col .submit_q a{width:auto; background:none; border:none; padding:0} #content .main_right_col .submit_q a:hover{color:#903; font-weight:normal} a.top{padding-right:20px; background:transparent url(/top_lnk.gif) right center no-repeat} #questions{margin-left:15px} dd{border-bottom:solid 1px #eee; margin-bottom:15px} dd.last{border:none} dd a{color:#666} #questions dt.first{padding-right:100px} #faq_thinking{position:absolute; margin-left:-150px; margin-top:-55px; left:0; top:0} /* articles */ #article_mag{position:absolute; margin-left:-202px; margin-top:-30px; left:0; top:0} #articles{list-style-type:none; margin-top:25px} #articles li{width:100%} #articles li.first{width:350px} #articles a{display:block; padding:5px 10px; border:solid 1px #f6f6f6; margin:10px 0; padding-left:30px} #articles a:hover{text-decoration:none; border-color:#8D002F; background:#ffeaea url(/article_doc_bg.jpg) repeat-y left top} #articles img{float:left; margin:5px} p.no_articles{width:400px} /* training */ .training_logos{text-align:center; margin-top:40px} .training_logos img{margin:0 5px} .training_slogan{font-weight:bold; font-size:15pt; font-family:'Trebuchet Ms', verdana, helvetica; color:#8d002f; margin-top:45px; border-top:solid 1px #eee; padding-top:20px} .training_slogan span{margin-left:110px; color:#0A4F71; font-size:14pt} dl.pt_training dd{border:none; margin-bottom:10px} dl.pt_training dd p{margin-top:0; margin-bottom:5px} #walooking4y{position:absolute; right:0; top:0; margin-top:-20px; margin-right:20px} /* pt - intro */ #pt_intro #intro_txt{width:550px; float:left} #searches{margin-left:575px; width:300px; position:relative} #searches div{background-color:#f6f6f6; padding:5px 10px; position:relative; margin-bottom:35px} #searches h2{color:#666; font-size:12pt; margin:0} #searches p{margin:0} #searchs li{line-height:20px} #searches img.pt{position:absolute; left:0; top:0; margin-top:45px; margin-left:25px} #searches img.shadow{position:absolute; left:0; bottom:0; margin-bottom:-17px} #searches .first{margin-bottom:195px; position:relative; background-color:#0A4F71; color:#fff} #searches .first h2{color:#BFEAFF} #searches .first a{color:#e2f5ff} /* pt - trainer level */ #trainer_levels{margin-top:25px} #trainer_levels .level_name{width:150px; font:12pt "Trebuchet Ms", Verdana, Helvetica; font-weight:bold; color:#0a4f71} #trainer_levels .level{font:30pt "Trebuchet Ms", Verdana, Helvetica bold; text-align:center} #trainer_levels .odd{background-color:#ecfcff} /* pt - fast search*/ #fast_wrapper{float:left} #content #fast_wrapper .left_col{width:265px; float:left} #block_club{height:290px; background-color:#f6f6f6; margin-bottom:10px} #block_club select{width:200px; margin-top:15px; margin-left:30px} #block_club div{line-height:20px} #block_club #loading{vertical-align:middle; margin:0} #lnk_advanced_search{background-color:#f6f6f6; padding:10px} #lnk_advanced_search h2{color:#666; font-size:12pt; margin:0} #content #fast_wrapper .right_col{margin-left:275px; width:auto; padding:0} #block_gender{background-color:#f6f6f6; width:214px; height:155px; float:left} #block_gender .selected{background-color:#DCF4FF} #block_gender .over{background-color:#ddd} #block_gender a#lnk_search{margin:0; padding:0; width:204px; height:25px; border-top:10px solid #fff; text-align:right; font-size:12pt; font-family:"Trebuchet MS", Helvetica, Verdana, Arial; text-decoration:none; color:#999; font-weight:bold; line-height:25px; padding-right:10px; display:block; clear:both} #block_gender a:hover#lnk_search{background-color:#444; color:#fff} #block_img{width:382px; height:134px; margin-left:224px; padding-top:21px} #block_img img.first{margin-right:6px} h3.search_title{background-color:#fff; padding:4px; text-align:left; font-size:11px} #processing{margin:5px} #search_result, #pt_info{padding:10px; border:solid 1px #f6f6f6; margin-top:10px} #search_result p, #pt_info p{margin:5px 0} #pt_info h3 img{vertical-align:middle} #pt_info div.pt_img{float:right; width:153px; height:220px; border:dotted 1px #ccc; text-align:center} #fiche{margin-right:180px; margin-left:10px} #fiche dd{padding-bottom:15px; margin-left:10px; margin-bottom:10px} table{width:100%; border-collapse:collapse} thead{background-color:#333} th{color:#fff; font-weight:bold; text-align:left; padding:4px 5px} td{padding:5px; border-top:solid 1px #eee} tr.even{background-color:#eefaff} tr.over{background-color:#fff7c9} #processing img{vertical-align:middle} /* pt - fast search - no jscript */ .submit_search{margin:0; padding:0; width:204px; height:32px; border-top:10px solid #fff; text-align:right; text-decoration:none; color:#999; font-weight:bold; padding-right:10px; display:block; clear:both} .submit_search input{background-color:#444; color:#fff; font-size:12px; font-family:"Trebuchet MS", Helvetica, Verdana, Arial; border:solid 1px #444; margin:0px 0} #region_selector img{margin:5px 0 5px 7px} #block_gender ul{float:left; list-style-type:none; margin:0} #block_gender li{float:left; width:107px; text-align:center; height:99px} #block_gender label{display:block; margin:5px; padding:7px 0} #block_gender label.no_js{padding:0} /* pt - advanced search */ #advanced_wrapper .left_col{float:left; width:263px; border:solid 1px #f6f6f6} #advanced_wrapper .right_col{margin-left:274px} #advanced_wrapper h3{border-bottom:dotted 1px #ccc} #adv_block_club, #adv_block_gender, #adv_block_name, #adv_block_lang, #adv_block_qualifications, #adv_block_specialties{background-color:#f6f6f6; padding:10px;} #advanced_wrapper #search_result, #advanced_wrapper #pt_info{margin-top:0} #adv_block_gender img, #adv_block_gender input{vertical-align:middle} #advanced_wrapper a#lnk_search{margin:0; padding:0; width:253px; height:25px; text-align:right; font-size:12pt; font-family:"Trebuchet MS", Helvetica, Verdana, Arial; text-decoration:none; color:#999; font-weight:bold; line-height:25px; padding-right:10px; display:block; clear:both} #advanced_wrapper a:hover#lnk_search{background-color:#444; color:#fff} #advanced_wrapper a.first{border-bottom:dotted 1px #ccc} #adv_block_gender ul{float:left; list-style-type:none; margin:0} #adv_block_gender li{float:left; width:120px; text-align:center} #adv_block_name p{margin:0} h3.over, h3.selected{background-color:#ffebc9; cursor:pointer; color:#333} h3.selected{background-color:#DCF4FF} .param select{width:243px} /* pt - advances search - no jscript */ #advanced_wrapper .submit_search{margin:0; padding:0; width:253px; height:32px; text-align:right; text-decoration:none; color:#999; font-weight:bold; line-height:25px; padding-right:10px; display:block; border:0} /* pt_info */ #sub_loc{padding:5px; text-align:right; margin-bottom:15px} #pt_info h2 span{font-size:0.7em; color:#222} /* pt profile */ #profile_container{float:left; width:100%} #content #profile_container .left_col{width:435px; float:left} #content #profile_container .right_col{width:435px; margin-left:10px; float:left} #profile_container fieldset{background-color:#f6f6f6} #profile_container fieldset label{width:12em} #profile_container fieldset fieldset ol{margin-left:13em} #profile_container fieldset.submit {clear:both;background-color:#f6f6f6; text-align:right; margin:20px 0} #profile_container fieldset.submit input{margin:5px} #profile_container li input{width:200px} #profile_container li li input{width:auto} #content #profile_container li p{margin:0} #content #profile_container .smaller{font-size:10px} fieldset fieldset legend {color:#999} /* partners */ #partner_wrapper{float:left; width:870px; margin-left:10px} #partner_wrapper div, #partner_wrapper img, #partner_wrapper a{float:left} #partner_wrapper div{margin:5px; padding:5px; border:1px solid #F6F6F6} #partner_wrapper div:hover{background:#777} #partner_wrapper a{height:175px; padding:10px; background:#fff} #partner_wrapper p{text-align:center; font-style:italic} /* clearfix */ * html .clearfix {height: 1%} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden} .clearfix {display:inline-block} /* Hide from IE Mac \*/ .clearfix {display:block} /* End hide from IE Mac */