html,body{margin:0;padding:0; height:100%; background: #ccc url(img/bg_birch_800.gif) repeat-y 50% 0;}
body{font: 76% arial,sans-serif;text-align:center;}
a{ text-decoration:none; color:#FF0000; border:none;}
p{margin:0 10px 10px}
div#header{height:140px; margin:0;background: #FFF; background-image:url(img/header_img.jpg);
 border-style: solid; border-width: 0px 4px 0px 4px; border-color:#FFFFFF;}
div#container{text-align:left;}
div#content p{line-height:1.4}
div#navigation{background:#102f44}
div#extra{background:#102f44}

div#container{width:800px;margin:0 auto;}
div#content{float:right;width:592px; height:700px; background-color:#fff; border-style: solid; border-width: 0px 4px 0px 0px; border-color:#FFFFFF;}
div#navigation{float:left;width:200px; border-style: solid; border-width: 0px 0px 0px 4px; border-color:#FFFFFF;}
div#extra{float:left;clear:left;width:200px; padding-top:50px;
 border-style: solid; border-width: 0px 0px 0px 4px; border-color:#FFFFFF; text-align:center;}

h1{color:#FF0000; font-size:17px; margin-top:5px;}
h2{color:#000; font-size:14px;}
h3{color:#000; font-size:22px;}
h3{color:#000; font-size:12px;}
a.big{font-size:14px; margin-top:5px; color:#000000;}
div#logo{width:400px; height:60px; float:left; margin-top:38px;}
div#gegevens{width:190px; height:50px; float:right; margin-top:48px; font-weight:bold;}
div#route{float:right; width:350px; text-align:right; margin-top:5px; margin-right:5px;}
div#openingstijd{ float:left; width:70px;padding-left:10px; font-weight:bold; line-height:20px;}
div#openingstijd2{ float:right; width:480px; line-height:20px;}
div#adresfoto{ float:right;}
div#tijd{ float:left;}
.noborder{ border:none; margin-left:200px;}
.noborder2{border:none;}
div#mailform{ margin-left:10px;}
div#nieuw{float:left; margin-left:60px; width:207px; height:142px; text-align:center;}
div#gebruikt{float:right; margin-right:60px; width:207px; height:142px; text-align:center;}
div#logos{ width:540px; height:280px; margin-left:10px;}
.gebruiktefiets{margin-left:10px; width:400px;}
.gebruiktebrommer{margin-left:10px; width:400px; height:160px;}
.gebruikt_links{float:left; width:200px; padding-bottom:10px;}
.gebruikt_rechts{float:right; width:200px;}
div#actie{ margin-left:10px; width:500px;}
div#actie2{ width:250px; float:left;}
div#actietekst{ margin-left:10px; float:right; width:240px; height:166px;}
div#fietsplan{ margin-left:10px;}


/* ---------------------------- menu  ---------------------------- */
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 185px; /* Width of Menu Items */
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 160px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	background: #102f44; /* IE6 Bug */
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: underline;
	letter-spacing:0.5px;
	font-size:14px;
	color: #fff;
	padding: 8px 0px 8px 8px;;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%;}
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #E2144A; background: #102f44;} /* Hover Styles */
		
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */