/* DEFAULT ---------------------- */

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

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.75em;
	background: #242424;
}

p a{
	font-weight:bold;
	text-decoration:underline;
}

p a:hover{
	text-decoration:none;
}

a img{
	border-style:none;
}

/* CUSTOM ---------------------- */

/* HEADER ---------------------- */

div#header{
	width:899px; height:167px;
	margin:15px auto 0 auto;
	background:url(http://www.site-score.nl/img/bg_header.jpg) no-repeat bottom right;
}

div#header h1{
	margin:0; padding:0;
	float:left;
}

div#header h1 img{
	border-style:none;
}

div#header h4{
	float:right;
	width:400px;
	margin:60px 20px 0 0;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:22px;
	color:#FFFFFF;
	padding:0px;
	
}


/* NAV ---------------------- */

ul#nav li {
	overflow: hidden; 
	display: inline;
}

ul#nav li ul {
	position: absolute;
	width:663px; 
	height:23px; 
	left: 50%; 
	margin-left:-432px; 
	top: 227px; 
	display: none; 
	z-index: 1000;
}

ul#nav li ul.right {
	position: absolute;
	width:663px; 
	height:23px; 
	left: 50%; 
	margin-left:-432px; 
	top: 227px; 
	display: none; 
	z-index: 1000;
}


ul#nav{
	width:882px;height:65px;
	margin:20px auto 0 auto;
	padding:0;
	border-left:17px solid #242424;
	background:url(http://www.site-score.nl/img/bg_nav.gif) right;
}


ul#nav li.nav-item{
	float:left;
	list-style-type:none;
	background:url(http://www.site-score.nl/img/bg_nav_u.gif);
	width:93px;
	height:20px;
	padding:5px 0 0 10px;
}

ul#nav li.nav-item,
ul#nav li.nav-item a,
ul#nav li.nav-item span{
	font-size:100% !important;
	line-height:20px !importnant;
	height:20px !important;
}

ul#nav li.nav-item:hover{
	background:url(http://www.site-score.nl/img/bg_nav_s.gif);
}

ul#nav li.selected{
	background:url(http://www.site-score.nl/img/bg_nav_s.gif) !important;
}

ul#nav ul{
	text-align:left;
	background:#ff0000;
	margin:0; padding:0;
	background:url(http://www.site-score.nl/img/bg_nav_sub.gif) no-repeat;
	line-height:30px;
}

ul#nav ul.right{
	text-align:right;
	background:#ff0000;
	margin:0; padding:0;
	background:url(http://www.site-score.nl/img/bg_nav_sub.gif) no-repeat;
	line-height:30px;
}

ul#nav li span{
	font-size:120%;
}

ul#nav ul li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

ul#nav ul li a:hover{
	color:#000;
}

ul#nav ul li{
	border-right:1px solid #fff;
	padding:0 10px 0 10px;
	height:23px;
	line-height:23px;
	margin-left:-1px;
	font-size:90%;
}

ul#nav ul.right li{
	border-right:1px solid #fff;
	padding:0 10px 0 10px;
	height:23px;
	line-height:23px;
	margin-left:-1px;
	font-size:90%;
}
ul#nav li:hover ul {
	display: block;
}

#nav a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
/* CONTENT ---------------------- */

div#content{
	width:882px;
	margin: auto;
	border-left:17px solid #242424;
	background:url(http://www.site-score.nl/img/bg_content_2.gif) repeat-y bottom #fff;
}

.pakketimage{
  margin-left:20px;
  margin-right:46px;
  margin-bottom:10px;
  border:1px solid #343434;
}

/* CONTENT LEFT ---------------------- */

div#content-left-container{
	width:662px;
	position:absolute; top:266px; left:50%; margin-left:-432px; z-index:10;
	background:#fff;
}

div.content-left{
	width:663px;
	min-height:475px;
}

ul.content-footer{
	background:url(http://www.site-score.nl/img/bg_content_footer.gif);
	width:664px;
	height:25px;
	margin:0px; 
	padding:0px;
}

div.content-left p{
	margin: 0 42px 10px 55px;
	line-height:18px;
}

div.content-left p a{
	color:#333;
}

div.content-left p a:hover{
	color:#000;
}

div.content-left h2{
	margin: 0 0 0 55px;
	line-height:18px;
	font-size:100%;
}


/* PAKKETTEN  ---------------------- */

div.pakketten{
	margin: 0 0 10px 55px;
}

div.pakketten ul{
	width: 178px;
	float:left;
	padding:0; margin:0 15px 0 0;
	
}

div.pakketten ul li{
	background:#343434;
	width: 180px;
	list-style-type: none;
	padding:0; margin:0;
	border-right:1px solid #fff;
}

div.pakketten ul li a{
	color:#fff;
}

div.pakketten ul li a:hover{
	color:#fff;
}

div.pakketten ul li h3{
	margin:0px; 
	padding:0px;
	color:#fff;
	font-size:100%;
	line-height:17px;	
	margin:10px 0 10px 7px;
}

div.pakketten ul li span{
	margin:0; padding:0;
	color:#fff;
	margin:7px;
	font-size:150%;
}

div.pakketten ul li p{
	margin:0; padding:0;
	color:#fff;
	margin:7px;
}

div.pakketten p.prijs{
	background:url(http://www.site-score.nl/img/bg_pakketten_prijs.gif) no-repeat bottom left #505050;
	padding-top:6px;
	font-size:90%;
	margin:0;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	
}

div.pakketten a img{
	position:relative;
	left:76px;
	padding:20px 0 0 0;
}


/* CONTENT RIGHT ---------------------- */

div.content-right{
	float:right;
	width:179px;
	padding:0 15px 15px 0;
	background:#fafafa;
	line-height:18px;
	clear:both;
}

div.content-right h2{
	line-height:16px;
	font-size:100%;
	background:url(http://www.site-score.nl/img/ico_arrow.gif) right no-repeat;
}

div.content-right span img{
	position:relative;
	top:15px; left:190px;
}

div.content-right a{
	color:#333;
}

div.content-right a:hover{
	color:#000;
}

/* CONTENT FOOTER ---------------------- */

ul.content-footer{ 
	width:663px; 
	height:25px;
	margin:0px; 
	padding:0px;
	text-align:center;
	font-size:90%;
	position:relative; 
	top:25px;
	border-bottom:20px solid #242424;
	border-top:1px solid #242424;
}

ul.content-footer li{
	color:#242424;
	margin:0 2px 0 2px;
	line-height:23px; 
	display:inline;
}

ul.content-footer li a{
	color:#242424;		
	text-decoration:none;	
}

ul.content-footer li a:hover{
	color:#000;
	text-decoration:underline;
}

/* GREY ---------------------- */

div.grey{
	background:#343434;
	width:560px;
	margin: 10px 42px 10px 55px;
	float:right;
	color:#fff;
	padding:7px;
	border-top:10px solid #343434;
	border-bottom:10px solid #343434;
}

div.grey hr{
	clear:both;
	margin:20px 0 20px 0;
	height:2px;
	border-top:1px solid #fff;
	border-right:1px solid #343434;
	border-bottom:1px solid #343434;
	border-left:1px solid #343434;
}

div.grey h3{
	font-size:100%;
	line-height:22px;
	margin:7px;	
}

div.grey p{
	margin:0px !important;
	color:#fff;
}

div.grey ul{
	list-style: url(http://www.site-score.nl/img/ico_arrow_list.gif);
	padding:7px 7px 7px 30px;
	margin:0;
}

div.grey ul li{
	list-style: url(http://www.site-score.nl/img/ico_arrow_list.gif);
	color:#fff;
	display:block; 
	clear:both;
	border-bottom:10px solid #343434;
}

div.grey ul li a{
	font-weight:bold;
	color:#eb7808;
}

div.grey p a{
	font-weight:bold;
	color:#eb7808;
}

div.grey a{
	font-weight:bold;
	color:#eb7808;
}

div.grey p a:hover{
	font-weight:bold;
	color:#eb7808;
}

div.grey a:hover{
	font-weight:bold;
	color:#eb7808;
}