/**ALGEMEEN
**
***********************************************************************************************************************************/
body{
font-family:arial;
background-image:url('http://localhost/site/achtergrond/1280 960.gif');
background-repeat: no-repeat;
BACKGROUND-COLOR: #f4fafe;
background-attachment:fixed;
background-position:left top;
text-align:center;
}

div.center{
position: relative;
margin: 0px auto;
width:972px;
text-align:left;
}
/**ALGEMEEN
**
***********************************************************************************************************************************/





/**Flashgedeelte
**
***********************************************************************************************************************************/
.b1, .b2, .b3, .b4 {
font-size:1px;
overflow:hidden;
display: block;
}

.b1 {
height:1px;
background:#C3C3C3;
margin:0 5px;
}

.b2 {
height:1px;
background:#FCFDFD;
border-right:2px solid #C3C3C3;
border-left:2px solid #C3C3C3;
margin:0 3px;
}

.b3 {
height:1px;
background:#FCFDFD;
border-right:1px solid #C3C3C3;
border-left:1px solid #C3C3C3;
margin:0 2px;}

.b4 {
height:2px;
background:#FCFDFD;
border-right:1px solid #C3C3C3;
border-left:1px solid #C3C3C3;
margin:0 1px;
}

.flash {
background: #FCFDFD;
border-right:1px solid #C3C3C3;
border-left:1px solid #C3C3C3;
}
/**Einde flashgedeelte
**
***********************************************************************************************************************************/





/**Menu
**
***********************************************************************************************************************************/

.b1h, .b1hbeneden, .b2h, .b3h, .b4h{
font-size:1px;
overflow:hidden;
display:block;
}

.b1h{
height:1px;
background:#C3C3C3;
margin:0 5px;
margin-top:5px;
}

.b1hbeneden{
height:1px;
background:#C3C3C3;
margin:0 5px;
margin-bottom:5px;
}

.b2h{
height:1px;
background:#01a9da;
border-right:2px solid #C3C3C3;
border-left:2px solid #C3C3C3;
margin:0 3px;
}

.b3h{
height:1px;
background:#01a9da;
border-right:1px solid #C3C3C3;
border-left:1px solid #C3C3C3;
margin:0 2px;
}

.b4h{
height:2px;
background:#01a9da;
border-right:1px solid #C3C3C3;
border-left:1px solid #C3C3C3;
margin:0 1px;
}

.linksvanmenu{
float:left;
width: 20px;
background: #01a9da;
border-left:1px solid #C3C3C3;
}

div.divmenu
{
width: auto;
font-size:15px;
float: left;
background-color: #01a9da;
}

.rechtsvanmenu {
background: #01a9da;
border-right:1px solid #C3C3C3;
}

div.submenu
{
padding-top:10;
position:absolute;
font-size:14px;
visibility:hidden;
background-color: white;
border:1px solid #C3C3C3;
z-index:2
}



img.menulijnhorizontaal{
width:100%;
height:1px;
}

img.menulijnverticaal{
width:1px;
height:15px;
}

a.menulink:link 		{color: white; text-decoration: none; font-family:helvetiva,arial; font-weight: bold;}
a.menulink:visited 		{color: white; text-decoration: none; font-family:helvetiva,arial; font-weight: bold;}
a.menulink:hover		{color: black; text-decoration: none; font-family:helvetiva,arial; font-weight: bold;}
a.menulink:active 		{color: black; text-decoration: none; font-family:helvetiva,arial; font-weight: bold;}

a.menusublink:link 		{color: black; text-decoration: none; font-family:helvetiva,arial}
a.menusublink:visited 	{color: black; text-decoration: none; font-family:helvetiva,arial}
a.menusublink:hover		{color: black; text-decoration: none; font-family:helvetiva,arial; background-color:#01a9da;}
a.menusublink:active 	{color: black; text-decoration: none; font-family:helvetiva,arial;}

.menu{
width:970px;
background: #01a9da;
margin-left: 1px;

}

a.menusublink{
	margin-top:0px;

}
p.subrij{
	margin:1px;
}
p.subrij:hover{
	background-color:#01a9da;
}


/**Einde menu
**
***********************************************************************************************************************************/




/**Content links
**
***********************************************************************************************************************************/
.content {
float:left;
width:960px;
min-height: 400px;
height: auto !important;
height: 400px;
background: #FCFDFD;
border-right:1px solid #C3C3C3;
border-left:1px solid #C3C3C3;
padding-left:10px;
}
.contentlinks
{
	width:700px;
}
.contentlinksspecial
{
	width:960px;
}
/**Einde content links
**
***********************************************************************************************************************************/





/**Acties rechts
**
***********************************************************************************************************************************/
div.actiewidth{
position:absolute;
margin-top: 200px;
margin-left: 745px;
width: 200px;
}



.b1a, .b1abeneden, .b2a, .b3a, .b4a{
font-size:1px;
overflow:hidden;
display:block;
}

.b1a{
height:1px;
background:#b1e4f5;
margin:0 5px;
}

.b1abeneden{
height:1px;
background:#b1e4f5;
margin:0 5px;
margin-bottom:30px;
}

.b2a{
height:1px;
background:#b1e4f5;
border-right:2px solid #b1e4f5;
border-left:2px solid #b1e4f5;
margin:0 3px;
}

.b3a{
height:1px;
background:#b1e4f5;
border-right:1px solid #b1e4f5;
border-left:1px solid #b1e4f5;
margin:0 2px;
}

.b4a{
height:2px;
background:#b1e4f5;
border-right:1px solid #b1e4f5;
border-left:1px solid #b1e4f5;
margin:0 1px;
}

div.actie,.actie2{
font-size:15px;
color:white;
}

div.actie{
background:#b1e4f5;
padding-left:5px;
color:black;
}

div.actie2{
background:#b1e4f5;
padding-left:5px;
color:black;
}

img.actie{
padding-left:20px;
height:100px;
border: 0px;
}

a.actie:link 	{color: black; text-decoration: none; font-family:helvetiva,arial;}
a.actie:visited {color: black; text-decoration: none; font-family:helvetiva,arial;}
a.actie:hover	{color: white; text-decoration: none; font-family:helvetiva,arial;}
a.actie:active 	{color: black; text-decoration: none; font-family:helvetiva,arial;}

p.actietekst{
margin:0px;
font-size: small;
}

/**Einde acties rechts
**
***********************************************************************************************************************************/





/**FOOTER
**
***********************************************************************************************************************************/

.b01, .b02, .b03, .b04 {
font-size:1px;
overflow:hidden;
display: block;
}

.b01boven {
height:1px;
background:#C3C3C3;
margin:0 5px;
margin-top:5px;
}

.b01 {
height:1px;
background:#C3C3C3;
margin:0 5px;
}

.b02 {
height:1px;
background:#01a9da;
border-right:2px solid #C3C3C3;
border-left:2px solid #C3C3C3;
margin:0 3px;
}

.b03 {
height:1px;
background:#01a9da;
border-right:1px solid #C3C3C3;
border-left:1px solid #C3C3C3;
margin:0 2px;}

.b04 {
height:2px;
background:#01a9da;
border-right:1px solid #C3C3C3;
border-left:1px solid #C3C3C3;
margin:0 1px;
}

div.voettekst{
background: #01a9da;
border-right:1px solid #C3C3C3;
border-left:1px solid #C3C3C3;
font-family: helvetica;
color:white;
font-size: small;
text-align:center;
vertical-align: middle;
font-size: smaller;
}

img.voettekst{
vertical-align: middle;
width:60px;
}
/**Einde FOOTER
**
***********************************************************************************************************************************/





/**Begin Specials
**
***********************************************************************************************************************************/
div.kleinkaderscooter{
margin-bottom: 10px;
margin-right: 10px;
width:210px;
height:144px;
float:left;
border: 1px solid grey;
padding:5px;
}

.filteractief,.filternietactief{
text-decoration:none;
}
a.filternietactief:link 	{color: #2F5498; }
a.filternietactief:visited	{color: #2F5498; }
a.filternietactief:hover	{color: black; }
a.filternietactief:active 	{color: #2F5498; }


.bladwijzer,.bladwijzeractief,.bladwijzers{
background-color:#01a9da;
color:black;
text-decoration:none;


}
.singleprijs{
font-weight: bold;
font-size:large;
}

.singletd{
width:220px;
}

.singletitel{
font-weight: bold;
font-size:large;
}

.singlelink 	{color: blue; }
.singlelink:link 	{color: blue; }
.singlelink:visited	{color: blue; }
.singlelink:hover	{color: black; }
.singlelink:active 	{color: blue; }

.afbspec{
position:absolute;
margin-top: 0px;
margin-left: 400px;
width: 400px;
}
.bladwijzeractief{
background-color:darkblue;
color:white;
}

.verwijderafb{
width:15px;
border:none;
}

.bladwijzers{

}

div.kleinkaderfiets{
margin-bottom: 10px;
margin-right: 10px;
width:210px;
height:170px;
float:left;
border: 1px solid grey;
padding:5px;
}

div.prijs
{
margin-top:50px;
color:black;
font-weight:bold;
margin-left:130px;
float:left;
position:absolute;
}

div.divoverzicht{
width:218px;
height:144px;
/*border-right:1px solid #C3C3C3;
border-left:1px solid #C3C3C3;
background-image: url('/userfiles/opmaak/kaderachter.png');*/
background-image: url('../../userfiles/opmaak/kaderachter.png');

}

.b1s, .b2s, .b3s, .b4s {
font-size:1px;
overflow:hidden;
display: block;
}

.b1s {
height:1px;
background-color:lightblue;
margin:0 5px;

}

.b2s {
height:1px;
background-color:lightblue;
border-right:2px solid #C3C3C3;
border-left:2px solid #C3C3C3;
margin:0 3px;
}

.b3s {
height:1px;
background-color:lightblue;
border-right:1px solid #C3C3C3;
border-left:1px solid #C3C3C3;
margin:0 2px;}

.b4s {
height:2px;
background-color:lightblue;
border-right:1px solid #C3C3C3;
border-left:1px solid #C3C3C3;
margin:0 1px;
}

.titelspecial,.omschrijvingspecial{
margin-left:5px;
margin-top:0px;
font-family: verdana;
font-size: x-small;
color:#2F5498;
font-weight: bold;
height:50px;
padding-top:5px;

}

.specialtitel{
	font-family:helvetiva,arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;

	margin-left:0px;
	color: #2F5498;
}
a.specialtitel:link 	{color: #2F5498; }
a.specialtitel:visited	{color: #2F5498; }
a.specialtitel:hover	{color: black; }
a.specialtitel:active 	{color: #2F5498; }


.afbeeldingspecial{
margin-left:5px;
position: relative;
float:left;
margin-right:5px;
z-index:2;
margin-top:0px;
}

.afbspecial{
width:120px;
height:90px;
border: none;
margin-left:0px;
}

.omschrijvingspecial{
color:black;
margin-left:0px;
height:60px;

}

.prijs{
font-family: verdana;
font-size: small;
vertical-align:bottom;
font-weight: bold;
height: 100%;
text-align:right;
margin-top:0px;
margin-right:10px;
margin-left:10px;
}

div.filter{
position:relative;
margin-top: -15px;
margin-left: 745px;
width: 200px;
border:0px solid;
font-size: small;
}

b.filter{
font-weight: bold;
font-size: small;
}

.p{
font-weight: bold;
}
a.filter,a.filterrechts,a.filterverwijder{
	font-family:helvetiva,arial;
	font-size: small;
	text-decoration: none;
}
a.filter:link 	{color: #2F5498; }
a.filter:visited{color: #2F5498; }
a.filter:hover	{color: black; 	 }
a.filter:active {color: #2F5498; }

a.filter{
	font-family:helvetiva,arial;
	font-size: small;
}

a.filterrechts:link 	{color: #2F5498; }
a.filterrechts:visited{color: #2F5498; }
a.filterrechts:hover	{color: black; 	 }
a.filterrechts:active {color: #2F5498; }

a.filterverwijder:link 	{color: red; }
a.filterverwijder:visited{color: red; }
a.filterverwijder:hover	{color: black; 	 }
a.filterverwijder:active {color: red; }

/**Einde Specials
**
***********************************************************************************************************************************/




/**LIGHTBOX
**
***********************************************************************************************************************************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%;
	background-image: url(data:/classes/images/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(classes/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(classes/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/**Einde LIGHTBOX
**
***********************************************************************************************************************************/