@charset "UTF-8";

/* Copyright Tweepixels 2009 */

@import url("modules.css");
@import url("lightbox.css");

/* Clearing styles */
* { margin:0; padding:0; }
img { border:none; }
p { margin:1em 0em; }
form { margin:0; padding:0; }


/* FontSize basis font-sizes */
body.fontsize10 { font-size:10px; }
body.fontsize12 { font-size:12px; }
body.fontsize14 { font-size:14px; }
body.fontsize16 { font-size:16px; }
body.fontsize18 { font-size:18px; }


/* Clearfix */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	/* Hides from IE-mac \*/
		* html .clearfix { height:1%; }
	/* End hide from IE-mac */

.clearer {
	clear:both;
}

/* Basis Layout */
body {
	background:#FFFFFF url(../images/main_bg.gif) repeat-y top left;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4f4b4a;
	line-height:1.6em;
	z-index:1;
}

#container {
	width:884px;
	height:auto;
	margin:0;
	padding:0px;
	border:0px;
	border-top:10px solid #FFFFFF;
	z-index:3;
	position:relative;
}

	#header_container {
		position:relative;
		height:83px;
		background:url(../images/header.gif) no-repeat top left;
	}

		#header_container a:link,
		#header_container a:visited {
			height:32px;
			width:149px;
			display:block;
			background:url(../images/logo_gpc.png) no-repeat top left;
			text-indent:-9999px;
			overflow:hidden;
			position:relative;
			top:44px;
			left:27px;
		}
	
		#header_container span {
			display:block;
			text-indent:-9999px;
			overflow:hidden;
		}
	
	#skipnav {
		position:absolute;
	}	
		
		#skipnav a {
			position:absolute;
			top:-9999px;
		}	

	#content_extra_container {
		width:635px;
		float:right;
		margin-right:15px;
		display:inline;
	}	
		
		#content_container {
			width:603px;
			display:block;
			padding:15px;
			line-height:1.7em;
			border:1px solid #BFBFBF;
			background:#FFF;
			margin:0 0 11px 0;
			float:left;
		}	

			#content_container h1 {
					padding:0;
					margin:0 0 0.7em 0;
					font-size:24px;
					font-weight:bold;
					color:#8b0f05;
			}
			
			#content_container h2 {
					padding:0;
					margin:0 0 -1em 0;
					font-size:12px;
					font-weight:bold;
					color:#8b0f05;
			}
			
			#content_container a:link,
			#content_container a:visited {
				text-decoration:underline;
				color:#9A1207;
			}
			
			#content_container a:hover {
				text-decoration:none;
			}

			#content_container ul {
				margin:0 0 0 1.2em;
				padding:0;
				list-style-type:disc;
			}
			
			#content_container ul.h2-ul {
				margin:.8em 0 1.6em 0;
				padding:1em 0 1em 2em;
				list-style-type:disc;
				background:#F5F5F5;
				border-bottom:1px solid #CCC;
			}

				#content_container ul.h2-ul li {
					color:#555;
				}

		#news_container {
			width:603px;
			display:block;
			padding:15px;
			line-height:1.7em;
			border:1px solid #BFBFBF;
			background:#FFF;
			margin:0 0 11px 0;
			float:left;
		}	

			#news_container h2 {
				padding:0;
				margin:0 0 0.7em 0;
				font-size:20px;
				font-weight:bold;
				color:#8b0f05;
				font-size:1.4em;
			}
			
			#news_container a {
				color:#8b0f05;
			}
			
			#news_container a:hover {
				text-decoration:none;
			}
			
			#container #news_container a.title {
				color:#8b0f05;
				font-weight:bold;
			}
			
			#container #news_container a.title:hover {
				text-decoration:none;
			}
			
			#container #news_container p {
				margin:0 0 1em 0;
			}
			

		#CPU1, #CPU2, #CPU3 { 
			cursor:pointer;
			background:#FFFFFF url(../images/CPU_gradient.gif) repeat-x bottom left;
			padding:6px;
			width:190px;
			height:168px;
			float:left;
			position:relative;
			border:solid 1px #bfbfbf;
			margin:0 11px 0 0;
		}
		
		#CPU3 {
			margin:0;
		}		
		
.CPU {
	width:190px;
	height:180px;
}

	.CPU h5 {
		margin:0px 0px 10px 0px;
		padding:0px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#8b0f05;
	}

		.CPU h5 a {
			color:#8b0f05;
		}
	
		.CPU h5 a:hover {
			text-decoration:none;
		}
	
	.CPU p {
		margin:0px;
		padding:0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		font-weight:normal;
		line-height:12px;
	}
	
	.CPU p img {
		padding:5px;
		background:#FFFFFF;
		position:absolute;
		bottom:0;
		right:0;
		height:105px;
	}
	#menu_container {
		width:200px;
		float:left;
		z-index:9;
		margin:15px 0 0 10px;
		position:relative;
	}	

		#menu_container h2 {
			position:absolute;
			top:-9999px;
			overflow:hidden;
		}	
	
		#menu_container ul {
			width: 200px;
			font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
			color: #333;
			line-height:20px;
			font-size:11px;
			margin:0;
			padding:0;
			list-style-type:none;
		}	
		
			#menu_container ul li {
				background:#8b0f05;
				padding:1px 0 0 0;
			}	

				#menu_container ul li a:link,
				#menu_container ul li a:visited {
					width:194px;
					display: block;
					padding: 3px;
					text-decoration: none;
					color:#4f4b4a;
					text-transform:uppercase;
					background:#FFFFFF;
				}
	
				#menu_container ul li a:hover { 
					padding: 2px 3px 2px 3px;
					text-decoration: none;
					text-transform:uppercase;
					background:#808080;
					color:#FFFFFF;
					border-bottom:1px solid #FFFFFF;
					border-top:1px solid #FFFFFF;
				}
	
				#menu_container ul li a#active0 {
					display: block;
					padding: 2px 3px 2px 3px;
					text-decoration: none;
					font-weight:bold;
					text-transform:uppercase;
					background:#4f4b4a;
					color:#FFFFFF;
					border:0px;
					border-bottom:1px solid #FFFFFF;
					border-top:1px solid #FFFFFF;
				}

			#menu_container ul li.clicked {
				background:#8b0f05;
				padding:1px 0 0 0;
			}	

				#menu_container ul li.clicked a:link,
				#menu_container ul li.clicked a:visited {
					padding: 2px 3px 2px 3px;
					text-decoration: none;
					text-transform:uppercase;
					background:#808080;
					color:#FFFFFF;
					border-bottom:1px solid #FFFFFF;
					border-top:1px solid #FFFFFF;
				}	

				#menu_container ul li.clicked ul,
				#menu_container ul li ul {
					width:auto;
					color: #333;
					line-height:16px;
				}	

					#menu_container ul li.clicked ul li,
					#menu_container ul li ul li {
						padding:0;
					}	

						#menu_container ul li.clicked ul li a:link,
						#menu_container ul li.clicked ul li a:visited,
						#menu_container ul li ul li a:link,
						#menu_container ul li ul li a:visited {
							width:auto;
							display:block;
							padding:4px 3px 4px 25px;
							text-decoration:none;
							color:#555;
							text-transform:none;
							background:#F5F5F5 url(../images/menu_bg.gif) no-repeat 10px 6px;
							border:none;
						}	

						#menu_container ul li.clicked ul li a:hover,
						#menu_container ul li ul li a:hover {
							text-decoration:underline;
						}	

						#menu_container ul li ul li a#active1:link,
						#menu_container ul li ul li a#active1:visited {
							width:auto;
							display:block;
							padding:4px 3px 4px 25px;
							text-decoration:none;
							color:#555;
							text-transform:none;
							background:#F5F5F5 url(../images/menu_bg.gif) no-repeat 10px 6px;
							border:none;
							font-weight:bold;
						}	

	#zoek_container {
		width:200px;
		margin:15px 0 0 10px;
		border-top:1px solid #CCC;
		border-bottom:1px solid #CCC;
		float:left;
		clear:left;
		background:#F5F5F5;
		z-index:9;
		position:relative;
	}	

		#zoek_container h2 {
			display:block;
			text-indent:6px;
			font-weight:bold;
			font-size:11px;
			margin:0;
			padding:2px 0;
			color:#9A1207;
			text-transform:uppercase;
			border-top:1px solid #FFF;
		}
		
		#zoek_container p {
			padding:5px;
			border-bottom:1px solid #FFF;
			margin:0;
		}	
		
		#zoek_container .searchField {
			padding:3px;
			width:135px;
			font-family:Arial;
			font-size:11px;
			border:1px solid #CCC;
		}
		
		#zoek_container .searchButton {
			margin:0 0 0 5px;
			padding:2px;
			width:40px;
			font-family:Arial;
			font-size:11px;
			border:1px solid #CCC;
			background:#FFF;
			font-weight:bold;
			color:#555;
		}

		#zoek_container .searchButton:hover {
			border:1px solid #9A1207;
			background:#FFF;
			color:#9A1207;
			cursor:pointer;
		}

	#accessibility_container {
		position:absolute;
		top:85px;
		right:17px;
		width:15em;
		text-align:right;
	}	
		
		#accessibility_container div {
			display:block;
			padding:5px;
			float:right;
		}	

			#accessibility_container div h2 {
				font-size:1em;
				color:#555;
				font-weight:normal;
				float:left;
			}	
				
			#accessibility_container div a:link,
			#accessibility_container div a:visited {
				color:#666;
				text-decoration:none;
				padding:0 5px;
				margin:0 0 0 5px;
				border:1px solid #999;
				display:block;
				float:left;
				line-height:15px;
			}	
				
			#accessibility_container div a:hover {
				text-decoration:none;
				background:#CCC;
				color:#FFF;
			}	

	#image_container {
		background:url(../images/logo_water.gif) no-repeat top left;
		width:220px;
		height:187px;
		position:fixed;
		left:0px;
		bottom:0px;
		z-index:2;
		text-indent:-9999px;
		overflow:hidden;
	}
	
	#footer_container {
		clear:both;
		text-align:right;
		padding:15px 15px 10px 0;
		position:relative;
		height:2.4em;
	}

		#footer_container p {
			margin:0; padding:0;
		}
	
			#footer_container a{
				text-decoration:underline;
				color:#555;
			}

			#footer_container a:hover {
				text-decoration:none;
			}

#specs_table {
	border-top:1px solid #E5E5E5;
	border-left:1px solid #E5E5E5;
	clear:both;
}

#specs_table tr td, #specs_table tr th {
	padding:3px;
	border-bottom:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
}

#specs_table tr td a {
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}

#specs_table tr td a:hover {
	text-decoration:none;
}

#specs_table tr h2 {
	margin:3px 2px;
	color:#8B0F05;
}



p.Referentie {
	background:#F5F5F5;
	padding:10px;
	border-top:1px solid #8B0F05;
	border-bottom:1px solid #8B0F05;
	font-style:italic;
	display:inline-block;
}

	p.Referentie:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	
	/* Hides from IE-mac \*/
		p.Referentie { display:block; }
	/* End hide from IE-mac */

	p.Referentie span.Titel {
		font-size:1.4em;
		font-style:normal;
		font-weight:bold;
		color:#555;
		display:block;
		font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	}
	
	p.Referentie img.Foto {
		float:left;
		width:65px;
		height:auto;
		margin:5px 5px 0 0;
		padding:1px;
		background:#FFF;
		border:1px solid #CCC;
	}
	
	p.Referentie span.Naam {
		font-size:1em;
		font-style:normal;
		font-weight:bold;
		color:#8B0F05;
		display:block;
	}

	#container p.Referentie span.Naam a {
		color:#555;
	}