@media print {body {display:none;}}

html, body { 
	padding			: 0; 
	margin			: 0; 
	height			: 100%;
}

body {
	color			: #FFFFFF;
	background-color: #000000;
	background-image: url(../images/top_background.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
}

#container {
	margin			: 0 auto;
	width			: 750px;
	height			: auto;
	min-height		: 100%;
	background-color: #000000;
	background-image: url(../images/background.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#container1 {
	margin			: 0 auto;
	width			: 750px;
	height			: 800px;
	min-height		: 100%;
	background-color: #000000;
	background-image: url(../images/background.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#container2 {
	margin			: 0 auto;
	width			: 750px;
	height			: 1200px;
	
	background-color: #000000;
	background-image: url(../images/background.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#container3 {
	margin			: 0 auto;
	width			: 750px;
	height			: 1000px;
	
	background-color: #000000;
	background-image: url(../images/background.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
	#wide #container {
		background-image	: url('../images/background_wide.gif');
	}

	* html #container {
		height			: 100%;
	}

#main {
	float			: left;
	width			: 692px;
	height			: auto;
	background		: transparent url('../images/top.gif') top left no-repeat;
	padding			: 0 29px;
}
#main1 {
	float			: left;
	width			: 692px;
	height			: 800px;
	background		: transparent url('../images/top.gif') top left no-repeat;
	padding			: 0 29px;
}
#top {
	float			: left;
	width			: 100%;
	height			: 101px;
	background		: transparent url('../images/header.jpg') top left no-repeat;
	
	display: block;
	vertical-align: middle;
	padding-left: 13px;
}

#menu {
	float			: left;
	width			: 100%;
	height			: 44px;
	background		: transparent url('../images/menu_background.gif') top left repeat-x;
}

#left {
	float			: left;
	padding			: 10px 21px 0 13px;
	width			: 295px;
	height			: auto;
	line-height		: 18px;
}

	#wide #left {
		width			: 640px;
	}

#right {
	float			: left;
	width			: 363px;
	height			: auto;
}
#righta {
	float			: left;
	width			: 363px;
	height			: 265px;
	
}
#rightfolder {
	float			: left;
	width			: 363px;
	height			: 265px;
	background-image: url(../upload/fotos/triodusfolder.jpg);	
}
#righthuisstijlid {
	float			: left;
	width			: 363px;
	height			: 265px;
	background-image: url(../upload/fotos/huisstijlid.jpg);	
}
#righthuisstijljp {
	float			: left;
	width			: 363px;
	height			: 265px;
	background-image: url(../upload/fotos/huisstijljp.jpg);	
}
#righthuisstijlikinbeeld {
	float			: left;
	width			: 363px;
	height			: 265px;
	background-image: url(../upload/fotos/ikinbeeldhuisstijl.jpg);	
}
#righthuisstijlded {
	float			: left;
	width			: 363px;
	height			: 265px;
	background-image: url(../upload/fotos/huisstijlded.jpg);	
}

	#right #image {
		float			: left;
		width			: 100%;
		min-height		: 265px;	
		height			: auto;
		border-bottom	: 3px solid #333333;
		background-color: #333333;
	}
	
		* html #right #image {
			height			: 265px;
			margin-top		: -14px;
		}
	
	#right #imageSlideshowHolder {
		position		: relative;
		width			: 100%;
		height			: 265px;
	}
	
		#right #imageSlideshowHolder img {
		   position			: absolute;
		   left				: 0px;
		   top				: 0px;
		}	
	
	#right .info1, .info2 {
		float			: left;
		width			: 333px;
		padding			: 15px;
	}
	
	#right .info2 {
		background-color: #0f0f0f;
	}	
	
/* headings h1-h6 */
h1 { }

	h1 {
		font-weight		: normal;
		font-size		: 16px;
		color			: #E50083;
		margin			: 0 0 10px 0;
	}

h2 { }

	h2 {
		font-weight		: bold;
		font-size		: 10px;
		margin			: 0 0 2px 0;
	}

h3 { }

h4 { }

h5 { }

h6 { }





/* paragraph and link styles */
p { }

	p {
		margin			: 0 0 10px 0;
		line-height		: 18px;
	}

a { }

	a {
		color			: #E50083;
		text-decoration	: underline;
	}

	
/* forms */
input, select {
	font			: normal 11px "Verdana", sans-serif;
	width			: 170px;
	color			: #c8c8c8;
	border			: 1px solid #c8c8c8;
	background-color: #333333;
	margin-bottom	: 5px;
	padding			: 4px;
}

select {
	width			: 180px;
}



#menu ul {
	list-style		: none;
	margin			: 15px 0 0 0;
	padding			: 0;
	float			: left;
	display			: inline;
	padding			: 0 25px;
	z-index			: 10;
}

#menu ul li {
	height			: 44px;
	z-index			: 11;
}

#menu ul ul li {
	height			: auto;
	min-width		: 100px;
	width			: auto;
}

#menu h2 {
	color			: #fff;
	text-transform	: uppercase;
	text-align: center;
	vertical-align: middle;
}

#menu a {
	font-size		: 11px;
	font-weight		: bold;
	color			: #c9c9c9;
	
	text-decoration : none;
}

#menu a:hover {
	color			: #E50083;
}

#menu a.selected {
	color			: #E50083;
}

#menu li {
	position		: relative;
}

#menu ul ul {
	position		: absolute;
	top				: 11px;
	left			: -25px;
	z-index			: 10;
	border			: 1px solid #fff;
	opacity			: .9;
	background-color: #333333;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;	
}

#menu ul ul li {
	padding			: 5px 30px 5px 10px;
}

#menu ul ul li.sub {
	background		: transparent url('../images/arrow.gif') no-repeat right;
}

#menu ul ul li a {
	font-weight		: normal;
	text-transform	: none;
	
}

#menu ul ul ul {
	position		: absolute;
	top				: -10px;
	left			: 100%;
	height			: auto;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
	
.style1 {font-size: 9px}
.style2 {font-size: 10px}
#Layer1 {
	position:absolute;
	left:288px;
	top:-12px;
	width:126px;
	height:84px;
	z-index:12;
}

.style3 {font-weight: bold}
.style4 {
	font-size: 14px;
	font-weight: bold;
}
    .style5 {font-size: 7px}
    .style7 {font-size: 12px}
    a:link {
	text-decoration: none;
	color: #E50083;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
#flash {
	height:425px;
	width: 690px;
	background-color: #000;
	background-position: center center;
}
#filmpje{
	margin-left: 100px;	
}

#portfolio{
	height: 400px;
	width: 300px;
	margin-top: 15px;
	margin-left:0px;	
}
a#popup div {display: none; font-size:10px; color:#FFFFFF;}
a#popup:hover div {
	display: block;
	position: absolute;
	left: 970px;
	top : 570px;
	width: 300px;
	font-size:11px;
	
	padding:10px;
	height: 150px;
	list-style-type: none;
}