html, body {
	height: 100%;
	width: 100%;
	margin: 0px auto 0px;
	/* Heel belangrijk */
	
	
}


body {
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	
	color: Silver;
	height: 100%;
	background: url("../pict/bg-body.jpg") top center;   /*  50%   0% */
	background-attachment: fixed;
	background-color: #000;
	margin: 0px auto 8px;
	padding: 0px;
	text-align: center;
}

		#angebotprijs {
		z-index : 20;
		position: absolute;
		top: 322px;
		left: 360px;
		margin: 0px auto 0px; /*deze div centreren*/
		padding: 25px 4px 45px 4px;
		background-image : url(../pict/angebot-prijs-bg3.png);
		background-repeat : no-repeat;
		width : 120px;
		heigth : 120px;
		min-height : 120px;
	min-width : 120px;
	max-height : 120px;
	max-width : 120px;
		font-size : 1em;
		font-weight : bold;
		text-align: center;
		color : White;
}


#angebotprijs-uk {
		z-index : 20;
		position: absolute;
		top: 260px;
		left: 350px;
		margin: 0px auto 0px; /*deze div centreren*/
		padding: 25px 4px 45px 4px;
		background-image : url(../pict/angebot-prijs-bg3.png);
		background-repeat : no-repeat;
		width : 120px;
		heigth : 120px;
		min-height : 120px;
	min-width : 120px;
	max-height : 120px;
	max-width : 120px;
		font-size : 1em;
		font-weight : bold;
		text-align: center;
		color : White;
}


#angebotprijs-nl {
		z-index : 20;
		position: absolute;
		top: 330px;
		left: 350px;
		margin: 0px auto 0px; /*deze div centreren*/
		padding: 15px 4px 45px 4px;
		background-image : url(../pict/angebot-prijs-bg3.png);
		background-repeat : no-repeat;
		width : 120px;
		heigth : 120px;
		min-height : 120px;
	min-width : 120px;
	max-height : 120px;
	max-width : 120px;
		font-size : 1em;
		font-weight : bold;
		text-align: center;
		color : White;
}

	#container {
		position: relative; /* De container positioneer je relative omdat je de footer absoluut aan de container positioneert */
		width: 100%;
		min-height: 100%;
		height: auto !important; /* IE hack */
		height: 100%;
		voice-family: "\"}\""; /* IE hack */
		voice-family: inherit; /* deze hoort daar nog bij */
		margin: 0px auto -32px; /*container centreren + footer binnenhalen*/
		padding: 0px;
		
		}
	
	
	html>body #container {
		height: auto; /* IE hack */
		margin: 0px auto -32px; /*container centreren + footer binnenhalen*/
	}



	#header {
		position: relative;
		height: auto;
		top: 0px;
		margin: 0px auto 0px; /*deze div centreren*/
		padding-bottom: 0px;
		background-image : url(../pict/bg-header.jpg);
		background-repeat : repeat-x;
		width : 100%;
		text-align: center;
		border-bottom : 0px solid Gray;
		
	}
	
	

	#headerhome {
		position: relative;
		height: auto;
		top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-bottom: 0px;
		background-image : url(../pict/bg-header.jpg);
		background-repeat : repeat-x;
		width : 100%;
		float: left;
	}
	
	#taal {
	
	visibility : visible;
	
		position: absolute;
		height: 12px;
		text-align: right;
		top: 75px;
		right: 5px;
		margin-right: 5px;
		margin-bottom: 0px;
		margin-top: 5px;
		margin-left: 0px;
		
		padding: 0px 0px 0px 0px;
		z-index: 20;
		
	}
	
	
	
	
		#wrapper {
		position: relative; 
		
		width: 950px;
		height: auto !important;
		
		margin: 10px auto;
		padding: 0px;
	}
	
	
	#wrapper-nomenu {
		position: relative; 
		
		width: 860px;
		height: auto !important;
		
		margin: 10px auto;
		padding: 0px;
	}
	

	
	
	/*linker menu*/

	#menu {
		float: left;
		position: relative;
		margin-left: 10px;
		margin-top: 20px;
		margin-right: 0px;
		margin-bottom: 0px;
		width: 155px;
		text-align: left;
		
		
		
	}

	#menu ul.nav {
		list-style: none;
		list-style-position : outside;
		padding: 0 0 15px;
		margin: 0px;
		background: url(../pict/bg-menu2.png) bottom;
		
		
	}
	
	
	#menu ul.nav li {
		list-style: none;
		list-style-position : outside;
		padding: 0px;
		margin: 0px;
		border-bottom: 1px solid #aeaeae;
		
	}

	#menu li a {
		
		color: #aeaeae;
		font-size: 11px;
		text-decoration: none;
		padding-left: 6px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-right: 0px;
		margin: 0 0 0 0;
		
		display: block;
	
	}
	
	#menu li a:HOVER {
		background-color: #767676;
		color: Black;
		margin-left: 0px;
	}
	
	#menu li a.akt {
		background-color: Red;
		color: Black;
		font-weight: bold;
		padding-left: 4px;
		padding-top: 0px;
		padding-bottom: 1px;
		padding-right: 4px;
		margin-left: 0px;
		text-align: center;
		
	}
	
	
	
	/*top menu*/
	
	.top_menu {
	
	
	
	text-align: center;
	position: relative;
	
	list-style: none;
	height: 20px;
	
	margin: 7px auto 0px;
	padding: 0;
	border: none;
	}

.top_menu li {
	
	min-width : 140px;
	float: left;
	padding: 0;
	margin: 0 2px 0 2px;
	background-image : url(../pict/tab-right2.gif);
	background-repeat : no-repeat;
	background-position: right top;
	}

.top_menu li a {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #cccc99;
	font-variant : small-caps;
	text-decoration: none;
	padding: 4px 14px;	
	
	background-image : url(../pict/tab-left2.gif);
	background-repeat : no-repeat;
	background-position: left top;
	}
	
.top_menu li a:HOVER {
	color: White;
	}
	
	
.top_menu #akt {
	background-image : url(../pict/tab-right-akt2.gif);
	background-repeat : no-repeat;
	background-position: right top;
	color: Black;
	border-bottom: 1px solid red;
	}
	
.top_menu #akt a {
	background-image : url(../pict/tab-left-akt2.gif);
	background-repeat : no-repeat;
	background-position: left top;
	color: White;
	}
	
	
	
	
	/*subtop menu*/
	
	
.top_menu2 {
	clear: left;
	position: relative;
	height: 20px;
	list-style: none;
	
	text-align: center;
	margin: 0px auto 0px;
	padding: 0 0 0 0;
	border-top: 4px solid red;
	
	}

.top_menu2 li {
	float: left;
	padding: 0;
	margin: 0 0px 0 0px;
	background-image : url(../pict/tab-u-right2.gif);
	background-repeat : no-repeat;
	background-position: right bottom;
	}

.top_menu2 li a {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #cccc99;
	text-decoration: none;
	padding: 4px 12px;	
	background-image : url(../pict/tab-u-left2.gif);
	background-repeat : no-repeat;
	background-position: left bottom;
	}
	
.top_menu2 li a:HOVER {
	color: White;
	}
	
.top_menu2 #pos {
	background-image : url(../pict/tab-u-right-akt2.gif);
	background-repeat : no-repeat;
	background-position: right bottom;
	color: #FFF;
	}
	
.top_menu2 #pos a {
	background-image : url(../pict/tab-u-left-akt2.gif);
	background-repeat : no-repeat;
	background-position: left bottom;
	color: #FFF;
	}
	
	
	
	/*content*/
	
	#content-home {
	margin: 0px auto;
	width : 910px;
	height:auto;
	text-align : center;
}
	

	#content {
	position: relative;
	float: left;
	height:auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	
	margin-bottom : 20px;
	width : 785px;

	border: 0px;
}







	#content-i {
	
	text-align: center;
	height:auto;
	padding: 0px;
	margin: 30px auto;
	
	width : 820px;
}











TABLE.rand {
	border-left : 1px solid #DBDBDB;
	border-right : 1px solid #DBDBDB;
	border-bottom : 1px solid #DBDBDB;
	border-top : 0px;
	
}

TABLE.product {
	
	width: 460px;
	color : White;
	font-size : 0.7em;
	border : 0px;
	padding : 0px;
	border-spacing : 0px;
	border-style : none;
	border-collapse: collapse;
}

TABLE.product td {

	border : 0px;
	border-spacing : 0px;
	border-style : none;
}

TABLE.product td.rondboven{
	
	width: 460px;
	height: 13px;
	background : url(../pict/proddesc-top.png);
	padding : 0px;
	margin-bottom: 0px;
	border-spacing : 0px;
	border-style : none;
}


TABLE.product td.rondonder{
	
	width: 460px;
	height: 13px;
	background : url(../pict/proddesc-bottom.png);
	padding : 0px;
	margin-bottom: 0px;
	border-spacing : 0px;
	border-style : none;
}

TABLE.new {
    color : black;
	font-size : 0.7em;
	font-weight: normal;
	border : 1px solid #e3e3e3;
	min-width : 276px;
	table-layout : fixed;
}

TABLE.sechand {
    color : black;
	font-size : 0.7em;
	font-weight: normal;
	border : 1px solid #e3e3e3;
}

TABLE.damast {
    color : White;
	font-size : 1.0em;
	font-weight: normal;
	border : 1px solid #e3e3e3;
}

TABLE.prijs {
	margin-top: 7px;
    color : black;
	font-size : 1.0em;
	font-weight: normal;
	border : 1px solid #000000;
	table-layout : fixed;
}

A.photonis {
	margin-top: 7px;
	margin-right: 15px;
	background-color : #044f93;
	color : White;
	font-size : 16px;
	font-family : Arial, Helvetica, sans-serif;
	padding:4px;
	font-weight : bold;
}

TR.top {
	background : #5daa08;
}

TR.sub {
	background : #b7ff51;
}

TD.ri {
text-align: right;
font-weight : bold;
vertical-align : top;
}
	
TABLE.foto {
	
}

TD.proddesc {
	vertical-align : top;
	padding: 0px 7px 7px 7px;
	color: black;
	background: white;
	margin-top: 0px;
	border : 0px;
	border-spacing : 0px;
	border-style : none;
}

TD.img {
	vertical-align : top;
	padding: 0px;
}

DIV.tab {
	background-image : url(../pict/tab-tech-details.png);
	background-position : left bottom;
	background-repeat : no-repeat;
	background-color : transparent;
	height: 20px;
	width: 203px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	padding: 0px 2px 0px 7px;
	margin: 0px;
}
	
	H1 {
	background-color : #ababab;
	color : White;
	font-size : 16px;
	text-align : center;
	margin-top: 5px;
	height: 20px;
	clear: both;
	
}


	H2 {
	background: url(../pict/bg-h2-2.jpg) left bottom no-repeat;
	/*background-color : #ababab;*/
	color : #b7ff51;
	font-size : 12px;
	
	letter-spacing : 2px;
	text-align : left;
	padding: 2px 0px 0px 18px;
	
	margin: 0px 0px 0px 0px;
	
}



/*start defenition angebote*/

	#wrapper-angebote {
	position: relative; 
		
	width: 817px;
	height: auto !important;
		
	margin: 10px auto;
	padding: 0px;
	}


	#content-angebote {
	position: relative;
	float: left;
	height:auto;
	padding: 0px;
	margin: 0px auto 20px;
	
	width : 817px;

	border: 0px;
}


	H2.angebote {
	background: url(../pict/bg-h2.gif) left bottom no-repeat;
	/*background-color : #ababab;*/
	color : Black;
	font-size : 12px;
	
	letter-spacing : 2px;
	text-align : left;
	padding: 2px 0px 0px 18px;
	
	width: 799px;
	
	margin: 0px 0px 0px 0px;
	
}


	H3.angeb {
	
		background-color: Red;
		color: Black;
		font-weight: bold;
		font-size: 13px;
		padding-left: 2px;
		padding-top: 0px;
		padding-bottom: 1px;
		padding-right: 2px;
		margin-left: 0px;
		text-align: center;
		letter-spacing: 1px;
	
	}

/*end defenition angebote*/


.taal {
	background-color : White;
	color : Black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.7em;
	text-decoration: none;
	padding: 0;
}


A.taal:HOVER {
		background-color: Black;
		color: White;
		margin-left: 0px;
	}

	
	P {
	margin-top : 8px;
	margin-left: 8px;
	margin-bottom: 8px;
	text-align : left;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.7em;
}


	P.red {
	margin-top : 8px;
	margin-left: 8px;
	margin-bottom: 8px;
	color: red;
	text-align : left;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.7em;
}


	P.achtung {
	margin-top : 8px;
	margin-left: 8px;
	margin-bottom: 8px;
	color: red;
	text-align : left;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
}


	A.page {
	background-color : #010101;
	color : #eeeeee;
	padding: 0px 3px 1px 3px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.0em;
	text-decoration : none;
}
A.page:HOVER {
	text-decoration : underline;
}


	A.page1 {
	background-color : #010101;
	color : Silver;
	padding: 0px 3px 1px 3px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;

}
A.page1:HOVER {
	text-decoration : underline;
}



	A.overzicht {
	background-image: url(../pict/overlay2.png);
	color : Silver;
	font-weight: bold;
		padding-left: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-right: 0px;
		margin-left: 0px;
		text-align: center;
	text-decoration : none;
	

}
A.overzicht:HOVER {
	text-decoration : underline;
}




DIV.copy {
	position : relative;
	bottom: 100px;
	right: 10px;
	z-index : 20;
	width : 100%;
	text-align : right;
}

DIV.fotowrapper-r {
	background-color : #535353;
	margin: 8px 8px 8px 10px;
	width : 395px;
	padding-left : 8px;
	padding-bottom : 8px;
	padding-right : 8px;
	padding-top : 8px;
	float: right;
}

DIV.fotowrapper-l {
	background-color : #535353;
	margin: 0px 10px 0px 0px;
	width : 414px;
	padding-left : 8px;
	padding-bottom : 8px;
	padding-right : 8px;
	padding-top : 8px;
	float: left;
}



#footer { 
		
		width: 100%;
		background-color: #ababab;
		height: 37px;
  		clear: both;
		padding: 0px;
		margin: 0px;
		text-align : center;
		/*border-bottom : thin solid #e2e2e2;
		border-top : thin solid #e2e2e2;*/
		background: url(../pict/bg-footer.jpg) left bottom repeat-x;
	}



.adres
{ 
		color: #d2d2d2;
		font-weight : bold;
		font-size: 11px;
		padding-left: 0px;
		padding-top: 4px;
		padding-bottom: 0px;
		text-align : center;
		margin-top : 0px;
		margin-left : 0px;
		margin-right : 0px;
	
	}
	
	
OL {
		color: #010101;
		font-weight : normal;
		font-size: 11px;
		padding-left: 8px;
		padding-top: 4px;
		padding-bottom: 0px;
		text-align : left;
		margin-top : 0px;
		margin-left : 15px;
		margin-right : 0px;
}

Li.pnt {
		color: #010101;
		font-weight : normal;
		font-size: 10px;
		padding-left: 8px;
		padding-top: 1px;
		padding-bottom: 0px;
		text-align : left;
		margin-top : 0px;
		margin-left : 5px;
		margin-right : 0px;
}