@import url("portfolio.css");

*{
	margin:0;
	padding:0;
}

html {
	overflow: -moz-scrollbars-vertical;
}

body {
	background: #ffd900 url(../images/bg.jpg) repeat-x top left;
	text-align:center;
}

#wrapper{
	margin:0 auto;
	text-align:left;
	width:933px;	
	position:relative;
	background: url(../images/wrapper_bg.jpg) repeat-y top left;
}

#top{
	width:933px;
	height:90px;
	float:left;	
	background: url(../images/top.jpg) no-repeat top left;
}

#menu{
	float:right;
	width:537px;
	padding-top:67px;
}

#menu ul{
	list-style:none;
	width:537px;	
}

#menu li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	padding:0 16px 0 16px;
}

#head{
	width:933px;
	height:317px;
	float:left;	
	background: url(../images/visual.jpg) no-repeat top left;
}

#submenu{
	float:left;
	width:220px;
	padding:7px 0 0 25px;
}

#submenu ul{
	list-style:none;
	padding:4px 0 0 7px;
}

#submenu li{
	float:left;
	display:block;
	width:185px;
	padding: 4px 0;
	border-bottom:1px solid #d87172;
}

#submenu li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 155px;
	margin-top : -21px;
	background: url(../images/submenu_hover.jpg) repeat-x top left;
	/*opacity:0.8;
	filter:alpha(opacity=80);*/
	padding:3px 5px;
	width:160px;
	border:2px solid #fff;
}

#submenu li ul li {
	float:left;
	display:block;
	width:150px;
	padding:7px 5px;
	border:none;
}

#submenu li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfhover ul ul, #submenu li.sfhover ul ul ul {
	left: -999em;
}

#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfhover ul, #submenu li li.sfhover ul, #submenu li li li.sfhover ul { 
	left: auto;
}	

#submenu li:hover, #submenu li.hover {
	position:static;
}

#content{
	width:933px;
	float:left;
	background: url(../images/topcontent.jpg) no-repeat top left;
	background-position: 6px 0;
}

#tekst{
	width:614px;
	padding:20px 20px 20px 20px;
	float:left;
	position:relative;
}

.img{
	margin:4px 4px 4px 6px;
}

#nieuws{
	width:248px;
	min-height:389px;
	height: auto !important;
	height: 389px;
	float:left;
	padding: 0 10px 0 20px;
	background: url(../images/nieuws_bg.jpg) no-repeat top left;
}

.nieuws-item{
	padding:10px 5px 7px 5px;
}

ul#nieuwsoverzicht li{
	list-style:none;
}

.portfolio{
	float:left;
	width:600px;
	margin: 0 0 15px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #c0c0c0;
}

.portfolio-tekst{
	width:365px;
	float:left;
	padding: 10px 10px 0 15px;
}

.portfolio-img{
	float:left;
	padding: 10px 0 0 0;
}

.portfolio-img img{
	width:200px;
	padding:4px;
	border:1px solid #c0c0c0;
}

.showroom{
	margin:5px;
	padding:4px;
	border:1px solid #c0c0c0;	
}

iframe{
	border:1px solid #f2aa00;
}


#footer{
	position:relative;
	width: 917px;
	padding:15px 25px 0 0;
	text-align:right;
	background: url(../images/footer.jpg) no-repeat top left;
}