/* CSS Document */

body {
	padding:		0;
	margin:			0;
	background-image:	url(../images/bg_body.jpg);
}

div, h1, h2, p, form, label, input, textarea, img, span {
	margin:			0;
	padding:		0;
}

ul {
	margin:			0; 
	padding:		0; 
	list-style-type:	none;
	font-size:		0;
}

#headerContainer {
	width:			980px;
	margin-left:		auto;
	margin-right:		auto;
}

#headerMain {
	width:			980px;
	float:			left;
	background-color:	#ffffff;
}

#header {
	width:			960px;
	height:			175px;
	float:			left;
	margin-left:		10px;
	background:		url("../images/bg_header.jpg");
	background-position: 	top left;
	background-color:	#ffffff;
	background-repeat:	repeat-x;
}

#headerLeft {
	float:			left;
	width:			480px;
	height:			175px;
}

#headerRight {
	position: relative;
	float:			left;
	width:			480px;
	height:			175px;
}

#imgLogo {
	position;		relative;
	margin-left:		50px;
	border:			0;
}

#navig {
	position: absolute; top: 0px; left: 100px;
	float:			left;
	width:			360px;
	height:			67px;
}

#link1, #link2, #link3, #link4, #link5 {
	float:			left;
	width:			90px;
	height:			67px;
	text-align:		center;
	font-family:		"Arial Black", Arial, Verdana, Sans-serif;
	font-size:		13px;
	color:			#FFFFFF;
}

#link1 p a, #link2 p a, #link3 p a, #link4 p a, #link5 p a {
	display:		block;
	margin-right:		1px;
	padding:		0px;
	width:			90px;
	height:			42px;
	background-image:	none;
	color:			#ffffff;
	text-decoration:	none;
	padding-top:		25px;
}

#link1 p a:hover, #link2 p a:hover, #link3 p a:hover, #link4 p a:hover, #link5 p a:hover {
	color:			#ffffff;
	text-decoration:	none;
	background-image:	url(../images/bg_navig.gif);
	background-position:	top left;
	background-repeat;	no-repeat;
}

#link_current a {
	float:			left;
	text-decoration:	none;
	padding-top:		25px;
	width:			90px;
	height:			42px;
	text-align:		center;
	font-family:		"Arial Black", Arial, Verdana, Sans-serif;
	font-size:		13px;
	color:			#FFFFFF;
	background-image:	url(../images/bg_navig.gif);
	background-position:	top left;
	background-repeat;	no-repeat;
}

#taal {
	position: absolute; top: 50px; left: 7px;
	float:			left;
	width:			480px;
	height:			108px;
}

#taal ul {
	position:		relative;
	margin-top:		75px;
	margin-left:		325px;
	list-style:		none;
}

#taal ul li {
	display:		inline;
	padding-left:		5px;
}

#taal ul li img {
	border:			0;
}

#contentTopContainer {
	width:			980px;
	margin-left:		auto;
	margin-right:		auto;
}

#contentTopMain {
	width:			980px;
	float:			left;
	background-color:	#ffffff;
}

#contentTop {
	float:			left;
	margin-left:		10px;
	width:			960px;
	background-image:	url(../images/bg_main.jpg);
	background-position:	top left;
	background-repeat:	repeat-x;
	background-color:	#B9DAF9;
}

#contentTopLeft {
	float:			left;
	margin-left:		20px;
	width:			200px;
}

#contentTopRight {
	float:			right;
	width:			650px;
	padding-left:		15px;
	padding-right:		50px;
	padding-bottom:		25px;
}

#product_table {
	width:			604px;
}

#product_table td {
	width:			322px;
	text-align:		justify;
	padding-right:		10px;
	vertical-align:		top;
}

.product_table_header {
	height:			171px;
}

#subnavig {
	float:			left;
	width:			240px;
}

#subnavigTop {
	float:			left;
	width:			198px;
	height:			13px;
	background-image:	url(../images/blokje_top.png);
	background-position:	top left;
	background-repeat:	none;
}

#subnavigMain {
	float:			left;
	width:			198px;
	background-image:	url(../images/blokje_repeat.png);
	background-position:	top left;
	background-repeat:	repeat-y;
}

#subnavigBottom {
	float:			left;
	width:			198px;
	height:			15px;
	background-image:	url(../images/blokje_bottem.png);
	background-position:	top left;
	background-repeat:	none;
}

#subnavig ul {
	margin-top:		0px;
	width:			198px;
	font-family:		"Trebuchet MS", Arial, Verdana;
	font-size:		12px;
	color:			#ffffff;
	list-style:		none;
	float:			left;
}

#subnavig ul li a {
	padding-left:		15px;
	padding-top:		5px;
	padding-bottom:		5px;
	color:			#ffffff;
	text-decoration:	none;
}

#subnavig ul li a:hover {
	padding-top:		5px;
	padding-bottom:		5px;
	color:			#FFFFFF;
	text-decoration:	underline;
}

#chatkantoorLinkMain {
	float:			left;
	width:			240px;
	padding-top:		15px;
}

#bestellenMain {
	float:			left;
	width:			210px;
	padding-top:		15px;
	margin-left:		0px;
	padding-right:		30px;
}

#bestellenMain p, #bestellenMain td {
	color:			#11135D;
	font-family:		"Trebuchet MS", Tahoma, Verdana, Sans-serif;
	font-size:		11px;
}

.add_link a {
	display:		block;
	width:			90%;
	margin-top:		10px;
	background-color:	#11135D;
	color:			#ffffff;
	padding:		5px;
}

#chatkantoorLinkMain img {
	border:			0;
}

#contentTopRight h1 {
	color:			#ffffff;
	font-family:		"Trebuchet MS", Arial, Verdana;
	font-size:		24px;
	margin-bottom:		10px;
}

#contentTopRight h2 {
	color:			#CD1515;
	font-family:		"Trebuchet MS", Arial, Verdana;
	font-size:		18px;
	margin-bottom:		10px;
}

#contentTopRight h3 {
	color:			#CD1515;
	font-family:		"Trebuchet MS", Arial, Verdana;
	font-size:		15px;
	margin-bottom:		0px;
}

#contentTopRight p {
	color:			#000000;
	font-family:		"Trebuchet MS", Arial, Verdana;
	font-size:		13px;
	line-height:		1.5em;
	margin-bottom:		15px;
}

#contentTopRight td {
	color:			#000000;
	font-family:		"Trebuchet MS", Arial, Verdana;
	font-size:		13px;
	line-height:		1.5em;
	padding-right:		10px;
}

#contentTopRight td a {
	color:			#CD1515;
	text-decoration:	none;
}

#contentTopRight td a:hover {
	color:			#CD1515;
	text-decoration:	underline;
}

#contentTopRight li {
	color:			#000000;
	font-family:		"Trebuchet MS", Arial, Verdana;
	font-size:		13px;
	line-height:		1.5em;
	margin-bottom:		0px;
}

#contentTopRight p a, li a {
	color:			#000000;
	text-decoration:	underline;
}

#contentTopRight p a:hover, li a:hover {
	color:			#CD1515;
	text-decoration:	none;
}

#contentTopRight li {
	margin-bottom:		0;
}

#contentTopRight ul {
	margin-bottom:		15px;
	list-style-type: 	square;
	margin-left:		25px;
}

#contentTopRight ul ul {
	margin-bottom:		0;
	list-style-type: 	disc;
	margin-left:		25px;
}

.invulveld {
	width:			250px;
}

.knop {
	padding-left:		15px;
	padding-right:		15px;
	float:			right;
	}

textarea {
	width:			250px;
	height:			100px;
}

#prijzen_tabel2 {
	width:			650px;
	height:			582px;
	font-family:		Trebuchet MS, Arial, Tahoma, Verdana;
}


#prijzen_tabel {
	width:			550px;
	height:			582px;
	font-family:		Trebuchet MS, Arial, Tahoma, Verdana;
	background-image:	url(../images/prijzen_tabel.png);
	background-position:	top left;
	background-repeat:	no-repeat;
}


.prijzen_prijs {
	float:			left;
	font-size:		22px; 
	width:			110px;
	color:			#ffffff;
	line-height:		22px;
	text-align:		center;
}

.prijzen_naam {
	float:			left;
	font-size:		16px; 
	width:			110px;
	line-height:		16px;
	text-align:		center;
	text-decoration:	none;
}

.prijzen_naam a {
	color:			#cd1515;
	text-decoration:	none;
}

.prijzen_naam a:hover {
	color:			#0072BC;
	text-decoration:	none;
}

p .prijzen_note {
	font-size: 		11px;;
	color:			#cd1515;
	text-align:		right;
}

.item {
	position:		relative;
	float:			left;
	width:			320px;
	height:			252px;
	backgound-image:	url(../images/bg_basic_web.png);
	background-position:	top left;
	background-repeat: 	none;
}

.title {
	color:			#ffffff;
	font-family:		"Trebuchet MS", Arial, Verdana;
	font-size:		24px;
	font-weight:		bold;
	line-height:		1.3em;
	float:			left;
	width:			290px;
	height:			27px;
	text-align:		right;
	position:		relative;
	padding-top:		25px;
	padding-right:		30px;
}

.features {
	float:			left;
	width:			150px;
	height:			130px;
	padding-top:		20px;
	padding-left:		150px;
	padding-right:		20px;
}

.features ul {
	font-family:		"Trebuchet MS", Arial, Verdana;
	list-style:		none;
}

.features ul li {
	padding-left:		10px;
	background-image:	url(../images/bg_feature.gif);
	background-position:	top left;
	background-repeat:	no-repeat;
	margin-bottom:		0;
	color:			#ffffff;
	font-size:		12px;
	line-height:		1.3em;
}

/*****************************************************/

#bw_price {
  position: absolute;
  height: 20px;
  width: 150px;
  top: 165px;
  left: 145px;
  line-height: 25px;
  font-size: 14px;
  color: #FFFFFF;
  font-family: "Trebuchet MS", Arial, Verdana;
}

.features_demo {
	float:			left;
	width:			120px;
	height:			130px;
	padding-top:		20px;
	padding-left:		160px;
	padding-right:		20px;
	font-family:		"Trebuchet MS", Arial, Verdana;
	list-style:		none;
	color:			#ffffff;
	font-size:		12px;
	line-height:		1.3em;
	/* text-align: justify; */
}

 #button_link 		{ position: absolute; width: 140px; height: 140px; top: 253px; left: 640px; }
 #button_link a 	{ cursor: hand; }
 
 #button_link img 	{ border: 0px; }


/*****************************************************/

.link1 {
	position: absolute; top: 209px; left: 0px;
	float:			left;
	width:			290px;
	height:			50px;
	text-align:		right;
	padding-right:		30px;
}

.link1 a {
	color:			#ffffff;
	font-family:		"Trebuchet MS", Arial, Verdana;
	font-size:		12px;
	line-height:		1.3em;
	text-decoration:	none;
}

.link1 a:hover {
	color:			#ffffff;
	text-decoration:	underline;
}

.link2 {
	position: absolute; top: 196px; left: 0px;
	float:			left;
	width:			290px;
	height:			50px;
	text-align:		right;
	padding-right:		30px;
}

.link2 a {
	color:			#ffffff;
	font-family:		"Trebuchet MS", Arial, Verdana;
	font-size:		12px;
	line-height:		1.3em;
	text-decoration:	none;
}

.link2 a:hover {
	color:			#ffffff;
	text-decoration:	underline;
}

#contentSubContainer {
	width:			980px;
	margin-left:		auto;
	margin-right:		auto;
}

#contentSubMain {
	width:			980px;
	float:			left;
	background-color:	#ffffff;
}

#contentSub {
	float:			left;
	margin-left:		10px;
	width:			960px;
	background-color:	#B9DAF9;
	height:			307px;
	padding-top:		20px;
}

#tagsBlok {
	float:			left;
	width:			285px;
	height:			287px;
	padding-left:		25px;
	padding-right:		25px;
	padding-top:		10px;
	padding-bottom:		10px;
	background-image:	url(../images/bg_tags.png);
	background-position:	top center;
	background-repeat:	no-repeat;
	color:			#000000;
	font-family:		"Trebuchet MS", Arial, Verdana;
}

#nieuwsBlok {
	float:			left;
	width:			275px;
	height:			317px;
	padding:		10px;
	padding-right:		15px;
	background-image:	url(../images/bg_nieuws.png);
	background-position:	top center;
	background-repeat:	no-repeat;
}

#nieuwsBlok h1 {
	color:			#C00000;
	font-family:		"Trebuchet MS", Arial, Verdana;
	font-size:		18px;
	margin-bottom:		10px;
}

#nieuwsBlok p {
	color:			#000000;
	font-family:		"Trebuchet MS", Arial, Verdana;
	font-size:		12px;
	line-height:		1.5em;
	margin-bottom:		15px;
}

#nieuwsBlok p a {
	color:			#2956C7;
	text-decoration:	underline;
}

#nieuwsBlok p a:hover {
	color:			#2956C7;
	text-decoration:	none;
}

#footerContainer {
	width:			980px;
	margin-left:		auto;
	margin-right:		auto;
}

#footerMain {
	width:			980px;
	float:			left;
	background-color:	#ffffff;
}

#footer {
	float:			left;
	position:		relative;
	width:			960px;
	height:			150px;
	margin-left:		10px;
	background-color:	#ffffff;
	background-image:	url(../images/bg_footer.gif);
	background-position:	center left;
	background-repeat:	no-repeat;
}

#footerLeft {
	float:			left;
	width:			480px;
	height:			150px;
}

#footerRight {
	float:			right;
	width:			480px;
	height:			150px;
	text-align:		right;
}

#imgPowered {
	border:			0;
}

#footerLeft ul {
	position:		relative;
	margin-top:		40px;
	margin-right:		10px;
	margin-left:		-10px;
	list-style:		none;
	font-family:		Verdana, Arial, Helvetica, Sans-serif;
	font-size: 		10px;
}

#footerLeft ul li {
	display:		inline;
	padding-left:		10px;
	padding-right:		15px;
	background-image:	url(../images/bg_footer_li.gif);
	background-position:	center right;
	background-repeat:	no-repeat;
}

#footerLeft ul li a {
	color:			#7D7D7D;
	text-decoration:	none;
}

#footerLeft ul li a:hover {
	color:			#7D7D7D;
	text-decoration:	underline;
}

#footerLeft ul li.last {
	color:			#7D7D7D;
	text-decoration:	none;
	background-image:	none;
}

#field3 {
	display:		none;
}