a{
	outline:none;
}
h1,h2{
	font-size: 28px;
	line-height: 30px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 0;
	margin-bottom:  10px;
	letter-spacing: -0.1em;
	padding:0;
	margin:0;
	margin-top:  0.5em;
}


#right h1,#right h2{
	font-size:  23px;
}


p{
	font-family: Arial, sans-serif;
	font-size: 12px;
}

body{
	width:  960px;
	margin:  0px auto;
	padding:  0;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

br.clear{
	clear: both;
	float: none;
}


div#preload{
	display:none;
}

#nav img#logo{
	margin-top: -6px;
}


#container{
	width:  960px;
	margin:  0px auto;
	padding: 0;
	text-align: left;
}

ul#nav{
	list-style: none;
	width:  960px;
	height:  32px;
	margin: 0;
	margin-top: 5px;
	padding: 0;
	visibility: hidden;
}

ul#nav li {
	float: left;
	width:  132px;
	height: 31px;
	background: transparent url(../image/navbg.gif) left top repeat-x;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	font-size: 13.5px;
	margin: 0;
	padding:0;
	list-style: none;
	cursor: pointer;
}

ul#nav li.active,
ul#nav li:hover{
	background: transparent url(../image/navbg_active.gif) left top repeat-x;
}

ul#nav li a{
	color:  white;
	text-decoration: none;
	display:block;
	background:transparent;
	padding: 10px;
	padding-left: 18px;
	padding-top: 7px;
	padding-bottom: 13px;
}
ul#nav li#nav_home a{
	display:block;
	background:transparent;
	padding: 10px;
	padding-left: 21px;
	padding-top: 7px;
	padding-bottom: 13px;
}

ul#nav li img.navleft{
	float:left;
}
ul#nav li img.navright{
	float:right;
}

ul#nav li#nav_home{
	width: 165px;
}


span.breadcrumb{
	position:absolute;
	left: 0px;
	top: 15px;
}
span.breadcrumb, span.breadcrumb a,
span.breadcrumb, span.breadcrumb a{
	font-size:  10px;
	color: #999;
	text-decoration: none;
}

span.breadcrumb a:hover{
	text-decoration: underline;
	color: black;
}

span.breadcrumb a b, span.breadcrumb b a,  span.breadcrumb b{
	font-weight: normal;
	color: black;
}


#left{
	position:relative;
	line-height: 1.5em;
	margin-left: 10px;
	min-height: 550px;
}



#right{
	width:  260px;
	padding-right: 10px;
	overflow: visible;
	float: right;
	padding-top:  20px;
}

#right a,#right a h1,#right a h2{
	color:  black;
	text-decoration: none;
}
#right a:hover,
#right a:hover h1,
#right a:hover h2{
	color: #ffcc00;
}
#left p, #right p{
	line-height: 1.5em;
}

#right a.arrow{
	display: block;
	margin:0;
	margin-left:  -30px;
	width:  21px;
	height:  21px;
	background: #fff url(../image/link_arrow.gif) no-repeat left top;
	float: left;
}


#footer{
	width:  938px;
	height:  26px;
	padding-top: 14px;
	padding-left: 22px;
	background-color: black;
	clear: both;
	text-align: left;
	z-index: 1000;
}

#footer a.lang{
	margin-right: 4px;
}


#footer span{
	float:right;
	font-size: 10px;
	font-weight: bold;
	color: #444;
	margin-right: 20px;
}

#footer span b, #footer span a{
	color: #444;
	text-decoration: none;
}
#footer span a:hover{
	text-decoration: underline;
}

#home #left{
	width:  650px;
	position: relative;
	float: left;
	min-height: 550px;
}

#home #left a{
	text-decoration: none;
}

#home #left span#spoiler{
	display: block;
	width: 110px;
	height: 106px;
	position: absolute;
	left:  0px;
	top: 15px;
	padding:  13px;
	padding-top: 30px;
	text-align: center;
	color: black;
	text-decoration: none;
	background:  transparent url('../image/ster.png') no-repeat left top ;
	font-size: 16px;
	font-weight: bold;
	z-index: 1001;
	cursor: pointer;
}

#home #left span#spoiler small{
	margin-top:5px;
	display: block;
	color: black;
	font-size: 10px;
}
#home #right{
	padding-top: 10px;
}
#home #right h1,#home #right h2{
	font-size: 28px;
	margin-bottom: 8px;
}

#home #right a.arrow{
	margin-top: 7px;
}

#models #container{
	height: 643px;
}

#models div.model a:hover,
#models div.model a:hover h2,
#models div.model a:hover h1{
	color: #ffcc00;
}
#models div#models-menu{
	width:  960px;
	height: 600px;
	margin-top: 5px;
	background: #ffffff url('../image/bg_modellen.gif') no-repeat center top;
}
#models div#models-menu div.model{
	text-align: center;
	position: relative;
	width:  470px;
	margin-right:  10px;
	height:  300px;
	float: left;
	margin-bottom:  5px;
	background:transparent;
}
#models div#models-menu div#model-1{
}
#models div#models-menu div#model-2{
	clear: right;
}
#models div#models-menu div#model-3{
	margin-bottom:  0px;
	clear: left;
}
#models div#models-menu div#model-4{
	margin-bottom:  0px;
}
#models div#models-menu div.model div.model_title{
	position:  absolute;
	top: 10px;
}
#models div#models-menu div.model div.model_title,
#models div#models-menu div.model div.model_title h2{
	font-size: 20px;
	line-height: 22px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 0;
	letter-spacing: -0.02em;
}
#models div#models-menu div.model div.model_title.right{
	float: left;
	left: 0px;
}
#models div#models-menu div.model div.model_title.left{
	float: right;
	left: 320px;
	width:  200px;
	text-align: left;
}

#models div#models-menu div#model-1 div.model_title{

	top: 20px;
}

#models div#models-menu div#model-2 div.model_title{
	left:  60px;
	top: 20px;
}

#models div#models-menu div#model-3 div.model_title{
	top: 25px;
}

#models div#models-menu div#model-4 div.model_title{
	top: 25px;
	left:  60px;
}


#models div.model_title a.arrow{
	display: block;
	margin-left:  -25px;
	width:  21px;
	height:  21px;
	background: #fff url(../image/link_arrow_models.gif) no-repeat left top;
	float: left;
	margin-top: 2px;
}

#models a,#models a h1,#models a h2{
	color:  black;
	text-decoration: none;
	text-align: left;
}

#models #right a:hover,
#models #right a:hover h1,
#models #right a:hover h2{
	color: #ffcc00;
}

#model #right a.arrow_active,
#accessory #right a.arrow_active{
	display: block;
	margin-left:  -30px;
	width:  21px;
	height:  21px;
	background: #fff url(../image/link_arrow.gif) no-repeat left top;
	float: left;
	margin-top:  2px;
}

#model #right a.arrow,
#accessory #right a.arrow{
	display: block;
	margin-left:  -30px;
	width:  21px;
	height:  22px;
	background: #fff url(../image/link_arrow_grey.gif) no-repeat left top;
	float: left;
	margin-top:  2px;
}

#model #left,
#accessory #left{
	float: left;
	width:  620px;
	padding:0;
	margin-bottom: 25px;
	background-repeat: no-repeat;
	background-position: 10px bottom;
	min-height:500px;
	height: auto;
}

#accessory #left.elektrisch{
	float: left;
	width:  620px;
	padding:0;
	margin-bottom: 25px;
	background-repeat: no-repeat;
	background-position: 10px 60px;
	min-height:500px;
	height: auto;
}

#model #container,
#accessory #container{
	height: auto;
}

#model #right div.color,
#accessory #right div.color{
	width:  25px;
	height: 25px;
	margin-right:8px;
	float: left;
}


#model #subnav h2,#model #subnav  h1,#model  #subnav a h1,#model  #subnav a h2,
#accessory  #subnav h2,#accessory  #subnav h1,#accessory  #subnav a h1,#accessory  #subnav a h2{
	color:  black;
	text-decoration: none;
	font-size:  23px;
	letter-spacing: -0.08em;
	line-height: 1.2em;
	padding:0;
	margin:0;
	margin-top: 0;
	margin-bottom: 5px;
}


#model #subnav h2,#model #subnav  h1,
#accessory  #subnav h2,#accessory  #subnav h1{
	color: black;
}
#model  #subnav a:hover h1,#model  #subnav a:hover h2,
#accessory  #subnav a:hover h1,#accessory  #subnav a:hover h2{
	color: #ffcc00;
}

#model #right h2.submodel,
#accessory #right h2.submodel{
	color:  #999;
}



#model #accessories_container,
#accessory #accessories_container{
	top:  530px;
	width:  960px;
	height:  62px;
	margin-bottom: 10px;
	clear:both;
	visibility: hidden;
}
#model #accessories_right,
#accessory #accessories_right{
	float:right;
	width:  260px;
	padding-right: 10px;

}
#model #accessories_right h2{
	margin-top:15px;
	margin-bottom:0;
	font-size: 23px;

}

#accessory #accessories_right h2{
	margin-top:5px;
	margin-bottom:0;
	font-size: 23px;
}

#model #accessories a.prev,
#accessory #accessories a.prev{
	display: block;
	background:  transparent url(../image/prev.gif) no-repeat left center ;
	opacity: 0.4;
	height:  62px;
	width:  12px;
	float: left;
	margin-right:  3px;
}


#model #accessories a.next,
#accessory #accessories a.next{
	display: block;
	background:  transparent url(../image/next.gif) no-repeat left center ;
	height:  60px;
	width:  12px;
	float: right;
}

#model #accessories .window,
#accessory #accessories .window{
	width:  628px;
	height:  62px;
	overflow: hidden;
	position: relative;
}

#model #accessories .content,
#accessory #accessories .content{
	width:  auto;
	height:  62px;
	position: absolute;
}
#model #accessories li,
#accessory #accessories li {
	position: relative;
	height:  60px;
	padding:  0;
	margin: 0;
	margin-right: 4px;
	border:  1px solid #bbb;
}
#model #accessories li:hover,
#accessory #accessories li:hover{
	border:  1px solid #666;
}
#model #accessories li.active,
#accessory #accessories li.active{
	border:  1px solid #000;
}

body#accessoires #accessoires_index{
	padding-left: 10px;
	margin-top:-10px;
	padding-top:0;
	visibility:hidden;
}

.jcarousel-container {
    position: relative;
    width:  620px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    list-style: none;
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 70px;
    height: 62px;
    margin-right: 15px;
}

.jcarousel-list li.active {
	border:  1px solid #000;
}
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-bakfiets .jcarousel-container-horizontal {
    width: 608px;
    padding-left:  20px;
    padding-right:  15px;
}

.jcarousel-skin-bakfiets .jcarousel-clip-horizontal {
    width:  608px;
    height: 62px;
}

.jcarousel-skin-bakfiets .jcarousel-item {
    width: 70px;
    height: 62px;
}

.jcarousel-skin-bakfiets .jcarousel-item-horizontal {
    margin-right: 5px;
}

.jcarousel-skin-bakfiets .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


.jcarousel-skin-bakfiets .jcarousel-next-horizontal {
    position: absolute;
    right: 0px;
    width: 12px;
    height: 62px;
    cursor: pointer;
    background: transparent url(../image/next.gif) no-repeat left center;
}

.jcarousel-skin-bakfiets .jcarousel-next-disabled-horizontal,
.jcarousel-skin-bakfiets .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-bakfiets .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    opacity: 0.3;
	filter: alpha(opacity = 30);
}

.jcarousel-skin-bakfiets .jcarousel-prev-horizontal {
    position: absolute;
    left: 0;
    width: 12px;
    height: 62px;
    cursor: pointer;
    background: transparent url(../image/prev.gif) no-repeat left center;
}


.jcarousel-skin-bakfiets .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-bakfiets .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-bakfiets .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
	opacity: 0.3;
	filter: alpha(opacity = 30);
}


#accessoires #container{
	height: 643px;
}


#accessoires h2{
	margin-top: 1.1em;
	font-size: 20px;
	letter-spacing:normal;
	padding-left: 19px;
	margin-bottom: 5px;
}


#accessoires ul.jcarousel-skin-bakfiets a.prev{
	display: block;
	background:  transparent url(../image/prev.gif) no-repeat left center ;
	opacity: 0.4;
	height:  62px;
	width:  12px;
	float: left;
	margin-right:  3px;
}


#accessoires ul.jcarousel-skin-bakfiets a.next{
	display: block;
	background:  transparent url(../image/next.gif) no-repeat left center ;
	height:  60px;
	width:  12px;
	float: right;
}

#accessoires ul.jcarousel-skin-bakfiets .window{
	width:  960px;
	height:  62px;
	overflow: hidden;
	position: relative;
}
#accessoires  ul.jcarousel-skin-bakfiets .content{
	width:  auto;
	height:  62px;
	position: absolute;
}
#accessoires  ul.jcarousel-list li {
	position: relative;
	height:  60px;
	width: 70px;
	padding:  0;
	margin: 0;
	margin-right: 3px;
	border:  1px solid #bbb;
}
#accessoires  ul.jcarousel-list li a{
	display:block;
	width:70px;
	height: 60px;
}
#accessoires ul.jcarousel-list li:hover{
	border:  1px solid #666;
}

#accessoires .jcarousel-skin-bakfiets .jcarousel-container-horizontal {
    width: 900px;
    padding-left:  20px;
    padding-right:  15px;
}

#accessoires .jcarousel-skin-bakfiets .jcarousel-clip-horizontal {
    width:  900px;
    height: 62px;
}

#dealers #left{
	float:left;
	width: 300px;
	padding:0;
	padding-top: 5px;
	height: 480px;
	min-height: 480px;
}

#dealers #left h1{
	margin-top: 35px;
}



#dealers #left #venuelist{
	width: 300px;
	height: 434px;
	overflow-y:auto;
	overflow-x:visible;
}


#dealers #right{
	width: 610px;		
	margin-top: 24px;	
	margin-left: 20px;	
}
#dealers #right #mapcontainer{
	width: 600px;	
	background: #fff url(../image/bg_map.gif) no-repeat left top;
	
}
#dealers #right #mapcontainer #mapform{
	width: 540px;	
	height: 20px;
	padding: 29px;
	color: white;
	font-weight: bold;
}
#dealers #right #mapcontainer #mapform input#Zip{
	width: 100px;
	margin-right: 20px;
}
#dealers #right #mapcontainer #mapform input#City{
	width: 100px;
	margin-right: 20px;

}

#dealers #right #mapcontainer #mapform a{
	color: white;
}

#dealers #right #mapcontainer #mapform a img{
	vertical-align: middle;
	padding-bottom: 3px;
	margin-right: 3px;

}
#dealers #map{
	width: 600px;		
	height: 400px;
	margin:0;
	
}



#contact #left{
	float:left;
	width: 240px;
	line-height: 1.5em;
	padding-top: 8px;
	height: 514px;
	min-height: 514px;
}

#contact #left h1{
	margin-top: 50px;
}

#contact #right{
	width: 610px;		
	margin-top: 40px;	
	margin-left: 20px;	
}
#contact #right #contactcontainer{
	width: 600px;	
	height: 460px;	
	background: #cfcfcf url(../image/bg_form.png) no-repeat left top;
	color:black;
	
}
#contact #right #contactcontainer #contactform{
	width: 540px;
	padding: 52px;
	padding-top: 100px;
	font-weight: bold;
	color:black;
	line-height: 1.6em;
}

#contact #right #contactcontainer #contactform a img{
	vertical-align: middle;
	padding-bottom: 3px;
	margin-right: 3px;

}

#contact #right #contactcontainer #contactform fieldset label{
	width: 125px;
	float:left;
	display: block;
}
#contact #right #contactcontainer #contactform fieldset input[type='text']{
	width: 250px;
	border:none;
	height: 18px;
}
#contact #right #contactcontainer #contactform fieldset input.number{
	width: 30px;
	margin-left: 1em;
	border:none;
	height: 18px;
}
#contact #right #contactcontainer #contactform fieldset input.captcha{
	width: 30px;
	border:none;
	height: 18px;
}
#contact #right #contactcontainer #contactform fieldset textarea{
	width: 250px;
	height: 80px;
	border:none;
}

#contact #right #contactcontainer #contactform div#form_tail{
	width: 375px;
	margin-top: 3px;
	text-align: right;
}
#contact #right #contactcontainer #contactform div#lastrow{
	margin-top: 8px;

}

#contact #right #contactcontainer #contactform div#captcha{
	margin-top: 3px;
	text-align: left;
	float:left;
	width: 250px;
}

#contact #right #contactcontainer #contactform i{
	font-size: 11px;
	font-weight: normal;
}

#contact #right #contactcontainer #contactform span{
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	display: block;
	margin-top: 1em;
	color: red;
}

#contact #right #contactcontainer #contactform span.success{

	color: green;
}


#info #left{
	float:left;
	width: 200px;
	margin-top:  10px;
	padding-top: 10px;
	height: 502px;
	min-height: 502px;
}
#info #left h1{
	line-height: 1.2em;
	font-size:  23px;
}
#info #left h2{
	margin-top: 30px;
	line-height: 1.2em;
	font-size:  23px;
}


#info #left span.breadcrumb{
	position:absolute;
	left: 0px;
	top: 5px;
}

#info #right{
	width: 700px;	
	margin: 0;	
	padding: 0;
	margin-top: 40px;	
	margin-left: 20px;
	padding-top: 15px;
	min-height: none;
}

#info a.file{
	display: block;
	float: left;
	width:  135px;
	height:  30px;
	font-size:  12px;
	font-weight: bold;
	color:  #fff;
	padding:  5px;
	padding-left:  20px;
	overflow:  hidden;
	margin: 0;
	margin-right: 13px;
	margin-bottom: 17px;
	background:  #999 url(../image/link_arrow_tiny.png) no-repeat 5px 6px;
}

#info a.file.hilite{
	background:  #ff9900 url(../image/file-hilite.jpg) no-repeat left top;
}

#info a.file:hover{
	background:  #000 url(../image/link_arrow_tiny.png) no-repeat 5px 6px;
}

#info div.filedesc{
	display:none;
}
#info div#filedesc-0{
	display:block;
}

#info div#filedescs{
	height: 150px;
}

#action #left{
	padding-top: 30px;
	float:left;
	width:280px;
	height: 520px;
	min-height: 520px;
}

#action #left a.actie{
	font-weight: bold;
	text-decoration: none;
	color: black;
}
#action #left a.actie:hover,
#action #left a.active{
	color: #ee8800;
}

#action #right{
	padding-top: 20px;
	float:right;
	width:610px;
	min-height: 430px;
	padding-top: 46px;
}

#action div#slideshow,div.slide{
	width: 600px;
}
#action div.slide{
	height: 458px;
	display:none;
}

div#right.pickup h1 a{
	color: #aaa;
}
div#right.pickup h1 a:hover{
	color: #ffcc00;
}


#model #accessories_right.pickup h2{
	margin-top: 4px;
	font-size: 20px;
	line-height: 1.2em;
	letter-spacing:normal;

	margin-bottom: 5px;
}

#right div#subnav h2.terug{
	margin-bottom:6px;
	color: #aaa;	
}


#right a.arrow-terug{
	display: block;
	margin-left:  -30px;
	width:  21px;
	height:  21px;
	background: #fff url(../image/link_arrow_grey.gif) no-repeat left top;
	float: left;
	margin-top:  3px;
}

#right h2.reference{
	margin-bottom:0;	
}


#right a.arrow-reference{
	display: block;
	margin-left:  -30px;
	width:  21px;
	height:  21px;
	background: #fff url(../image/link_arrow.gif) no-repeat left top;
	float: left;
	margin-top:  29px;
}

#right.accessoires_algemeen a.arrow-reference{
	display: block;
	margin-left:  -30px;
	width:  21px;
	height:  21px;
	background: #fff url(../image/link_arrow.gif) no-repeat left top;
	float: left;
	margin-top: 16px;
}

#right p.reference a{
	color: black;
	text-decoration:none;
}
#right p.reference a:hover{
	text-decoration:underline;
}

#right.accessoires_elektrisch #subnav{

}

#right.accessoires_elektrisch h1{
	margin-bottom: 9px;
}

#right img.battery{
	margin-bottom: -1px;
}

#right #subnav h1 {
	cursor: pointer;
}


#faq #left{
	position:relative;
	float:left;
	padding-top: 30px;
	width: 250px;
	margin-right: 55px;
	height: 492px;
	min-height: 492px;
}

#faq #left h2{ 
	margin-bottom: 0.5em;
}

#faq #left a{ 
	color: #ffcc00;
	text-decoration: none;
}
#faq #left a:hover{ 
	text-decoration: underline;
}
#faq #left img.img{
	position: absolute;
	top: 330px;
	z-index: -1;
}
#faq #right{
	float:left;
	width: 600px;
	padding-top: 50px;
}
#faq #right #questions-top{
	width: 290px;
	padding: 10px;
	padding-left: 300px;
	text-align: right;
	height: 18px;
	background:url(../image/faq-top.png) no-repeat left top;
}
#faq #right #questions-top input{
	border: 1px solid #ff9900;
	width: 150px;
	color: #ccc;
	font-weight: bold;
}
#faq #right #questions-top input:focus{
	border: 1px solid #ff9900;
	width: 150px;
	color: black;
	font-weight: normal;
}
#faq #right #questions-top img{
	padding-top:2px;
	vertical-align: bottom;
	margin-left: 4px;
	margin-right: 22px;
}
#faq #right #questions{
	width: 570px;
	height: 350px;
	padding: 15px;
	overflow:auto;
}

#faq #right #questions div.question a.question{
	padding-left: 15px;
	font-weight: bold;
	background: #fff url(../image/questionarrow.gif) no-repeat left 1px;
	color: black;
	line-height: 2em;
}

#faq #right #questions div.question.active a.question{
	font-weight: bold;
	background: #fff url(../image/questionarrow-active.gif) no-repeat left 1px;
	color: #ffcc00;
}

#faq #right #questions div.question a.question:hover{
	color: #ffcc00;
}

#faq #right #questions div.question.active a.question{
	font-weight: bold;
	background: #fff url(../image/questionarrow-active.gif) no-repeat left 1px;
	outline:none;
}

#faq #right #questions span.answer{
	padding-left: 15px;
	display:none;
}
#faq #right #questions div.active span.answer{
	padding-left: 15px;
	display:block;
	margin-bottom: 1em;
	line-height: 1.5em;
}

#faq #right #questions span.answer a.attachment{
	text-decoration: underline;
}

#faq #left span.breadcrumb a{
	color: #aaa;
}

#faq #left div#contact{
	display:none;
}
#faq #left div#contact a.close{
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
}
#faq #left div#contact a.arrow img{

}
#faq #right a.back{
	color: #ffcc00;
}

#faq a.inline{
	font-weight: bold;
}
#faq #contact a.email{
	color: black;
	text-decoration: underline;
}

ul#nav li a:hover,
ul#nav li:hove a{
	color: white;
}

#right.accessoires_elektrisch #subnav a:hover h2{
	color:#ffcc00;
}
#right.accessoires_elektrisch #subnav h1{
	cursor: default;
}