*{
	margin:0;
	padding:0;
}

img, 
object{
	display:block;
}

img{
	border:0;
}

body,
textarea,
input,
select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:160%;
}
textarea,
input,
select{
	padding:2px;
	border:1px solid #c3c4d4;
	color:#565986;
}


h1{
	margin:0 0 15px 0;
	font-size:17px;
	font-weight:normal;
	color:#565986;
}

h2{

}

p{
	margin:0 0 15px 0;
	font-size:10px;
	color:#565986;
}

ul,
ol{
	font-size:11px;
	margin:0 0 0 15px;
}

li{

}

a{
	color:#ec008c;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}
address{
	float:left;
	padding:0 25px 0 0;
	font-size:10px;
	color:#565986;
	font-style:normal;
}

form{
	color:#565986;
	font-size:10px;
	margin-bottom:20px;
}
form td{
	padding:0 10px 0 0;
}


#hmn{
	display:none;
}
/* -- container -- */
body{
	background: url(/images/html_bg.jpg) center top no-repeat #0B2030;
}

html, 
body, 
#container{
	min-height:100%;
	width:100%;
	height:100%;
} 

html>body, 
html>body #container{
	height:auto;
}

#container{
	position:absolute;
	top:0;
	left:50%;
	width:1000px;
	margin:0 0 0 -500px;
}
/* -- footer -- */
#footer{
	position:absolute;
	bottom:0;
	width:100%;	
	text-align:center;
	height:25px;
}

#footerspace{
	height:25px;
}
/* -- column -- */
.col{
	float:left;
	height:400px;
	min-height:400px;
}

html>body .col{
	height:auto;
}

#nr1{
	width:199px;
	margin:0 1px 0 0;	
}

#nr2{
	width:399px;
	margin:0 1px 0 0;	
}

#nr3{
	width:400px;	
}

#product_overview #nr1,
#general #nr1{
	width:263px;
	height:520px;
	margin-left:687px;
	padding:80px 25px 0 25px;
	background:url(/images/html_logo_atlantis_blue.gif) right top no-repeat #FFFFFF;
}


body#portfolio_overzicht{
	background:#FFFFFF;
}
body#portfolio_overzicht #container{
	background:url(/images/html_logo_atlantis_blue.gif) right top no-repeat;
}

#portfolio_overzicht #nr1{
	width:800px;
	height:520px;
	margin-left:200px;
	padding:80px 0 0 0;
}

body#product_detail{
	background:#FFFFFF;
}
body#product_detail #container{
	background:url(/images/html_logo_atlantis_blue.gif) right top no-repeat;
}
#product_detail #nr1{
	width:640px;
	height:520px;
	margin-left:200px;
	padding:80px 0 0 0;
}
#product_detail img{
	margin-bottom:10px;
}

#crumb{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	color:#888aaa;
}
#crumb a{
	color:#888aaa;
	text-decoration:none;	
}
#crumb a:hover{
	color:#ec008c;	
}
/* -- default classes -- */
.clear{
	clear:both;
}
.floatleft{
	float:left;
	padding:0 10px 10px 0;
}

.portfolio_btn a{
	font-size:11px;
	padding:5px 10px 5px 18px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(/images/icon_nav.gif) 8px 7px no-repeat #ec008c;
}
/* -- css menu -- */
#menu{
	position:absolute;
	top:205px;
	left:50px;
	width:114px;
	height:180px;
	background:#ec008c;
}

#menu ul{
	width:100px;/* the width of mainmenu items, used again below (1)  */
	margin:0;
	padding:14px 0 0 0;
	line-height:100%;
	z-index:1;
	background:#ec008c;
}
#menu ul li{
	position:relative;
	width:100%; /* Make list items do what they're supposed to in IE6 */
	padding:0 0 7px 0;	
	margin:0;
	list-style-type:none; 
	background:#ec008c;
}

#menu.horizontal ul{
	width:auto;
	height:76px;
}
#menu.horizontal ul li{
	float:left;
	width:auto;
	padding:0;	
}
html>body #menu.horizontal ul li{
	padding:0 0 7px 0;
}

#menu ul li a{
	padding:1px 7px 1px 21px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:lowercase;
}
#menu ul li a:hover{
	background:url(/images/icon_nav.gif) 11px 4px no-repeat;
}

#menu ul li ul,
#menu.horizontal ul li ul{
	position:absolute;
	display:none;
	left:100px; /* (1) the width of mainmenu items */
	top:0;
	width:160px; /* the width of submenu items, used again below (2)  */
	padding:0;
	margin:0;
	font-size:10px;
	background:#FFFFFF;
}
#menu.horizontal ul li ul {
	top:20px; 
	left:11px;
	height:auto;
}

#menu ul li ul li,
#menu.horizontal ul li ul li{ 
	clear:left; /* It inherits float:left. No float:none, because that creates a whitespace beneath the last item in IE6 */
	display:block;
	padding:0;
	background:#FFFFFF;
	/*border-bottom:1px solid #7D7C7C;*/
}
#menu.horizontal ul li ul li{ 
	width:100%; /* Make list items do what they're supposed to in IE6 */
}

#menu ul li ul li a{
	display:block;
	margin:0;
	padding:4px 0 4px 10px;
	color:#ec008c;
	text-decoration:none;
	/*background:url(/images/icon_subnav.gif) 8px 11px no-repeat #FFFFFF;*/
}
#menu ul li ul li a:hover{
	/*background:url(/images/icon_subnav.gif) 8px 11px no-repeat #e4e4e4;*/
}

#menu ul li ul li ul,
#menu.horizontal ul li ul li ul{
	top:-1px; /* the height of the top border */
	left:160px; /* (2) the width of submenu items */
}
/*switch submenu's for full css supporting browsers*/
#menu ul li:hover ul{display:block;}
#menu ul li:hover ul li ul{display:none;}
#menu ul li ul li:hover ul{display:block;}
#menu ul li ul li:hover ul li ul{display:none;}
#menu ul li ul li ul li:hover ul{display:block;}
#menu ul li ul li ul li:hover ul li ul{display:none;}
#menu ul li ul li ul li ul li:hover ul{display:block;}
#menu ul li ul li ul li ul li:hover ul li ul{display:none;}
#menu ul li ul li ul li ul li ul li:hover ul{display:block;}
#menu ul li ul li ul li ul li ul li:hover ul li ul{display:none;}
/*add styles if needed*/