html, body {
	height: 			100%;
	min-height: 		100%;
	margin: 			0;
	padding: 			0;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	background:			#EDEDED url('../images/gradient-top.gif') repeat-x top left;
	line-height:		1.5;
}
/**
 * RESET
 **/
tr { vertical-align: top;}
	tr:hover { background-color:#EDEDED; }
th { text-align:left;}
.bottomBorder { border:1px solid red; }
h3 {margin-bottom: 0;padding-bottom:0;}
h4 {margin-bottom: 0;padding-bottom:0; font-size:12px;}
p {margin-top:0;}
object, a, input { outline: none; }
textarea{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

a, img, ul, li, td, th, form {
	padding: 			0;
	margin: 			0;
	border: 			0px solid #000000;
	vertical-align: 	top;
}

.opacity75 {
    opacity:	0.75;
    -ms-filter:	"progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
    filter:		alpha(opacity=75);
    zoom:		1;
}
	.opacity75:hover {
		opacity:	1;
		-ms-filter:	"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
		filter:		alpha(opacity=100);
		zoom:		1;
	}
/**
 * CONTAINERS
 **/
div#container {
	position:			relative; /* needed for footer positioning*/
	margin:				auto;
	position: 			relative;
	width:				725px;
	background-color:	#FFFFFF;
}

div#header {
	height:             45px;
	background:			#FFFFFF url(../images/header-line.gif) no-repeat 10px 35px;
	padding-top:		15px;
}
	div#header div.giant-store-logo {
		float:				left;
		width:				190px;
		margin-left:		10px;
	}
		div#header div.giant-store-logo a {
			display:			block;
			padding:			0;
		}
	div#header h1 {
		float:				left;
		font-size:			18px;
		color:				#00579D;
		margin:				0;
		padding:			0;
	}
	div#header div.pipe {
		float:				left;
		color:				#FF9900;
		padding:			7px 5px 0 5px;
	}
	div#header h2 {
		float:				left;
		font-size:			12px;
		color:				#00579D;
		margin:				0;
		padding:			7px 0 0 0;
		font-weight:		normal;
	}
/**
 * NAVIGATION
 */
ul.navigation{
	padding: 			0;
	margin: 			0;
	list-style:			none;
	list-style-position:outside;
	position:			relative;
	background-color:	#0070B8;
	height:				25px;
	line-height:		2;
} 
	ul.navigation li {
		list-style:			none;
		border-right: 		2px solid #FFFFFF;
		float: 				left;
		height: 			25px;
	}
		ul.navigation li a {
			padding:			0 10px;
			display: 			block;
			height: 			25px;
			float: 				left;
			font-size:			12px;
			font-weight:		bold;
			line-height: 		2em;
			color: 				#FFFFFF;
			text-decoration: 	none;
			text-transform:		uppercase;
			background-color: 	#0070B8;
		}
			ul.navigation li a.selected, ul.navigation li a:hover{
				background-color: #00B4F7;
			}
		/**
		 * SUBMENUS
		 */
		ul.navigation ul {
			position:		absolute;
			display:		none;
			width:			110px;
			top:			25px;
			clear:			both; /* new line break */
		}
			ul.navigation ul li {
				border-right: 	0px solid #FFFFFF;
				height:			20px;
			}
			ul.navigation li ul {
				-moz-opacity:	.85; 
				filter:			alpha(opacity=85);
				opacity:		.85;
				-khtml-opacity:	0.85;
			}
				ul.navigation li ul a{
					-moz-opacity:		1; 
					filter:				alpha(opacity=100);
					opacity:			1;
					-khtml-opacity:		1;

					background-color:	#00B4F7;
					width:				110px;
					height:				20px;
					
					text-align:			left;
					font-size:			11px;
					border-top:			1px solid #FFFFFF;
					float:				left;
				}
					ul.navigation li ul li a.selected{
						background-color:	#0071b9;
					}
					ul.navigation li ul a:hover{
						background-color:	#0071b9;
					}
					ul.navigation ul li ul{
						top:			auto;
					}	
						ul.navigation li ul li ul {
							left:			125px;
							margin:			5px 0 0 5px;
							-moz-opacity:	.95; 
							filter:			alpha(opacity=95);
							opacity:		.95;
							-khtml-opacity:	0.95;
							clear:			none; /* no new line break */
						}
							ul.navigation li ul ul a {
								background-color:	#00B4F7;
								border-top:			1px solid #FFFFFF;
								color:				#FFFFFF;
							}
							ul.navigation li ul li ul li a.selected {
								background-color:	#0071b9;
							}
							ul.navigation li ul ul a:hover {
								background-color:	#0071b9;
							}
						ul.navigation li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
							display:		none;
							border-right: 	0px solid #FFFFFF;
						}
						ul.navigation li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
							display:		block;
						}
                        
ul.navigationWinkel {
	padding: 			0;
	margin: 			0;
	list-style:			none;
	list-style-position:outside;
	position:			relative;
	background-color:	#ededed;
	height:				25px;
	line-height:		2;
} 
	ul.navigationWinkel li {
		list-style:			none;
		border-right: 		2px solid #FFFFFF;
		float: 				left;
		height: 			25px;
	}
		ul.navigationWinkel li a {
			padding:			0 10px;
			display: 			block;
			height: 			25px;
			float: 				left;
			font-size:			12px;
			font-weight:		bold;
			line-height: 		2em;
			color: 				#000000;
			text-decoration: 	none;
			text-transform:		uppercase;
			background-color: 	#EDEDED;
		}
			ul.navigationWinkel li a.selected, ul.navigation li a:hover{
				background-color: #CCCCCC;
			}                        
/**
 * CONTENT
 **/
div#content {
	padding-top:		10px;
	padding-bottom:		15px;
	color:				#333333;
	overflow: 			auto; /* height fix */
	height: 			1%; /* height fix */
}
	div#left {
		padding: 			0;
		margin: 			0 0 0 10px;
		float: 				left;
		width: 				185px;
	}
		div#left div#NAW {
			background:			#F4F4F4 url('../images/gradient-left.gif') repeat-x top left;
			padding:			5px;
		}
			div#left div#NAW h3 {
				font-size:			12px;
				padding-bottom:		0px;
				text-transform:		uppercase;
			}
			div#left div#NAW a {
				text-decoration:	none;
				color:				#333333;
			}
			div#left div#NAW a:hover {
				text-decoration:	underline;
			}
		div#left div#route {
			border:				0px solid #00FF00;
			background-color:	#F4F4F4;
		}
		div#nav-left {
			border:				0px solid #FFFF00;
		}
			ul#nav-left {
				margin-top:			10px;
				border-top:			1px solid #DDDDDD;
				list-style:			none;
			}
				ul#nav-left li{
					line-height:		2;
					border-bottom:		1px solid #DDDDDD;
				}
					ul#nav-left li.selected{
							background-color:		#F4F4F4;
					}
					ul#nav-left li a{
						display:			block;
						text-decoration:	none;
						text-transform:		uppercase;
						color:				#333333;
						padding-left: 		5px;
					}
						ul#nav-left li a:hover{
							background-color:		#F4F4F4;
						}
						ul#nav-left li a span{
							font-size:			15px;
						}
		input.shadow{
			padding:			2px 0 0 5px;
			margin:				0 5px 0 0;
			border-top:			0px solid #D6D6D6;
			border-right:		1px solid #D6D6D6;
			border-bottom:		0px solid #D6D6D6;
			border-left:		1px solid #D6D6D6;
			background:			#FFFFFF url('../images/input-shadow.gif') repeat-x top left;
		}
		input.submit{
			border-top:			1px solid #BDECFD;
			border-right:		1px solid #006F98;
			border-bottom:		1px solid #006F98;
			border-left:		1px solid #BDECFD;
			background-color:	#00B4F7;
			color:				#FFFFFF;
		}
			input.submit:hover{
				border-top:			1px solid #006F98;
				border-right:		1px solid #BDECFD;
				border-bottom:		1px solid #BDECFD;
				border-left:		1px solid #006F98;
			}
	div#right {
		padding: 			0;
		margin: 			0;
		float:				right;
		width: 				515px;
	}
		div#right p a {
			color: 				#333333;
			text-decoration:	none;
			border-bottom: 		1px dotted #0070B8;
		}
			div#right p a:hover { border-bottom: 1px solid #0070B8; }

		div#right h1, div#right h2, div#right h3  {
			margin-bottom: 0;padding-bottom:0; font-size:14px;
		}
		div#right p {
			padding-right: 			10px;
		}
		div#breadcrumbs {
			padding:			5px;
			background-color:	#EDEDED;
			font-size:			12px;
			font-weight:		bold;
			text-transform:		uppercase;
			color:				#999999;
		}
			div#breadcrumbs span {
				padding:				0 5px;
			}			
			div#breadcrumbs span a {
				text-decoration:		underline;
				color:					#999999;
				font-weight:			bold;
			}
			div#breadcrumbs span a:hover {
				color:					#333333;
			}
		/**
		 * FRONTPAGE
		 */
		div.bumper {
			margin:			5px;
			padding:		10px;
			background:		#fcfcfd url('../images/gradient-frontpage-bumper.gif') repeat-x bottom left;
			float:			left;
		}
		div.bumper170 {
			width:			140px;
			height:			200px;
		}
			div.bumper h4 {
				margin-top:		0px;
				font-size:		12px;
				text-transform:	uppercase;
			}
			div.bumper a {color:#333333;text-decoration:none;}

		/**
		 * ACCESSOIRES
		 */
		ul.accessoires {
			list-style:	none;
		}
			ul.accessoires li {
				float: 		left;
                height: 76px;
			}
				ul.accessoires li.accessoires-item {
					width:		135px;
					height:		50px;
				}
				ul.accessoires li a {
					display:	block;
				}
		ul.accessoiresOverzicht {
			list-style:		none;
		}
			ul.accessoiresOverzicht li {
				float:				left;
				width:				250px;
				background-color: 	#EDEDED;
				margin-bottom:		15px;
			}
			ul.accessoiresOverzicht li:hover {background-color: #F6F6F6;}
			ul.accessoiresOverzicht li a { display:block; color: #333333; text-decoration:none; cursor:pointer;}
				ul.accessoiresOverzicht li span {
					float:				left;
					width:				125px;
				}
				ul.accessoiresOverzicht li span p { padding: 25px 0 0 10px; margin:0; font-size: 12px; text-transform: uppercase; font-weight:bold; color: #333333; }
		/**
		 * FIETSEN
		 */
		.fietsBlockTitle {
			padding:		20px 15px 10px 0px;
			background: 	#FFFFFF url('../images/hr-products.jpg') no-repeat bottom left;

		}      
		.fietsBlockTitle h1 {
			padding:		20px 15px 10px 0px;
			background: 	#FFFFFF url('../images/hr-products.jpg') no-repeat bottom left;

		}      
		.fietsBlock {
			padding:		20px 15px 10px 0px;
			background: 	#FFFFFF url('../images/hr-products.jpg') no-repeat bottom left;
			overflow: 		auto;
			height: 		1%;
		}      
			.fietsBlock h3 {
				font-size:14px;
			}
			.fietsBlock p span a {
				color:			#00B4F7;
			}
				.fietsBlock p span a:hover{
					text-decoration: 	underline;
				}
			.fietsBlock .fietsBlokFooter {
				text-align:		right;
				color:			#00B4F7;
				text-align:		12px;
				font-weight:	bold;
				text-transform:	uppercase;
			}
		/**
		 * AANBIEDINGEN
		 */
		.aanbiedingBlock {
			float:			left;
			width:			155px;
			margin:			20px 15px 10px 0px;
			text-align:		center;
		}   
			.aanbiedingBlock p {
				text-transform:		uppercase;
				font-size:			12px;
				font-weight:		bold;
				color:				#FFFFFF;
				background-color:	#00B4F7;
				text-align:			center;
			}      
			.aanbiedingBlock p a.aanbieding{
				display:			block;
				color:				#FFFFFF;
			}
div#footer {
	background-color:	#EDEDED;
	text-align:		center;
	padding-top:	10px;
	padding-bottom:	20px;
	color:			#999999;
}
	div#footer:hover {
		color:			#333333;
	}
		div#footer a{
			color:				inherit;
			text-decoration:	none;
		}	
		
		div#footer a:hover{
			color:				inherit;
			text-decoration:	underline;
		}	

.loggedin {
	color: #0070B8;
}
	.loggedin span {
		padding-left:	5px;
		font-size:		15px;
	}

/**
 * FORM VALIDATIE
 */
form#validateForm p a { color: #0070B8; }
/**
 * NIEUWS
 */
.datum{ font-size:11px; font-style:italic; color:#999999; }
p.info{ background-color:#66CC66; margin-top: 5px; margin-right:20px; padding: 2px; color:#FFFFFF; }
p.upload-photo {text-align:right; margin-bottom: 0px; }
	p.upload-photo a {color: inherit; text-decoration:none;}
		p.upload-photo a:hover {text-decoration:underline;}

ul.nieuws-overzicht{
	list-style: 	none;
	padding-bottom:	20px;
	line-height:	1.7;
}
	ul.nieuws-overzicht li span{
		width:		90px;
		float:		left;
	}
		ul.nieuws-overzicht li a{
			color:				#333333;
			text-decoration:	none;
		}
		ul.nieuws-overzicht li a:hover{
			text-decoration:	underline;
		}
div.nieuws-item h1{
	font-size: 14px;
}
	div.nieuws-item p{
		font-size: 12px;
	}
		div.nieuws-item p.overzicht { text-align:right; }
		div.nieuws-item p.overzicht a{
			font-size:			11px; 
			font-style:			italic; 
			text-decoration:	none;
			color:				#999999;
		}
		div.nieuws-item p.overzicht a:hover{
			text-decoration:	underline;
		}
div.nieuws-plaats-reactie h2 {
	font-size: 14px;
}
	div.nieuws-plaats-reactie form textarea {
		font-family:	Arial, Helvetica, sans-serif;
		width:			350px;
		height:			100px;
	}
div.nieuws-reactie {
	border: 	1px solid #EEEEEE;
	margin:		20px 20px 0 0;
	padding:	5px;
}
	div.nieuws-reactie img {
		margin: 	0 10px 10px 0;
		padding: 	1px;
		border:		1px solid #EEEEEE;
		float:		left;
	}
	div.nieuws-reactie  div.name a {
		color:				#000000;
		text-decoration:	none;
	}
		div.nieuws-reactie  div.name a:hover { text-decoration: underline;}

	div.nieuws-reactie div {
		float:		left;
	}
	div.nieuws-reactie p {
		clear:		both;
	}

/**
 * BEOODELNG FOTO
 * Onder nieuwsitems
 */
div.fotoHolder div.foto {
	float:			left;
	margin-right: 	10px;
	margin-bottom:	10px;
}
	div.fotoHolder div.foto img {
		border: 		1px solid #EEEEEE;
		padding:		1px;
	}
/**
 * VALIDATIE
 */
label.error {
	background: 	url('../images/unchecked.gif') no-repeat;
	padding-left: 	16px;
	margin-left: 	.3em;
}
label.valid {
	background: 	url('../images/checked.gif') no-repeat;
	display: 		block;
	width: 			16px;
	height: 		16px;
}

/**
 * ERROR
 */
p.error {
	padding:			5px;
	background-color:	#DA2A35;
	color:				#FFFFFF;
}
	p.error a{
		color:				#FFFFFF;
	}
p.error span.error-title {
	text-transform:		uppercase;
}

/**
 * FIETSEN PAGINA
 */
div.overzichtBlok{
	float:		left;
	padding:	5px;
	margin:		0 5px 5px 0;
}
	div.overzichtBlok:hover{ background-color:#F4F4F4; }
	div.overzichtBlok h1{ margin-top: 0;}
	div.overzichtBlok img{
		padding:	1px;
		border:		1px solid #EDEDED;
	}
/**
 * PROFIEL PAGINA
 */
h1.club {
	clear:		both;
	padding-top:20px;
}
div.profileImages {
	position:		relative;
	float: 			left;
	margin-right:	10px;
}
	div.profileImages span.image a.enlarge img {
		padding:	1px;
		border:		1px solid #EDEDED;
	}
	div.profileImages a.enlarge img {
		padding:	1px;
		border:		1px solid #EDEDED;
	}
		div.profileImages span.delete {
			position:	absolute;
			bottom: 	5px;
			right: 		5px;
			border:		0px solid #FFFFFF;
		}
		img.delete { border: none; }
div.profileImages a.photo img {
	float: 			left;
	padding:		1px;
	border:			1px solid #EDEDED;
	margin-right: 	10px;
	margin-bottom: 	10px;
}
div.profileImages a.enlarge img:hover { border: 1px solid #CCCCCC; }
span.delBericht { float: left; padding: 5px 5px 0 5px; }
	span.delBericht a img { border: none; }
div.profileInfo { float: left; }

form.add-message input { width: 200px; }
	form.add-message textarea { width: 200px; height:100px }
	form.add-message input.submit { width: auto; }

.blogs {
     clear: both;
     margin: 0 20px 10px 0;
     padding: 5px;
     border: 1px solid #EEEEEE;
	 height:	1%;
	 overflow:	auto;
}
	.blogs:hover { background-color:#F4F4F4; }
	.blogs div span a{ color: #000000; text-decoration:none; }
	.blogs div span a:hover{ color: #000000; text-decoration: underline; }
	.blogs div img {
		 padding: 1px;
		 border: 1px solid #EEEEEE;
		 float:right;
	}

.leden {
     float: left;
     width: 240px; 
     margin: 2px 2px 0 0; 
     padding: 1px; 
     border: 1px solid #eee;
}
	.leden:hover { background-color:#F4F4F4; }
	.leden div {
		 color: 		#999999;
	}
	.leden div a {
		 color: #000000;
		 font-weight:bold;
		 text-decoration:none;
	}
		.leden div a:hover { text-decoration:underline; }
	.leden img {
		 float: left;
		 padding: 1px;
		 margin-right:10px;
		 border: 1px solid #eee;
	}

.linkDotted {
    border-bottom: 1px dotted #0070B8;
    color: #333;
    text-decoration: none;
}

/**
* #right ul {
*    margin-left: 18px;
*}
**/
.nieuws-item ul {
    margin-left: 18px;
}

.language {
    height: 10px;
    text-align: right;
}

.langHilite {
    background-position: 0 0;
}

ul.navigationVip {
	padding: 			0;
	margin: 			0;
	list-style:			none;
	list-style-position:outside;
	position:			relative;
	background-color:	#ededed;
	height:				25px;
	line-height:		2;
} 
	ul.navigationVip li {
		list-style:			none;
		border-right: 		2px solid #FFFFFF;
		float: 				left;
		height: 			25px;
	}
		ul.navigationVip li a {
			padding:			0 10px;
			display: 			block;
			height: 			25px;
			float: 				left;
			font-size:			12px;
			font-weight:		bold;
			line-height: 		2em;
			color: 				#000000;
			text-decoration: 	none;
			text-transform:		uppercase;
			background-color: 	#EDEDED;
		}
        
        ul.navigationVip li a img {
            vertical-align: middle;
        }
			ul.navigationVip li a.selected, ul.navigation li a:hover{
				background-color: #CCCCCC;
			} 
            
.fietsTitle {
    text-transform: uppercase;
    font-weight: bold;
}            

/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image:url(http://static.flowplayer.org/img/overlay/transparent.png); 
    color:#efefef;
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.contentWrap { 
    overflow:auto; 
}