@charset "utf-8";

a { color: #ffce01; text-decoration: underline }
a:hover{ text-decoration: none}

* { padding: 0; margin: 0; }

p { margin: 0 0 22px 0; max-width: 465px; }

h3 { font: normal 21px Tahoma; color: #ffce01; margin: 0 0 30px 0; padding: 20px 0 0 0; }

h4 { background: url(../images/h4-bg.gif) 0 5px no-repeat; font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #ffce01; padding-left: 15px; margin: 0 0 8px 0; }
.box h4 { background: url(../images/h4-grey-bg.gif) 0 5px no-repeat; margin: 0; }
h4 a:link,
h4 a:visited { font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #ffce01; text-decoration: underline; }
h4 a:hover,
h4 a:active { text-decoration: none; }

h5 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #ffce01; }

body { background: #161614; font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #fff}

body.home { margin-top: -45px }

.wrapper { background: url(../images/body-bg.gif) top left repeat; position: relative; padding: 21px 0 50px 0; }
	.home .wrapper { padding: 355px 0 0 0; background-position: 0px 45px}
.yellowTop { background: url(../images/yellow-shade.png) top left repeat-x; height: 142px; position: relative; z-index: 10; }
	.home .homeBg { background: url(../images/home-bg.png) top left no-repeat; height: 159px; width: 354px; position: absolute; left: 50%; top: 50px; margin: 0 0 0 -415px; padding: 180px 100px 0 380px; }
	.home .homeBg a:link,
	.home .homeBg a:visited { font-weight: bold; color: #fff; }
	.home .homeBg a:hover,
	.home .homeBg a:active { text-decoration: none; }

/* Container */
.container { width: 731px; margin: -142px 0 0 -365px; position: relative; left: 50%; z-index: 10; }

/* Header */
.header { background: url(../images/yellow-shade.png) top left repeat-x; height: 170px; position: relative; margin: 0 0 35px 0; z-index: 5; }
.header h1 { background: url(../images/header-logo.png) top left no-repeat; height: 114px; width: 340px; display: block; position: absolute; top: 14px; left: 207px; }
.header h1 span { display: none; }
.header-splat1 { background: url(../images/menu-splat1.png) top left no-repeat; height: 74px; width: 73px; position: absolute; top: 112px; left: 50px; z-index: 1; }
.header-splat2 { background: url(../images/menu-splat2.png) top left no-repeat; height: 87px; width: 99px; position: absolute; top: 115px; right: 55px; z-index: 1; }
.header-krijtje { background: url(../images/content-krijtje.png) top left no-repeat; width: 38px; height: 43px; position: absolute; top: -10px; right: 15px; z-index: 6; }
.header .menu { list-style-type: none; position: absolute; top: 129px; left: 119px; z-index: 10; }
.header .menu li { float: left; }
.header .menu li a { height: 40px; cursor: pointer; display: block; text-indent: -9999px; overflow: hidden; }
.header .menu li.werk a { background: url(../images/menu-btn-werk.png) top left no-repeat; width: 115px; }
.header .menu li.groowup a { background: url(../images/menu-btn-groowup.png) top left no-repeat; width: 126px; }
.header .menu li.diensten a { background: url(../images/menu-btn-diensten.png) top left no-repeat; width: 108px; }
.header .menu li.contact a { background: url(../images/menu-btn-contact.png) top left no-repeat; width: 119px; }
.header .menu li:hover a,
.header .menu li.active a { background-position: bottom; }

.content-splat1 { background: url(../images/content-splat1.png) top left no-repeat; width: 54px; height: 141px; position: absolute; top: 290px; left: -44px; }
.content-splat2 { background: url(../images/content-splat2.png) top left no-repeat; width: 77px; height: 117px; position: absolute; top: 520px; left: -67px; }
.content-splat3 { background: url(../images/content-splat3.png) top left no-repeat; width: 59px; height: 214px; position: absolute; top: 750px; right: -49px; }
.content-splat4 { background: url(../images/content-splat4.png) top left no-repeat; width: 104px; height: 33px; position: absolute; bottom: -33px; left: 207px; }
.content-splat5 { background: url(../images/content-splat5.png) top left no-repeat; width: 97px; height: 219px; position: absolute; top: 277px; left: -87px; }
.content-splat6 { background: url(../images/content-splat6.png) top left no-repeat; width: 87px; height: 268px; position: absolute; top: 275px; right: -77px; }
.content-splat7 { background: url(../images/content-splat7.png) top left no-repeat; width: 128px; height: 258px; position: absolute; bottom: 110px; right: -118px; }
.content-splat8 { background: url(../images/content-splat8.png) top left no-repeat; width: 49px; height: 327px; position: absolute; top: 365px; left: -39px; }
.content-splat9 { background: url(../images/content-splat9.png) top left no-repeat; width: 97px; height: 192px; position: absolute; bottom: 150px; right: -87px; }
.content-splat10 { background: url(../images/content-splat10.png) top left no-repeat; width: 276px; height: 277px; position: absolute; top: 195px; left: -45px; }
.content-splat11 { background: url(../images/content-splat11.png) top left no-repeat; width: 293px; height: 186px; position: absolute; top: 223px; left: 245px; }
.content-splat12 { background: url(../images/content-splat12.png) top left no-repeat; width: 282px; height: 215px; position: absolute; top: 208px; right: -58px; }
.content-katapult { background: url(../images/content-katapult.png) top left no-repeat; width: 105px; height: 117px; position: absolute; bottom: 56px; right: -95px; }
.content-papier { background: url(../images/content-papier.png) top left no-repeat; width: 153px; height: 85px; position: absolute; bottom: 25px; right: -25px; }
.content-krijtje { background: url(../images/content-krijtje.png) top left no-repeat; width: 38px; height: 43px; position: absolute; bottom: 0px; right: 15px; z-index: 6; }

/* Content */
.content { background: url(../images/content-bg.png) top left repeat-y; width: 569px; padding: 10px 100px 40px 70px; margin: 35px 0 35px 0; position: relative; }
.venster { background: url(../images/content-bg.png) top left repeat-y; width: 705px; padding: 6px 17px; margin: 0 0 35px 0; position: relative; }
.nobg { background: none; width: 100%; padding: 0; margin: 0; position: relative; }
.content .top,
.venster .top { background: url(../images/content-top.png) top left no-repeat; height: 12px; width: 739px; position: absolute; top: -12px; left: 0; }
.content .bottom,
.venster .bottom { background: url(../images/content-bottom.png) top left no-repeat; height: 12px; width: 739px; position: absolute; bottom: -12px; left: 0; clear: both; }
.content img { border: 1px solid #999; float: left; margin: 5px 15px 15px 0; }
.container a.btn { width: 88px; height: 16px; text-decoration: none; padding: 4px 11px 0 11px; float: left; margin: 0 15px 0 0; display: block; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000; }
.container a.left { background: url(../images/btn-left.png) top left no-repeat; text-align: right; }
.container a.right { background: url(../images/btn-right.png) top left no-repeat; text-align: left; }
.container a.btnLarge { background: url(../images/btn-right-large.png) top left no-repeat; text-align: left; width: 149px; height: 22px; text-decoration: none; float: left; padding: 9px 0 0 20px; margin: 10px 30px 0 0; display: block; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000; }
.container a.btnLargeL { background: url(../images/btn-left-large.png) top left no-repeat; text-align: right; width: 175px; height: 22px; text-decoration: none; float: left; padding: 9px 20px 0 0; margin: 10px 30px 0 0; display: block; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000; }
.container a:hover,
.container a:active { background-position: bottom; }

.news { list-style-type: none; }
.news li { background: url(../images/split.gif) bottom left repeat-x; padding: 27px 20px 22px 0; }
.news li p { margin: 0; }
.news li.first { background: url(../images/split.gif) bottom left repeat-x; padding: 0 20px 36px 0; }
.news li.last { background: none; padding: 27px 20px 36px 0; }

.contactForm { background: url(../images/split.gif) top left repeat-x; padding: 30px 0 0 0; margin: 5px 0 0 0; }
.contactForm .label { font-weight: bold; float: left; height: 19px; width: 92px; margin: 0 0 10px 0; padding: 2px 0; }
.contactForm .inputField { margin: 0 0 10px 0; height: 23px; }
.contactForm .inputFieldTextArea { margin: 0 0 10px 0; height: 84px; }
.contactForm input,
.contactForm textarea { background: #333; border: 1px solid #767676; height: 17px; width: 278px; padding: 2px 4px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; }
.contactForm textarea { height: 80px; }
.contactForm a.btnLarge { margin: 10px 0 0 212px; }
.content .nav { position: relative; left: 50%; margin: 0 0 0 -115px; width: 300px; }

/* Boxes */
.box-splat1 { visibility: hidden; background: url(../images/content-splat10.png) top left no-repeat; width: 276px; height: 277px; position: absolute; top: -34px; left: -57px; }
.box-splat2 { visibility: hidden; background: url(../images/content-splat11.png) top left no-repeat; width: 293px; height: 186px; position: absolute; top: 0; left: -20px; }
.box-splat3 { visibility: hidden; background: url(../images/content-splat12.png) top left no-repeat; width: 282px; height: 235px; position: absolute; top: -22px; left: -22px; }
.box-splat4 { visibility: hidden; background: url(../images/box-splat4.png) top left no-repeat; width: 249px; height: 194px; position: absolute; top: -27px; left: -27px; }
.box-splat5 { visibility: hidden; background: url(../images/box-splat5.png) top left no-repeat; width: 218px; height: 242px; position: absolute; top: -36px; left: -5px; }
.box-splat6 { visibility: hidden; background: url(../images/box-splat6.png) top left no-repeat; width: 220px; height: 281px; position: absolute; top: -36px; left: 5px; }
.box-splat7 { visibility: hidden; background: url(../images/box-splat7.png) top left no-repeat; width: 225px; height: 219px; position: absolute; top: -25px; left: -21px; }
.box-splat8 { visibility: hidden; background: url(../images/box-splat8.png) top left no-repeat; width: 186px; height: 232px; position: absolute; top: -34px; left: -1px; }
.box-splat9 { visibility: hidden; background: url(../images/box-splat9.png) top left no-repeat; width: 257px; height: 189px; position: absolute; top: -30px; left: 15px; }

.box { float: left; margin: 30px 49px 5px 0; position: relative; }
	.last { margin: 30px 0 5px 0; }
.box .imageHolder { width: 211px; height: 81px; position: relative; }
.box .imageHolder img { margin: 1px 0 0 2px; }
.box .imageHolder .imageMask { background: url(../images/home-content-imgMask.png) top left no-repeat; width: 211px; height: 81px; position: absolute; top: 0; left: 0; }
.box .textHolder { background: url(../images/home-content-textHolder-bg.png) bottom left no-repeat; width: 171px;  padding: 12px 10px; margin: 0 0 0 8px; position: relative; }
.box .textHolder p,
.box .textHolder ul { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 0 15px; }
.box .textHolder ul { margin-left: 30px }
.box .textHolder ul li { margin: 0px 0px; line-height: 18px }
.box .textHolder a { background: url(../images/home-content-box-btn.png) top left no-repeat; width: 33px; height: 33px; display: block; margin: 16px 0 0 70px; }
.box .textHolder a:hover { background: url(../images/home-content-box-btn.png) bottom left no-repeat; }
.box .textHolder a span { display: none; }

.box .textHolder h4 a,
.box .textHolder h4 a:hover
{
	width: auto;
	height: auto;
	margin: 0px;
	display: inline;
	background-image: none;
	text-decoration: none
}

.box .textHolder h4 a:hover
{
	text-decoration: underline
}

.box .textHolder.alt
{
	height: 215px
}

.box .textHolder.alt h4
{
	padding-bottom: 5px
}

.box .textHolder.alt ul
{
	margin-bottom: 20px
}

.scroller { height: 113px; }
.scroller a:link,
.scroller a:visited { width: 24px; height: 113px; display: block; float: left; }
.scroller a:hover,
.scroller a:active { background-position: right; }
.scroller a span { display: none; }
.scroller .scrollLeft { background: url(../images/scroller-left.png) top left no-repeat; margin: 0 20px 0 0; }
.scroller .scrollRight { background: url(../images/scroller-right.png) top left no-repeat; }
.scroller img { float: left; margin: 0 20px 0 0; }

/* Footer */
.footer { background: #161614 url(../images/footer-bg.gif) top left repeat-x; height: 100px; padding: 30px 0 0 0; }
.footer .box { width: 731px; margin: 0 auto; float: none; }
.footer .footer-left { background: url(../images/footer-dotline-v.gif) top right repeat-y; width: 569px; padding: 10px 0 10px 16px; float: left; }
.footer .footer-right { float: left; }

.footer .box .menu { background: url(../images/footer-dotline-h.gif) bottom left repeat-x; list-style-type: none; padding: 0 0 30px 0; margin: 0 0 10px 0; }
.footer .box .menu li { background: url(../images/footer-menu-split.gif) 0 5px no-repeat; float: left; padding: 0 10px; }
.footer .box .menu li.first { background: none; padding: 0 10px 0 0; }
.footer .box .menu li a:link,
.footer .box .menu li a:visited { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
.footer .box .menu li a:hover,
.footer .box .menu li a:active { text-decoration: underline; }

.footer .ad { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #ffce01; float: left; }
.footer .ad a:link,
.footer .ad a:visited { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #ffce01; text-decoration: none; }
.footer .ad a:hover,
.footer .ad a:active { text-decoration: underline; }

.footer .adres { padding: 10px 0 0 20px; font: bold 10px/18px Verdana, Arial, Helvetica, sans-serif; color: #ffce01; }

/*Extra */
.clear { clear: both; }

div.ie6warning
{
	padding: 10px;
	background-color: #ffffff;
	color: #000000
}

div.ie6warning a
{
	color: #000000
}

.hidden
{
	visibility: hidden
}

.splitter
{
	background: url(../images/split.gif) top left repeat-x;
	height: 2px;
	overflow: hidden
}