/* Styles by MediaStijl.nl * Jip van Bodegom */ html { padding:0px; margin:0px; } body { padding:0px; margin:0px; font-family:Calibri, Arial; background-image:url("../images/body-bg.jpg"); background-repeat: repeat-x; background-position: top center; } /* Tekst styling */ h1 { margin-top:0px; font-family: 'Droid Serif', serif; font-size: 24px; font-weight:normal; color:#3c2313; margin-bottom:20px; } body.algemeen h1 { margin-top:40px; } h2 { margin-top:0px; font-family:Calibri, Arial; color:#cd1041; font-size: 18px; } #leftmenu h2 { margin-left:40px; color:#3C2313; font-size: 26px !important; } h3 { margin-top:0px; font-family:Calibri, Arial; color:#cd1041; font-size: 14px; margin-bottom:0px; } p { font-family:Calibri, Arial; color:#000; font-size: 14px; line-height:20px; margin-top:0px; margin-bottom:18px; } a { color:#000; font-family:Calibri, Arial; } ul { font-family:Calibri, Arial; } li { font-family:Calibri, Arial; } #top { width: 980px; height:43px; padding-top:11px;margin:0 auto; margin-top:-18px; } #top p { font-size: 15px; color:#fff; margin-left:35px; } #top a { font-size: 15px; color:#fff; } #wrapper { width:934px; min-height:500px; padding-left:0px; margin: 0 auto;margin-top:0px; } /* Top */ #top-header { width:934px; height:163px; margin-top:0px; position: relative; background-image:url("../images/top-header.jpg"); background-repeat: no-repeat; z-index:100; } body.algemeen #top-header { margin-bottom:60px; } /* Social */ .social { width:303px; min-height:10px; position:relative; } .social p { text-align:right; margin-right:10px; font-family: 'Droid Serif', serif; font-size:13px; } .social a { text-indent:-5555px; margin-right:7px;width:34px; height: 33px; display: block; float:right;background-repeat; } .social a.twitter { background-image:url("../images/twitter-icon.jpg"); } .social a.facebook { background-image:url("../images/facebook-icon.jpg"); } .social a.youtube { background-image:url("../images/youtube-icon.jpg"); } .social a.google { background-image:url("../images/google-icon.jpg"); } .social a:hover { background-position: 0 -33px; } /* Variabele header images | Logo */ #header { width:980px; overflow:hidden; position: relative; } a.logo { width:330px; height: 273px; text-indent:-5555px; margin-left:300px; display: block; background-image:url("../images/logo.png"); background-repeat: no-repeat; position:absolute; z-index:100; } body.algemeen a.logo { width:330px; height: 223px; background-image:url("../images/logo-algemeen.png"); background-repeat: no-repeat; } /* Slideshow */ #slideshow { margin-left:-16px; margin-top:30px; } /* Meer weten */ .meerweten img { margin-left:25px; } /* Label */ .label { background-image: url("../images/label.png"); background-repeat: no-repeat; display: block; width: 112px; height: 112px; position: absolute; top:0px; left:-30px; top:10px; } body.algemeen .label { background-image: url("../images/label.png"); background-repeat: no-repeat; display: block; width: 112px; height: 112px; position: absolute; top:0px; left:-30px; top:10px; } #wrapper.nieuws .label { top:0px; } /* Google maps */ .googlemaps { margin-left:25px; } /* Notes */ #right-notes { height:279px; width:303px; display: block; background-image:url("../images/right-bg.jpg"); text-align:center; padding-top:127px; margin-top:-47px; } #right-notes p { font-family: 'Annie Use Your Telescope', cursive; font-size:28px; line-height:38px; } /* Content elementen */ #content-container { width: 934px; min-height:400px; position:relative; padding:11px 0px 50px 0px; margin: 0px 0px 10px 0px; overflow:hidden; background-color:#fff; } #content { width: 570px; min-height:300px; float:left; position: relative; margin:0px; padding:0px 25px 40px 25px; overflow:hidden; } body.algemeen.foto #content { width:900px; } body.algemeen.foto h2 { color: #000000; font-family: 'Droid Serif',serif; font-size: 20px; } body.algemeen.foto #content a { color:#bc1b29; text-transform:uppercase; margin-top:10px; } body.algemeen.foto #content p { margin-bottom:15px; } #content.photo { width: 695px; } #content.photo input { margin: 0 auto; float:inherit; cursor:hand; } #content.full { width: 917px; padding-left: 32px; position:relative; overflow:hidden; } #content-left { width: 215px; min-height:300px; position:relative; float:left; margin:0px; padding:12px 0px 25px 0px; } .blok3 { margin-bottom:30px; color:#5d5d5d; line-height:24px; } #content-right { width: 312px; margin-top:0px; float:right; position: relative; border-left:2px dotted #000; } #content-right ul { padding:0px; margin:0px 0px 0px 0px; text-align:center; } #content-right ul li { } #content-right ul li a { text-decoration:none; font-size: 21px; color:#3c2313; } #content-right ul li a:hover { text-decoration:underline; } #content-right #reserveren { width: 155px; margin-top:5px; text-align:center; min-height: 122px; padding: 1px 30px 0px 30px;background-color:#7c51a1; } #content-right #reserveren.contact p { font-size: 14px; text-align:left; } #content-right #reserveren p { color:#fff; font-size: 20px; } #content-right #reserveren a { color:#fff; font-size: 20px; text-decoration:none; } #content-right #reserveren a:hover { text-decoration:underline; } #content-right .foto { margin-top:5px;background-image:url("../images/pand.jpg"); background-repeat: no-repeat; width: 215px; height: 131px; display: block; } /* Right text */ #right-text { margin-top: 20px; padding: 22px; width: 268px; text-align:left; } #right-text ul { text-align:left; margin-left:16px; } #right-text ul li { line-height:18px; margin-bottom:15px; } #right-text h2 { color: #3C2313; font-family: 'Droid Serif',serif; font-size: 22px; font-weight: bold; margin-bottom: 20px; margin-top: 0;} #right-text h3 { color: #3C2313; font-family: 'Droid Serif',serif; font-size: 18px; font-weight: bold; margin-bottom: 20px; margin-top: 0;} #right-text img { margin-bottom:10px; margin-top:10px; } /* Hometeasers */ #homepage-teasers { width:934px; min-height:250px; margin-top:17px; overflow:hidden; z-index:10; } .teaser { width: 311px; height: 311px; display: block; float:left; background-color:#fff; } .teaser.natuurlijk { height: 291px; padding:20px 20px 0px 20px; width:271px; position: relative; background-color:#29235c; text-align:center; } .teaser.natuurlijk h2 { font-family: 'Droid Serif', serif; margin-top:0px; color:#fff; font-size: 20px; font-weight:normal; } .teaser.natuurlijk p { color:#fff; font-size: 13px; font-family: 'Droid Serif', serif; line-height:21px; } .teaser.natuurlijk a { color:#fff; font-size: 18px; width:271px; text-align:center; display: block; position:absolute; bottom:22px; font-family: 'Droid Serif', serif; line-height:21px; } .teaser.welkom { padding:0px 30px 0px 30px; width: 251px; text-align:center; } .teaser.welkom h2 { font-family: 'Droid Serif', serif; margin-top:70px; color:#000; font-size: 42px; font-weight:normal; } .teaser.welkom p { font-size: 20px; margin-right:10px; margin-left:10px; line-height:28px; font-family: 'Droid Serif', serif; } a.asperges { width: 311px; height: 311px; display: block; text-indent:-5555px; background-image:url("../images/asperges.jpg"); background-repeat: no-repeat; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } a.asperges:hover { background-position: 0 -311px; opacity: 0.85;} a.groepsaccomodatie { width: 311px; height: 311px; display: block; text-indent:-5555px; background-image:url("../images/groepsaccomodatie.jpg"); background-repeat: no-repeat; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } a.groepsaccomodatie:hover { background-position:0 -311px;opacity: 0.85; } a.vakantiehuis { width: 311px; height: 311px; display: block; text-indent:-5555px; background-image:url("../images/vakantiehuis.jpg"); background-repeat: no-repeat; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } a.vakantiehuis:hover { background-position:0 -311px; opacity: 0.85; } a.omgeving { width: 311px; height: 311px; display: block; text-indent:-5555px; background-image:url("../images/omgeving.jpg"); background-repeat: no-repeat; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;} a.omgeving:hover { background-position:0 -311px; opacity: 0.85;} /* Menu's */ #leftmenu { position: relative; z-index:10; margin-top:40px; margin-left:-11px; } #leftmenu ul li { list-style:none; margin-bottom:13px; font-size: 18px; } #leftmenu ul li.category.active { text-decoration:underline; } #leftmenu ul li a { text-decoration:none; text-transform: uppercase; font-size: 16px; color:#3c2313; } #leftmenu ul li a:hover { text-decoration:underline; } #leftmenu ul li.active { background-image:url("../images/arrow.png"); background-repeat: no-repeat; background-position: top left; padding-left:20px; background-position: 0 3px; } #topmenu { width: 915px; min-height: 50px; margin-top:-20px; margin-bottom:25px; position: relative; z-index:10; } #topmenu ul { padding:0px; } #topmenu ul li { padding:0px; list-style:none; float:left; margin-right:20px; } #topmenu ul li a { text-decoration:none; color:#646566; text-transform:uppercase; font-size: 14px; } #topmenu ul li.active a { text-decoration:none; color:#cd1041; } /* Projecten overzicht */ .projectenoverzicht { width:911px; min-height:300px; margin-bottom:30px; } .projectenoverzicht h3 { width:900px; min-height:24px; background-color:#a5a6a8; padding-top:6px; padding-left:10px; font-weight:normal; font-size: 16px; } .projectenoverzicht h3 a { color:#fff; text-decoration:none; } .projectenoverzicht-rechts { width:505px; min-height:200px; float:right; } .projectenoverzicht-rechts p { color:#3f3f41; margin-top:0px; font-size: 15px; line-height:25px; } .projectenoverzicht-rechts p i { color:#888; } .picturecontainer { margin-left: -33px; margin-bottom: 25px; } .thumbscontainer { width:685px; margin-top:15px; margin-right:30px; min-height:500px; margin-left:-4px; } ul.thumbs li { margin-right: 7px !important; } /* Photo album */ #lbPrevLink { background-position: left 15% !important; background-image:url("http://www.roossink.mediastijl-test.nl/assets/snippets/maxigallery/slimbox/images/prevlabel_nl.gif"); background-repeat:no-repeat; } #lbNextLink { background-position: right 15% !important; background-image:url("http://www.roossink.mediastijl-test.nl/assets/snippets/maxigallery/slimbox/images/nextlabel_nl.gif"); background-repeat:no-repeat; } /* Projecten item */ #project-item { width:915px; min-height:300px; } #project-item h1 { width:905px; min-height:24px; background-color:#a5a6a8; padding-top:6px; padding-left:10px; font-weight:normal; font-size: 16px; color:#fff; } .ul.thumbs li { width:200px; margin-right:7px !important; margin-bottom:24px !important; height:135px;} .thumbscontainer ul.thumbs li { width: 150px; height: 135px; overflow:hidden;margin-bottom:7px !important; } ul.thumbs li img { width:150px; } /* Nieuws */ .nieuws { width:268px; margin-top:109px; padding:22px 22px 0px 22px; } .nieuws h2 { font-family: 'Droid Serif', serif; color:#000; } .ditto_summaryPost { min-height:100px; padding-bottom:15px; margin-top:15px; margin-bottom:15px; border-bottom: 2px dotted #ccc; } a.leesmeer { font-size: 14px; color:#cd1041; } .ditto_summaryPost h3 { margin-bottom:0px; } .ditto_summaryPost p { margin-top:5px; } .ditto_summaryPost h3 a { text-decoration:none; font-size: 17px; color:#000; } .ditto_summaryPost h3 a:hover { text-decoration:underline; } a.meerinformatie { color:#cd1041; font-size: 14px; } a.terug { color:#cd1041; } .date { font-family:Calibri,Arial; font-size: 13px; } .nieuws h3 a { font-family: 'Droid Serif', serif; color:#29235c; font-weight:normal; font-size: 16px; } .nieuws p { margin-top:0px; margin-bottom:0px; } .nieuws a { color:#29235c; margin-top:0px; } /* Twitter */ #twitter { width:262px; min-height:160px; margin-top:20px; float:right; } #twitter h4 { width:193px; margin-left:0px; background-image:url("../images/twitter-icon.png"); background-position: top right; background-repeat: no-repeat; } #twitter strong { display:none; } #twitter ul { padding-left:0px; } #twitter ul li { padding-left:0px; list-style:none; padding:15px; line-height:19px; } #twitter ul li a { font-size: 13px; color:#38373a; text-decoration:none; } /* Google maps */ #map2 { position: absolute; right:25px; top:20px; } /* Contact form */ form#bestel_EmailForm { margin-top:35px; } form#bestel_EmailForm .news-extra { width:200px; } .contact-verzamel label { width: 200px; float:left; } .contact-verzamel label p { margin:0px; padding:0px; font-size: 15px; } .contact-verzamel { width: 539px; min-height:40px; overflow:hidden; display:block; } textarea { width: 350px; height:80px;margin-bottom:20px; background-color:#fcfaf6;border:0px; padding:10px; font-family:Calibri, Arial; font-size: 13px; color:#666; float:right; margin-right:31px; } input { width:350px; height: 27px; float:right; background-color:#fcfaf6; border: 0px; padding-left:10px; padding-right:10px; font-family:Calibri, Arial; font-size: 14px; color:#666; padding-top:1px; margin-top:-24px; } input#cfContact { background-image:url("../images/versturen.jpg"); background-repeat: no-repeat; text-indent:-5555px;float:left;margin-top:10px; display:block; width:250px; height: 34px; margin-left:230px; cursor:pointer; } /* Footer */ #footer { width:100%; min-height:208px; overflow:hidden; background-image:url("../images/footer-bg.jpg"); background-repeat: repeat-x; margin:0 auto; margin-bottom:30px; padding-top:35px; } #footer-container { width: 980px; min-height:100px; margin: 0 auto; } #footer p { margin:0px; padding:11px 0px 0px 0px; font-size:14px; color:#000; } #footer a { color:#fff; text-decoration:none; } #footer a:hover { text-decoration:underline; } #footer h3 { font-family: 'Droid Serif', serif; font-size: 16px; color:#000; } #footer-left { width: 320px; min-height:100px; float:left; padding-left:25px; padding-bottom:15px; } #footer-middle { width: 250px; min-height:100px; float:left; padding-left:25px; padding-bottom:15px; } #footer-right p { font-size:12px; margin-bottom:15px; } #footer-right a { font-size:12px; color:#000; } #footer-right li { line-height:15px; } p.rechts { padding-top:0px !important; } #footer-right p.rechts.realisatie { color:#8c8c8c; margin-top:12px; } #footer-right p.rechts.realisatie a { color:#8c8c8c; } #footer ul { padding:0px; margin:0px; } #footer ul li { padding: 0px; margin:0px; list-style:none; } #footer ul li a { color:#3c2313; } #footer-right { width: 325px; height: 101px; background-image:url("../images/certificaten.jpg"); background-repeat: no-repeat; display:block; float:right; }