@charset "utf-8";
/* CSS Document */

#sidebar-left {
	display: none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 14pt;
	color:#000000;
	background-color: #fff;
	text-align: center;
	margin: 0;
	padding: 0;
}
p, td, th {
	font-size: 10pt;
}
#top {
	float: left;
	text-align: center;
}
#main {
	float: left;
	width: 990px;
	text-align: left;
	margin-left: 0.5%; 
	margin-right: 0.5%; 
	background-attachment: scroll;
	background-image: url(../img/bike-in-bck.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/*###########################*/
/*	HeaderEV				 */
/*###########################*/
#headerEv {
	background-attachment: scroll;
/*	background-image: url(../img/fietspaden-en-lanen-tel.jpg);*/ 
	background-image: url(../img/fietspaden-en-lanen.jpg); 
	background-repeat: no-repeat;
	background-position: 0px 92px;	
	height: 240px;
	border-bottom: 1px solid #ffffff;
	margin: 0;
}
#headerEv h1, #headerEv #logo {
	background-attachment: scroll;
	background-image: url(../img/logo-fietsnet.gif);
	background-repeat: no-repeat;
	background-position: 20px 10px;
	text-indent: -9999px;
	margin: 0;
	padding: 5px;
	height: 50px;
}
#headerEv h1 a {
	display: block;
	margin-left: 10px;
	height: 50px;
	text-indent: -9999px;
	text-decoration: none;
}
#headerEv ul {
	list-style-type: none;
}
#headerEv ul li {
	display: inline;
}
#headerEv ul#breadcrumbs {
	margin-top: 10px;
	margin-left: 0;
	padding-left: 18px;
}
#headerEv ul#breadcrumbs li {
	float: left;
	display: block;
	font-size: 9pt;
	margin-left: 3px;
}
#headerEv ul#breadcrumbs li a {
	color: #000000;
	padding: 3px;
	margin-left: 6px;
	font-size: 9pt;
	width: auto;
}
#headerEv ul#breadcrumbs li.current a {
	font-weight: bold;
	color: #0d9ae0;
}
h2.structural {
	display: none;
}


/*###########################*/
/*		navigatie menu 		 */
/*###########################*/
#headerEv ul#navMenu, #headerEv ul#navlist {
	position: absolute;
	top: 186px;
	margin-left: -25px;
}
#headerEv ul#navMenu li, #headerEv ul#navlist li {
	margin-left: 5px;
	float: left;
	position: relative;
	padding: 0 7px;
}
#headerEv ul#navMenu li a, #headerEv ul#navlist li a {
	position: relative;
	display: block;
	color:#000;
	padding: 3px 15px;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
	text-align: center;
}
#headerEv ul#navMenu li a:hover, #headerEv ul#navlist li a:hover {
	color: #0d9ae0;
}
#headerEv ul#navMenu li span, #headerEv ul#navlist li span {
	position: absolute;
	top: 0.5pt;
	display: block;
	width: 7px;
	height: 26px;
}
#headerEv ul#navMenu li span.menu-tl, #headerEv ul#navlist li span.menu-tl {
	left: 0;
	background: url(/img/menu-tl.gif) top left no-repeat;
}
#headerEv ul#navMenu li span.menu-tr, #headerEv ul#navlist li span.menu-tr {
	right: 0;
	background: url(/img/menu-tr.gif) top left no-repeat;
}



/*###########################*/
/*	Header					 */
/*###########################*/
#headerEv .siteOptions, #headerEv #subnavlist {
	float: right;
	margin-top: -10px;
}
#headerEv .siteOptions li, #headerEv #subnavlist li {
	float: left;
	display: block;
}
#headerEv .siteOptions li a, #headerEv #subnavlist li a {
	padding: 5px;
	font-size: 10pt;
	width: auto;
	color:#000000;
}

/*###########################*/
/*	content area			 */
/*###########################*/
#contentArea {
	float: left;
	width: 100%;
	margin: 0;
	margin-top: -14px;
}
#contentArea .infoBalk {
	background-color: #0d9ae0;
	padding: 8px;
	float: left;
	padding-bottom: 45px;
}
#contentArea .infoBalk p, #contentArea .infoBalk h4 {
	color: #FFFFFF;
	padding: 4px;
	padding-right: 10px;
	margin: 0;
}
#contentArea .infoBalk h1 {
	padding: 4px;
	margin: 0;
}
#contentArea .infoBalk a {
	color: white;
	font-weight: bold;
}
.links {
	width: 480px;
	float: left;
	padding: 0 3px;
}
.rechts {
	width: 480px;
	float: left;
	padding: 0 4px;
}
.midden {
	width: 480px;
	float: left;
	padding: 0 3px;
}
.third {
	width: 318px;
}
#contentArea h1 {
	color: white;
	font-size: 16pt;
}

/*###########################*/
/*	info Tab  				 */
/*###########################*/
.infoTab {
	padding: 0;
	margin-top: -28px;
	margin-left: 4px;
	float: left;
	text-align: center;
}
.infoTab h2, .infoTab .divH2 {
	position: absolute;
	text-align: left;
	padding: 0;
	margin: 0;
	padding-left: 12px;
	padding-right: 12px;
	margin-left: 0px;
}
.infoTab h2 a, .infoTab .divH2 a {
	position: relative;
	font-size: 12pt;
	display: block;
	background-color: #fff;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 6px;
	padding-left: 2px;
	background-image: url(/img/infopage-h2-bck-o.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.infoTab h2 span.tl-left, .infoTab .divH2 span.tl-left  {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 12px;
	height: 31px;
	background-image: url(/img/infopage-tabcorner-left-o.gif);
	background-repeat: no-repeat;
}
.infoTab h2 span.tl-right, .infoTab .divH2 span.tl-right {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 31px;
	background-image: url(/img/infopage-tabcorner-right-o.gif);
	background-repeat: no-repeat;
}
.infoTabFooter {
	position:static;
	float: left;
	clear: both;
	padding: 0;
	margin: 0;
	background-color:#FFCC00;
	background:url(/img/infopage-btm-o.gif) left bottom repeat-x;
}
.infoTabFooter span.bl-left {
	position: relative;
	left: 0;
	float: left;
	background-attachment: scroll;
	background-image: url(/img/infopage-btm-left-o.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 12px;
	height: 11px;
	padding: 0 12px;
	margin: 0;
	padding-top: 2px;
}
.infoTabFooter span.bl-right {
	position: relative;
	float: right;
	right: 0;
	background-attachment: scroll;
	background-image: url(/img/infopage-btm-right-o.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 12px;
	height: 11px;
	margin: 0;
	padding: 0;
	padding-top: 2px;
}

.infoTabDetails {
	background: url(/img/infotab-dt-bck-o.gif) left top repeat-y scroll;
	width: 716px;
}
.infoTabDetails h2, .infoTabDetails .divH2 {
	width: 691px;
	margin-left: 0px;
}
.infoTabDetails .infoTabFooter {
	width: 715px;
}


.infoTabHalf {
	width: 350px;
	background: url(/img/infotab-h-bck-o.gif) left top repeat-y scroll;
}
.infoTabHalf h2, .infoTabHalf .divH2 {
	width: 326px;
	margin-left: 0px;
}
.infoTabHalf .infoTabFooter {
	width: 351px;
}
.infoTabHalf .productFlash {
	width: 320px;
	height: 333px;
}

.dragers .productFlash {
	width: 320px;
	height: 410px;
}


.infoTabM {
	width: 318px;
	background: url(/img/infotab-m-bck-o.gif) left top repeat-y scroll;
}
.infoTabM h2, .infoTabM .divH2 {
	width: 292px;
	margin-left: 0px;
}
.infoTabM .infoTabFooter {
	width: 317px;
}
.infoTabM .productFlash {
	width: 290px;
}


.infoTabXL {
	background: url(/img/infotab-xl-bck-o.gif) left top repeat-y scroll;
	width: 478px;
}
.infoTabXL h2, .infoTabXL .divH2 {
	width: 452px;
	margin-left: 0px;
}
.infoTabXL .infoTabFooter {
	width: 477px;
}

.infoTabSmall {
	background: url(/img/infotab-sm-bck-o.gif) left top repeat-y scroll;
	width: 235px;
}
.infoTabSmall h2, .infoTabSmall .divH2 {
	width: 211px;
	margin-left: 0px;
}
.infoTabSmall .infoTabFooter {
	width: 236px;
}
.nextRow {
	margin-top: 6px;
}
.nextRow h2 span.tl-left, .nextRow .divH2 span.tl-left {
	background-image: url(/img/nextrow-tabcorner-left-o.gif);
}
.nextRow h2 span.tl-right, .nextRow .divH2 span.tl-right {
	background-image: url(/img/nextrow-tabcorner-right-o.gif);
}
.evelooPrijs {
	font-size: 11pt;
	font-weight: bold;
}
.fietsnetPrijs {
	font-size: 11pt;
	font-weight: bold;
}
.assortiment {
	width: 720px;
	float: left;
	margin: 0;
	padding: 0;
}
.sidebar-right {
	float: right;
	width: 246px;
	clear: both;
	margin-right: 12px;
	margin-top: -40px;
}
.availColors {
	margin: 0;
	padding: 0;
	margin-left: 14px;
}
.productZoek {
	width: 246px;
	float: left;	
	background: url(/img/productzoek-bck.png) repeat-y 0px 0px scroll;
	padding-left: 8px;
}
.productZoek p {
	padding: 5px;
	line-height: 16pt;
}
.productZoek p img {
	margin: 8px;
	margin-left: 0px;
	margin-top: 0px;
}
.productZoek a {
	color: #0d9ae0;
}
.productZoekFoot {
	background:url(/img/productzoek-bck-foot.gif) no-repeat left bottom scroll;
	position: relative;
	bottom: 0;
	width: 255px;
	margin-left: -8px;
}

.productFlash {
	width: 200px;
	height: 275px;
	float: left;
	margin-top: 25px;
	text-align: center;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
}
.productFlash a {
	color: #0d9ae0;
	font-weight: bold;
	font-size: 12pt;
}
.productFlash img {
	margin: 8px;
}
.productFlash p {
	line-height: 18pt;
}
.productFlash .productShortlist {
	text-align: left;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}
.productFlash ul.productShortlist, .productFlash .productShortlist li {
	list-style-type: none;
}
.productFlash .productShortlist li em {
	font-size: 8pt;
}
.productShortlist a {
	font-size: 11pt;
	display: block;
	padding-bottom: 6px;
	padding-top: 6px;
	border-bottom: 1px solid #CFCFCF;
	text-decoration: none;
}
.productShortlist a:hover {
	color: orange;
}
.priceTag {
	float: right;
	text-align: right;
/*	margin-top: -20px; */
	color: #000000;
	font-weight: normal;
	font-size: 10pt;
}
.productContent {
	margin: 14px;
	padding-top: 10px;
	position: relative;
	text-align: left;
}
.productContent h3 {
	color: #0d9ae0;
}
.productContent img {
	padding: 20px;
	border: 1px solid #cfcfcf;
}
.productContent a {
	color: #0d9ae0;
}
.productContent ul {
	color: #0d9ae0;
	list-style-type:square;
}
.productContent ul li {
	font-size: 10pt;
	color:#000000;
}
.submitBttn {
	padding: 8px 12px;
	background-color:#FF6600;
	color: white;
	font-size: 11pt;
	font-weight: bold;
	text-transform:capitalize;
	border: outset 2px #0d9ae0;
	float: right;
}
#stap2 label {
	width: 250px;
	text-align: left;
}
.orderDetails {
	border: 1px solid #cfcfcf;
	padding: 5px;
	padding-top: 0;
	margin: 5px;
	width: 86%;
}
.orderDetails h4, .orderDetails p {
	padding: 0;
	margin: 5px;
}

.infoTabXL .xlContent {
	float: left;
	clear: left;
	width: 450px;
	margin: 0;
	margin-top: 20px;
	text-align: left;
	font-size: 10pt;
	padding: 15px;
	padding-top: 5px;
	padding-right: 25px;
}
.xlContent ul {
	margin: 0;
	padding: 4px;
	list-style-type: square;
}
.xlContent ul li {
	margin-left: 5px;
}


a.blowUpLink {
	/* display: block; */
	font-size: 8pt;
	color: #cccccc;
	text-align: right;
	width: 180px;
}
a.blowUpLink:after {
/* Opent popup ikoon
	content: "Vergroting"; */
	float: right;
}
.merkenLogos {
	float: left;
	margin-top: 20px;
}

/*###########################*/
/*		footer				 */
/*###########################*/
.footer {
	float: left;
	text-align: center;background: url(../../../../../Documents and Settings/R-J van Velzen/Local Settings/Temp/fz3-12446266344370) no-repeat;
	width: 0px;
	height: 0px;
	
	width: 99%;
	margin-top: 20px;
}
.footer ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 99%;
	clear: left;
	padding-left: 45.5%;
	text-align: center;
}
.footer ul li {
	float: left;
	display: inline;
}
.footer ul li a {
	display: block;
	padding: 4px;
	color: #000000;
	font-size: 10pt;
}
.footer p {
	float: left;
	clear: left;
	margin: 0;
	padding-left: 22%;
	text-align: center;
	width: 99%;
}
.FAQoverview {
	color: #0d9ae0;
	margin-left: 100px;
	padding: 10px;
}
.FAQoverview li {
	padding-left: 5px;
	margin-left: 15px;
}
.FAQoverview li a {
	color: #0d9ae0;
	font-weight: bold;
}
.FAQhead {
	list-style-type: none;
	margin-top: 20px;
}
.disabled {
	color: #CFCFCF;
}
.error {
	border: 1px solid red;
	padding: 2px;
}
.orderForm {
}
.orderForm td {
	border-bottom: 1px solid #ccc;
	padding: 4px;
}
.orderForm .odd td {
	background-color: #E5E5E5;
	
}
a.infoI {
	padding: 3px;
	font-size: 12pt;
	padding-left: 5px;
	padding-right: 5px;
	color: #FFFFFF;
	font-weight: bolder;
	background-color:#0099FF;
	text-decoration: none; 
	font-family:"Courier New", Courier, monospace;
}
a.hiLite, a.hiLite:hover {
	font-weight: bolder;
	color:#0099FF;
	text-decoration: none; 
}
.beoordeling {
	margin-top: 18px;
	font-family:Georgia, Garamond, "Times New Roman", Times, serif;
	background: url(/img/bluequote.gif) no-repeat -1px -3px;
/*	border-right: 2px solid #FFCC66;
	border-bottom: 2px solid #FFCC66; */

	background-color:#FFFFCC;
}
.beoordeling p {
	font-size: 8pt;
	line-height: 13pt;
	text-indent: 18px;
	padding: 8px;
	padding-top: 2px;
}

.telefoonPromo {
	padding: 12px;
	margin: 2px;
	margin-top: 10px;
	line-height: 4pt;
	background-color:#FF6600;
	float: left;
	color:#FFFFFF;
	width: 230px;
	font-weight:bold;
}
.telefoonPromo p.intro {
	font-size: 13pt;
	font-weight: bold;
}
.telefoonPromo p.tel {
	font-size: 16pt;
	font-weight: bold;
}

.uwBesparing {
	width: 95px;
	height: 65px;
	background: url(../img/sticker-bck.jpg) left top no-repeat;
	color:#FFFFFF;
	text-align: right;
	padding-top: 35px;
	padding-right: 35px;
	float: left;
	margin-top: -90px;
	margin-left: 214px;
}
.uwBesparing span {
	font-size: 9pt;
	font-weight: bold;
}
.uwBesparing strong {
	font-size: 14pt;
}

.priceVerschil {
	float: right;
	width: 54px;
	height: 22px;
	background: url(../img/sticker-klein-bck.png) left top no-repeat;
	color:#FFFFFF;
	text-align: right;
	padding-top: 25px;
	padding-right: 12px;
	margin-top: -40px;
	font-size: 12pt;
}
.priceVerschil .verschilInfo {
	color: #fff;
	font-size: 7pt;
	line-height: 14pt;
}
.priceVan {
	text-align: right;
	color: #666;
	font-weight: normal;
}
.priceVoor {
	text-align: right;
	color: #ff6000;
	font-weight: bold;
	font-size: 12pt;
}
.prijsRegel {
	line-height: 2pt;
	padding: 2px;
	margin: 2px;
	font-size: 8pt;
}
#aanbieding a {
	float: right;
	display: block;
	height: 130px;
	width: 460px;
	margin-top: 15px;
	margin-right: 20px;
}