/* CSS Document template */
html {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

* {
	font-family: Verdana,arial;
	font-size: 11px;
}
body {
	position: relative;
	margin: 0px auto 0px ;
	padding: 0px;
	width: 800px;
	background-color: #FFFFFF;
	vertical-align:middle;
}

div#container {
	width: 770px;
	min-height:490px;
	height: 490px;
	margin:0px;
	padding:  0px;
	text-align: left;
	background-image:url(../images/background.jpg);
	background-repeat: no-repeat;
}
div#content {
	position:relative;
	left:13px;
	top:10px;
	float:left;
	width: 739px;
	height:490px;
	margin:0px;
	padding:0px;
	min-height:490px;
	background-image:url(../images/background-bike.jpg);
	background-repeat: no-repeat;
	background-color:#ffffff;
	background-position: 25px 25px;
}

div#contentFrame {
border:0px dashed green;
	position:relative;
	float:left;
	left:0px;
	top:4px;
	width:350px;
	line-height: 18px;
}



div#subMenu {
	float:left;
	width:340px;
	height:38px;
	margin:0;
}

/* menu */
div#navigatie{
	margin:0;
	padding:0;
	position:relative;
	height:30px;
}

a						{padding:2px;color:red;text-decoration:none;}
a:hover					{color:#FFFFFF; background-color:#da2703;}

div#navigatie a			{padding:4px;color:#000000;text-decoration:none;}
div#navigatie a:hover	{background-color:red;}

div#home{
	width:136px;
	height:21px;
	margin:4px 0 0 8px;
	padding: 4px 4px 4px 10px;
	float:left;
	}

ul#menu { 
	margin: 0px;	
	height:21px;
	padding: 4px 4px 4px 10px;
	list-style: none;
}

ul#menu li {
	height: 21px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	float: left;
}

ul#menu li.active {
	border-top: 1px solid #b9c21f;
	background-color: #ffffff;
}

/* einde menu */

div#animatie {
	width: 735px;
	height:460px;
	margin:0px;
	padding:0px;
}

div#contentLeft{
	position:absolute;
	float:left;
	width: 328px;
	height:460px;
}

div#contentLeftLogo{
	float:left;
	width: 328px;
	height:93px;
	background-image:url(../images/logo-bikes.jpg);
	background-repeat:no-repeat;
}
div#contentLeftVisual{
	float:left;
	width: 328px;
	height:363px;
	background-image:url(../images/sfeer-bikes.jpg);
	background-repeat:no-repeat;
}

div#contentRight{
	position:absolute;
	width: 407px;
	left:328px;
	top:84px;
}

div#contentRightPageTitle {
	position:absolute;
	width: 407px;
	height:50px;
	left:328px;
	top:34px;
}

div#colofon {
margin-top:80px;
padding:10px;
}

div#footerShadow {
	float:left;
	width:766px;
	height:30px;
	margin:0px;
	padding:0px;
	background-color:#fff;
	background-image:url(../images/footer-shadow.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
div#footer {
	font-size: 9px;
	float:left;
	width:735px;
	height:30px;
	margin:0px 0 0 12px;
	padding:0px 2px 2px 2px;
}

div#footer a		{	padding:4px;color:#000000;text-decoration:none;font-size: 9px;color:#999999;}
div#footer a:hover	{	background-color:red;}

/* FONTS - opmaak */

.tipTitle {
	font-size:14px;
	color:#da2703;
	font-weight:bold;
}

H1 {	
	font-size:18px;
	color:#da2703;}
	
H2 {	
	font-size:16px;
	color:#da2703;
	font-weight:bold;}	
H2 {	
	font-size:14px;
	color:#da2703;}
	
.contentImg {
	float:right;
	padding: 4px 0 0 12px;
}