/* Styles by MediaStijl.nl * Jip van Bodegom */ html { padding:0px; margin:0px; } body { padding:0px; margin:0px; font-family:'Open Sans', sans-serif; background-image:url("../images/body-bg.jpg"); background-repeat: repeat-x; background-position: top center; } /* Tekst styling */ h1 { margin-top:10px; font-family: 'Open Sans', sans-serif; font-size: 23px; font-weight:normal; color:#015676; margin-bottom:20px; text-transform:uppercase; line-height:35px; } #content.restaurant h1 { color:#d25018; } h2 { margin-top:0px; font-family:'Open Sans', sans-serif; color:#377f8f; font-size: 21px; } #leftmenu h2 { margin-left:40px; color:#377f8f; font-size: 26px !important; } h3 { margin-top:0px; font-family:'Open Sans', sans-serif; color:#377f8f; font-size: 14px; margin-bottom:0px; } h4 { font-family:'Open Sans', sans-serif; font-size:19px; } p { font-family: 'Open Sans', sans-serif; color:#000; font-size: 14px; line-height:20px; margin-top:0px; margin-bottom:18px; } a { color:#00a3b7; font-family:'Open Sans', sans-serif; } ul { font-family:'Open Sans', sans-serif; } li { font-family:'Open Sans', sans-serif; } table { font-family: 'Open Sans', sans-serif; color:#000; font-size: 14px; line-height:20px; margin-top:0px; } td.justifyright { text-align:right; vertical-align:top; } .restaurant table td.regel { padding-bottom:10px; } #top { width: 960px; 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:100%; min-height:500px; display:block; overflow:hidden; padding-left:0px; margin: 0 auto;margin-top:0px; } /* Top */ #top-header { width:960px; height:104px; position:relative;margin:0 auto; margin-bottom:3px;position: relative; background-repeat: no-repeat; z-index:100; } .antiek { font-family:'Open Sans', sans-serif; font-size:20px; font-weight:lighter; position:absolute; left:120px; top:82px; color:#6e6d6d; } .adres { font-family:'Open Sans', sans-serif; font-size:20px; font-weight:lighter; position:absolute; right:158px; top:82px; color:#6e6d6d; } .antiek a { color:#6e6d6d; text-decoration:none; } .adres a { color:#6e6d6d; text-decoration:none; } /* Social */ .social { width:303px; min-height:10px; position:relative; } .social p { text-align:right; margin-right:10px; font-family: 'Open Sans', sans-serif; font-size:13px; } #social a { text-indent:-5555px; position:absolute; right:0px;width:25px; top:10px; height: 25px; display: block; float:right;background-repeat; } #social a.twitter { background-image:url("../images/twitter-icon.png"); right:31px; } #social a.google { background-image:url("../images/google-icon.png"); } #social a.facebook { background-image:url("../images/facebook-icon.png");right:60px; } /* Footer Social */ #footer-social { width:303px; min-height:10px; position:relative; } #footer-social p { text-align:right; margin-right:10px; font-family: 'Open Sans', sans-serif; font-size:13px; } #footer-social a { text-indent:-5555px; position:absolute; left:0px;width:25px; top:10px; height: 25px; display: block; float:right;background-repeat; } #footer-social a.twitter { background-image:url("../images/twitter-icon.jpg"); left:35px; } #footer-social a.google { background-image:url("../images/google-icon.jpg"); left:0px; } #footer-social a.facebook { background-image:url("../images/facebook-icon.png"); left:80px; } /* Reserveren */ a.reserveren { width:338px; height: 43px; display: block; background-image:url("../images/reserveren.jpg"); background-repeat: no-repeat; color:#fff; text-align:center; padding-top:14px; font-size: 25px; text-decoration:none; font-family:'Open Sans', sans-serif; text-transform:uppercase; } a.reserveren:hover { text-decoration:underline; } /* Variabele header images | Logo */ #header { width:980px; overflow:hidden; position: relative; } a.logo { width:206px; height: 204px; text-indent:-5555px; margin-left:370px; margin-top:0px; display: block; background-image:url("../images/logo.png"); background-repeat: no-repeat; position:absolute; z-index:100; } a.logo.restaurant { width:208px; height: 198px; background-image:url("../images/logo-restaurant.png"); } a.logo.lekkereten { width:206px; height: 204px; background-image:url("../images/logo-lekker-anders.png"); } /* Slideshow */ #slideshow { margin-top:8px; width:100%; min-height:327px; overflow:hidden; background-color:#494948; } .rsContent { display:block; width: 497px; min-height:83px; background-image:url("../images/transparent.png"); background-repeat:repeat; position:absolute; bottom:0px; left:40%; } .rsWrapper { width:980px; min-height:83px; margin: 0 auto; } /* 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-top:15px; margin-bottom:15px; } /* Forms */ #mc_embed_signup label { font-family:"Open Sans",sans-serif; font-weight:normal !important; color:#fff; font-size: 13px !important; font-weight:lighter !important; } #mc_embed_signup { background:none !important; } #mc_embed_signup form { background-color:none !important; padding:0px 0px 0px 0px !important; } #mc_embed_signup input.email { width:95% !important; float:left; font-family:"Open Sans",sans-serif !important; font-weight:lighter !important; } #mc_embed_signup input.email { margin: 0px 0px 0px 0px !important; padding:4px 0px 4px 6px !important; border:0px !important; } #mc_embed_signup input.button { background-color:inherit !important; text-align:left; width:100% !important; font-family:"Open Sans",sans-serif !important; font-weight:lighter !important; padding-left:25px; background-image:url("../images/verstuur.png"); background-repeat: no-repeat; background-position: 0 8px; font-size: 16px; } /* Gallery */ .shortfields input { width: inherit; } .managepicturecontainer textarea { float:inherit; } .managepicturecontainer { min-height: 100px; overflow:hidden; } #content-container.foto .ditto_summaryPost { background-color: #fff; border:1px solid #8c8f8d; display: block; float: left; margin-bottom: 2%; padding-bottom:0px; margin-right: 2%; width: 27%; } #content-container.foto .ditto_summaryPost a { margin-bottom:0px; } #content-container.foto .ditto_summaryPost img { margin-top:5px; margin-bottom:-7px; width: 100%; } #content-container.foto .ditto_summaryPost h3 { display: block; margin-bottom: 7px; float:left; margin-top:16px; overflow: hidden; padding-top: 1%; width:200px; display:block; } #content-container.foto .ditto_summaryPost h3 a { color: #333; font-weight:lighter; font-size: 16px; margin-left:10px; margin-top:5px; text-decoration: none; } #content-container.foto .ditto_summaryPost a.leesmeer { color: #333; float: right; font-size: 13px; padding-top: 2px; width:42px; height:46px; background-image:url("../images/gallery-arrow.jpg"); background-repeat: no-repeat; background-position: top left; text-decoration: none; text-transform: uppercase; } #content-container.foto .ditto_summaryPost a.leesmeer .arrow { background-image: url("../images/gallery-btn.jpg"); background-repeat: no-repeat; display: block; float: right; height: 26px; margin-left: 10px; margin-right: -1%; text-indent: -5555px; width: 26px; } /* 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: 'The Girl Next Door', cursive; font-size:28px; line-height:38px; } /* Content elementen */ #content-container { width: 960px; min-height:400px; position:relative; padding:0px 0px 0px 0px; margin: 0 auto; overflow:hidden; } #content-container.foto #content { width:905px; } #content { width: 550px; min-height:300px; float:left; position: relative; margin:30px 0px 0px 0px; padding:0px 25px 40px 30px; overflow:hidden; } #content.onecolumn { width:960px; } #content img { margin-top:15px; margin-right:15px; } 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: 338px; margin-bottom:15px; min-height:400px; padding-top:48px; margin-top:0px; float:right; position: relative; } #content-right.algemeen { background-color:#000000; margin-top:5px; min-height: 800px; } #content-right.algemeen .home-right { padding-top:70px; } #content-right.algemeen .home-right h2 { color:#fefefe; font-family:'Open Sans', sans-serif; text-transform:none; } #content-right.algemeen .home-right p { color:#fefefe; } #content-right.algemeen .home-right a { color:#fefefe; } #content-right ul { padding:0px; margin:0px 0px 0px 15px; text-align:left; } #content-right ul li { } #content-right ul li a { text-decoration:underlien; 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; } .home-right table { color:#fefefe; font-size: 13px; } /* 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; } /* Menu's */ .menu { background-color:#2c2c2b; } #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; } /* Right text */ .content.rightcolumn-text { margin-top:15px;background-color:#6f6e6e; padding:15px; } #content-right.restaurant .content.rightcolumn-text { margin-top:15px;background-color:#fff; border:1px solid #adadad; padding:15px; } #content-right.restaurant .content.rightcolumn-text p { color:#000; font-size:14px; line-height:25px; margin-left:10px; } #content-right.restaurant .content.rightcolumn-text h2 { color:#555; border-bottom: 1px solid #adadad; text-align:center; padding-bottom:5px; } #content-right.nieuwsitem .content.rightcolumn-text { background-color:#135a79; margin-top:0px; } #content-right.nieuwsitem .content.rightcolumn-text h3 { font-family:"Open Sans",sans-serif; font-size: 25px; margin-bottom:20px; font-weight:normal; color:#fff; } #content-right.nieuwsitem .content.rightcolumn-text h2 { font-size:16px; text-align:right; border-bottom: 1px solid #fff; color: #fff; margin-top:-6px; padding-bottom: 7px; margin-bottom:20px; } .content.rightcolumn-text h2 { color:#fff; font-weight:lighter; } .content.rightcolumn-text img { float:left; margin-right:10px; } .content.rightcolumn-text p { color:#fff; margin-bottom:0px; } .content.rightcolumn-text a { color:#fff; margin-top:15px; display:block; } .restaurant .content.rightcolumn-text a { color:#000; margin-top:0px; margin-bottom:0px; } .openingstijden { background-color:#135a79; padding:20px 20px 10px 20px; } .openingstijden h2 { color:#fff; } .openingstijden p { color:#fff; } /* 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:930px; 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:250px; margin-right:7px !important; margin-bottom:24px !important; height:250px;} .thumbscontainer ul.thumbs li { width: 250px; height: 250px; overflow:hidden;margin-bottom:7px !important; } #content-container.foto center form input { float:left; margin-top:10px; } ul.thumbs li img { width:250px; } /* Nieuws */ .nieuws { width:292px; border:1px solid #adadad; margin-top:10px; padding:10px 22px 22px 22px; } .nieuws h2 { font-family: 'Open Sans', sans-serif; color:#6e6d6d; font-weight:normal; border-bottom:1px solid #dbdada; padding-bottom:5px; text-align:right; } .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: 'Open Sans', sans-serif; color:#010101; text-decoration:none; font-weight:bold; font-size: 15px; } .nieuws p { margin-top:0px; margin-bottom:0px; } .nieuws a { color:#000; margin-top:0px; } a.leesmeer { text-align:right; display:block; width:100%; margin-top:8px; } /* 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 { width:455px; margin-top:35px; overflow:hidden; margin-bottom:35px; } form#bestel_EmailForm .news-extra { width:200px; } .contact-verzamel label { width: 110px; float:left; } .contact-verzamel label p { margin:0px; margin-top:3px;padding:0px; font-size: 15px; } .contact-verzamel { width: 450px; min-height:40px; overflow:hidden; display:block; } textarea { width: 430px; height:80px;margin-bottom:20px; border:0px; padding:10px; font-family:'Open Sans', sans-serif; font-size: 13px; color:#666; float:left; margin-right:-4px; border:1px solid #e4e4e2; } input { width:310px; height: 27px; float:right; border: 1px solid #e4e4e2; padding-left:10px; padding-right:10px; font-family:'Open Sans', sans-serif; font-size: 14px; color:#666; padding-top:1px; margin-top:0px; } input#cfContact { background-image:url("../images/verstuur-bericht.jpg"); background-repeat: no-repeat; text-indent:-5555px;float:left;margin-top:10px; display:block; width:105px; border:0px; height: 104px; border:0px; float:right; cursor:pointer; } /* Home right */ .home-right { padding: 15px 40px 40px 40px; } .home-right img { margin-bottom:10px; } .home-right h2 { color:#377f8f; text-transform:uppercase; margin-bottom:5px; font-weight:normal; } .home-right h3 { color:#111; margin-top:60px;margin-bottom:5px; font-size:21px; font-family:'Open Sans', sans-serif; font-weight:normal; } /* Footer */ #footer { width:100%; min-height:390px; font-weight:light; background-color:#d25018; margin:0 auto; margin-bottom:0px; padding-top:30px; position:relative; } #footer.restaurant { background-color:#015879; } #footer-container { width: 960px; min-height:100px; margin: 0 auto; position:relative; } #footer-bottom { width: 100%; height:36px; background-color:#fff; position:absolute; bottom:130px; } #footer-bottom p { color:#d25018 !important; font-family:Myriad Pro, Arial !important; font-size:11px !important; } #footer-bottom-wrapper { width:960px; min-height: 36px; margin: 0 auto; } #footer-bottom-wrapper p.left { float:left; width: 960px !important; display:block; text-align:center; } #footer-bottom-wrapper p.right { float:left; } #footer p { margin:0px; padding:8px 0px 0px 0px; font-weight:light;font-size:17px; color:#000; font-family: 'Open Sans', sans-serif; } #footer a { color:#fefefe; text-decoration:none;font-weight:light;font-family: 'Open Sans', sans-serif; font-size:14px; } #footer a:hover { text-decoration:underline; } #footer h3 { font-family: 'Open Sans', sans-serif; font-size: 15px; margin-bottom:3px; text-transform:uppercase; color:#fefefe; font-weight:lighter; } #footer-left { width: 220px; min-height:100px; float:left; padding-left:0px; padding-bottom:15px; } #footer-middle { width: 230px; min-height:145px; margin-left: 20px; float:left; position: relative; padding-left:25px; padding-bottom:15px; } #footer-middle #social { position: absolute; right:0px; bottom:0px; } #footer-right p { font-size:12px; margin-bottom:15px; } #footer-right a { font-size:14px; color:#000; } #footer-right li { line-height:24px; } #footer-right a.vraag { width:125px; height: 124px; margin-top:-35px; display: block; position: relative; float:right; background-image:url("../images/vraag.png"); background-repeat: no-repeat; } 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-right ul { margin-bottom:15px !important; } a.contact { display: block; width:195px; height: 33px; margin-top:70px; margin-left:-15px; background-image:url("../images/contact.png"); } a.contact:hover { background-position: 0 -33px; } #footer ul { padding:0px; margin:0px; } #footer ul li { padding: 0px; margin:0px; list-style:none;font-family: 'Open Sans', sans-serif; font-weight:lighter; font-size:14px; color:#fefefe; } #footer ul li a { color:#fefefe; text-decoration:underline;font-weight:lighter; } #footer-middle ul li a { text-decoration:none; font-weight:lighter; } #footer-middle ul li { list-style:disc; margin-left:14px; } #footer-right { width: 370px; height: 101px; float:left; background-image:url("../images/certificaten.jpg"); background-repeat: no-repeat; display:block; margin-left:70px; } .labelmarty { width:43px; height: 43px; display: block; background-image:url("../images/label.png"); background-repeat: no-repeat; position:absolute; right:238px; top:-56px; } #footer-ontwerp { display: block; min-height: 130px; width:100%; position:absolute; bottom:0px; background-color:#fff; } #footer-ontwerp-wrapper { width: 960px; display: block; margin: 0 auto; margin-top:10px; font-size: 13px !important; text-align:center; } #footer-ontwerp-wrapper p, #footer-ontwerp-wrapper a { color:#6e6d6d; font-size: 14px !important; } p.rechts.realisatie { float:right; font-size:12px !important; } p.rechts.realisatie a { font-size:12px !important; } p.links { margin-top:-8px !important; font-size:14px !important; } p.links a { font-size:14px !important; }