/* Page properties */ * { margin: 0 auto; padding: 0; } body { background-color: #EFEFEF; } #wrapper { width: 940px; } #page_wrapper { position: relative; background: url('../images/pagewrapper.png') repeat-y; } h2 { padding: 0; margin: 28px 0 25px 0; color: #d2007b; font-size: 19px; font-family: Cambria Bold; } a { color: white; text-decoration: none; } .f_left { float: left; } .f_right { float: right; } .clear { clear: both; } table { padding: 0; margin: 0; } .top { vertical-align: top; } /* Header */ #header { position: relative; background: #626365; width: 912px; height: 359px; } #logoWrapper { position: absolute ; background: url('../images/logowrapper.png'); left: 1px; width: 358px; height: 170px; z-index: 2; } #logoWrapper img { margin-left: 43px; margin-top: 8px; border: 0; } #menuWrapper { position: absolute; background: url('../images/menuwrapper.png'); left: 20px; top: 64px; width: 244px; height: 480px; z-index: 1; } #topRightMenu { position: absolute; right: 0; top: 6px; background: url('../images/toprightmenu.png') no-repeat bottom right; width: 92px; height: 340px; } #topRightMenu ul { margin: 40px 30px 20px 24px; list-style-type: none; padding: 5px 0 5px 0; color: #FFF; width: 46px; } #topRightMenu ul li { font-family: Cambria; line-height: 27px; border-bottom: 1px solid #e466b0; font-size: 14px; } #topRightMenu ul li a:hover { color: #646567; } #topRightMenu .last { border: 0; } #whitebar { float: right; background: #FFF; width: 580px; height: 56px; } #banner { float: right; width: 658px; height: 277px; margin-top: 13px; margin-right: 30px; margin-right: 30px; } /* Menu */ #sidebar { float: left; width: 292px; height: 600px; } #fysioLogo { margin-left: 70px; margin-top: 192px; } #content { float: left; position: relative; width: 634px; } /*#boxWrapper { background: url('../images/boxwrapper.png'); width: 234px; height: 400px; margin-top: 80px; margin-left: 10px; font-size: 12px; color: #5c5c5c; }*/ #boxWrapper { width: 234px; height: 400px; margin-top: 127px; margin-left: 10px; font-size: 12px; color: #5c5c5c; } #menu { color: #FFFFFF; margin-top: 100px; width: 185px; margin-left: 24px; padding-top:12px; } #menu ul { list-style-type: none; font-family: "Cambria"; font-size: 14px; line-height:18px; font-weight: normal; margin-left:10px; } #menu ul li { border-bottom: 1px solid #e466b0; padding-bottom:6px; margin-bottom: 6px; } #menu ul li.last { /*border: none;*/ } #menu ul li a:hover { color: #646567; } #menu ul li ul li { list-style: inside; border: none; margin:0; padding:0; } /* News and Contact Boxes */ #newsBox { width: 214px; margin:10px 0 10px 5px; padding-top: 1px; font-family: Cambria; background-color:#f0f0f0; } #newsBox a p { margin-left: 24px; color:#5c5c5c;} #newsBox a p span { color: #d2007b; font-size: 15px; font-family: Cambria Bold; } #newsBox a .pic { margin: 10px; padding: 0; } #newsBox a .pic img { width:100%; display: block; } #newsBox a span.more { float:right; color: #d2007b; font-size: 15px; line-height:30px; font-family: Cambria Bold; margin-right:24px; } #contactBox { width: 214px; margin:10px 0 10px 5px; font-family: cambria; font-size: 13px; background-color:#f0f0f0; } #contactBox hr { background-color:#c0c0c0; height:1px; margin:15px 0 12px 24px; width:164px; } #contactBox img { margin-left: 80px; padding: 0; } .c_paragraph1 { margin-left: 24px; padding-top:10px; } .c_paragraph2 { margin-left: 24px; padding-bottom:10px; } .n_paragraph1 { margin-left: 20px; margin-top: 40px; } .n_paragraph2 { margin-left: 24px; margin-top: 10px; } /* Social media icons */ #social { margin-left: 70px; } #social a { margin-left: 10px; } #social img { border: 0; } /* Content */ #content p { font-size:11px; line-height:16px; margin-bottom: 18px; font-family: verdana; text-align: justify; padding-right: 21px;} #content img { float:right; margin:0 21px 15px 15px; } #content .item { width:auto; padding:10px; font-family: Cambria; background-color:#f0f0f0; margin:0 20px 20px 0; } #content .item a .pic { width:160px; float:left; margin:0 20px 0 0; } #content .item a .pic img { width:100%; margin:0; } #content .item a h3 { color: #d2007b; font-size: 16px; line-height:32px; } #content .item a p { color:#5c5c5c; } #content .item span.more { float:right; color: #d2007b; font-size: 15px; line-height:30px; font-family: Cambria Bold; } #content ul.poits { list-style:none; list-style-type:none; width:102%; } #content ul.poits li.poit { float:left; width:30.2%; height:132px; margin:10px 2% 10px 0; background-position:center; position:relative; background-color:#d2007b; z-index:0 !important; } #content ul.poits li.poit span.pi-title { display:block; position:absolute; bottom:0px; left:0px; right:0px; background-color:#d2007b; opacity: .7; font-size: 15px; font-family: Cambria Bold; line-height:40px; text-align:center; color:#fff; z-index:9999 !important; } #content ul.poits li.poit a { position:absolute; top:0; right:0; bottom:0; left:0; } #content ul.poits li.poit:hover { opacity: .9; } #content ul.poits li.poit:hover span.pi-title { opacity: 1; } #leftTextBox { float:left; width: 290px; text-align: justify; padding-top: 20px; } #rightTextBox { margin-right: 25px; float: right; width: 281px; min-height: 440px; padding: 0 5px 0 5px; background: #efefef; } #rightTextBox div { margin-top: 192px; margin-left: 25px; } #rightTextBox img { right: 0; position: absolute; margin-top: 20px; } /* Footer */ #footShadow { background: url('../images/footshadow.png'); width: 922px; height: 28px; } #footShadowGrey { background: url('../images/footshadowGrey.png'); width: 922px; height: 28px; } #footer { color: #777778; width: 922px; height: 40px; } .copyrightSpan { font-size: 11px; padding-left: 30px; font-family: verdana; } .suilichemSpan { font-size: 11px; padding-right: 30px; font-family: verdana; } .suilichemSpan a { color: #777778; } .suilichemSpan a:hover { text-decoration:underline; } /* Links en Partners */ #linksenpartners h3 { color: #d2007b; font-size: 16px; margin-bottom: 8px; margin-top: 8px; } #linksenpartners a { text-decoration: none; color: #5C5C5C; } #linksenpartners a:hover { text-decoration: underline; color: #d2007b; } #linksenpartners .item { border: 1px solid #5c5c5c; padding: 5px; margin: 0 19px 19px 0; text-align: center; color: #5c5c5c; width: 180px; font-size: 11px; line-height: 16px; font-family: verdana;} /* Therapeuten */ #therapeuten{overflow: hidden;} #therapeuten .item { border: 1px solid #5c5c5c; padding: 5px; margin: 0 19px 19px 0; text-align: center; color: #5c5c5c; width: 180px; font-size: 11px; line-height: 16px; font-family: verdana; } #therapeuten .item img { margin: 15px auto; float: none; display: block; width: 95%;} /* Vestigingen */ #vestigingen .item { padding: 10px; border: 1px solid #5c5c5c; margin-right: 10px; font-size: 11px; line-height: 16px; font-family: verdana; min-height: 480px; } #vestigingen .last { margin: 0 ;} #vestigingen .item img { margin-top: 4px; border: 1px solid #5c5c5c;} #vestigingen h3 { font-size: 17px; color: #d2007b; margin-bottom: 10px; font-family: Cambria Bold;} #vestigingen a { color: #d2007b; } #vestigingen a:hover { text-decoration: underline; color: #5c5c5c; } #vestigingen .t-align-right { text-align: right; } .vestiging_openingstijden p, .times td { padding: 0; margin: 0; font-size: 11px; line-height: 16px; font-family: verdana; } .mobile-sidebar #contactBox, .mobile-sidebar #contactBox a {color: #000!important;}