@media screen {

/* begin algemene stijlen */
body { padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; }
/* font { font-family:Arial, Helvetica, sans-serif !important; font-size:0.8em; }  dubbel houdt beter :) */
font { font-size: inherit !important; font-family: inherit !important; color: inherit !important; }
*[family="verdana"] { font-family: Arial, Helvetica, sans-serif !important; }
img { border:none; }
/* einde algemene stijlen */

/* begin toegankelijkheidsstijlen */
.nocss { margin-left:-3000px; }
#nocss { display:none; }
/* einde toegankelijkheidsstijlen */

/* begin div-opmaakstijlen */
div#topbox { width:980px; height:40px; clear:both; margin:0px auto; }
	div#backbutton { float:left; }
	div#contact { float:right; margin-top:20px; }
		div#contact a, div#flashfooter a { text-decoration:none; color:#C5361C; }
div#container { width:980px; height:600px; border: 1px solid #C5361C; margin:0px auto; background-image:url(../img/back.gif); }
	div#nav { width:216px; height:600px; float:left; }
	div#contentPort { width:710px; height:410px; float:left; margin-top:0px; color:#FFF; }
		div#contentPort.sect1 { background-color:#C5361C; }
		div#contentPort.sect2 { background-color:#E31F26; }
		div#contentPort.sect3 { background-color:#ED145A; }
		div#contentPort.sect4 { background-color:#F47920; }
		div#contentPort.sect5 { background-color:#C5361C; }
	div#flashticker { width:710px; height:40px; margin-top:50px; float:left; }
	div#content { width:710px; height:410px; float:left; /*margin-top:50px;*/ color:#FFF; }
	div#content a, div#itemtext a { color:#FFF; }
		div#content.sect1 { background-color:#C5361C; }
		div#content.sect2 { background-color:#E31F26; }
		div#content.sect3 { background-color:#ED145A; }
		div#content.sect4 { background-color:#F47920; }
		div#content.sect5 { background-color:#C5361C; }
				div#subnavPortfolio { width:710px; height:100px; overflow:hidden; padding-top:10px; padding-left:10px;}
				div#subnav { width:710px; height:110px; overflow:hidden; }
				:root div#subnavPortfolio { width:710px; height:92px; overflow:hidden; } /* FF hack */
				:root div#subnav { width:710px; height:102px; overflow:hidden; } /* FF hack */
			div#subcontent { width:inherit; padding:10px; }
				div#subcontent div { margin-left:25px; margin-right:25px; line-height:1.5em; }
				div#subcontent p { margin-left:25px; margin-right:25px; line-height:1.5em; }
			div#subcontent2 { width:inherit; height:283px; padding:10px 10px 10px 10px; }
				div#subcontent2 div#itemtext div span { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; }
			div#nextprevious { margin-top:58px; width:710px; height:32px; float:right; margin-right:52px; }
				div#getprevious { width:100px; text-align:left; float:left; margin-left:-3px; }
				div#getnext { width:100px; text-align:right; float:right; color:#e31f26; }
			div#media { background-color:#FFF; height:220px; width:300px; }
			div#subtitle { background-color:#FFF; height:50px; width:300px; margin-top:10px; }
				div#subtitle p { margin:15px; font-size:16px; font-weight:bold; }
					:root div#subtitle p { margin-left:15px; padding-top:15px; font-size:16px; font-weight:bold; } /* FF hack */
				div#subtitle.portfolio p { color:#E31F26; }
				div#subtitle.people p { color:#ED145A; }
			div#itemtext { height:280px; width:380px; float:right; font-family:Arial, Helvetica, sans-serif !important; }
			div#itemtext p, div#itemtext div { margin-top:0px; font-family:Arial, Helvetica, sans-serif !important; }
				div#itemtext div font { font-family:Arial, Helvetica, sans-serif !important; }
				:root div#itemtext { margin-right:20px; }  /* FF hack */
div.navholder { padding-bottom:20px; padding-top:20px; }
div#flashcontainer { width:980px; height:600px; border: 1px solid #C5361C; margin:0px auto; }
div#flashfooter { width:980px; clear:both; margin:0px auto; text-align:center; }
/* einde div-opmaakstijlen */

/* begin nav-opmaakstijlen */
a.button { color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 123px; width:216px; margin-right: 0px;  padding-right: 0px; text-decoration: none; }
:root a.button { height:143px; } /*FF hack*/
	a.button span { background: transparent url(../img/button1.gif) no-repeat; display: block; line-height: 123px; padding: 0px 0 0px 0px; } 
		a.button span#one { background: transparent url(../img/button1.gif) no-repeat; }
			a.button span#one.active { background: transparent url(../img/button1_active.gif) no-repeat; }
		a.button span#two { background: transparent url(../img/button2.gif) no-repeat; }
			a.button span#two.active { background: transparent url(../img/button2_active.gif) no-repeat; }
		a.button span#three { background: transparent url(../img/button3.gif) no-repeat; }
			a.button span#three.active { background: transparent url(../img/button3_active.gif) no-repeat; }
		a.button span#four { background: transparent url(../img/button4.gif) no-repeat; }
			a.button span#four.active { background: transparent url(../img/button4_active.gif) no-repeat; }
/* einde nav-opmaakstijlen */

/* begin tabel-opmaakstijlen */
table.grid2, table.grid3 { width:710px; }
table.grid2 td, table.grid3 td { width:90px; height:90px; padding:0px; }
table.grid2 td { background-color:#E31F26; }
table.grid3 td { background-color:#ED145A; }
/* einde tabel-opmaakstijlen */

}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    	div#subtitle p { margin-left:15px; padding-top:15px; font-size:16px; font-weight:bold; }
		div#subcontent p { margin-left:25px; margin-right:35px; margin-top:20px; line-height:1.7em; }
		div#subnav { width:710px; height:102px; overflow:hidden; }
/* Safari en Chrome (webkit based browsers) hack */	
}

/* begin print-stijlen */

@media print {

body { font-family:Arial, Helvetica, sans-serif; color:#000000; }
div#topbox, div#nav { display:none; }
div#container { border:none; }

}

/* einde print-stijlen */