/**********/
/** BODY **/
/**********/

/** Toont altijd de horizontale scrollbar, teneinde verspringingen te voorkomen **/
html 
{	
	overflow-y: scroll;
}

/** Default **/
body
{
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	font-size: 9pt;
	/** White **/ background-color: #ffffff;
	font-family: Verdana, Arial, Times New Roman;
	/** Grijs **/ color: #333333;									
	border-collapse: collapse;
	line-height: 14pt;
	vertical-align: top;
	text-align: justify;
}


/** Body voor de Swyw-pagina's **/
body#swyx
{	
	/** White **/ background-color: #ffffff;
}


/** Body voor de Axis-pagina's **/
body#axis
{	
	/** White **/ background-color: #ffffff;
}


h1
{	
	font-size: 14pt;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 7px 7px;
	text-align: center;
	padding-top: 15px;
}



/************/
/** TABLES **/
/************/

/** Table "Volledige pagina" **/
table#page
{
	width: 1095px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	/**margin: 0px;**/	
	margin-left: auto;	/** Nodig voor centreren in FireFox **/
	margin-right: auto;	/** Nodig voor centreren in FireFox **/
	border-collapse: collapse;
	vertical-align: top;
}



/** Table "Menu - Niveau 1 & 2 " **/
table.menu
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	/**margin: 0px;**/	
	margin-left: auto;	/** Nodig voor centreren in FireFox **/
	margin-right: auto;	/** Nodig voor centreren in FireFox **/
	padding-top: 0px;
	border-collapse: collapse;
	height: 15px;
	/** Taupe donker **/ background-color: #cbc7c5;
	text-align: center;
}

.menuTD
{
	width: auto; 
	border-right: white 1px solid; 
	padding-left: 33px; 
	padding-right: 32px; 
}

.menuL2TD
{
	width: auto; 
	border-right: white 1px solid; 
	padding-left: 12px; 
	padding-right: 12px; 
}



/** Table "Inhoud" **/
table#context
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	/**margin: 0px;**/	
	margin-left: auto;	/** Nodig voor centreren in FireFox **/
	margin-right: auto;	/** Nodig voor centreren in FireFox **/	
	border-collapse: collapse;	
}	


/** Table "Referentielijst" **/
table#referenties
{
	width: 750px;
	border-collapse: collapse;
	vertical-align: top;
	text-align: center;
	/** Taupe donker **/ border-right: #cbc7c5 thin solid;
	/** Taupe donker **/ border-top: #cbc7c5 thin solid;
	/** Taupe donker **/ border-left: #cbc7c5 thin solid;
	/** Taupe donker **/ border-bottom: #cbc7c5 thin solid;
}


/** Table "SwyxPhones"  ==> NIET MEER GEBRUIKT
table#phone
{
	width: 725px;
	height: auto;
	background-image: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
**/


/** Rows - Table "Volledige pagina" **/
.pageTD
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-collapse: collapse;
	margin: 0px;
}



.leftTopTD
{
	text-align: justify;
	vertical-align: top;
	font-size: 8pt;
	padding-right: 15px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height: 12pt;
	/** Taupe donker **/ border-bottom: #cbc7c5 thin solid;
}


.centerTopTD
{
	text-align: center;
	vertical-align: top;
	font-size: 8pt;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-family: Wingdings;
	/** Taupe donker **/ border-bottom: #cbc7c5 thin solid;
}


.headerTD
{
	text-align: center;
	vertical-align: top;
	font-weight: bold;
	text-decoration: underline;
}



/** Layout voor cel met foto's **/
.contextphotoTD
{
	vertical-align: middle;
	text-align: center;
}


/** Layout voor cel met foto's **/
.contextphotoTopTD
{
	vertical-align: top;	
	text-align: center;
}


/** Layout voor div met foto links-menu **/
.contextphotoMenuTD
{
	text-align: center;
	vertical-align: middle;
}


/** Referenties - tekst **/
.referentiesTD
{
	width: 250px;
	border-collapse: collapse;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 25px;
	height: 30px;
	vertical-align: top;
	text-align: center;	
	/** Taupe donker **/ border-right: #cbc7c5 thin solid;	
	/** Taupe donker **/ border-left: #cbc7c5 thin solid;
	/** Taupe donker **/ border-bottom: #cbc7c5 thin solid;
}



/** Referenties - logo **/
.referentiesLogoTD
{
	width: 250px;
	border-collapse: collapse;
	height: 80px;
	vertical-align: middle;
	text-align: center;
	/** Taupe donker **/ border-right: #cbc7c5 thin solid;
	/** Taupe donker **/ border-top: #cbc7c5 thin solid;
	/** Taupe donker **/ border-left: #cbc7c5 thin solid;	
}


/** Contact - Titel **/
.contactTitleTD
{
	width: 555px; 
	height: 30px; 
	vertical-align: bottom;
}



/** Opmaak van de foutmelding bij ContactForm **/
.contactErrorTD
{
	font-weight: bold;
	visibility: hidden;
	vertical-align: bottom;
	/** Green **/ color: #51B200;
	text-align: left;
	padding-left: 35px;
}



/** Nieuwspagina - Titel : Datum & text **/
.newsTitleTD
{
	width: 755px;
	height: 35px;
	vertical-align: middle;
}


/** Nieuwspagina - Titel : Datum **/
.newsDateSpan
{	
	font-size: 8pt;
}


/** Nieuwspagina - Titel : Titel **/
.newsTitleSpan
{	
	/** Green **/ color: #51B200;
	font-weight: bold;
	font-size: 12pt;
}


/** Nieuwspagina - Titel : Titel (Axis) **/
.newsTitleSpanAxis
{
	/** Blauw **/ color: #006BCB;
	font-weight: bold;
	font-size: 12pt;
}


/** Nieuwspagina - Titel : Titel (Telenet) **/
.newsTitleSpanTelenet
{
	/** Geel (donker) **/ color: #FFCC00;
	font-weight: bold;
	font-size: 12pt;
}


/** Nieuwspagina - Titel : Titel (Swyx) **/
.newsTitleSpanSwyx
{
	/** Red **/ color: #FF3333;
	font-weight: bold;
	font-size: 12pt;
}


/** Nieuwspagina - Bericht **/
.newsItemTD
{
	padding-left: 35px;
	width: 755px;
}




/** SwyxPhones - Titel (bv. IP SwyxPhone L400) **/
.phoneTitleTD
{
	height: 30px;
	/** Red **/ color: #FF3333;
	font-weight: bold;
	/** Red **/ border-bottom: #FF3333 thin solid;
	/** Red **/ border-top: #FF3333 thin solid;
	padding-left: 25px;
}


/** SwyxPhones - Thumbnails **/
.phoneThumbTD
{
	width: 50%;
	height: auto;
	vertical-align: bottom;
	text-align: center; /** Dark-gray **/	
	border-top: darkgray thin solid;
	border-left: darkgray thin solid;
	border-right: darkgray thin solid;
}

.phoneThumbTextTD
{
	text-align: right; 
	vertical-align:top; 
	font-weight:bold; 
	height:32px; 
	border-bottom: darkgray thin solid;
	border-left: darkgray thin solid;
	border-right: darkgray thin solid;
}



/** SwyxPhones - Introtekst & afbeelding **/
.phoneIntroTD
{
	 height: auto; 
	 vertical-align: top;
}


/** SwyxPhones - Features **/
.phoneFeaturesTD
{
	width: 50%; 
	vertical-align: top;
	padding-right: 15px;
}



/** Phone - Remarks **/
.phoneRemarksTD
{
	font-size: smaller;
	line-height: normal;
}


/** Header van de vergelijksingstabel IR-lampen **/
.phoneHeaderTD
{
	color: white;
	/** Red **/ background-color: #FF3333;
	font-size: 8pt;	
	vertical-align: bottom;
	text-align: left;
	padding-left: 20px;
	font-weight: bold;	
}


/** Axis - Titel **/
.camTitleTD
{
	height: 30px;	
	/** Blauw **/ color: #006BCB;
	font-weight: bold;
	/** Blauw **/ border-bottom: #006BCB thin solid;
	/** Blauw **/ border-top: #006BCB thin solid;
	padding-left: 25px;
}


.camRechtsMenuTD
{
	width: 200px; 
	text-align:right; 
	vertical-align: top; 
	line-height: 18pt;
}

/** Axis - Thumbnails **/
.camThumbTD
{
	width: 14%; 
	height: 80px; 
	vertical-align: top;
	text-align: center;
}


.imageCamFix, .contentThumb, .contentThumb2, .contentThumb3, .contentThumb4
{
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-top-style: none;
	text-align: center;
	vertical-align: middle;	
}


.imageFixedCamThumb
{
	width: 60px;
	height: 73px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-top-style: none;
	text-align: center;
	vertical-align: middle;	
}


.imageFixedDomesThumb
{
	width: 60px;
	height: 60px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-top-style: none;
	text-align: center;
	vertical-align: middle;	
}



/** Header van de vergelijksingstabel IR-lampen **/
.camHeaderTD
{
	color: white;
	/** Blauw **/ background-color: #006BCB;
	font-size: 8pt;	
	vertical-align: bottom;
	text-align: center;	
	font-weight: bold;	
}


/** Text van de vergelijkingstabel IR-lampen **/
.camSpecsColTD
{
	height: 25px;
	text-align: center;
	vertical-align: middle;
	font-size: 8pt;
	/** Blauw **/ border-bottom: #006BCB 1px solid;
}


/** Uitgebreide specs IR-lampen - Col 1 **/
.camExtSpecsCol1TD
{
	height: 25px;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	width: 175px;
	/** Blauw **/ border-bottom: #006BCB 1px solid;
}


/** Uitgebreide specs IR-lampen - Col 2 **/
.camExtSpecsCol2TD
{
	height: 25px;
	text-align: left;
	vertical-align: middle;
	width: 	380px;
	/** Blauw **/ border-bottom: #006BCB 1px solid;
}


/** Opmaak table ZOOM OP (Headsets) **/
.swyxZoomTitleTD
{
	height: 30px;
	font-size: 14pt;
	font-style: italic;
	font-weight: bold;
	/** Red **/ color: #FF3333;	
	padding-left: 15px;
	vertical-align: middle;
}


.swyxZoomTextTD
{
	width: 25%;
	text-align: justify;
	vertical-align: top;
	font-size: 8pt;
	padding-left: 10px;
	padding-right: 10px;
	/** Red **/ border-right: #FF3333 1px dotted;
}


/** Telenet - Thumbnails **/
.swyxZoomThumbTD
{	
	width: 25%; 
	height: 100px;
	vertical-align: middle;
	text-align: center; 
	/** Red **/ border-right: #FF3333 1px dotted;
}


.swyxZoomTextTitleTD
{
	width: 25%;
	height: 30px;
	font-weight: bold;
	text-align: center;
	vertical-align: top; 
	/** Red **/ border-right: #FF3333 1px dotted;
}


/** Cabling - Titel **/
.cablingTitleTD
{
	height: 30px;
	/** Blue **/ color: #006CE2;
	font-weight: bold;
	/** Blue **/ border-bottom: #006CE2 thin solid;
	/** Blue **/ border-top: #006CE2 thin solid;
	padding-left: 25px;
}


.contentThumb, .contentThumb2, .contentThumb3, .contentThumb4
{
   position: relative; 
   z-index: 1;
   float: left;
}

.contentThumb
{   
   height: auto;
}

.contentThumb2
{
    width: 370px;
    height: auto;
   /** 
    border-bottom: black thin solid;
    border-left: black thin solid;
    border-top: black thin solid;
    border-right: black thin solid;
    **/
}

.contentThumb3
{
   width: 184px; 
   height: auto;
}


.contentThumb4
{
    width: 138px; 
    height: auto;
}

/*****************/
/** INVULVELDEN **/
/*****************/


.textbox
{
	font-family: Verdana;
	font-size: 9pt;
	/** Grijs **/ color: #333333;						
}


.textboxReadOnly
{
	font-family: Verdana;
	font-size: 9pt;
    /** DimGray **/ color: #696969;
}



/**********/
/** LIST **/
/**********/

/** LinksMenu <li> **/
.listItemMenu
{
	margin-bottom: 2px;
}


/** Infopagina's <ul> **/
.listInfo
{
	margin-left: 20px;
	list-style-type: square;
}


/** Infopagina's <li> **/
.listItemInfo
{	
	margin-bottom: 15px;
}

.listItemInfoL2
{
    margin-left: 35px;
    list-style-type: disc;
    list-style-position: outside;
}


/** SwyxPhones <ul> **/
.listSwyx
{
	margin-left: 30px;
	margin-bottom: 0px;	
	list-style-type: none;
	list-style-image: none;	
	list-style-image: url(graphics/VoIP/bullet_swyx.gif);
}


/** SwyxPhones <li> **/
.listItemSwyx
{
	margin-bottom: 5px;
}


/** Axis <ul> **/
.listCam
{
	margin-left: 30px;
	margin-bottom: 0px;	
	list-style-type: none;
	list-style-image: none;		
	list-style-image: url(graphics/cams/bullet_cams.gif);
}


/** Axis <li> **/
.listItemCam
{
	margin-bottom: 5px;
}




/************/
/** IMAGES **/
/************/

/** Default **/
.imageLogo
{ 	
	/** White **/ border-right: #ffffff thin solid;	
	/** White **/ border-top: #ffffff thin solid;
	/** White **/ border-left: #ffffff thin solid;
	/** White **/ border-bottom: #ffffff thin solid;
}


/** Opmaak van de foto's Swyx**/
.imageSwyx
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	float: left; 
    margin-bottom: 0px;     
    margin-right: 10px; 
}

.imageSwyxFix
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	text-align: center;
	vertical-align: middle;		
}

.imageHeadSetThumb, .imageIPThumb, .thumb3, .thumb4
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	text-align: center;
	vertical-align: middle;		
}

.imageHeadSetThumb
{
	width: 250px;
	height: 207px;
}

.imageIPThumb
{
	width: 285px;
	height: 182px;
}

.thumb3
{
    width:  175px;
    height: 131px;
}

.thumb4
{
    width:  130px;
    height: 173px;
}


/*********/
/** DIV **/
/*********/

/** Normaal **/

/** Nieuwsbericht : Lees meer >> **/
.divMore
{
	visibility: visible;
	display: inline;	
}


/** Nieuwsbericht : Terug << **/
.divLess
{
	visibility: hidden; 
	display: none;
}

/** Wordt gebruikt om de Thumb in de text te tonen bij de specs van de telefoons **/
.divSwyxThumb
{
	float: left; 
	width: 200px; 
    height: 150px;
    text-align: center;
    margin-bottom: 4px;    
}


/** Wordt gebruikt om de Thumb in de text te tonen bij de FO_Wanneer **/
.divFOThumbLeft
{
	float: left; 
	width: 170px; 
    text-align: center;     	
    margin-bottom: 5px;
    margin-right: 30px;            
}


/** Wordt gebruikt om de Thumb in de text te tonen bij de FO_Wanneer **/
.divFOThumbRight
{
	float: right; 
	width: 170px;
    text-align: center;
    margin-bottom: 5px;
    margin-left: 15px;
}



/** Bronvermelding Nieuws-pagina's **/
.divBron
{
	font-style: italic;
	font-size: 8pt;
}



/**********/
/** SPAN **/
/**********/
/** Klik op foto voor vergroting **/
.clickSpan
{
	font-size: 7pt; 
	font-style: italic;
	text-align: center;
}

.clickSpanLeft
{
	font-size: 7pt; 
	font-style: italic;
	text-align: left;
	padding-left: 10px;

}


.clickEmptySpan
{
	font-size: 7pt; 
	font-style: italic;
	text-align: center;
	/** White **/ color: #ffffff;
}



/***********************************/
/** Instellingen mbt. videoplayer **/
/***********************************/

/* player container */ 
a.player
{
	/* container dimensions */
	display: block;
	width: 500px;
	height: 400px;
	text-align: center; /* make play button centerered horizontally */
	background: url(graphics/splash.jpg) no-repeat center center;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}


/* play button */
a.player img
{
    margin-top: 142px;
    background-color: transparent;    
}

/* a.player:hover 
{     
    border: #917c61 1px solid; 
}
*/

	


/************/
/** FRAMES **/
/************/

/** iFrame voor SwyxPhones ==> NIET MEER GEBRUIKT
iframe#iframePhone
{
	width: 755px;
	height: 865px;
	background-image: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
**/



/***********/
/** LINKS **/
/***********/

/** Standaard link - Links menu **/

/** Defines the style for normal unvisited links **/
a:link
{
	text-decoration: none;
	/** Green **/ color: #51B200;
	font-weight: bold;
}


/** Defines the style for visited links **/
a:visited
{
	text-decoration: none;
	/** Green **/ color: #51B200;
	font-weight: bold;
}


/** Defines the style for hovered links **/
a:hover
{
	text-decoration: none;
	/** DimGray **/ color: #696969;
	font-weight: bold;
}


/** Defines the style for active links **/
a:active
{
	text-decoration: none;
	/** Green **/ color: #51B200;
	font-weight: bold;
}



/** Standaard link - pagina inhoud **/

/** Defines the style for normal unvisited links **/
.normal a:link
{
	text-decoration: none;
	/** Green **/ color: #51B200;
	font-weight: normal;
}


/** Defines the style for visited links **/
.normal a:visited
{
	text-decoration: none;
	/** Green **/ color: #51B200;
	font-weight: normal;
}


/** Defines the style for hovered links **/
.normal a:hover
{
	text-decoration: none;
	/** DimGray **/ color: #696969;
	font-weight: normal;
}


/** Defines the style for active links **/
.normal a:active
{
	text-decoration: none;
	/** Green **/ color: #51B200;
	font-weight: normal;
}


/** ----------------------------------------- **/



/** Link in hoofdmenu **/

/** Defines the style for normal unvisited links **/
.menu a:link
{
	text-decoration: none;
	/** DimGray **/ color: #696969;
	font-weight: bold;
	font-size: 10pt;
}


/** Defines the style for visited links **/
.menu a:visited
{
	text-decoration: none;
	/** DimGray **/ color: #696969;
	font-weight: bold;
	font-size: 10pt;
}


/** Defines the style for hovered links **/
.menu a:hover
{
	text-decoration: none;
	/** White **/ color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
}


/** Defines the style for active links **/
.menu a:active
{
	text-decoration: none;
	/** DimGray **/ color: #696969;
	font-weight: bold;
	font-size: 10pt;
}


/** ----------------------------------------- **/


/** Link in referenties **/

/** Defines the style for normal unvisited links **/
.referentie a:link
{
	text-decoration: none;
	/** Taupe **/ color: #e1dedd;
	font-weight: bold;
	font-size: 10pt;
}


/** Defines the style for visited links **/
.referentie a:visited
{
	text-decoration: none;
	/** Taupe **/ color: #e1dedd;
	font-weight: bold;
	font-size: 10pt;
}


/** Defines the style for hovered links **/
.referentie a:hover
{
	text-decoration: none;
	/** Taupe **/ color: #e1dedd;	
	font-weight: bold;
	font-size: 10pt;
}


/** Defines the style for active links **/
.referentie a:active
{
	text-decoration: none;
	/** Taupe **/ color: #e1dedd;
	font-weight: bold;
	font-size: 10pt;
}


/** ----------------------------------------- **/


/** Link in Swyx **/

/** Defines the style for normal unvisited links **/
.swyx a:link
{
	text-decoration: none;
	/** Red **/ color: #FF3333;
	font-weight: bold;
}


/** Defines the style for visited links **/
.swyx a:visited
{
	text-decoration: none;
	/** Red **/ color: #FF3333;
	font-weight: bold;
}


/** Defines the style for hovered links **/
.swyx a:hover
{
	text-decoration: none;
	/** DimGray **/ color: #696969;
	font-weight: bold;
}


/** Defines the style for active links **/
.swyx a:active
{
	text-decoration: none;
	/** Red **/ color: #FF3333;
	font-weight: bold;
}



/** Defines the style for normal unvisited links **/
.swyx2 a:link
{
	text-decoration: none;
	/** Red **/ color: #FF3333;
	font-weight: normal;
}


/** Defines the style for visited links **/
.swyx2 a:visited
{
	text-decoration: none;
	/** Red **/ color: #FF3333;
	font-weight: normal;
}


/** Defines the style for hovered links **/
.swyx2 a:hover
{
	text-decoration: none;
	/** DimGray **/ color: #696969;
	font-weight: normal;
}


/** Defines the style for active  links **/
.swyx2 a:active
{
	text-decoration: none;
	/** Red **/ color: #FF3333;
	font-weight: normal;
}



/** ----------------------------------------- **/

/** Link in Axis :  menu links **/

/** Defines the style for normal unvisited links **/
/** Rood Telenet = R=227, G=41, B=74 **/
.axis a:link
{
	text-decoration: none;
	/** Blauw **/ color: #006BCB;
	font-weight: bold;
}
	

/** Defines the style for visited links **/
.axis a:visited
{
	text-decoration: none;
	/** Blauw **/ color: #006BCB;
	font-weight: bold;
}


/** Defines the style for hovered links **/
.axis a:hover
{
	text-decoration: none;
	/** DimGray **/ color: #696969;
	font-weight: bold;
}


/** Defines the style for active links **/
.axis a:active
{
	text-decoration: none;
	/** Blauw **/ color: #006BCB;
	font-weight: bold;
}


/** Link in Axis :  pagina's **/


/** Defines the style for normal unvisited links **/
.axis2 a:link
{
	text-decoration: none;
	/** Blauw **/ color: #006BCB;
	font-weight: normal;
}


/** Defines the style for visited links **/
.axis2 a:visited
{
	text-decoration: none;
	/** Blauw **/ color: #006BCB;
	font-weight: normal;
}


/** Defines the style for hovered links **/
.axis2 a:hover
{
	text-decoration: none;
	/** DimGray **/ color: #696969;
	font-weight: normal;
}


/** Defines the style for active links **/
.axis2 a:active
{
	text-decoration: none;
	/** Blauw **/ color: #006BCB;
	font-weight: normal;
}