
/**************************************styles page 'Home'*************************************/ 
#visualAnimation /* styles container position visual */
	{padding: 0px 0px 0px 3px;
	 text-align: left;}
#animationBar /* css table 'Animation and question' */
	{display: table;
	 margin: 0px 0px 0px 30px;}
#animationBar .innerAnimation /* css table-row 'Home' */
	{display: table-row;}
#animation /* css table-cell 'Animation' */
	{display: table-cell;
	 width: 675px;
	 padding: 0px 0px 0px 0px;
	 vertical-align: top;}
#container #visualContStatic #visualAnimation #animationBar #animation h1 
	{width: 660px;
	 height: 297px;
	 background: url('../../media/img/ttl-product.jpg');
	 margin: 0px;
	 padding: 0px;}
#container #visualContStatic #visualAnimation #animationBar #animation h1 span 
	{display: block;
	 height: 0;
	 overflow: hidden;}
#space /* css table-cell space */
	{display: table-cell;
	 width: 3px;
	 padding: 0px 0px 0px 0px;
	 vertical-align: top;}
#question /* css table-cell 'Question' */
	{display: table-cell;
	 width: 270px;
	 padding: 3px 0px 0px 10px;
	 vertical-align: top;
	 background-image: url('../../media/img/bg-question-windows.jpg');
     background-repeat: no-repeat;}
#question h2 
	{width: 209px;
	 height: 175px;
	 background: url('../../media/img/ttl-question.gif');
	 margin: 0px 0px 0px 15px;
	 padding: 0px;}
#question h2 span 
	{display: block;
	 height: 0px;
	 overflow: hidden;}
#questionAbout
	{width: 247px;
	 margin: 2px 0px 0px 0px;}
#question .askQuestion /* style textarea questionform */
	{width: 88%;
	 height: 40px;
	 margin: 3px 0px 7px 0px;
	 padding: 7px 0px 0px 7px;
	 font-family: verdana,arial,helvetica,sans-serif;
	 font-size: .9em;
	 color: #000;
	 border: 1px solid #CFE2EE;
	 overflow: auto;}

#newsTickerProd /* styles background main shadow container */
	{width: 1010px;
	 height: 75px;
	 margin-right: auto;
	 margin-left: auto;
	 text-align: center;
	 background-image: url('../../media/img/bg-newsticker-prod.jpg');
     background-repeat: no-repeat;}
#tickerContProd
	{width: 780px;
	 margin: 0px 0px 0px 0px;
	 padding: 30px 0px 0px 256px;
	 font-size: 1.1em;
	 color: #A0A0A0;
	 font-weight: bold;
	 text-align: left;}

#cntMain /* css table 'Animation and question' */
	{display: table;
	 margin: 0px 0px 0px 16px;}
#cntMain .cntInner /* css table-row Content */
	{display: table-row;}
#cellOverview /* css table-cell 'overview products */
	{display: table-cell;
	 width: 221px;
	 padding: 0px 0px 0px 0px;
	 vertical-align: top;}
#spaceProdOverview /* css table-cell space */
	{display: table-cell;
	 width: 21px;
	 padding: 0px 0px 0px 0px;
	 vertical-align: top;}
#cellOverview h1.ttlPC
	{width: 219px;
	 height: 41px;
	 background: url('../../media/img/ttl-voorjepc.jpg');
	 margin: 0px;
	 padding: 0px;
	 font-size: 80%;}
#cellOverview h1.ttlOnline
	{width: 219px;
	 height: 41px;
	 background: url('../../media/img/ttl-vooronline.jpg');
	 margin: 0px;
	 padding: 0px;
	 font-size: 80%;}
#cellOverview h1.ttlMobiel
	{width: 219px;
	 height: 41px;
	 background: url('../../media/img/ttl-voorjemobiel.jpg');
	 margin: 0px;
	 padding: 0px;
	 background-color: #EEEEEE;
	 font-size: 80%;}
#cellOverview h1.ttlOverig
	{width: 219px;
	 height: 57px;
	 background: url('../../media/img/ttl-overig.jpg');
	 margin: 0px;
	 padding: 0px;
	 font-size: 80%;}
#cellOverview h1 span 
	{display: block;
	 height: 0px;
	 overflow: hidden;}
#prodOverviewCont /* styles background main shadow container */
	{width: 211px;
	 min-height: 150px;
	 padding-right: 10px;
	 text-align: right;
	 background: url('../../media/img/bg-prodoverview.jpg');
     background-repeat: no-repeat;
	 background-position: bottom;}
#products
	{width: 210px;
	 margin-left: 10px;
	 border-collapse: collapse;}
tr
	{height: 50px;}

#container #pageCont #content #cntText #cntMain #cellOverview #prodOverviewCont #products tbody tr td.tdIcon
	{width: 55px;
	 margin: 0;
	 padding: 0;
	 text-align: center;
	 vertical-align: middle;}
#container #pageCont #content #cntText #cntMain #cellOverview #prodOverviewCont #products tbody tr td.tdTitel
	{width: 145px;
	 margin: 0;
	 padding: 0px 0px 0px 10px;
	 text-align: left;
	 vertical-align: middle;}
#container #pageCont #content #cntText #cntMain #cellOverview #prodOverviewCont #products tbody tr td.tdTitelOther
	{width: 195px;
	 margin: 0;
	 padding: 0px 0px 0px 10px;
	 text-align: left;
	 vertical-align: middle;}

/* styles popup message */
#container #pageCont #content #cntText #cntMain #cellOverview #prodOverviewCont #products tbody tr td a.pop span
	{display: none;}
#container #pageCont #content #cntText #cntMain #cellOverview #prodOverviewCont #products tbody tr td a.pop
	{position:relative;
	 color: #A0A0A0;
	 font-weight: bold;
	 text-decoration: none;
	 z-index: 25;}
#container #pageCont #content #cntText #cntMain #cellOverview #prodOverviewCont #products tbody tr td a.pop:hover
	{color: #A0A0A0;
	 z-index:26;}
#container #pageCont #content #cntText #cntMain #cellOverview #prodOverviewCont #products tbody tr td a.pop:hover span.message
	{display:block;
	 position:absolute;
	 top:0px; 
	 left:0;
	 width:200px;
	 margin: -165px 0px 0px -27px;
	 padding: 15px 0px 0px 0px;
	 font-size: .85em;
	 color: #A0A0A0;
	 font-weight: normal;
	 text-align: center;
	 vertical-align: top;}
#container #pageCont #content #cntText #cntMain #cellOverview #prodOverviewCont #products tbody tr td a.pop:hover span.top
	{display: block;
	 padding: 10px 0px 0px 0px;
	 background: url('../../media/img/balloon-top.gif');
	 background-repeat: no-repeat;
	 background-position: top;}
#container #pageCont #content #cntText #cntMain #cellOverview #prodOverviewCont #products tbody tr td a.pop:hover span.middle
	{display: block;
	 height: 105px;
	 padding: 0px 25px 0px 25px; 
	 background: url('../../media/img/balloon-middle.gif');
	 background-repeat: repeat-y;
	 background-position: bottom;}
#container #pageCont #content #cntText #cntMain #cellOverview #prodOverviewCont #products tbody tr td a.pop:hover span.middle2
	{display: block;
	 height: 130px;
	 padding: 0px 25px 0px 25px; 
	 background: url('../../media/img/balloon-middle.gif');
	 background-repeat: repeat-y;
	 background-position: bottom;}
#container #pageCont #content #cntText #cntMain #cellOverview #prodOverviewCont #products tbody tr td a.pop:hover span.bottom
	{display: block;
	 padding: 45px 0px 0px 0px;
	 background: url('../../media/img/balloon-bottom.gif');
	 background-repeat: no-repeat;
	 background-position: bottom;}
#container #pageCont #content #cntText #cntMain #cellOverview #prodOverviewCont #products tbody tr h2.message
	{margin: 0px;
	 padding: 0;
	 font-size: 1em;
	 color: #A0A0A0;}
#bottom /* styles background main shadow container */
	{width: 221px;
	 height: 25px;
	 padding: 0px;
	 background: url('../../media/img/bottom.gif');
     background-repeat: no-repeat;
	 background-position: bottom;}
