input.searchtext {
	font-size: 11px;
	background-color: #FFFFFF;
	height: 16px;
	width: 147px;
	line-height: 16px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #b2b2b3;
	position:absolute;
	left: 0px;
	bottom: 7px;
	*bottom: 3px;
}

.searchbutton {
	margin: 0px 0px 0px 0px;
	padding: 0;
	position: absolute;
	right: 0px;
	bottom: 7px;
	*bottom: 3px;
}

#header #search {
	border: 0;
	position:absolute;
	right:8px;
	bottom: 8px;
	width: 157px;
}

#search form{
	padding: 0px 0px 0px 0px;
}

.searchterm {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #194987;
	padding: 0px 2px 0px 2px;
}

.searchterm-box {
	font-size: 9px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	width: 470px;
	margin: 10px 0px 0px 0px;
}

.searchterm-small {
	font-size: 9px;
	color: #000000;
	background-color: transparent;
	border: 1px solid #CCCC44;
}

ul#search-result li {
	margin: 0px 0px 20px 0px;
}

html {
	padding: 0;  
	margin: 0;
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #ccc; 
	font-family: arial, helvetica, sans-serif !important;
	color : #323232;
	font-size: 11px;
	background: url(http://www.telecomservices.nl/graphics/body-bg.gif) #ffffff repeat-y center top; 
	background-position: top center;
	background-repeat: repeat-y;
	background-color: #fff;	
}

#container {
	background-color: #fff; /* dit is tevens het achtergrondkleur voor de inhoud */
	border-color: #000;    
	position: relative;
	height:auto !important;
	height: 100%;
	top: 0px;
	width: 941px;
	margin: 0 auto;
}

#container_home {
	background-color: #fff;	 /* dit is tevens het achtergrondkleur voor de inhoud */
	border-color: #000;    
	position: relative;
	height: auto !important;
	height: 100%;
	width: 941px;
	margin: 0 auto;
}

#test-show-vars {
	font-family: "lucida console", monospace;
	font-size: 10px;
	padding: 3px;
	border: 0px solid #CCC;
	width: 644px;
	height: 564px;
	margin: 0px 25px 0px 0px;
	background-color: #FFFFAA;	
}

/* ---------------------- Header ---------------------------- */

#header.default {
	width: 941px;
	height: 121px;
	background-image: url(http://www.telecomservices.nl/graphics/header-bg-default.jpg);
	background-repeat: no-repeat;
	background-position: 0px -22px;
	position: relative;
}

#header a#go-test {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}

#header a#go-test img {
	width: 10px;
	height: 10px;
	border: 0px solid #FFF;
	z-index: 1;
}

#header span.slogan {
	color: #ffffff !important;
	font-family: "Neo Sans";
	font-size: 20px;
	position: absolute;
	top: 28px;

	right: 20px;
	font-weight: normal;
}

#header.default span.slogan {
	color: #5B5B5B!important;
}

#logo-klik {
	position: absolute;
	top: 0px;
	left: 0px;
}

#logo-klik a img {
	height: 82px;
	left: 16px;
	position: absolute;
	top: 1px;
	width: 248px;
}

/* -------------------- Crumtrail ------------------- */

#crumbs {	
	position: absolute;
	top: 90px;
	left: 0px;
	margin: 0px 0px 0px 18px;
	padding: 0;
	color : #b3b3b3;	
}

#crumbs a:active, #crumbs a:link, #crumbs a:visited {
	font-size: 9px;
	color : #b3b3b3;	
	text-decoration: none;
}

#crumbs a:hover {
	color : #9d9d9d;
	text-decoration: underline;
}

/* ---------------------------- RECHTER MENU CSS ---------------------------- */

#content #nieuws-archief {
	width: 181px;
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 0px 10px 0px 0px;
	background-color: #9c9d9f;
}

#content #nieuws-archief a {
	background-color: #9c9d9f;
	color: #ffffff;
	display: block;
	text-decoration: none;
}

#content #nieuws-archief a:hover {
	color: #00a0e6;
	text-decoration: underline;
}

#content .referenties #nieuws-archief a:hover {
	color: #a32121;
}
#content #nieuws-archief h1, #content #nieuws-archief h3 {
	width: 200px;
	font-size: 22px;
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 12px 0px;
	color: #fff;
}

#Referenties {
	width: 174px;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

#Referenties ul {
	margin: 8px 0px 0px 0px;
	padding: 0;
	Zwidth: 174px;
	list-style: none;
}

#Referenties ul li {
	list-style: none;
	margin: 0;
	display: block;
	width: 174px;
	padding: 0;
}	

#Referenties ul li a {
	display: block;
	font-weight: normal;
	padding: 3px 0px 3px 10px;
	font-size: 11px;
	line-height: 16px;
	width: 165px;
	margin: 0px;
	text-decoration: none;
	color: #4c4c4e;	
	background-image: url(http://www.telecomservices.nl/graphics/navpijltje.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
}

.contact #Referenties ul li a, 
.contact #Referenties ul li.current ul li a, 
.diensten #Referenties ul li a, 
.diensten #Referenties ul li.current ul li a,
.support #Referenties ul li a, 
.support #Referenties ul li.current ul li a,
.referenties #Referenties ul li a, 
.referenties #Referenties ul li.current ul li a {
	color: #bcbcbc;	
}

#Referenties ul li a:hover {
	color: #ffffff !important;	
	text-decoration: none;
}

.default #Referenties ul li a:hover {
	color: #ffffff !important;	
}

#Referenties ul li.current a {
	text-decoration: underline !important;	
}

#Referenties ul li ul {
	padding: 0;
	margin: 0;
}

#Referenties ul li ul li a {
	padding: 0px 0px 2px 20px !important;	
	width: 156px;
	background-position: 10px 6px;
}

#Referenties ul li.current ul li a {
	color: #4c4c4e;
	text-decoration: none !important;	
}

#Referenties ul li.current ul li a:hover {
	color: #ffffff;
	text-decoration: none;	
}

#Referenties ul li.current ul li.current a {
	text-decoration: underline !important;	
}

#Referenties ul li.current ul li ul li a {
	text-decoration: none;
}

#Referenties ul li.current ul li.current a {	
	text-decoration: underline;	
}

#Referenties ul li.current ul li.current ul li a {	
	text-decoration: none;	
}

#Referenties ul li.current ul li.current a, #Referenties ul li.current ul li a:hover {
}

#Referenties ul li.current ul li.current ul li.current ul li a {
}

#Referenties ul li.current ul li.current ul li.current a, #Referenties ul li.current ul li.current ul li a:hover {
}

#Referenties ul li ul li ul li a {
	width: 150px;
}

a#serviceportal-login {
	text-decoration: none;
	color: #323232;
	float: left;
	margin-top: 10px;
}

a#print-deze-pagina {
	text-decoration: none;
	color: #323232;
	float: left;
	margin-top: 10px;
}


a#twitter-link {
	text-decoration: none;
	color: #323232;
	float: left;
	margin-top: 10px;
}
a#serviceportal-login:hover, a#print-deze-pagina:hover, a#twitter-link:hover {
	color: #009DE0;
}

/* ----------------- Linker + extra funkties --------------------------- */


#links {
	width: 181px;
	position: absolute;
	top: 121px;
	left: 0;	/* deze is voor IE, FF kan er zonder, maar IE natuurlijk weer niet */
	color: #006197;
	background-color: #ffffff;
}

#links.default {
	background-color: #fff !important;
	width:180px;
	border-left:1px solid #B1B2B2;
}
#printdiv {
	margin: 10px 0px 0px 0px;
	width: 229px;
}

#printdiv a {
	padding: 20px 0px 0px 78px;
	height: 41px;
	width: 151px;
	display: block;
	background-image: url(http://www.telecomservices.nl/graphics/print.jpg);
	background-repeat: no-repeat;
	color: #ffffff;
	font-weight: normal;
}

#cloud {
	height: 200px;
	width: 200px;
	border: 1px solid #b2b2b2;
	margin: 4px 0px 10px 14px;
}

#links #linker-contact h3 {
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	padding: 0;
	margin: 8px 0px 0px 0px;
}

#links.default #linker-contact h3 {
	color: #323232;
}

#links #linker-contact p { 
	padding: 0;
	margin: 0;
	color: #fff; 	
}

#links.default #linker-contact p {
	color: #323232;
}

#links #linker-contact a { 
	padding: 0;
	margin: 0;
	color: #fff; 	
}

#links.default #linker-contact a {
	color: #323232;
}

#links #linker-contact a:hover { 
	text-decoration: none;
}

#links #linker-contact { 
	padding: 0px 0px 10px 26px;
}

/* ----------------- Rechter Kolom Home --------------------------- */

#rechts {
	margin: 0px 0px 0px 10px;
	padding: 0;
	float: left;
	width: 152px;
	text-align: left;
}

#rechts #rechter-news h3, #rechts #rechter-news h3 a {
	font-size: 16px; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	font-family: arial,helvetica,sans-serif !important;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

#rechts.default #rechter-news h3, #rechts.default #rechter-news h3 a {
	color: #0089B7;
}

#rechts #rechter-news h3 a:hover {
	text-decoration: underline;
}

#rechts #rechter-news .item-inhoud {
	display: block;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 3px 0px;
	width: 152px;
	color: #707070;
	letter-spacing: 0px !important;
}

#rechts a.titel	{ 
	color: #4c4c4e;
	width: 152px;
	display: block;
	font-weight: normal;
	font-size: 11px !important;
	font-family:arial,helvetica,sans-serif !important;
	margin-left: 2px;
	text-decoration: none;
}
#rechts a.titel:hover	{ 
	color: #0089B7;
	text-decoration: underline;
}
#nieuwsbrief-aanmelden {
	border-top: solid 1px #b1b2b2;
	border-bottom: solid 1px #b1b2b2;
	padding: 8px 0px 8px 0px;
	margin: 0;
}

/* ---------------------------- Content ---------------------------- */

#content {
	width: 596px; 
	padding: 0px 0px 0px 0px; /* bottom padding voor de footer */
	margin: 0px 0px 0px 181px;
	color: #323232;
	position: relative;
	border-left: 1px solid #b1b2b2; 
	border-right: 1px solid #b1b2b2; 
	float: left;
}

.nieuwer #content {
	min-height: 740px;
}

#content.diensten {
	border-left: 0px solid #b1b2b2; 
}

#content.concepten {
	border-left: 0px solid #b1b2b2; 
}

#content.producten {
	border-left: 0px solid #7da71d; 
}

#content.referenties {
	border-left: 0px solid #7da71d; 
}

#content.support {
	border-left: 0px solid #7da71d; 
}

#content.contact {
	border-left: 0px solid #7da71d; 
}

#content.vervolg {	
}
#content.vervolg.default {
	background-image:url(http://www.telecomservices.nl/graphics/NO);
	background-repeat: repeat-y;	
}

/* ------------------------ Header classes ------------------- */

#content h1 {
	margin: 10px 15px 10px 0px;
	padding: 0;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	font-family: Arial, verdana;
	display: block;
	letter-spacing: 0px;
	text-align: left;
}

#content.default h1 {
	color: #0089b7;
}

#content h2 {
	font-size: 16px;
	color: #ffffff;
	margin: 12px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

#content h3 {
	font-size: 18px; 
	color: #ffffff;
}

#content h4 {
	font-size: 16px; 
	color: #ffffff;
}

#content h5 {
	font-size: 14px; 
	color: #ffffff;
}

#content h6 {
	font-size: 12px;
	color: #ffffff;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

/* ------------------------ Einde Header classes ------------------- */

#page {
	padding: 0px 10px 40px 10px;
	font-size: 11px;
}

#page ul {
	line-height: 14px;
	font-size: 11px;
	list-style-image: url(http://www.telecomservices.nl/graphics/bullet-01.gif);
	padding: 0;
	margin: 0px 0px 8px 0px;
}

#page ul li {
	line-height: 14px;
	font-size: 11px;
	list-style-image: url(http://www.telecomservices.nl/graphics/bullet-01.gif);
	padding: 0;
	margin: 0px 0px 8px 25px;
}

#page ul li ul {
	line-height: 14px;
	font-size: 11px;
	list-style-image: url(http://www.telecomservices.nl/graphics/bullet-01.gif);
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 8px 25px;
}

#page p {
	padding: 0px 8px 0px 0px;
}

#page table {
	font-size: 11px;
	color: #323232;
}

#page-vervolg {
	padding: 0px 0px 40px 10px;
	font-size: 11px;
	width: 340px; 
	float: left;
}

#page-vervolg.news {
	width: 378px;
}


#page-vervolg ul {
	line-height: 14px;
	font-size: 11px;
	list-style-image: url(http://www.telecomservices.nl/graphics/bullet-01.gif);
	padding: 0;
	margin: 0px 0px 8px 0px;
}

#page-vervolg ul li {
	line-height: 14px;
	font-size: 11px;
	list-style-image: url(http://www.telecomservices.nl/graphics/bullet-01.gif);
	padding: 0;
	margin: 0px 0px 8px 25px;
}

#page-vervolg ul li ul {
	line-height: 14px;
	font-size: 11px;
	list-style-image: url(http://www.telecomservices.nl/graphics/bullet-01.gif);
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 8px 25px;
}

#page-vervolg #meerinfo-result tr td {
	padding: 2px;
}

#page-vervolg table tr td.R {
	text-align: right;
	padding-right: 5px;
}

#content-text {
	padding: 0px 10px 40px 10px;
	font-size: 11px;
	width: 365px;
	float: left;
}

#content-text ul {
	line-height: 14px;
	font-size: 11px;
	list-style-image: url(http://www.telecomservices.nl/graphics/bullet-01.gif);
	padding: 0;
	margin: 0px 0px 8px 0px;
}

#content-text ul li {
	line-height: 14px;
	font-size: 11px;
	list-style-image: url(http://www.telecomservices.nl/graphics/bullet-01.gif);
	padding: 0;
	margin: 0px 0px 8px 25px;
}

#content-text ul li ul {
	line-height: 14px;
	font-size: 11px;
	list-style-image: url(http://www.telecomservices.nl/graphics/bullet-01.gif);
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 8px 25px;
}

#content-text p {
	padding: 0px 8px 0px 0px;
}

#content-text table {
	font-size: 11px;
	color: #323232;
}

#content-text-vervolg {
	padding: 0px 18px 40px 10px;
	font-size: 11px;
	width: 350px; 
	float: left;
}

#content-text-vervolg.news {
	width: 340px;
}


#content-text-vervolg ul {
	line-height: 14px;
	font-size: 11px;
	list-style-image: url(http://www.telecomservices.nl/graphics/bullet-01.gif);
	padding: 0;
	margin: 0px 0px 8px 0px;
}

#content-text-vervolg ul li {
	line-height: 14px;
	font-size: 11px;
	list-style-image: url(http://www.telecomservices.nl/graphics/bullet-01.gif);
	padding: 0;
	margin: 0px 0px 8px 25px;
}

#content-text-vervolg ul li ul {
	line-height: 14px;
	font-size: 11px;
	list-style-image: url(http://www.telecomservices.nl/graphics/bullet-01.gif);
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 8px 25px;
}

#content-text-vervolg #meerinfo-result tr td {
	padding: 2px;
}

#content-text-vervolg table tr td.R {
	text-align: right;
	padding-right: 5px;
}

/* --------------------------- inhoud linkjes -----------------------------*/

#content a:active { 
	color: #2087b2;
	text-decoration: underline;
	font-weight: bold;
	background-color: #FFFFFF; 
}
					
#content a:link	{ 
	color: #2087b2;
	text-decoration: underline;
	font-weight: bold;
	background-color: #FFFFFF; 
}

#content a:visited { 
	color: #2087b2;
	text-decoration: underline;
	font-weight: bold;
	background-color: #FFFFFF; 
}

#content a:hover	{ 
	color: #2087b2;
	text-decoration: none;
	font-weight: bold;
}

/* --------- next -------- */

#content.concepten a:active { 
	color: #ce681e;
}
					
#content.concepten a:link { 
	color: #ce681e;
}

#content.concepten a:visited { 
	color: #ce681e;
}

#content.concepten a:hover { 
	color: #ce681e;
}

/* --------- next -------- */

#content.diensten a:active {
	color: #c00076;
}
					
#content.diensten a:link  {
	color: #c00076;
}

#content.diensten a:visited {
	color: #c00076;
}

#content.diensten a:hover {
	color: #c00076;
}

/* --------- next -------- */

#content.producten a:active {
	color: #97b732;
}
					
#content.producten a:link	{
	color: #97b732;
}

#content.producten a:visited {
	color: #97b732;
}

#content.producten a:hover {
	color: #97b732;
}

/* --------- next -------- */

#content.referenties a:active {
	color: #A11F21;
}
					
#content.referenties a:link	{
	color: #A11F21;
}

#content.referenties a:visited {
	color: #A11F21;
}

#content.referenties a:hover {
	color: #A11F21;
}

/* --------- next -------- */

#content.support a:active {
	color: #009128;
}
					
#content.support a:link	{
	color: #009128;
}

#content.support a:visited {
	color: #009128;
}

#content.support a:hover {
	color: #009128;
}

/* --------- next -------- */

#content.log-in a:active {
	color: #FF0115;
}
					
#content.log-in a:link	{
	color: #FF0115;
}

#content.log-in a:visited {
	color: #FF0115;
}

#content.log-in a:hover {
	color: #FF0115;
}
/* --------- next -------- */

#content.nieuws a:active {
	color: #FF0115;
}
					
#content.nieuws a:link	{
	color: #FF0115;
}

#content.nieuws a:visited {
	color: #FF0115;
}

#content.nieuws a:hover {
	color: #FF0115;
}
/* --------- next -------- */

#content.contact a:active {
	color: #004c26;
}
					
#content.contact a:link	{
	color: #004c26;
}

#content.contact a:visited {
	color: #004c26;
}

#content.contact a:hover {
	color: #004c26;
}

/* ---------------------------- Offerte Form ---------------------------- */


#form-contact label {
	display:block;
	float:left;
	font-size:11px;
	width:180px;
	margin-bottom:5px;
}


#form-contact input.com {
	background-color:#FFFFFF;
	border:1px solid #949494;
	font-size:11px;
	height:12.5pt;
	padding:0;
	margin-bottom:5px;
	width:180px;
}



/* ---------------------------- News module ---------------------------- */

#homenews {
	margin: -17px 0px 0px 2px;
	padding: 10px 0px 30px 20px;
	float: left;
	width: 735px;
	background-image: url(http://www.telecomservices.nl/graphics/bg-homenews.jpg);
	background-repeat: no-repeat;	
}

#homenews h1 {
	margin: 6px 0px 0px -8px;
	padding: 0px 0px 20px 0px;
	float: left;
	width: 740px;
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF; 
}

.item-inhoud {
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 650px;
}

.home-leesmeer {
	margin: 10px 0px 0px 515px;
}

.thumb {
	width: 120px;
}



/* --------------------- Footer ------------------- */

#footer {
	height: 22px;
	width: 100%;   
	visibility: hidden;
	position: absolute;
	left: 0px;
	line-height: 8px;
	color: #9b9c9d;
} 

a:active.footer-link { 
	color: #9b9c9d;
	text-decoration: none;
}
					
a:link.footer-link	{ 
	color: #9b9c9d;
	text-decoration: none;
}

a:visited.footer-link	{ 
	color: #9b9c9d;
	text-decoration: none;
}

a:hover.footer-link	{ 
	color: #9b9c9d;
	text-decoration: underline;
}

/* ---------------------------- FORMULIER CSS ---------------------------- */ 

LABEL { 
	display: block; 
	width: 180px; 
	float: left;
	font-size: 11px;
}

LABEL.tussentext { 
	display: block; 
	width: 400px; 
	padding: 4px 4px 4px 4px;
	margin: 8px 0px 8px -4px;
	float: left;
	clear: both;
	font-size: 11px;
	background-color: #2c7fac;
	color: #ffffff;
}

.form_tekst {
	margin-bottom: 5px;
	height: 14pt;
}

.form_error_tekst {
	font-style: italic;
}

.com {
	border: 1px solid #013e5f;
	background-color: #F1F1F1;
	width: 220px;
	height: 12.5pt;
	font-size: 11px; 
	padding: 0;
}

.com-short {
	border: 1px solid #013e5f;
	background-color: #F1F1F1;
	width:170px;
	height:12.5pt;
	font-size: 11px; 
	padding: 0;
}

.com3 {
	border: 1px solid #013e5f;
	background-color: #F1F1F1;
	height: 12.5pt;
	width:220px;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	margin: 0px 0px 3px 0px;
}

#domeinbestellingsform {
	width: 500px;
	margin: 0px 0px 0px 80px;
}

.domein-extentie {
	border: 1px solid #013e5f;
	background-color: #F1F1F1;
	width:44px;
	height:20px;
	font-size: 11px; 
	padding: 0;
}

#domeinbestellingsform LABEL.tussentext { 
	display: block; 
	width: 500px; 
	padding: 4px 4px 4px 4px;
	margin: 8px 0px 8px -4px;
	float: left;
	clear: both;
	font-size: 11px;
	background-color: #2c7fac;
	color: #ffffff;
}

#domeinbestellingsform .com {
	border: 1px solid #013e5f;
	background-color: #F1F1F1;
	width:318px;
	height:12.5pt;
	font-size: 11px; 
	padding: 0;
}

#domeinbestellingsform .com-short {
	border: 1px solid #013e5f;
	background-color: #F1F1F1;
	width:270px;
	height:12.5pt;
	font-size: 11px; 
	padding: 0;
}

#domeinbestellingsform .domein-extentie {
	border: 1px solid #013e5f;
	background-color: #F1F1F1;
	width:44px;
	height:20px;
	font-size: 11px; 
	padding: 0;
}

#domeinbestellingsform .com2 {	
	width: 498px;
	height: 160px;
	border: 1px solid #013e5f;
	background-color: #F1F1F1;
}

#domeinbestellingsform .com3 {
	border: 1px solid #013e5f;
	background-color: #F1F1F1;
	height: 12.5pt;
	width:320px;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	margin: 0px 0px 3px 0px;
}

#domeinbestellingsform .de2knoppen {
	margin: 10px 0px 0px 180px;
}

.hostingplaatje {
	margin: 0px 0px 0px 35px;
}

#contact {
	margin: 0px 0px 0px 80px;
}

.red {
	color: #ff0000;
}

#howtobuy {
	margin: -20px 0px 10px 80px;
}

#joinus {
	margin: 0px 0px 10px 80px;
}

#aanmeldform {
	width:423px;
	height: 242px;
	margin: 0;
	padding: 20px 0px 0px 0px;
}

#aanmeldform label {
	width: 120px;
	text-align: left;
	display: inline;
	margin: 4px 0px 0px 0px;
	padding: 0;
	clear: none;
}

#aanmeldform input.radio {
	width: 40px;
	text-align: left;
	display: inline;
	clear: none;
	float: left;
}

#aanmeldform label.bijschrift {
	width: 12%;
	text-align: left;
	display: inline;
	margin: 4px 8px 0px -7px;
	padding: 0;
	clear: none;
}

/*----------------------------------- MEER INFO CONTACT ---------------------------------------*/

#contactform {
	width: 360px;
	margin: 0;
	padding: 0;
}

#contactform p.verplicht-txt {
	margin: 50px 0px 30px 0px;
}

#contactform #bovenste_formulier label { 
	display: block; 
	width: 150px; 
	float: left;
	font-size: 11px;
}

#contactform #bovenste_formulier .radio {
	width: 22px;
	float: left;
}

#contactform #bovenste_formulier .radio-label {
	width: 40px;
	float: left;
	margin: 3px 0px 0px 6px;
}

#contactform #bovenste_formulier .com {
	border: 1px solid #949494;
	background-color: #ffffff;
	width: 180px;
	height: 12.5pt;
	font-size: 11px; 
	padding: 0;
}

#contactform #bovenste_formulier .com2 {
	border: 1px solid #949494;
	background-color: #ffffff;
	width: 330px;
	height: 75px;
	font-size: 11px; 
	padding: 0;
}

#contactform div.meerinfo-h3 {
	padding: 10px 0px 5px 0px;
}

table.checkboxen {
	width: 100%;
}

table.checkboxen tr td {
	width: 50%;
}

table.checkboxen tr td input {
	width: 18px;
	height: 18px;
	float: left;
	margin: 0;
	padding: 0;
}

table.checkboxen tr td label {
	width: auto;
	display: inline;
	height: 18px;
	float: left;
	margin: 0;
	padding: 0px 0px 0px 3px;
}

input#CNopm.com2 {	
	width: 550px;
	border: 1px solid #013e5f;
	background-color: #F1F1F1;
	margin: 0px 0px 10px 0px;
}

/* -- Nieuwe checkbox opmaak -- */

div.checkbox1, div.checkbox2 {
	float: left;
	width: 180px;
	height: 18px;
	position: relative;
}

div.checkbox1 input, div.checkbox2 input {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 13px !important;
	*border: 0 !important;
}

div.checkbox1 label, div.checkbox2 label {
	position: absolute;
	top: 6px;
	left: 25px;
	width: 155px !important;
}

p.NPname {
	margin-top: 0px;
	padding-top:14px;
	width: 350px;
	clear: both;
}

/* ---------------------------- pop div ------------------------------- */

#popDiv {
	position: fixed; /* top and left are set by script : center on page */
	width: 0px; /* set by scripting */
	height: 0px; /* set by scripting */
	background-color: #FFF;
	border: 0px solid #000;
	display: none;
	z-index: 99;
	overflow: auto;
}

#popDiv table#tb_labelling {
	width: 715px;
	height: 100%;
}

#popDiv table#tb_labelling td.kopje {
	padding-top: 40px;
	font-weight: bold;
	font-size: 14px;
}

#popDiv table#tb_labelling td.pic {
	border: 1px solid #CCC;
}

img#popCloseBut {
	position: fixed; /* top and left are set by script */
	width: 21px;
	height: 21px;
	cursor: pointer;
}

/* ---------------------------- Site Map ------------------------------- */

#content-text #sitemap ul li.sitemap_item {
	margin: 0px 0px 0px 10px;
}

#content-text #sitemap ul li.sitemap_item ul li.sitemap_item {
	margin: 0px 0px 0px 20px;
}

#content-text #sitemap li.sitemap2_item {
	margin: 0px 0px 0px 30px;
}

/* ---------------------------- Custom Font Neo Sans ------------------------------- */

/* ---------------------------- URLLETJE: http://www.telecomservices.nl/ ------------------------------- */
@font-face {
  font-family: "Neo Sans";
  src: url("http://www.telecomservices.nl/graphics/Neo_Sans.eot")
}
@font-face {
  font-family: "Neo Sans";
  src: url("http://www.telecomservices.nl/graphics/Neo_Sans.ttf")
}

#htmlmenu a {
  font-family: "Neo Sans";
  font-size: 25px;
  text-decoration: none;
  color: #484f53;
}

#htmlmenu li {
  list-style-type: none;
}

#htmlmenu a.over-ons {
  color: #0ba2e5;
}

#htmlmenu a.concepten {
  color: #fe6c03;
}

#htmlmenu a.diensten {
  color: #fe017e;
}

#htmlmenu a.producten {
  color: #74be09;
}

#htmlmenu a.referenties {
  color: #a52727;
}

#htmlmenu a.support {
  color: #019328;
}

#htmlmenu a.nieuws {
  color: #ff0115;
}

#htmlmenu a.contact {
  color: #07502c;
}

.default #htmlmenu a:hover {
  color: #505052;
}

#htmlmenu a:hover {
  color: #ffffff;
}

.default #htmlmenu-01, .default #htmlmenu-02 {
  border-bottom: 1px solid #b3b3b3;
}

.over-ons #htmlmenu-01, .over-ons #htmlmenu-02 {
  border-bottom: 1px solid #5fc1eb;
}

.concepten #htmlmenu-01, .concepten #htmlmenu-02 {
  border-bottom: 1px solid #f5b484;
}

.diensten #htmlmenu-01, .diensten #htmlmenu-02 {
  border-bottom: 1px solid #e281b6;
}

.producten #htmlmenu-01, .producten #htmlmenu-02 {
  border-bottom: 1px solid #bdd38d;
}

.referenties #htmlmenu-01, .referenties #htmlmenu-02 {
  border-bottom: 1px solid #d08e8f;
}

.support #htmlmenu-01, .support #htmlmenu-02 {
  border-bottom: 1px solid #7fc893;
}

.nieuws #htmlmenu-01, .nieuws #htmlmenu-02 {
  border-bottom: 1px solid #ff7f89;
}

.contact #htmlmenu-01, .contact #htmlmenu-02 {
  border-bottom: 1px solid #7fa592;
}

#htmlmenu-01 {
  margin: 0px 0px 0px 20px;
  padding: 5px 5px 10px 5px;
  border-bottom: 1px solid #fff;
  width: 130px;
  line-height: 21px;
  *line-height: 27px;
}

#htmlmenu-02 {
  margin: 11px 0px 0px 20px;
  padding: 5px 5px 10px 5px;
  border-bottom: 1px solid #fff;
  width: 130px;
  line-height: 21px;
  *line-height: 27px;
}

#htmlmenu-01 li {
  width: 147px;
}

#htmlmenu-02 li {
  width: 147px;
}

#htmlmenu {
  margin-top: 10px;
}

#htmlmenu-01 li.current {
color: red;
}

.referenties #htmlmenu a, .contact #htmlmenu a {
  color: #9c9c9d;
}

.referenties #htmlmenu a:hover, .contact #htmlmenu a:hover {
  color: #ffffff;
}


/* ---------------------------- Home RECHTER Teasers ---------------------------- */

#content #nieuws-archief.default {
	width: 183px;
	float: right;
	padding: 0px 5px 0px 0px;
	margin: 0px 12px 0px 0px;
	border-left: 1px solid #babcbd;
	border-right: 1px solid #babcbd;
	background-color: #fff !important;
}


.nieuwer #content #nieuws-archief.default {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#nieuws-archief.default a.teaseitem {
	width: 183px;
	padding: 4px 1px 8px 4px;
	margin: 0px 0px 4px 0px;
	text-align: center;
}

#nieuws-archief.default a.teaseitem h4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 1px 0px 0px;
	font-size: 18px;
	font-family: "Neo Sans";
	font-weight: normal;
}


#nieuws-archief.default a.teaseitem h5 {
	padding: 0px 0px 0px 0px;
	margin: 8px 6px 0px 0px;
	font-size: 14px;
	font-family: "Neo Sans";
	font-weight: normal;
}


#nieuws-archief.default a.teaseitem.nr1 {
	background-color: #949494 !important;
}

#nieuws-archief.default a.teaseitem.nr2 {
	background-color: #b7b7b7 !important;
}

#nieuws-archief.default a.teaseitem.nr1:hover {
	background-color: #eb6909  !important;
	text-decoration: none !important;
}

#nieuws-archief.default a.teaseitem.nr2:hover {
	background-color: #009de0  !important;
	text-decoration: none !important;
}

#nieuws-archief.default a.teaseimage {
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 4px -2px;
	border: 0px !important;
	background-color: #fff !important;
}

#nieuws-archief.default a.teaseimage img {
	border: 2px solid #F4F4F4;
}
#nieuws-archief.default a.teaseimage:hover img {
	border: 2px solid #0BA2E5;
}
.over-ons #htmlmenu ul#htmlmenu-01 li a.vv-over-ons,
.concepten #htmlmenu ul#htmlmenu-01 li a.vv-concepten,
.diensten #htmlmenu ul#htmlmenu-01 li a.vv-diensten,
.producten #htmlmenu ul#htmlmenu-01 li a.vv-producten,
.referenties #htmlmenu ul#htmlmenu-02 li a.vv-referenties,
.support #htmlmenu ul#htmlmenu-02 li a.vv-support,
.nieuws #htmlmenu ul#htmlmenu-02 li a.vv-nieuws,
.contact #htmlmenu ul#htmlmenu-02 li a.vv-contact {
	color: #fff !important;
}


/* ---------------------------- Aller RECHTER Teasers ---------------------------- */

#nieuwsbrief-aanmelden a.teaseitem {
	width: 144px;
	padding: 4px 4px 8px 4px;
	margin: 0px 0px 8px 0px;
	text-align: center;
	display: block;
	color: #fff;
	text-decoration: none;
}

#nieuwsbrief-aanmelden a.teaseitem h4 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	font-family: Neo Sans;
	font-weight: normal;
	letter-spacing: -0.02em;
}


#nieuwsbrief-aanmelden a.teaseitem h5 {
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 0px;
	font-size: 14px;
	font-family: Neo Sans;
	font-weight: normal;

}

#nieuwsbrief-aanmelden a.teaseitem.nr1 {
	background-color: #b7b7b7 !important;
	background-image: url(http://www.telecomservices.nl/graphics/teaser-bg-default.gif);
}

#nieuwsbrief-aanmelden a.teaseitem.nr2 {
	background-color: #949494 !important;
	background-image: url(http://www.telecomservices.nl/graphics/teaser-bg-grey.gif);	
}

#nieuwsbrief-aanmelden a.teaseitem.nr1:hover {
	background-color: #eb6909  !important;
	text-decoration: none !important;
}

#nieuwsbrief-aanmelden a.teaseitem.nr2:hover {
	background-color: #009de0  !important;
	text-decoration: none !important;
}

/* ---------------------------- teasers-home-footer ---------------------------- */

#teasers-home-footer {
	width: 574px;
	height: 160px;
	padding: 0px 0px 0px 1px
	background-color: red;
	position: absolute;
	top: 544px;
	left: 10px;
	border-top: 1px solid #babcbd;
}

.footerblokje {
	float: left;
	width: 143px;
	margin: 5px 0px 0px 0px;
	height: 155px;
	background-color: #ffffff;
}

.footerblokje a {
	color: #959595 !important;
	text-decoration: none !important;;
}

.footerblokje a:hover {
	color: #2087B2;
}

a.footerteaseitem {
	display: block;
	width: 143px;
	float: left;
	font-size: 12px;
	margin-bottom: 4px; 
}

a.footerteaseitem-sub {
	display: block;
	width: 143px;
	float: left;
	font-size: 10px;
	font-weight: normal!important;
	margin-bottom: 4px;
}