@charset "utf-8";
/* CSS Document */
body
{
	/*font-family:Helvetica, Arial, sans-serif;*/
	font-family:Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size:12px;
	color:#888;
	background-color:#171717;
	margin:0px;
	top:0;
	background-position:center;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-y;
}
p
{
	font-size:inherit;
}
.wrapper
{
	margin: 0px auto;
	width: 800px;
}
.language_wrapper
{
	left:50%;
	top:0px;
	margin-left:335px;
	margin-top:20px;
	position:absolute;
	z-index:1;
}
.vlag
{
	width:27px;
	height:15px;
	margin-left:5px;
	float:left;
	border:none;
	cursor:pointer;
}

.vlag_nl
{
	background-image:url("../images/nl.jpg");
	background-repeat:no-repeat;
}
.vlag_en
{
	background-image:url("../images/en.jpg");
	background-repeat:no-repeat;
}
.vlag_nl:hover, .vlag_nl_selected
{
	background-image:url("../images/nl_selected.jpg");
	background-repeat:no-repeat;
}
.vlag_en:hover, .vlag_en_selected
{
	background-image:url("../images/en_selected.jpg");
	background-repeat:no-repeat;
}

.backgroundline
{
	border-bottom:#ffef00 solid 1px;
	height:0px;
	width:100%;
	margin-top:84px;
	left:0px;
	top:0px;
	position:absolute;
	z-index:-1;
}
.headerline
{
	border-bottom:#ffef00 solid 1px;
	height:0px;
	width:580px;
	margin-top:84px;
	float:left;
	top:0px;
}
.logo_top
{
	float:left;
	width:220px;
	margin-top:58px;
	top:0px;
	cursor:pointer;
}
.page
{
	margin-top:5px;
	float:left;
}



.home_1
{
	width:800px;
	float:left;
	margin-top:25px;
}
.home_welkom
{
	width:250px;
	float:left;
	height:155px;
	margin-left:10px;
}
.home_materiaal
{
	float:left;
	height:155px;
	margin-left:25px;
	width:250px;
	
}
.home_handtekening
{
	float:right;
}

.footer
{
	margin-top:5px;
	border-top:1px #888 solid;
	height:110px;
	width:800px;
	clear:both;
	float:left;
}
.footer_btn
{
	color:#888;
	font-size:10px;
	margin-top:1px;
	cursor:pointer;
}
.footer_btn:hover
{
	color:#fff;
}
.footer_btn_right
{
	float:right;
}
.footer_btn_left
{
	float:left;
}

.conf_bike, .conf_bike_sel, .conf_bike:active, .conf_bike_sel:active, .conf_bike:visited, .conf_bike_sel:visited
{
	color:#fff;
	font-weight:bold;
	margin-bottom:17px;
	font-size:15px;
	cursor:pointer;
	text-decoration:none;
}
.conf_bike:hover, .conf_bike_sel, .conf_bike_sel:hover, .conf_bike_sel:visited, .conf_bike_sel:active
{
	color:#ffef00;
	text-decoration:none;
}


.title
{
	color:#ffef00;
	font-weight:bold;
	margin-bottom:17px;
	font-size:13px;
}
.subtitle
{
	color:#fff;
	font-weight:bold;
	font-size:12px;
}
.home_text
{
	height:95px;
}
.leesverder
{
	color:#ffef00;
	font-weight:bold;
	font-size:10px;
	cursor:pointer;
	float:right;
}
.leesverder:hover
{
	color:#FFF;
}
.home_2
{
	background-image:url("../images/home_stroke.png");
	background-position:center bottom;
	background-repeat:repeat-x;
	float:left;
	height:218px;
	margin-top:35px;
	width:800px;
}
.home_2_item
{
	float:left;
	margin-left:10px;
}
.home_2_item2
{
	float:left;
	margin-left:30px;
}
.home_2_img
{
	cursor:pointer;
}

.menu
{
	width:800px;
	float:left;
}
.menu_btn
{
	margin-top:20px;
	font-size:12px;
	font-weight:bold;
	color:#888;
	cursor:pointer;
}
.menu_btn:hover
{
	color:#ffef00;
}
.menu_btn_left
{
	float:left;
	margin-right:50px;
}
.menu_btn_right
{
	float:right;
	margin-left:30px;
}
/* uitklap menu */
ul
{
	list-style:none;
	margin:0;
	position:relative;
	padding:0 8px 0;
	
}
li
{
	cursor:pointer;
	margin:0;
	padding:0;
	position:relative;
	border:0;
	color:#888;
	font-size:12px;
	font-weight:bold;
	
}
li:hover
{
	color:#ffef00;
}
li.sub
{
	cursor:pointer;
}
ul.sub
{
	display:none;
	left:-20px;
	position:absolute;
	top:20px;
	width:205px;
	z-index:10;
}
.subitem
{
	background-color:#444444;
	border-top:1px solid #000;
	color:#888888;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:3px 8px 3px 8px;
	position:relative;
}
.subitem_right
{
	text-align:right;
}

.materiaal_wrapper
{
	width:800px;
	height:783px;
	background-image:url(../images/materiaal_bg.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
.materiaal_right
{
	background-color:#000000;
	float:right;
	width:500px;
	min-height:275px;
}
.materiaal_text
{
	margin:30px 30px 30px 15px;
}
.passion_left .txt_area_left p, .vogue_right .txt_area_right p, .passion_right td p, .vogue_left td p
{
	margin:0px;
}
.passion_wrapper
{
	background-image:url("../images/home_stroke.png");
	background-position:center bottom;
	background-repeat:repeat-x;
	float:left;
	width:800px;
}
.passion_left
{
	width:270px;
	float:left;
}
.passion_right
{
	width:510px;
	float:right;
	margin-bottom:30px;
}
.passion_top
{
	float:left;
	width:800px;
}
.txt_area_left
{
	background-color:#222;
	padding:10px;
	float:left;
	margin-bottom:10px;
}
.txt_area
{
	background-color:#333;
	padding:10px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
.passion_left_bottom
{
	margin-top:50px;
	float:left;
}

.vogue_wrapper
{
	background-image:url("../images/home_stroke.png");
	background-position:center bottom;
	background-repeat:repeat-x;
	float:left;
	margin-top:35px;
	width:800px;
}
.vogue_left
{
	float:left;
	padding-left:20px;
	width:500px;
}
.vogue_right
{
	width:265px;
	float:right;
}
.vogue_top
{
	float:left;
	height:250px;
	width:800px;
}
.txt_area_right
{
	background-color:#222;
	padding:10px;
	float:right;
	margin-bottom:10px;
}
.vogue_right_bottom
{
	margin-top:140px;
	float:right;
}
.vakmanschap_wrapper
{
	background-image:url("../images/home_stroke.png");
	background-position:center bottom;
	background-repeat:repeat-x;
	float:left;
	width:800px;
}
.vakmanschap_right
{
	float:right;
	padding:20px;
	width:510px;
}
.vakmanschap_left
{
	float:left;
	margin-top:30px;
}
.vakimg
{
	width:127px;
}

.contact_wrapper
{
	background-image:url("../images/home_stroke.png");
	background-position:center bottom;
	background-repeat:repeat-x;
	float:left;
	width:800px;
}

.contact_top
{
	
}
.contact_left
{
	background-image:url("../images/transparent_bg.png");
	float:left;
	padding-left:40px;
	padding-top:50px;
	width:510px;
	min-height:322px;
}
.contact_item
{
	float:left;
	margin-top:20px;
	width:250px;
}
.contact_links
{
	margin-top:40px;
	float:left;
}
.contact_right
{
	float:right;
}
.contact_bottom
{
	float:left;
	width:800px;
}
.contact_link_item
{
	color:#fff;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	float:left;
	clear:both;
}
.contact_link_item:hover
{
	text-decoration:underline;
}
.configuratie_wrapper
{
	background-image:url("../images/home_stroke.png");
	background-position:center bottom;
	background-repeat:repeat-x;
	float:left;
	width:800px;
	min-height:450px;
}
.contact_bottom_item
{
	margin-left:15px;
	margin-top:15px;
	margin-bottom:15px;
	float:left;
	cursor:pointer;
}
.contact_nieuwsbrief
{
	float:right;
	margin-top:25px;
	width:255px;
}
.aanmelden_vink
{
	margin-left:0px;
	margin-right:5px;
	float:left;
}
.aanmelden_email
{
	float:left;
	clear:both;
	margin-top:15px;
}
.aanmelden_email_field
{
	border:1px #808285 solid;
	background-color:#222223;
	width:175px;
	color:#FFF;
}
.aanmelden_btn
{
	border:0 none;
	cursor:pointer;
	float:left;
	margin-left:169px;
	margin-top:15px;
}
.nieuwsbrief_melding
{
	color:#FFFFFF;
	float:right;
	height:250px;
	margin-left:150px;
	margin-top:125px;
	width:500px;
}
.fotoframe_wrapper
{
	width:270px;
	float:left;
	height:310px;
}
.fotoframe_wrapper_vak
{
	width:260px;
	float:left;
	height:310px;
}
.fotoframe
{
	width:270px;
	float:left;
	clear:both;
	height:260px;
}
.fotoframe_pic
{
	float:left;
	cursor:pointer;
	width:130px;
	height:125px;
}
.fotoframe_bottom
{
	float:left;
	clear:both;
	width:265px;
}
.fotoframe_bottom_left
{
	float:left;
}
.fotoframe_bottom_right
{
	float:right;
	text-align:right;
	color:#FFEF00;
	font-weight:bold;
	font-size:15px;
}

#show_img_div
{
	visibility:hidden;
	width:246px;
	height:246px;
	position:absolute;
	z-index:4;
	margin-left:-210px;
	margin-top:150px;
}
#slider
{
	width:510px;
	float:right;
}

.configuratie_bike
{
	background-color:#000000;
	float:right;
	height:315px;
	margin-left:0;
	margin-top:20px;
	width:535px;
}

.configuratie_left
{
	background-color:#000000;
	float:left;
	margin-top:20px;
	padding:15px;
	width:230px;
	height:285px;
}
.yellowline
{
	width:800px;
	position:absolute;
	margin-top:318px;
	z-index:100;
	left:50%;
	margin-left:-400px;
	height:1px;
	background-color:#ff0;
}
#overbrenging
{
	z-index:6;
}
#sticker
{
	z-index:5;
}
#frame
{
	z-index:4;
}
#stuur
{
	z-index:3;
}
#zadel
{
	z-index:2;
}

#wielen
{
	z-index:1;
}
.conf_part
{
	margin-left:40px;
	margin-top:25px;
	position:absolute;
}

.radio
{
	width: 19px;
	height: 20px;
	padding: 0 5px 0 0;
	background: url(../images/radio.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio_label
{
	float:left;
	height:20px;
	line-height:20px;
	width:220px;
}
.colorbox
{
	float:left;
height:13px;
margin-left:5px;
margin-top:6px;
width:27px;
border:1px solid;
cursor:pointer;
}
.colorbox:hover
{
	border-color:#FFF;
}
.c_thumb
{
	cursor:pointer;
}




.bereken_wrapper
{
	width:800px;
	height:540px;
	background-repeat:no-repeat;
	background-position:bottom;
}
.bereken_center
{
	background-color:#000000;
	float:left;
	width:700px;
	margin-left:50px;
	margin-top:50px;
}
.bereken_text
{
	margin:50px 50px 20px;
}
.bereken_option
{
	width:270px;
}