/* CSS Document */


body {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
background-color:#2b2b2b;
}

html {
height: 100%;
width: 100%;
}



div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.4;
	color: #000000;
}

h1 {
color: #ffffff;
font-size:18px;
}

a {
text-decoration:none;
color:#000000;
}
a:hover {
text-decoration:none;
color:#fff;
cursor:pointer;
}
a.link:hover {
color:#555;
}

#container {
position: absolute;
width: 780px;
left: 50%;
margin-left: -390px;
background-color:#FFFFFF;
}

	#head{
	width: 780px;
	height: 224px;
	}
	
		#logo{
		width:417px;
		height:224px;
		float:left;
		}
		
		#items{
		width: 343px;
		height: 110px;
		padding-top: 60px;
		padding-bottom: 55px;
		float:left;
		padding-left: 20px;
		}
		
		
	#onder{
	background-color:#FFFFFF;
	background-image:url(images/background.gif);
	background-repeat:repeat-y;
	width:780px;
	float:left;	
}		
		
		#menu {
		width:187px;
		ackground-color:#CC00FF;
		background-color:#656668;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bolder;
		}
			
			
			#menu a.menu{
			display:block;
			width:177px;
			border-bottom:1px solid #000000;
			padding-left:10px;
			padding-bottom:2px;
			padding-top:2px;
			background-color:#a19fa1;
			color: #ffffff;
			}
			
			#menu a.menu:hover{
			color:#FFFFFF;
			background-color:#c8cb2d;
			}
			
			
			#blokje{
			margin-bottom:1px;
			width: 187px;
			background-color:#cccccc;
			height: 25px;
			}
			
			#logos {
				padding:10px 0 0 0;
				text-align:center;
			}
			#logos ul {
				padding:0;
				margin:0;
				list-style:none;
			}
			#logos ul li {
				padding:5px;
				display:block;
				border:none;
				margin:0 0 5px 0;
			}
			#logos ul li a, #logos ul li a:hover {
				background:transparent;
				padding:0;
				margin:0;
				border:none;
				width:auto;
				display:inline;
			}
			#logos ul li img {
				padding:10px;
				background:#fff;
			}
			
			
		#content{
		width: 565px;
		float:left;
		margin-left: 10px;
		}
		
			#content1{
			width: 196px;
			float:left;
			padding-left: 10px;
			padding-right: 10px;
			ackground-color: #c8cb2d;
			}
			
			#collectie{
			width: 335px;
			float:left;
			padding-left: 10px;
			background-color: #FFFFFF;
			}
			
			
	
	#link {
	width:780px;
	clear:both;
	background-color:#2b2b2b;
	}
	
	
		
	
		#copyright {
		text-align: left;
		float:left;
		width:270px;

	
		padding-top:30px;
		padding-bottom:20px;
		background-color:#2b2b2b;
		}
		#copyright a{
		background-image:url(images/sjonic_icon_grey.jpg);
		background-position:left;
		background-repeat:no-repeat;
		padding-left:30px;
		color:#CCCCCC;
		padding-top:6px;
		padding-bottom:6px;
		}
		#copyright a:hover{
		background-image:url(images/sjonic_icon.jpg);
		background-position:left;
		background-repeat:no-repeat;
		padding-left:30px;
		color:#ffffff;
		}
		
		#login{
			width:70px;
			background-image:none;
			float:left;
			background-color:#2b2b2b;
			padding-top:30px;
			padding-bottom:20px;
		}
		#login a{
			color:#CCCCCC;
		}
		#login a:hover{
			color:#ffffff;
		}
		#voorwaarden {
			width:440px;
			padding-top:30px;
			padding-bottom:20px;
			float:left;
			background-color:#2b2b2b;
			text-align:right;
		}
		#voorwaarden a{
			color:#CCCCCC;
		}
		#voorwaarden a:hover{
			color:#ffffff;
		}
		
		
.error{
color: #009933;}

div.paging ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

div.paging ul li{
	float:left;
	margin-right: 2px;
}

div.paging a {
	float: left;
	height:20px;
	text-align:center;
	line-height:20px;
	display:block;
	border:1px solid #ffffee;
	padding:0px 4px;
}

div.paging ul li.space {
	padding-top:3px;
}

div.paging a:hover {
	border:1px solid #588500;
	color:#588500;
}

div.paging a#selectedPage {
	border:1px solid #588500;
	font-weight:bold;
	text-decorations:underline;
	color:#588500;
}