html {
	margin: 0;
	padding: 0;
	height: 100%; 
}

body {
	margin: 0;
	padding: 0;
	height: 100%; 
}

html>body #wrap {
	height: 100%;
}

body {
	font: 76%/1.5 Arial, Helvetica, sans-serif;
	background: #CCC url(/css/images/bgrepeat.jpg) repeat-y center fixed;
	margin-top: 0;
	margin-bottom: 0;
}

#wrap {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

#header {
	width: 980px;
	height: 200px;
	background: transparent url(/css/images/headerbg.jpg) no-repeat top center;
	margin-top: 0px;
	border-bottom: 10px solid #FFF; /*  beetje extra witruimte */
}

html>body #header {
	position: fixed;
	z-index: 10; /* Prevent certain problems with form controls */
}

html>body #center {
	height: 100%;
	background-color: #FFF;
}

html>body #content {
	padding: 0;
	margin: 0;
	padding-top: 220px;
	padding-bottom: 60px;

} 

#footer {
	width: 980px;
	height: 40px;
	background-color: #0198cd;
	border-top: 10px solid #FFF;  /* beetje extra witruimte */
}

html>body #footer {
	position: fixed;
	bottom: 0;
	z-index: 10; /* Prevent certain problems with form controls */
}

/* kolommen */

#contentcolumn{
	position: relative;
	display: block;
	float: left;

	width: 580px;
	margin-right: 40px;
	margin-left: 40px;
	margin-top: 20px;

	/* extra padding */
	padding-bottom: 70px;
}

#leftcolumn	{
	width: 0px; /*Width of left column*/
	margin: 0px;
	float:left;

		/* extra padding */
	padding-bottom: 70px;
}


#rightcolumn {
	width: 300px; /*Width of right column*/
	margin: 0px;
	float: right;

		/* extra padding */
	padding-bottom: 70px;
}

/* generic stuff */

h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #075F77;
	margin: 18px 0 10px 0;
}

h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #075F77;
	margin: 16px 0 8px 0;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	color: #075F77;
	margin: 16px 0 8px 0;
}

p {
	margin: 0px;
}

a {
	color: #075F77;
}


a:hover {
	color: #119CBC;
}

#menu {
	position: relative;
	top: 168px;
	margin: 0;
	padding: 0;
	height: 33px;
	overflow: hidden;
	width: 980px;
}


/* menu items */
#menu ul {
	float: right;
	list-style: none;
	line-height: 1;
	margin: 0; /* lost plaatsing issues op */
	padding: 0;
}


#menu li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0 0px 0 0px;
	height: 33px;
}

#menu a {
	margin: 0px;
	display: block;
	font-family: helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	line-height: 33pt;
	color: #666;

	text-align: center;
}

#menu li:hover{
	z-index:50;
}

#menu a:hover{
	z-index:50;
	color: #075F77;
}

#menu li.home, #menu a.home{
	width: 100px;
	background:transparent url(/css/images/menubg_home.gif) no-repeat  right -0px;
}

#menu li:hover.home, #menu a:hover.home{
	background:transparent url(/css/images/menubg_home.gif) no-repeat  right -33px;
}



#menu li.nieuws, #menu a.nieuws{
	width: 100px;
	background:transparent url(/css/images/menubg_nieuws.gif) no-repeat  right -0px;
}

#menu li:hover.nieuws, #menu a:hover.nieuws{
	background:transparent url(/css/images/menubg_nieuws.gif) no-repeat  right -33px;
}



#menu li.diensten, #menu a.diensten{
	width: 196px;
	background:transparent url(/css/images/menubg_diensten.gif) no-repeat  right -0px;
}

#menu li:hover.diensten, #menu a:hover.diensten{
	background:transparent url(/css/images/menubg_diensten.gif) no-repeat  right -33px;
}



#menu li.werken, #menu a.werken{
	width: 181px;
	background:transparent url(/css/images/menubg_werken.gif) no-repeat  right -0px;
}

#menu li:hover.werken, #menu a:hover.werken{
	background:transparent url(/css/images/menubg_werken.gif) no-repeat  right -33px;
}



#menu li.contact, #menu a.contact{
	width: 100px;
	background:transparent url(/css/images/menubg_contact.gif) no-repeat  right -0px;
}

#menu li:hover.contact, #menu a:hover.contact{
	background:transparent url(/css/images/menubg_contact.gif) no-repeat  right -33px;
}


/* submenu */

#submenu ul {
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 0;
}

#submenu li {
	height: 30px;
	list-style-type: none;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	margin: 0;
	padding: 0;
}


#submenu li.first {
	border-top: 1px solid #DDD;
}

#submenu li a {
	line-height: 30px;
	margin-left: 15px;
	text-decoration: none;
	font-weight: bold;
	color: #075F77;
}


#submenu li a:hover {
	color: #119CBC;
}

/* newsitems */



.newsitem {
	background:transparent url(/css/images/news_bg.jpg) no-repeat left bottom;
	position: relative;
	display: block;
	width: 280px;
	height: auto;
	float: left;
	clear: both;
	margin-right: 20px;
	margin-top: 20px;
}

.newsitem h3 {
	background:transparent url(/css/images/newsheader_bg.jpg) no-repeat right top;
	display: block;
	font-size: 1.2em;
	color: #FFF;
	height: 20px;
	overflow: hidden;
	width: 280px;
	height: 35px;
	line-height: 35px;
	text-indent: 14px;
}

.newsitemdate {
	color: #aaa;
}

img.product {
	border: 1px solid #e5e5e5;
	padding: 5px;
	margin: 5px;
}

.newsitem img {
	float: left;
	margin: 0px 10px 10px 0px;
	display: none;
}

.newsitem img.newsimg {
	float: left;
	margin: 0px 10px 10px 0px;
	display: block;
}

.newsitem p {
	font-size: 0.8em;
	margin-bottom: 10px;
}

.newsitem a.more {
	text-decoration: none;
	color: #075F77;
	font-size: 0.8em;
	float: right;
	margin-right: 14px;
	margin-bottom: 10px;
}

.newsholder {
	margin: 10px 16px 10px 16px;
}

/* footer */

#footercontent {
	margin: 10px 20px 20px 10px;
	color: #FFF;
	font-weight: bold;
}


#footercontent a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}



/*service */
address {
	display: block;
	float: left;
	font-style: normal;
}

#service {
	display: block;
	float: right;
}

#links_by_vehicle_category td {
	vertical-align: top;
}

.newsitemlarge img {
	border: none;
}

/* images shading */
.shade {
	display: block;
	padding: 0px 10px 10px 0px;
	position: relative;
	display: block;
	background: transparent url(/css/images/img_bg.jpg) no-repeat right bottom;
}