html,body{
	width:100%; height:100%;
	margin:0px; padding:0px;
}

body{
	text-align:center; /* MSIE */
	font-family: Arial, Helvetica, sans-serif;
	background:#dadadb;
}
div#container{
	position:relative;
	width: 980px;
	border-left: 1px solid #BBBBBB;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/achtergrond.png) repeat-x top #ffffff;
}
img#logo{
	position:relative;
	left:44px;
	float:left;
	width:321px;
	height:65px;
	z-index:3;
}
div#serviceReclame{
	position:absolute;
	right: 0px;
	top: 0px;
	z-index:3;
}
div#topNavigation{
	position:relative;
	left:10px;
	clear:both;
	z-index: 5;
}
/*alle lijsten op de correcte weergave zetten*/
#hoofdMenu, #hoofdMenu li, ul.productMenu, ul.productMenu li{
	padding:0px;
	margin:0px;
	border:0px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}

div#content{
	position:relative;
	border-top:25px solid white;
	padding-top: 30px;
	padding-bottom: 0px;
	min-height:450px;
	width: 980;
	background: url(../images/achtergrond_content.png) repeat-y top #dadadb;
	clear:both;
	z-index:1;
}
div#content .tekst{
	width:480px;
	min-height:400px;
	padding-left:250px;
	padding-right:250px;
	font-size:0.8em;
	line-height:170%;
}
div#content .tekst a{
	color: #000066;
}
div#content .tekst a:hover{
	color: #CC0000;
}
div#content .tekst a:visited{
	color: #000066;
}
div#content .tekst a:visited:hover{
	color: #CC0000;
}
div#content img{
	margin: 10px;
}

/* for Internet Explorer */
/*\*/
* html div#content .tekst{
height: 400px;
}
/**/


/*hoofdmenu details*/
ul.hoofdMenu, ul.hoofdMenu li{
	display:inline;
}
ul.hoofdMenu li{
	position:relative;
	left:0px;
	padding:0px;
	float:left;
	margin:0px;
}
ul.hoofdMenu li a{
	display: block;
	padding:0px;
	margin:0px;
	width: 106px;
	height: 32px;
	text-decoration: none;
	background-repeat: no-repeat;
}
/*productmenu details*/
div#leftNavigation{
	position:absolute;
	top:122px;
	clear:both;
	left:0px;
	z-index:3;
}
ul.productMenu{
	position:relative;
	left:0px;
	padding:0px;
	margin:0px;
}
ul.productMenu li{
	padding:0px;
	margin:0px;
}
ul.productMenu li a{
	display: block;
	width: 207px;
	height: 26px;
	padding:0px;
	margin:0px;
	text-decoration: none;
}
sup{
	font-size: 0.8em;
}
a#menu_home{
	background-image: url(../images/menu_home.png);
}
a#menu_producten{
	background-image: url(../images/menu_producten.png);
}
a#menu_projecten{
	background-image: url(../images/menu_projecten.png);
}
a#menu_nieuws{
	background-image: url(../images/menu_nieuws.png);
}
a#menu_faq{
	background-image: url(../images/menu_faq.png);
}
a#menu_offerte{
	background-image: url(../images/menu_offerte.png);
}
a#menu_contact{
	background-image: url(../images/menu_contact.png);
}

a#menu_isolatieglas{
	background-image: url(../images/menu_isolatieglas.png);
}
a#menu_veiligheidsglas{
	background-image: url(../images/menu_veiligheidsglas.png);
}
a#menu_zonwerendglas{
	background-image: url(../images/menu_zonwerendglas.png);
}
a#menu_brandvertragendglas{
	background-image: url(../images/menu_brandvertragendglas.png);
}
a#menu_geluidswerendglas{
	background-image: url(../images/menu_geluidswerendglas.png);
}
a#menu_zelfreinigendglas{
	background-image: url(../images/menu_zelfreinigendglas.png);
}
a#menu_interieurbeglazing{
	background-image: url(../images/menu_interieurbeglazing.png);
}
a#menu_isolatieglas_jaloezieen{
	background-image: url(../images/menu_isolatieglas_jaloezieen.png);
}
a#menu_deuren{
	background-image: url(../images/menu_deuren.png);
}
a#menu_24uursservice{
	background-image: url(../images/menu_24uursservice.png);
}
div#contact{
	padding-left:26px; 
	padding-right:20px; 
	font-size:0.75em; 
	color:#002158;
	line-height:160%;
}
div#footer{
	position:relative;
	left:0px;
	bottom:0px;
	width:520px;
	height:30px;
	padding-left:235px;
	padding-top:20px;
	padding-bottom:10px;
	background-color: #FFFFFF;
	text-align:right;
	font-size:0.7em;
	z-index:2;
	border-bottom: 1px solid #BBBBBB;
}
div#footer a{
	color: #000066;
}
div#footer a:hover{
	color: #CC0000;
}
div#footer a:visited{
	color: #000066;
}
div#footer a:visited:hover{
	color: #CC0000;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color: #000066;
	margin-bottom:0px;
	padding-bottom:0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color: #000066;
	margin-bottom:0px;
	padding-bottom:0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color: #000066;
	margin-bottom:0px;
	padding-bottom:0px;
}
p{
	font-family: Arial, Helvetica, sans-serif;
	line-height:170%;
	padding:0px;
	margin:0px;
}
.rood{
  color: #CC0000;
}
.zwart{
  color: #000000;
}
.blauw{
  color: #000066;
}
ul.faq{
	padding:0px;
	margin:0px;
	border:0px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}
ul.faq li a{
	color: #000066;
}
ul.faq li a:hover{
	color: #CC0000;
}
ul.faq li a:visited{
	color: #000066;
}
ul.faq li a:visited:hover{
	color: #CC0000;
}
.inputSubmit{
	padding:2px;
	background-color:#FFFFFF;
	font-size:0.9em;
	height: 20px;
	border:1px solid #afafb1;
	color:#000066;
}
.inputText {
	padding:2px;
	font-size:0.9em;
	height: 15px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #afafb1;
	color:#000066;
	width: 200px;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #afafb1;
	color:#000066;
	font-size:0.9em;
	width: 200px;
	height: 100px;
}
form {
	padding:0px;
	margin:0px;
}
table{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	border-collapse: collapse;
	border-style: none;	
	padding:0px;
	margin:0px;
}
td{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	border:1px solid #999999;
	background-color: #FFFFFF;
	padding: 5px;
	margin: 0px;
}
.nieuws{
	width:470px;
}
.project{
	width:470px;
}

.tekstItem{
	width:520px;
	height:320px;
	padding-left:220px;
	padding-right:220px;
	font-size:0.8em;
	line-height:170%;
}
.tekstItem a{
	color: #000066;
}
.tekstItem a:hover{
	color: #CC0000;
}
.tekstItem a:visited{
	color: #000066;
}
.tekstItem a:visited:hover{
	color: #CC0000;
}