/* @import url(includes/reset); @import url(includes/typography); @import url(includes/grid); @import url(includes/forms); */ @import '/css/lib/reset.css'; @import '/css/lib/typography.css'; @import '/css/lib/grid.css'; @import '/css/lib/forms.css'; label.contactform-inschrijf { width: 220px; padding: 5px 0 0 0; margin: 0 0 0.5em 0; text-align: left; float: left; } label.contactform-inschrijf-small { width: 180px; padding: 5px 0 0 0; margin: 0 0 0.5em 0; text-align: left; float: left; afont-size: 12px; } input.text-inschrijf-small { width: 160px; margin: 0 0 0.5em 0; float: left; } input.text-inschrijf-small { border: 1px solid #bbb; background:#f6f6f6; padding:5px; float: left; } input.text-inschrijf-small:focus { border: 1px solid #999; background:#fff; float: left; } input.text-inschrijf { width: 340px; margin: 0 0 0.5em 0; float: left; } input.text-inschrijf { border: 1px solid #bbb; background:#f6f6f6; padding:5px; float: left; } input.text-inschrijf:focus { border: 1px solid #999; background:#fff; float: left; } input.text-small { width: 189px; margin: 0 0 0.5em 0; float: left; } input.text-small { border: 1px solid #bbb; background:#f6f6f6; padding:5px; float: left; } input.text-small:focus { border: 1px solid #999; background:#fff; float: left; } /* Textareas */ textarea.inschrijf { width: 560px; height: 100px; margin: 0.5em 0 0.5em 0; } textarea.inschrijf { border: 1px solid #bbb; background: #eee; padding: 5px; } textarea.inschrijf:focus { border: 1px solid #999; background: #fff; } /* Select fields */ select.inschrijf { border: 1px solid #ccc; background: #f6f6f6; width: 190px; } select.inschrijf:focus { border: 1px solid #999; background: #fff; } .radiobutton-inschrijf { width: 220px; float: left; padding: 0; margin: 0 0 0.5em 0; } .radiobutton-inschrijf-small { width: 150px; float: left; padding: 0; margin: 0 0 0.5em 0; } .inschrijf-inner { float: right; width: 375px; abackground: silver; } .sub-header { width: 630px; height: 180px; padding:0; float: right; background: url(/images/layout/bg-index-image.jpg) no-repeat top right; } .sub-header h2 { font-size: 20px; text-align: left; line-height: 1.6em; letter-spacing: -0.04em; color: #FFF; text-indent:15px; } .sub-header:hover { background: url(/images/layout/bg-index-image.jpg) no-repeat; background-position: -26px -180px; } .breadcrumb { padding: 0 0 10px 0; } body { margin: 0; background: #FFF url(/images/layout/bg.gif) repeat-x top; } a:link,a:visited,a:active { /*color: #DD2C1F;*/ color:#EF4636; text-decoration: none; } a:hover { color: #FFF; text-decoration: none;background: #EF4636; } a.nolink:link,a.nolink:visited,a.nolink:active { color: #DD2C1F; text-decoration: none; } a.nolink:hover { color: #FFF; text-decoration: none;background: none !important; } .cleaner { clear: both; } .cleaner-padding { clear: both; padding: 10px;} .cleaner-padding1 { clear: both; padding: 2px;} img.markings { clear: both; padding: 0 2px 0 0; margin: 0; } .zz_logo {padding: 10px 5px 0px 5px;} #container { width: 878px; margin: 0 auto; } #header { width: 878px; /*height: 185px;*/ height: 115px; margin: 0; padding: 0; overflow:hidden; } #header .logo a:link, #header .logo a:visited,#header .logo a:active { float: left; padding: 10px 0 0 22px; } #header .logo a:hover { float: left; padding: 10px 0 0 22px; background: none;} #header .subpage-logo { float: left;padding: 80px 0 0 15px; background: none; border: none;} #header .subpage-logo a:hover {background: none;} #header #search { float: right; padding: 12px 15px 0 15px; } #header #search .fieldbox { width: 109px; height: 19px; background: #FFF url(/images/layout/bg-search.gif); border: none; padding: 0 5px 0 18px;} #header #navigation { float: right; width: 380px; } #header #navigation ul#main-navigation { padding: 0; margin: 0; font-size: 11px; } #header #navigation ul#main-navigation a {display: block; } #header #navigation ul#main-navigation li { list-style: none; float: right; margin: 10px 0 0 0; } #header #navigation ul#main-navigation li a { color: #D33C46; text-decoration: none; padding: 5px 10px; border-right: 1px solid #DADADA; } #header #navigation ul#main-navigation li a:hover { color: #fff; text-decoration: none; background: #D33C46;} #header #navigation ul#main-navigation li a:active { color: #4141B4; text-decoration: none; background: #EDEDED; } /* ~~~~~ MAIN PAGE BLOCK STYLES ~~~~~ */ /*#header .headline { width: 590px; padding: 15px 15px 0 0; float: right; } #header .headline div.title { font-size: 1.6em; text-align: right; line-height: 1.2em; letter-spacing: -0.04em; color: #818181; padding:0 0 0 100px; } #header .headline div.title span { color: #DD2C1F;}*/ #header .headline { width: 590px; padding: 15px 15px 0 0; float: right; } #header .headline div.title { font-size: 20px; text-align: right; line-height: 1.2em; letter-spacing: -0.04em; color: #818181; } #header .headline div.title span { color: #DD2C1F;} #main-wrapper { width: 878px; margin: 0 auto; } #main-wrapper .first-block { width: 212px; float: left; margin: 0 10px 20px 0; } #main-wrapper .second-block { width: 655px; float: left; margin: 0 0 20px 0; } #main-wrapper .main-content { width: 182px; padding: 5px 15px 0 15px; } #main-wrapper .first-block .header { width: 172px; height: 160px; padding: 20px 20px 0 20px; background: #3D3EAB url(/images/layout/bg-first-block.jpg) no-repeat; } #main-wrapper .first-block .header h1 { font-size: 20px; text-align: left; line-height: 1.35em; letter-spacing: -0.04em; color: #FFF; } #main-wrapper .first-block .header:hover { background: #3D3EAB url(/images/layout/bg-first-block.jpg) no-repeat; background-position: 0 -180px; } #main-wrapper .second-block .header { /*width: 192px;*/ height: 180px; padding:0; background: #3D3EAB url(/images/layout/bg-index-image.jpg) no-repeat; } #main-wrapper .second-block .header h1 { font-size: 20px; text-align: left; line-height: 1.6em; letter-spacing: -0.04em; color: #FFF; text-indent:15px; } /*#main-wrapper .second-block .header:hover { background: #3D3EAB url(/images/layout/bg-index-image.jpg) no-repeat; background-position: 0 -180px; }*/ #main-wrapper .second-block .main-content { /*width: 625px;*/ width:auto !important; padding: 5px 15px 0 15px; } /*#main-wrapper .third-block .header { width: 192px; height: 160px; padding: 20px 0 0 20px; background: #3D3EAB url(/images/layout/bg-hair-transplant.jpg) no-repeat; } #main-wrapper .third-block .header h2 { font-size: 20px; text-align: left; line-height: 1.4em; letter-spacing: -0.04em; color: #FFF; } #main-wrapper .third-block .header:hover { background: #3D3EAB url(/images/layout/bg-hair-transplant.jpg) no-repeat; background-position: 0 -180px; } #main-wrapper .fourth-block .header { width: 192px; height: 160px; padding: 20px 0 0 20px; background: #3D3EAB url(/images/layout/bg-dentist-services.jpg) no-repeat; } #main-wrapper .fourth-block .header h2 { font-size: 20px; text-align: left; line-height: 1.4em; letter-spacing: -0.04em; color: #FFF; } #main-wrapper .fourth-block .header:hover { background: #3D3EAB url(/images/layout/bg-dentist-services.jpg) no-repeat; background-position: 0 -180px; }*/ /*#main-wrapper .first-paragraph { width: 848px; padding: 15px 15px 5px 15px; background: #E4E4E4; margin-bottom: 20px; } #main-wrapper .second-paragraph { width: 848px; padding: 15px 15px 5px 15px; background: #E4E4E4; }*/ #main-wrapper .first-paragraph { /*width: 595px;*/ width:395px; padding: 15px 15px 5px 15px; background: #E4E4E4; margin-bottom: 20px; } #main-wrapper .second-paragraph { /*width: 100%;*/ width: 595px; padding: 15px 15px 5px 15px; background: #E4E4E4; } /* ~~~~~ SUBPAGE TOP NAVIGATION ~~~~~ */ #header #sub-navigation-wrapper { width: 635px; padding: 40px 0 0 0; float: right; } #header #sub-navigation-wrapper h2 { font-size: 18px; text-align: left; line-height: 1.4em; letter-spacing: -0.04em; color: #FFF; } #header #sub-navigation-wrapper .first-item { width: 185px; height: 114px; float: left; margin: 0 10px 0 0; padding: 8px 10px 0 10px; background: #3D3EAB url(../images/layout/bg-subpage-navigation.jpg) no-repeat; } #header #sub-navigation-wrapper .first-item:hover { background: #3D3EAB url(/images/layout/bg-subpage-navigation.jpg) no-repeat; background-position: 0 -122px; } #header #sub-navigation-wrapper .first-item-a { width: 185px; height: 114px; float: left; margin: 0 10px 0 0; padding: 8px 10px 0 10px; background: #3D3EAB url(../images/layout/bg-subpage-eye-laser-correction.jpg) no-repeat; } #header #sub-navigation-wrapper .first-item-a:hover { background: #3D3EAB url(/images/layout/bg-subpage-eye-laser-correction.jpg) no-repeat; background-position: 0 -122px; } #header #sub-navigation-wrapper .second-item { width: 185px; height: 114px; float: left; margin: 0 10px 0 0; padding: 8px 10px 0 10px; background: #3D3EAB url(../images/layout/bg-subpage-navigation.jpg) no-repeat; } #header #sub-navigation-wrapper .second-item:hover { background: #3D3EAB url(/images/layout/bg-subpage-navigation.jpg) no-repeat; background-position: 0 -122px; } #header #sub-navigation-wrapper .second-item-a { width: 185px; height: 114px; float: left; margin: 0 10px 0 0; padding: 8px 10px 0 10px; background: #3D3EAB url(../images/layout/bg-subpage-hair-transplant.jpg) no-repeat; } #header #sub-navigation-wrapper .second-item-a:hover { background: #3D3EAB url(/images/layout/bg-subpage-hair-transplant.jpg) no-repeat; background-position: 0 -122px; } #header #sub-navigation-wrapper .third-item { width: 185px; height: 114px; float: left; margin: 0; padding: 8px 10px 0 10px; background: #3D3EAB url(../images/layout/bg-subpage-navigation.jpg) no-repeat; } #header #sub-navigation-wrapper .third-item:hover { background: #3D3EAB url(/images/layout/bg-subpage-navigation.jpg) no-repeat; background-position: 0 -122px; } #header #sub-navigation-wrapper .third-item-a { width: 185px; height: 114px; float: left; margin: 0; padding: 8px 10px 0 10px; background: #3D3EAB url(../images/layout/bg-subpage-dentist-services.jpg) no-repeat; } #header #sub-navigation-wrapper .third-item-a:hover { background: #3D3EAB url(/images/layout/bg-subpage-dentist-services.jpg) no-repeat; background-position: 0 -122px; } /* ~~~~~ SUBPAGE LEFT NAVIGATION ~~~~~ */ #main-wrapper #left-side { width: 212px; float: left; margin: 15px 0 15px 0; padding: 0; } #main-wrapper #left-side ul.left-navigation { width: 210px; border: 1px solid #DADADA; list-style: none; margin: 0 0 3px 0; padding: 0; } #main-wrapper #left-side ul.left-navigation a { padding: 4px 15px 4px 15px; margin: 0; display: block; } #main-wrapper #left-side ul.left-navigation li.title-notext { /*font-size: 1.2em;*/ padding: 5px 15px 5px 15px; display: block; } #main-wrapper #left-side ul.left-navigation li.title a { /*font-size: 1.3em;*/ padding: 5px 15px 5px 15px; display: block; } #main-wrapper #left-side ul.left-navigation li.title a:hover { color: #000; background: #e4e4e4;} #main-wrapper #left-side ul.left-navigation li { padding: 0; margin: 0; display: inline; font-size: 12px;} #main-wrapper #left-side ul.left-navigation li a { margin: 0; display: block; color: #000; } #main-wrapper #left-side ul.left-navigation li a:hover { color: #000; background: #e4e4e4;} #main-wrapper #left-side ul.left-navigation li a.active { color: #000; background: #e4e4e4;} /*#main-wrapper #left-side { width: 212px; float: left; margin: 15px 0 15px 0; padding: 0; } #main-wrapper #left-side ul.left-navigation { width: 210px; border: 1px solid #DADADA; list-style: none; margin: 0 0 3px 0; padding: 0; } #main-wrapper #left-side ul.left-navigation a { padding: 2px 15px 2px 15px; margin: 0; display: block; } #main-wrapper #left-side ul.left-navigation li.title-notext { font-size: 1.2em; padding: 5px 15px 5px 15px; display: block; } #main-wrapper #left-side ul.left-navigation li.title a { font-size: 1.3em; padding: 5px 15px 5px 15px; display: block; } #main-wrapper #left-side ul.left-navigation li.title a:hover { color: #000; background: #e4e4e4;} #main-wrapper #left-side ul.left-navigation li { padding: 0; margin: 0; display: inline; font-size: 12px;} #main-wrapper #left-side ul.left-navigation li a { margin: 0; display: block; color: #000; } #main-wrapper #left-side ul.left-navigation li a:hover { color: #000; background: #e4e4e4;} #main-wrapper #left-side ul.left-navigation li a.active { color: #000; background: #e4e4e4;}*/ #main-wrapper #left-side ul.left-navigation li.vnorene a { margin-left:10px; display: block; color: #000; } #main-wrapper #left-side ul.left-navigation li.vnorene a:hover { margin-left:10px; color: #000; background: #e4e4e4;} #main-wrapper #left-side ul.left-navigation li.vnorene a.active { margin-left:10px; color: #000; background: #e4e4e4;} #main-wrapper #left-side ul.left-navigation li.forum a { background-color: #3939A3; color: #FFF; } #main-wrapper #left-side ul.left-navigation li.forum a:hover { background-color: #5E5DBB; color: #FFF; } #main-wrapper #left-side ul.left-navigation li.actie a { background-color: #3939A3; color: #FFF; } #main-wrapper #left-side ul.left-navigation li.actie a:hover { background-color: #5E5DBB; color: #FFF; } #main-wrapper #left-side ul.left-navigation li.inschri a { background-color: #e4e4e4; } #main-wrapper #left-side ul.left-navigation li.inschri a:hover { background-color: #b6b0b0; color: #FFF; } #main-wrapper #left-side ul.left-navigation li.last a { padding: 2px 15px 2px 15px; margin: 0 0 3px 0; display: block; } #main-wrapper #left-side ul.left-navigation li.last a:hover { color: #000; background: #e4e4e4;} #main-wrapper #left-side ul.quote { width: 212px; height: 70px; list-style: none; margin: 0 0 3px 0; padding: 0; } #main-wrapper #left-side ul.quote a { height: 64px; padding: 4px 10px 2px 15px; margin: 0; line-height: 1.4em; display: block; border: 0px solid #000;} #main-wrapper #left-side ul.quote li.title a { font-size: 1.2em; color: #FFF; margin: 0; display: block; background: url(/images/layout/bg-subpage-navigation-quote.jpg) no-repeat; background-position: 0 0; } #main-wrapper #left-side ul.quote li.title a:hover { color: #FFF; background: #e4e4e4; background: url(/images/layout/bg-subpage-navigation-quote.jpg) no-repeat; background-position: 0 -70px;} /* ~~~~~ SUBPAGES - CONTENT AREA ~~~~~ */ #main-wrapper .content { float: left; width: 635px; margin: -60px 0 0 31px; padding: 0; position:relative; } #main-wrapper .content .right-picture { float: left; padding: 0 15px 0 0; } #main-wrapper .content .breadcrumb { padding: 0 0 10px 0; } #main-wrapper .content .text-quotes { width: 222px; float: right; padding: 15px; font-size: 17px; line-height: 1.25em; font-style: italic; font-weight: normal; color: #615a5a; font-family: "Times New Roman", Times, serif; background: #FFF url(/images/layout/bg-text-quote.gif) no-repeat top left; } #main-wrapper .content .text-quotes p { margin-bottom:0.6em; } #main-wrapper .content .text-quotes span { font-size: 15px; } /*#main-wrapper .content .looking-for { border: 1px solid #DADADA; padding: 15px; font-size: 1.2em; text-align: center; margin: 0 0 20px 0; }*/ /*#main-wrapper .content .looking-for { background: #42A3B5; color: #fff; padding: 15px; font-size: 1.3em; text-align: center; margin: 0 0 20px 0; } #main-wrapper .content .looking-for a { color: #fff; text-decoration: underline; } .looking-for { width: 600px; float: right; background: #FF6500; color: #fff; padding: 15px; font-size: 1.3em; text-align: center; margin: 35px 0 10px 0; } .looking-for a { color: #fff; text-decoration: underline; }*/ .looking-for { background: #FF6500; color: #fff; padding: 10px; font-size: 1.3em; text-align: center; margin: 0 0 20px 0; } .looking-for a { color: #fff; text-decoration: underline; } .looking-for a:hover { color: #fff; text-decoration: none; background: #FF6500; } /* ~~~~~ FOOTER ~~~~~ */ #footer { width: 848px; margin: 0 auto; padding: 10px 15px; line-height: 1.7em; border-top: 5px solid #DADADA; font-size: 9px; text-transform: uppercase; color: #818181; } #footer .copy { afloat: left; } #footer a { color: #818181; text-decoration: none; } #footer a:hover { color: #DD2C1F; background: #FFF; text-decoration: none; } .more-urls { width: 848px; margin: 0 auto; padding: 10px 15px; line-height: 1.7em; border-top: 5px solid #DADADA; font-size: 9px; color: #818181; } .more-urls a { color: #818181; text-decoration: none; } .more-urls a:hover { color: #DD2C1F; background: #FFF; text-decoration: none; } .file-icons { float: left; padding: 0 5px 0 0; margin-bottom: 4px; clear: left } .videoFloat { width:300px; height:169px; float:right; margin:0 0 15px 15px; font-size: 0; line-height: 0; } .first-block .main-content .h2 { font-size:18px; margin:0 0 8px 0; } .treatment-box { width:190px; float:right; margin:0 0 15px 15px; text-align:center; } .treatment-box img { display:inline; } .treatment-box p { margin-bottom:10px !important; text-align:left; } .treatment-box p b, .treatment-box p strong { font-size:14px; color:#3939A3; } .treatment-box-inner { width:170px; font-size:12px; border:1px solid #DADADA; border:1px solid #3939A3; padding:10px; text-align:left; margin:0 0 15px 0; } .treatment-box ul { padding-right:0px !important; margin-right:0px !important; margin-bottom:0px !important; } .treatment-box ul li { list-style:disc !important; padding:0; margin:0; } .treatment-contact form#freeform fieldset { width:auto; text-align:left; padding:10px; border:1px solid #3939A3; } .treatment-contact p strong { color:#3939A3; } .treatment-contact form#freeform fieldset input.text { width:155px; float:none; } .treatment-contact form#freeform fieldset .radios { margin:0 0 4px 0; } .addform-box a { color:#fff !important; text-decoration:underline; } .addform-box a:hover { text-decoration:none; background:none } .addform-box .h { visibility:hidden; height:60px; } .addform-box { width:210px; color:#fff !important; background:url(http://www.tandarts-turkije.be/images/win-bg.jpg) left top no-repeat; } .addform-box input.text { width:180px } .addform-box fieldset { padding:10px; /*border:1px solid #3939A3;*/ border:0 !important; } .addform-box p { margin:0 0 10px 0; } .addform-box p strong { font-size:14px; color:#3939A3; } .addform-box .radios { margin:0 0 4px 0; } .addform-box fieldset label { margin:0; padding:0; height:auto; font-size:12px; } .addform-box label.condities { margin:0 0 4px 0; } #main-wrapper .second-block.second-block-index { margin-top:-31px; position:relative; } #main-wrapper .second-block .header.header-index { width:440px; } .index-block { width:425px } .testimonials-box { width:180px; border: 1px solid #DADADA; list-style: none; margin: 0 0 20px 0; padding: 10px 15px } .testimonials-box .title {font-weight: bold}