body {
margin:0px;
padding:0px;
text-align:center;
}

h1 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:28px;
letter-spacing: -1px;
color: red;
text-align:left;
font-family: arial, sans-serif;
}

.column77 a{
color: red;
font-weight: bold;
text-decoration: none;
}

.column77 a:hover{
color: red;
font-weight: bold;
text-decoration: underline;
}

.column77 strong{
color: #555555;
}

h2 {
margin:0px;
padding:0px;
font-weight:normal;
font-size:20px;
color: red;
text-align:left;
font-family: arial, sans-serif;
}

hr {
color: #f00;
background-color: #f00;
height: 1px;
}

#header{
padding:0px;
width:1000px;
height:300px;
//background: #000;
}

#header_left{
background: white url('../img/header_left.png') top center no-repeat;
float:left;
padding:0px;
width:688px;
height:300px;
color: white;
}



#logo {
width:688px;
height:135px;
padding:0px;
margin:0px;
background: url('../img/a-bike_logo.png') center left no-repeat;
}

#logo a {
  display: block;
	width:688px;
	height:135px;
	text-indent: -9999px;
}

#top_nav{
width:688px;
height:75px;
margin-top:22px; 

margin-left:0px;
padding:0px;

}

#top_nav ul{
margin:0px;
padding:0px;
}

#top_nav li{
margin-right:2px;
float:left;
width: 94px;
height: 65px;

text-align:center;
list-style:none;
padding-top:10px;
}

#top_nav a{
text-decoration:none;
color:white;
font-family: arial, sans-serif;
}

#top_nav a:hover{
text-decoration:underline;
font-family: arial, sans-serif;
}

#top_nav .selected a{
color:red;
}

#top_nav .selected a:hover{
text-decoration:underline;
}

#home { 
background: url('../img/home.png') top center no-repeat;
}
#home_selected{
background: url('../img/home_selected.png') top center no-repeat;
}

#informatie {
background: url('../img/informatie.png') top center no-repeat;

}

#informatie_selected{
background: url('../img/informatie_selected.png') top center no-repeat;
}





#faqs {
background: url('../img/faqs.png') top center no-repeat;
}

#faqs_selected {
background: url('../img/faqs_selected.png') top center no-repeat;
}

#media{
background: url('../img/media.png') top center no-repeat;
}

#media_selected{
background: url('../img/media_selected.png') top center no-repeat;
}

#shop {
background: url('../img/shop.png') top center no-repeat;
}

#shop_selected {
background: url('../img/shop_selected.png') top center no-repeat;
}

#support {
background: url('../img/support.png') top center no-repeat;
}

#support_selected {
background: url('../img/support_selected.png') top center no-repeat;
}

#contact {
background: url('../img/contact.png') top center no-repeat;
}

#contact_selected {
background: url('../img/contact_selected.png') top center no-repeat;
}

#header_right{
float:left;
width:312px;
height:300px;
background: white url('../img/header_right.png') top center no-repeat;
}

#wrapper{
text-align:left;
margin:0px auto;
width:1000px;
}

#content{
font-family: verdana, sans-serif;
color: #333333;
font-size:11px;
line-height: 14pt;
}

#content a:hover{
text-decoration: underline;
}

#content img{
border:0px;
padding:0px;
margin:0px;
}
.column{
float:left;
margin-left:22px;
width: 300px;

}

.column:first-child
{
margin-left:32px;
float:left;
width: 300px;
} 

.column50{
text-align: justify;
float:left;
width: 475px;
}

.column50last{
margin-left:15px;
float:left;
width: 500px;
}

.column40{

float:left;
width: 475px;
}

.column40last{
margin-left:25px;
float:left;
width: 495px;
}

.column60{

float:left;
width: 475px;
}

.column60last{
margin-left:25px;
float:left;
width: 500px;
}

.column77{

float:left;
width: 500px;
}

.column77last{
margin-left:23px;
float:left;
width: 475px;

}

.answer{
background: #fff;
padding: 5px;

}


#foto{
float:left;
padding-right:20px;
}

.press_img{
float: left;
height:50px;

width:50px;
}

.press_txt{
border-bottom:1px solid #afafaf;
margin-left:55px;
padding-bottom:10px;
}

.press_txt_index{

margin-left:55px;
padding-bottom:10px;
}

.read_more{
text-align:right;
}

.read_more a{
color: red;
font-weight:bold;
text-decoration:none;
}

.pullout{
  width:30%;
  padding-top:10px;
  padding-left:10px;
  padding-right:0px;
  padding-bottom:10px;
  text-align: right;
  color:#333;
  float:right;
  font: italic 11pt/1em Georgia, 
  serif;
  
  letter-spacing: 0.05em;
  margin:5px;
  clear: both;
}

#informatie_menu{


margin-left:10px;
height:43px;

}

#informatie_menu ul{
margin:0px;
padding:0px;

}

#media_menu {
margin-left:50px;
height:43px;

}

#media_menu a{
color:white;
text-decoration:none;
}



#media_menu ul{
margin:0px;
padding:0px;

}

#media_menu li{
margin-right:2px;
float:left;
text-align:center;
list-style:none;
height:31px;
padding-top:12px;
font-weight:bold;
}

#contact_foto{
width: 525px;
height:197px;
background: url('../img/contact_foto_1.png') bottom right no-repeat;
}

#contact_foto2{
width: 480px;
height:290px;
background: url('../img/contact_foto_2.png') bottom center no-repeat;
}

input.btn{
margin-left: 95px;
background: url('../img/contact_verzend.png') bottom center no-repeat;
width: 90px;
height: 38px;
border:0px;
   color:#FFF;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:small;
   font-weight:bold;}






#informatie_menu li{
margin-right:2px;
float:left;
text-align:center;
list-style:none;
height:31px;
padding-top:12px;
}

#informatie_menu a{
color:white;
text-decoration:none;
font-weight: bold;
}
#informatie_menu a:hover{
color:white;
text-decoration: underline;

}



#informatie_1{
background: url('../img/informatie_menu_1.png') no-repeat;
width:185px;
}

#informatie_2{
background: url('../img/informatie_menu_2.png') no-repeat;
width:110px;

}

#informatie_3{
background: url('../img/informatie_menu_3.png') no-repeat;
width:189px;

}


#media_1{
background: url('../img/media_menu_1.png') no-repeat;
width: 191px;
}

#media_1 a{
font-weight: bold;
width: 191px;
}

#media_2 a{
font-weight: bold;
width: 191px;
}


#media_1:hover{
background: url('../img/media_menu_1_selected.png') no-repeat;
width: 191px;
}




#media_2{
background: url('../img/media_menu_2.png') no-repeat;
width: 191px;

}


#media_2:hover{
background: url('../img/media_menu_2_selected.png') no-repeat;
width: 191px;

}




.zebra {
background: #eee;
}


.column67{
float:left;
margin-left:22px;
width: 600px;
}

.column67 a{
color: red;
text-decoration: none;
font-weight: bold;
}

.column67 a:hover{
color: red;
text-decoration: underline;
font-weight: bold;
} 

.column67:first-child

{
margin-left:32px;
float:left;
width: 600px;
}

.column33{
float:left;
margin-right:33px;
width: 311px;
text-align: justify;
}

.column33last{
float:left;
width: 311px;
text-align: justify;
}





.column500 {
width:500px;
float: left;

}

.column500last{
width:475px;
float: left;
margin-left:25px;
}

.column500last a{
font-weight:bold;
text-decoration:none;
color:#555555;
}

.column500last a:hover{
font-weight:bold;
text-decoration:none;
color:red;
}

.column50 a{
color:red;
text-decoration: none;
font-weight: bold;

}

.column50 a:hover{
color:red;
text-decoration: underline;
font-weight: bold;

}

.column480 {
width:480px;
margin-left:20px;
float: left;

}

.column480 a{
color:red;
font-weight:bold;
text-decoration: none;
}

.faq_menu {
width:498px;
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
height: 80px;
}

.question {
margin-left:20px;
width:478px;
height:80px;
line-height: 20pt;
font-weight:normal;
font-size:20px;
font-family: arial, sans-serif;
}

.question2 {
margin-left:20px;
width:478px;

height:80px;
line-height: 14pt;
font-weight: normal;
font-size:20px;
font-family: arial, sans-serif;
}

.faq_menu a{
color: red;
text-decoration: none;
}

.faq_menu a:hover{
color: #FFF;
text-decoration: none;
}

.faq_menu:hover{
background: url('../img/faq_menu_bg.png') top center no-repeat;
}

.faq_menu2 a{
color: red;
text-decoration: none;
}

.faq_menu2 a:hover{
color: #FFF;
text-decoration: none;
}

.faq_menu2 {
width:498px;
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
height: 80px;
}

.faq_menu2:hover{
background: url('../img/faq_menu_bg.png') top center no-repeat;
}


.faq_menu:first-child {
width:498px;
border-top: 1px solid #333;
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
height: 80px;
}

#faq_bike {
width:500px;
height: 288px;
background: url('../img/faq_bike.png') top center no-repeat;
}


#pers {
float:right;
padding-left: 20px;
}





#footer{
color: #a3a3a3;
text-align: center;


}

#footer a{
color: red;
text-decoration: none;
}

#footer a:hover{
color: red;
text-decoration: underline;
}




#footerlinks  a{
color: #a3a3a3;
}

#footerlinks a:hover{
color: red;
text-decoration: underline;
}



.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 270px;
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-top: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}

.stepcarousel .panelo{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-top:10px;
margin-left: 15px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}

#galleryB{
width: 473px;
height: 915px;
}

#galleryB .panel{
width:473px;
height: 915px;
margin-right:30px;
text-align: justify;
}

#galleryB .panelo{
width:473px;
height: 915px;
margin-right:30px;
text-align: justify;
}

p.samplebuttons{
width: 300px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}


.stepcarouselC{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 470px;
height: 700px; /*Height should enough to fit largest content's height*/
}

.stepcarouselC .beltC{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouselC .panelC{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#galleryC{
width: 490px;
height: 700px;
}

#galleryC .panelC{
background: #eee;
width:480px;
height: 700px;
margin-right:30px;
text-align: left;
}

#menu a{
fontweight: bold;
text-decoration: none;
}

#menu a:hover{
fontweight: bold;
text-decoration: underline;
}