@charset "UTF-8";
/* CSS Document */
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
	line-height: 16px;
	color: #000;
	margin: 0px;
}

h1 {
	color: #E3192C;
	font-size: 24px;
	margin-top: 2px;
}

h2 {
	color: #ED1A2D;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 19px;
}

h3 {
	color: #FFF;
	margin-bottom: 5px;
	margin-top: 8px;
	font-size: 15px;
}

h4 {
	color: #E3192C;
	font-size: 14px;
	margin-bottom: 0px;
	margin-top: 0px;
}

a:link {
	color: #E3192C;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	font-weight: bold;
	color: #E3192C;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
	color: #E3192C;
	text-decoration: underline;
}

#container {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 964px;
	margin-bottom: 0px;
	background-image: url(../images/bg_container.jpg);
	background-repeat: no-repeat;
}

#strookje-boven {
	height: 6px;
	width: 964px;
}
div.menu {
	width: 886px;
	height:109px;
	margin-left: 65px;
	padding-top: 6px;
}	
div.menu a {
	background:url(../images/menu-sprite.jpg) no-repeat 0px 0px;
	display:inline;
	float:left;
	height:109px;
}
div.menu a.btnhome, div.menu a.btnhome:visited {
	background:url(../images/menu-sprite.jpg) no-repeat 0px 0px;
	width:148px;
}
div.menu a.btnhome:hover {background-position: 0px -109px}
div.menu a#active_menu.btnhome {
	background:url(../images/menu-sprite.jpg) no-repeat 0px -218px;
	width:148px;
}
div.menu a.btnwebdesign, div.menu a.btnwebdesign:visited {
	background:url(../images/menu-sprite.jpg) no-repeat -148px 0px;
	width:147px;
}
div.menu a.btnwebdesign:hover {background-position: -148px -109px}
div.menu a#active_menu.btnwebdesign {
	background:url(../images/menu-sprite.jpg) no-repeat -148px -218px;
	width:147px;
}
div.menu a.btncdroms, div.menu a.btncdroms:visited {
	background:url(../images/menu-sprite.jpg) no-repeat -295px 0px;
	width:148px;
}
div.menu a.btncdroms:hover {background-position: -295px -109px}
div.menu a#active_menu.btncdroms {
	background:url(../images/menu-sprite.jpg) no-repeat -295px -218px;
	width:148px;
}
div.menu a.btnillustraties, div.menu a.btnillustraties:visited {
	background:url(../images/menu-sprite.jpg) no-repeat -443px 0px;
	width:148px;
}
div.menu a.btnillustraties:hover {background-position: -443px -109px}
div.menu a#active_menu.btnillustraties {
	background:url(../images/menu-sprite.jpg) no-repeat -443px -218px;
	width:148px;
}
div.menu a.btngrafischontwerp, div.menu a.btngrafischontwerp:visited {
	background:url(../images/menu-sprite.jpg) no-repeat -591px 0px;
	width:148px;
}
div.menu a.btngrafischontwerp:hover {background-position: -591px -109px}
div.menu a#active_menu.btngrafischontwerp {
	background:url(../images/menu-sprite.jpg) no-repeat -591px -218px;
	width:148px;
}
div.menu a.btnanimaties, div.menu a.btnanimaties:visited {
	background:url(../images/menu-sprite.jpg) no-repeat -739px 0px;
	width:147px;
}
div.menu a.btnanimaties:hover {background-position: -739px -109px}
div.menu a#active_menu.btnanimaties {
	background:url(../images/menu-sprite.jpg) no-repeat -739px -218px;
	width:147px;
}
#wrapper1 {
	width: 937px;
	margin-left: 27px;
	}
#menu-specials-ie6 {
	width: 520px;
	height: 132px;
	padding-top: 92px;
	float: left;
}
div.menu-specials {
	width: 98px;
	height: 132px;
	float: left;
}	
	div.menu-specials a {
	background:url(../images/subbuttons-home.jpg) no-repeat 0px 0px;
	display:inline;
	float:left;
	height:23px;
}
div.menu-specials a.btnexpos, menu-specials a.btnexpos:visited {
	background:url(../images/subbuttons-home.jpg) no-repeat 0px 0px;
	width:98px;
}
div.menu-specials a.btnexpos:hover {
	background-position: -98px 0px;
}
div.menu-specials a.btncontact, menu-specials a.btncontact:visited {
	background:url(../images/subbuttons-home.jpg) no-repeat 0px -23px;
	width:98px;
}
div.menu-specials a.btncontact:hover {
	background-position: -98px -23px;
}
div.menu-specials a.btntrainingen, menu-specials a.btntrainingen:visited {
	background:url(../images/subbuttons-home.jpg) no-repeat 0px -46px;
	width:98px;
}
div.menu-specials a.btntrainingen:hover {
	background-position: -98px -46px;
}
#animatie {
	width: 287px;
	float: left;
}

#wrapper2 {
	width: 906px;
	margin-left: 58px;
}

#links {
	width: 576px;
	float: left;
}

#tekst-strook {
	width: 576px;
	height: 3px;
}

#tekstvlak {
	width: 576px;
	background-image: url(../images/tekst-bg.gif);
	background-repeat: repeat-y;
}

#tekst {
	width: 544px;
	padding-right: 12px;
	padding-left: 20px;
	padding-top: 10px;
}
#rechts {
	width: 302px;
	margin-left: 21px;
	float: left;
}

#nieuws {
	background-image: url(../images/nieuws-bg.gif);
	background-repeat: repeat-y;
}

#nieuws-strook {
	height: 10px;
	width: 302px;
}

#nieuws-image { width: 280px; padding-right: 11px; padding-left: 11px; }

#nieuws-tekst {
	color: #ED1A2D;
	padding: 11px;
	width: 280px;
	font-size: 12px;
}

#webdesign, #illustraties, #animaties {
	float: left;
	width: 278px;
	margin-top: 25px;
	background-image: url(../images/proj-strook-bg.gif);
	background-repeat: repeat-y;
}

#cd-roms, #huisstijlen, #expos {
	float: left;
	width: 278px;
	margin-top: 25px;
	margin-left: 20px;
	background-image: url(../images/proj-strook-bg.gif);
	background-repeat: repeat-y;
}

#webdesign a, #cd-roms a, #illustraties a, #huisstijlen a, #animaties a, #expos a {
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;
}

#webdesign a:hover, #cd-roms a:hover, #illustraties a:hover, #huisstijlen a:hover, #animaties a:hover, #expos a:hover { color: #FFF; font-weight: normal; text-decoration: underline; }
.donkergrijs {
	font-weight: bold;
	color: #ED1C3E;
}

.image { width: 246px; padding-right: 16px; padding-left: 16px; }

.tekst {
	width: 246px;
	color: #FFF;
	font-size: 12px;
	height: 160px;
}

#footer {
	height: 35px;
	width: 964px;
}

#footer2 {
	background-color: #ED1A2D;
}
#footer-container {
	width: 906px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-left: 58px;
	padding-bottom: 20px;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
}

#footer-container a:link {
	color: #FFF;
	font-weight: normal;
}
#footer-container a:visited {
	font-weight: normal;
	color: #FFF;
}

#footer-container a:hover {
	text-decoration: underline;
}

.brclear { clear:both; font-size:1px; height:0; line-height:0; margin:0; }

.sIFR-active h1 {
	font-size: 26px;
	line-height: 1em;
	visibility: hidden;
	margin-bottom: 7px;
	margin-top: 0px;
}

.sIFR-active h2 {
	font-size: 22px;
	line-height: 1em;
	visibility: hidden;
}

.sIFR-active h3 {
	font-size: 19px;
	line-height: 1em;
	visibility: hidden;
}

.sIFR-active h4 { font-size: 20px; line-height: 1em; visibility: hidden; }