@import url(day.css);
HTML { height: 100%; margin-bottom: 1px; background: #434343; }
BODY { margin: 0; padding: 0; font-size: 16px; font-family: "Times New Roman", Times, serif; }
INPUT, SELECT, TEXTAREA { background-color: #fff; color: #000; font-size: 16px; font-family: "Times New Roman", Times, serif; border: none; }
FORM { display: inline; }
INPUT { padding-left: 3px; padding-right: 3px; }
TEXTAREA { padding: 3px; overflow: auto; }
IMG { border: none; vertical-align: -3px; }
P { margin: 13px 0; }
OL, UL { margin-top: 13px; margin-bottom: 13px; }


/* TITLES */
H1 { margin: 0 0 0 125px; padding: 0; font-size: 48px; font-weight: normal; line-height: normal; }
H1.big { font-size: 80px; }
H2 { margin: 5px 0 10px; padding: 0; font-size: 26px; font-weight: normal; line-height: normal; }
H2 SPAN { margin-left: 10px; font-size: 20px; }
H3 { margin: 5px 0 2px; padding: 0; color: #80b91d; font-size: 20px; font-weight: normal; line-height: normal; }
H4 { margin: 0 0 2px; padding: 0; font-size: 18px; font-weight: normal; line-height: normal; }

H2.stickerFreshWork { position: absolute; top: -15px; left: -20px; width: 155px; height: 68px; background: url(../images/layout/sticker_freshwork.png) no-repeat left top; margin: 0; padding: 0; font-size: 0; text-indent: -5000px; z-index: 100; }


/* LINKS */
A { color: #80b91d; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }

.lnk { margin: 10px 0 0; text-align: right; }
.lnk A { font-size: 12px; font-weight: bold; text-decoration: none; }
.lnk A:hover { color: #80b91d; }

.lnkBig, .lnkMidl { margin: 10px 0 0; text-align: right; }
.lnkBig A, .lnkMidl A { font-size: 42px; text-decoration: none; }
.lnkBig A:hover, .lnkMidl A:hover { color: #80b91d; }
.lnkMidl	{ margin: 10px 40px; }
.lnkMidl A	{ font-size: 36px; color: #33332f; }

.lnkMiddle { margin: 30px 0 0; text-align: right; }
.lnkMiddle A { font-size: 26px; text-decoration: none; }
.lnkMiddle A:hover { color: #80b91d; }


/* LAYOUT */
.wrapper	{ margin: 0 auto; min-width: 913px; max-width: 938px; min-height: 100%; position: relative; background: url(../images/layout/day/wrapper.jpg) repeat-y 0 0; padding: 0 40px 0 27px; }
H2.logo { width: 264px; height: 258px; background: url(../images/header/day/logo.png) no-repeat; margin: 0; padding: 0; font-size: 0; text-indent: -5000px; position: absolute; left: -26px; z-index: 1; }
A.logo { position: absolute; top: 40px; left: 101px; display: block; width: 70px; height: 140px; font-size: 0; text-indent: -5000px; z-index: 100; }
#container	{ position: relative; left: 60px; top: -105px; width: 740px; background: url(../images/layout/day/pattern_bot.gif) no-repeat 42px 6px; margin: 0 auto; padding: 0 20px 240px 50px; text-align: left; overflow: hidden; z-index: 20; line-height: 1.5em; }
#columnLeft { float: left; width: 436px; margin-top: 90px; }
#columnLeft H1, #columnRight H1 { margin: 0; }
#columnRight { float: right; position: relative;  width: 288px; margin-top: 100px; }
#content { width: 596px; }
#content .separatorL, #content .separatorR { margin-left: 125px; }
.contentTxt { margin: 0; padding: 0 50px 0 0; }
.subContent p	{ line-height: 16px; margin: 5px 0 10px 0; font-size: 16px; line-height: 1.5;}
.subContent div	{ background: url(../images/layout/day/separator.gif) no-repeat bottom left; padding: 0 0 20px 0; margin: 0 0 20px 0; width: 100%; }
.titleDate	{ font-size: 12px; color: #80b91d; }
.subContent b	{ display: block; text-align: right; font-size: 15px; }
.subContent b a:hover	{ color: #80b91d; }
.newsImg	{ position: relative; width: 115px; height: 115px; display: block; float: left; margin: 0 10px 0 0; }
.newsImg span	{ width: 115px; height: 115px; display: block; position: absolute; background: url(../images/layout/news_shadow.png) no-repeat; }


/* HEADER */
.lang { position: absolute; top: 10px; right: 50px; width: 41px; height: 30px; z-index: 7; }
.lang SPAN { display: none; }
.lang A { position: absolute; display: block; background-repeat: no-repeat; background-position: 0 0; font-size: 0; text-indent: -5000px; }
.lang A#ua { top: 0; left: 0; width: 21px; height: 11px; background-image: url(../images/header/day/ua.gif); z-index: 20; }
.lang A#ua:hover, .lang A#ua.active { background-position: 0 -11px; }
.lang A#nl { bottom: 0; right: 0; width: 29px; height: 27px; background-image: url(../images/header/day/nl.gif); z-index: 10; }
.lang A#nl:hover, .lang A#nl.active { background-position: 0 -27px; }

.cloudR { position: absolute; top: 0; right: 0; width: 123px; height: 124px; background: url(../images/header/cloud_right.png) no-repeat left top; z-index: 5; }
A.cloudRhome { display: block; width: 32px; height: 10px; position: absolute; top: 59px; right: 42px; font-size: 0; text-indent: -5000px; z-index: 6; }

#header { position: relative; background: url(../images/header/day/header.jpg) no-repeat left top; height: 258px; }

.awards { position: absolute; top: 98px; right: 45px; width: 183px; height: 44px; background: url(../images/header/day/awards.gif) no-repeat left top; z-index: 80; }


/* MENU */
#menu { position: absolute; left: 165px; width: 726px; background: url(../images/menu/day/menu_border.gif) no-repeat left bottom; padding-left: 14px; overflow: hidden; z-index: 3; }
#menu UL { margin: 0; padding: 0; list-style: none; }
#menu LI { position: relative; float: left; height: 53px; /*margin-left: -18px;*/ padding-top: 75px; }
#menu A { display: block; height: 26px; background-repeat: no-repeat; background-position: 0 0; font-size: 0; text-indent: -5000px; }
#menu A:hover { background-position: 0 -26px; }
#menu SPAN { display: none; }
#menu LI.active A, #menu LI.active A:hover { background-position: 0 -52px; }
#menu LI.active SPAN { position: absolute; display: block; background: url(../images/menu/day/menu_active.png) no-repeat left bottom;}

#menu .portfolio A { width: 98px; background-image: url(../images/menu/day/portfolio.gif); }
#menu .tarieven A	{ width: 98px; background-image: url(../images/menu/day/tarieven.gif); }
#menu .cssseo A	{ width: 101px; background-image: url(../images/menu/day/css_seo.gif); }
#menu .werkwijze A	{ width: 105px; background-image: url(../images/menu/day/werkwijze.gif); }
#menu .werkenbij A { width: 98px; background-image: url(../images/menu/day/werken-bij.gif); }
#menu .onzeklanten A { width: 134px; background-image: url(../images/menu/day/onze-klanten.gif); }
#menu .wiezijnwij A { width: 98px; background-image: url(../images/menu/day/wie-zijn-wij.gif); }
#menu .webdesign A { width: 98px; background-image: url(../images/menu/day/webdesign.gif); }
#menu .nieuws A { width: 140px; background-image: url(../images/menu/day/nieuws.gif); }
#menu .testimonials A { width: 131px; background-image: url(../images/menu/day/testimonials.gif); }
#menu .contact A { width: 98px; background-image: url(../images/menu/day/contact.gif); }

ul.portfolioMenu	{ margin: 0; padding: 0; list-style: none; overflow: hidden; position: absolute; top: -16px; }
ul.portfolioMenu li, ul.portfolioMenu li a	{ float: left; }
ul.portfolioMenu li a	{ display: block; width: 88px; height: 98px; background-repeat: no-repeat; background-position: 0 0; line-height: 0; font-size: 0; text-indent: -5000px; cursor: pointer; }
ul.portfolioMenu li a.latestDesign	{ background-image: url(../images/portfolio/menu/latest_design.gif); }
ul.portfolioMenu li a.webDesign		{ background-image: url(../images/portfolio/menu/web_design.gif); }
ul.portfolioMenu li a.webShops		{ background-image: url(../images/portfolio/menu/web_shops.gif); }
ul.portfolioMenu li a.newsLetter	{ background-image: url(../images/portfolio/menu/news_letters.gif); }
ul.portfolioMenu li a.logosIds		{ background-image: url(../images/portfolio/menu/logos_ids.gif); }
ul.portfolioMenu li.active a.latestDesign	{ background-image: url(../images/portfolio/menu/latest_design.png); }
ul.portfolioMenu li.active a.webDesign	{ background-image: url(../images/portfolio/menu/web_design.png); }
ul.portfolioMenu li.active a.webShops	{ background-image: url(../images/portfolio/menu/web_shops.png); }
ul.portfolioMenu li.active a.newsLetter	{ background-image: url(../images/portfolio/menu/news_letters.png); }
ul.portfolioMenu li.active a.logosIds	{ background-image: url(../images/portfolio/menu/logos_ids.png); }
ul.portfolioMenu li a:hover	{ background-position: 0 -98px; }
ul.portfolioMenu li.active a:hover	{ background-position: 0 0; }

/* BLOCKS */
.blockhalf { position: relative; width: 204px; height: 363px; background: url(../images/layout/day/blockhalf_bg.gif) no-repeat left top; padding: 46px 42px 0; z-index: 0; }
.blockhalf A.arrowhalfL, .blockhalf A.arrowhalfR { position: absolute; font-size: 0; text-indent: -5000px; cursor: pointer; z-index: 100; }
.blockhalf A.arrowhalfL { top: 196px; left: 13px; width: 30px; height: 42px; background: url(../images/layout/arrowhalf_left.png) no-repeat left top; }
.blockhalf A.arrowhalfR { top: 170px; right: 17px; width: 26px; height: 37px; background: url(../images/layout/arrowhalf_right.png) no-repeat left top; }

.JS { float: right; display: block; width: 233px; height: 27px; background: url(../images/layout/JoostSchildwacht.png) no-repeat left top; margin-top: 20px; font-size: 0; text-indent: -5000px; }

.separatorL, .separatorR { clear: both; width: 456px; height: 22px; }
.separatorL { background: url(../images/layout/day/separator_left.gif) no-repeat left top; }
.separatorR { background: url(../images/layout/day/separator_right.gif) no-repeat left top; }

/* ---- portfolio ----- */
.blockfullTop { position: relative; width: 700px; background: url(../images/layout/day/blockfull_bg_top.gif) no-repeat left top; margin: 15px 0 0 0; padding: 90px 0 0 0; }
.blockfullBot { background: url(../images/layout/day/blockfull_bg_bot.gif) no-repeat left bottom; padding: 0 0 30px 0; }
.blockfullCen { min-height: 197px; background: url(../images/layout/day/blockfull_bg_cen.gif) repeat-y left top; padding: 5px 31px;  }

.imgBox	{ position: relative; width: 186px; padding: 0 20px 10px 0; float: left; font: 11px Tahoma, Arial; line-height: 14px; color: #000; }
.imgBox div	{ position: absolute; width: 186px; height: 122px; background: url(../images/layout/frame.png) no-repeat 0 0; z-index: 1; }
.imgBox a.link	{ position: absolute; z-index: 2; display: block; background: url(../images/blank.gif); }
.imgBox img, .imgBox a.link	{ width: 184px; height: 114px; margin: 5px 0 0 0; }


/* ---- images borders ----- */
.imgSL, .imgSR { width: 133px; height: 92px; background: url(../images/layout/imgsmall_brd.png) no-repeat left top; padding: 11px 0 0 18px; }
.imgSL IMG, .imgSR IMG { width: 109px; height: 80px; border: 1px solid #e6dbdb; }
.imgSL { float: left; margin: 0 10px 10px 0; }
.imgSR { float: right; margin: 0 0 10px 10px; }

.imgMiddle, .imgBig { position: relative; }
.imgMiddle SPAN, .imgBig SPAN, .imgBig A { position: absolute; top: 1px; left: 1px; display: block; }
.imgMiddle SPAN { width: 202px; height: 202px; background: url(../images/layout/imgmiddle_shadow.png) no-repeat left top; }
.imgBig SPAN, .imgBig A { width: 290px; height: 290px; background: url(../images/layout/img_big_shadow.png) no-repeat left top; }
.imgMiddle IMG { width: 202px; height: 202px; border-width: 1px; border-style: solid; }
.imgBig IMG { width: 290px; height: 290px; border-width: 1px; border-style: solid; }

.shT, .shTL, .shTR, .shL, .shR, .shBL, .shB, .shBR { float: left; display: block; } 
.shT { background: url(../images/layout/day/imgshadow/shT.gif) repeat-x left top; }
.shTL { background: url(../images/layout/day/imgshadow/shTL.gif) no-repeat left top; }
.shTR { background: url(../images/layout/day/imgshadow/shTR.gif) no-repeat right top; }
.shL { background: url(../images/layout/day/imgshadow/shL.gif) repeat-y left top; }
.shR { background: url(../images/layout/day/imgshadow/shR.gif) repeat-y right top; }
.shBL { background: url(../images/layout/day/imgshadow/shBL.gif) no-repeat left bottom; }
.shB { background: url(../images/layout/day/imgshadow/shB.gif) repeat-x left bottom; }
.shBR { background: url(../images/layout/day/imgshadow/shBR.gif) no-repeat right bottom; padding: 7px 8px 9px; }


/* FOOTER */
#footer { position: absolute; left: 0; bottom: 0; width: 980px; height: 380px; background: url(../images/footer/day/footer.jpg) no-repeat left bottom; }

.footerbar { position: absolute; bottom: 70px; right: 0; width: 674px; padding: 32px 65px 0 22px; font: 10px Tahoma, Arial; }
.footerbar .bar { position: absolute; left: 0; top: 0; width: 761px; height: 92px; background: url(../images/footer/footer_bar.png) no-repeat left top; z-index: 0; }
.footerbar A.TR { position: relative; float: left; margin: 3px 10px 0 0; width: 138px; height: 20px; background: url(../images/footer/logo.gif) no-repeat left top; font-size: 0; text-indent: -5000px; z-index: 10; }
.footerbar A.home { position: absolute; top: 64px; right: 46px; width: 78px; height: 20px; font-size: 0; text-indent: -5000px; z-index: 10; }
.footerbar A	{ color: #000; }
.footerbar span	{ display: block; float: right; }
.footerbar span A	{ margin: 0 0 0 5px; position: relative; z-index: 11; }
.footerbar P { position: relative; float: left; margin: 0; color: #000; z-index: 10; }


/* ABSOLUTE PNG IMAGES */
.topThread	{ background: url(../images/layout/day/top_thread.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 22; }
.horLine	{ width: 227px; height: 101px; background: url(../images/layout/day/hor_line.png) no-repeat 0 0; position: absolute; top: 50%; margin: -70px 0 0 0; z-index: 21; }


/* OTHER */
.aLeft { text-align: left !important; }
.aCenter { text-align: center !important; }
.aRight { text-align: right !important; }

.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }

/* MULTIBOX */
.MultiBoxContainer	{ position: absolute; border: 10px solid #000; background-color: #FFF; display: none; z-index: 100; text-align: left; }
.MultiBoxLoading 	{ background: url(../images/loader.gif) no-repeat center; }
.MultiBoxContent	{ position: relative; width: 100%; height: 100%; overflow: hidden; }
.MultiBoxClose		{ position: absolute; top: -16px; right: -16px; background: url(../images/close.png) no-repeat; width: 24px;	height: 24px; cursor: pointer; }
.MultiBoxControlsContainer	{ overflow: hidden;	height: 0px; position: relative; }
.MultiBoxControls	{ width: 100%; height: auto; position: relative; background-color: #000000; }
.MultiBoxPrevious	{ position: absolute; z-index: 19; background: url(../images/left.png) no-repeat;	width: 24px; height: 24px; left: 0px; margin-top: 5px; cursor: pointer; }
.MultiBoxNext		{ position: absolute; z-index: 20; background: url(../images/right.png) no-repeat; width: 24px; height: 24px; right: 0px;	margin-top: 5px; cursor: pointer; }
.MultiBoxNextDisabled	{ cursor: default; background: url(../images/rightDisabled.png) no-repeat; }
.MultiBoxPreviousDisabled	{ cursor: default; background: url(../images/leftDisabled.png) no-repeat; }
.MultiBoxTitle		{ position: relative; padding: 10px 0 0 35px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF;	font-weight: bold; text-align: left; }
.MultiBoxNumber		{ position: relative; width: 50px; padding: 10px 35px 0 0; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-align: right; }
.MultiBoxDescription{ clear: left; position: relative; margin: 0 35px 0 35px; padding-top: 5px;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #FFF; text-align: left; }