/* Stylesheet Theo Rood */

body {
	background-color: #FFFFFF;
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:smaller;
	color: #777777;
}

#container {
	margin: 0px auto;
	width: 1000px;
	background-color:#FFFFFF;
	background-image:url(images/bg.gif);
	background-repeat:repeat-y;
}

#header {
	width: 1000px;
	height: 97px;
	background-image:url(images/header.jpg);
}

#categorien {
	width: 1000px;
	clear:both;
	background-color: #AAAAAA;
}

.categorie {
	float: left;
	height: 30px;
	width: 199px;
	text-align: center;
	background-color: #AAAAAA;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-right: 1px dotted #FFFFFF;
	border-bottom: 3px solid white;
}

#content_menu {
	float: left;
	width: 200px;
	background-color: #BF0000;
	color: #FFFFFF;
}

#content_submenu {
	float: left;
	width: 200px;
	background-color: #DDDDDD;
	font-size: x-small;
}

.submenu_tekst {
	padding: 15px;
}

#banner {
	float: left;
	width: 600px;
	height: 250px;
}

#content  {
	float: left;
	background-color: #FFFFFF;
}

.content_tekst {
	padding: 0px 20px 20px 20px;
	background-color: #FFFFFF;
}

#footer {
	font-size: x-small;
	font-weight:bold;
	clear: both;
	padding: 10px;
	width: 980px;
	background-color: #DDDDDD;
	text-align: center;
	border-top: 1px solid #CCCCCC;
}

#kruimel {
	padding: 7px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}

/* +++ Navigatie Stylesheet +++ */

#navigatie {
	font-weight: bold;
	font-size:x-small;
}

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

ul li {
	position: relative;
}
	
li ul {
	position: absolute;
	left: 199px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background-image:url(images/bg_nav.gif);
	background-repeat:no-repeat;
	background-position:left center;
	border-bottom: 1px solid #d24d4d;
	padding: 8px 5px 8px 25px;
}

/* 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: #FFFFFF; background-image:url(images/bg_nav_hov.gif); text-decoration:underline; } /* Hover Styles */
		
li ul li a { padding: 2px 5px; height: 22px; line-height:22px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */


/* Headers */

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #BF0000;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px -10px 0px;
	border-bottom: 1px solid #EEEEEE;
}

h2 {
	font-size: x-small;
	color: #BF0000;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	color: #336699;
	font-weight: bold;
	margin-bottom: -10px;
	padding: 0px;
}

h4 {
}

h5 {
}

h6 {
}

p.nieuws {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	line-height: normal;
}

p {
	line-height: 24px;
}

a {
	color: #BF0000;
}

a.Ablack:link, a.Ablack:visited, a.Ablack:active {
	color: #000000;
	text-decoration: none;
}

a.Ablack:hover {
	color: #333333;
	text-decoration:none;
}

hr {
	color: #CCCCCC;
	height: 1px;
	margin: 5px 0px 5px 0px;
	border-style: solid;
} 

/* Formulier styles */
FIELDSET {
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD;
	padding: 5px 10px 10px 10px;
	margin: 5px;
	font-weight:bold;
}

LEGEND {
	font-weight: bold;
	font-size: small;
	color: #777777;
	background-color: #DDDDDD;
	padding: 3px 5px 3px 5px;
	border: 1px solid #777777;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #FFFFFF;
	background-image:url(images/bg_invoer.gif);
	background-repeat:repeat-x;
	border-style: solid;
	border-width:1px;
	border-color:#CCCCCC;
	color: #777777;
	padding:3px;
}

INPUT.button {
	background-color: #336699;
	border: 2px solid #777777;
	color: #FFFFFF;
	font-weight:bold;
	padding:3px;
	text-transform:uppercase;
}

/* Tarieven tabellen */

TR.grijs {
	background-color: #DDDDDD;
}

TR.rood {
	background-color: #BF0000;
	color: #FFFFFF;
}

TABLE.tarieven {
	border: 1px solid #DDDDDD;
}

/* IMG */

IMG.margin {
	margin: 10px;
	border: 3px solid #CCCCCC;
}

/* Overig */
.datum_nieuws {
	font-size: x-small;
	border-bottom: 1px solid #EEEEEE;
	color: #BBBBBB;
	text-align: right;
	padding-bottom: 5px;
}

/* Banners op beginpagina */

.banner_VWpersonenautos {
	width: 170px;
	height: 30px;
	background-image:url(images/vw_personenautos.gif);
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	padding-top: 70px;
	text-align: center;
}

.banner_VWbedrijfsautos {
	width: 170px;
	height: 30px;
	background-image:url(images/vw_bedrijfsautos.gif);
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	padding-top: 70px;
	text-align: center;
}

.banner_AUDIpersonenautos {
	width: 170px;
	height: 30px;
	background-image:url(images/audi_personenautos.gif);
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	padding-top: 70px;
	text-align: center;
}
div.fielderror {
  margin-right:5px;
  background:#cc3300;
  padding-top:6px;
  padding-bottom:6px;
  padding-left:20px;
  color:#FFFFFF;
  font-weight:bold;
  margin-bottom:5px;
  clear:both;
  }

div.fieldsuccess {
  margin-right:5px;
  background:#009900;
  padding-top:6px;
  padding-bottom:6px;
  padding-left:20px;
  color:#FFFFFF;
  font-weight:bold;
  margin-bottom:5px;
  clear:both;
  }

div.pages {
  background:#FFFFFF;
  clear:both;
  border-bottom:5px solid #FFFFFF;
  padding:5px;
  text-align:center;
  border-right:5px solid #FFFFFF;
  }
  
span.pages {
  font-weight:bold;
  color:#c6c6c6;
  }