/******************** Global styling elements ********************/

HTML, BODY {
  width: 100%;
  height: 100%;
  margin:0px;
  background-color: #000000;
}
BODY, TR, TD, INPUT, SELECT, TEXTAREA {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
}                 
BODY, TR, TD, INPUT, SELECT, TEXTAREA, A {
  color: #000000;
}

A {
  color:#0081c5;
  text-decoration:none;
}
A:HOVER {
  color:#0081c5;
  text-decoration:underline;
}

H1 {
  margin: 0px 0px 10px 0px;
  font-size: 1.4em;
  color:#0081c5;
}

.menu H1 {
    margin: 0;
    padding: 0;
}

H2 {
  margin: 0px 0px 5px 0px;
  font-size: 1.2em;
  color:#0081c5;

}
H6 {
  margin: 0px 0px 5px 0px;
  font-size: 0.8em;
  font-weight: normal;
}
SMALL, .small {
  font-size: 0.85em;
}
P {
  margin: 0;
}
UL LI {
	list-style-image: url(../images/bullet.gif);
}
/********************  styling elements ********************/ 

TR.even TD, TR.summary TD {
  background-color: #e4f0f9;
}           
TR.summary TD {
  border-top: 1px solid #666;
}
TD.pad {
  padding-right: 1em;
  padding-left: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
TABLE.webshop {
  width: 100%;
}
TABLE.webshop TD, TABLE.friend TD {
  /*padding:4px 0px 4px 4px;*/
  padding:4px 5px 4px 5px;
  background-color: #e4f0f9;
}
TABLE.webshop TD.spacer {
  padding: 0px;
  background-color: #FFF;
}
TABLE.webshop TD.kop {
  font-weight: bold;
  background-color:#fff;
  letter-spacing: 1px;
}
TABLE.webshop TD.breedte {
  width: 100px;
}
TD.product {
  cursor: pointer;
}

TD.product A:HOVER {
  text-decoration:none;
}

INPUT.text, TEXTAREA {
  border: 1px solid #d5d5d5;  
}
INPUT.button {
	color:#FFFFFF;
	font-weight: bold;
	font-size:110%;
	background-color: #0081c5;
	border: 1px solid #0081c5;  
}
TABLE.content TD.borderright {
  border-left: 1px solid #9D9D9D;
}
DIV.leftcontent {
  line-height: 135%;
}
DIV.footer {
  text-align: right;
  font-family: "Trebuchet MS";
  font-size: 90%;
}    

INPUT.zoekbox {
	width: 160px;
	height: 26px;
	padding: 4px 5px 0 5px;
	border: 0;
	background-image: url(../images/zoekveld.png);
	background-repeat: no-repeat;
	background-color: #0096D7;	
	margin: 20px 0 2px 0;

}

/******************** Structural elements ALGEMEEN ********************/

DIV.positioner { /* anchor point to position content */
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 50%;        
  width: 1px;
  overflow: visible;
}
DIV.container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -495px; /* half of width */
  width: 990px;  
}

DIV.topblock  {
  height: 110px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 990px;
}
DIV.topblock DIV.taalkeuze {
  position: absolute;
  top: 5px;
  right: 0px;
  z-index: 5;
}
DIV.topblock DIV.taalkeuze IMG {
  margin-left: 2px;
}
DIV.topblock DIV.taalkeuze A.active {
  opacity: .30;
  filter: alpha(opacity=30);  
}

DIV.topblock DIV.contact {
  position: absolute;
  top: 63px;
  right: 0px;
  z-index: 5;
}
DIV.topblock DIV.contact IMG{
  display: block;
}
  
DIV.mainblock {
  position: absolute;
  right:0px;
  top: 110px;
  left: 0px;
  width: 990px;
}
DIV.leftbar {
  position: absolute;
  top: 0px;
  left: 10px;
  width: 180px;
  min-height:467px;
  background-color: #0096D7;
  background-image: url(../images/blok_links_bottom.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}

DIV.middenblock {
  position: absolute;
  top: 0px;
  left: 200px;
  right: 200px;
   width: 590px;
  padding: 0;
}

DIV.rightbar {
  position: absolute;
  top: 0px;
  right: 10px;
  width: 180px;
}
DIV.intronetcopy {
  height: 10px;
  text-align:right;
}


/********************Structural elements Frontpage-specific ********************/

IMG.bnr {
  position: absolute;
  bottom: 0px;
  left: 0px;

}
DIV.tickerblock {
  background-image: url(../images/ticker_back.gif);
  background-repeat: no-repeat;
  background-position: left top;
  height: 40px;
}
DIV.tickerblock DIV.tekst {
  color:#0096D7;
  overflow: hidden;
  position: absolute;
  height: 20px;
  left: 20px;
  top: 7px;
  right: 20px;
  font-family: "Trebuchet MS";
  font-size: 90%;
}
DIV.contentblock_home {
  min-height:427px;
  background-color: #fff;
  background-image: url('../images/blok_midden_bottom.gif');
  background-repeat: no-repeat;
  background-position: left bottom;
}

DIV.contentblock_home A, DIV.contentblock_home A:visited {
	text-decoration: none;
	color:#000;
}

DIV.contentblock_home IMG.paginatitel {
  position: absolute;
  top: 63px;
  left: 20px;
}
DIV.contentblock_home DIV.content1 {
  height: 50px;
  padding:5px 10px 0px 10px;
  overflow:hidden;
}
DIV.contentblock_home DIV.content2 {
  padding:0px 10px 0px 10px;
  height: 95px;
  overflow:hidden;
  color:#0074a9;
  font-weight:bold;
}


DIV.contentblock_home DIV.content3 {
  overflow:hidden;
  height: 95px;
}
DIV.contentblock_home DIV.content4 {
  padding:5px 10px 0px 10px;
  overflow:hidden;
  height: 90px;
  text-align: center;
}

DIV.home_1, DIV.home_2, DIV.home_3, DIV.home_4, DIV.home_5, DIV.home_6 {
  position: absolute;
  width: 170px; 
  cursor: pointer;
}
DIV.home_1, DIV.home_2, DIV.home_3 {
  top: 126px;
}
DIV.home_4, DIV.home_5, DIV.home_6 {
  top: 260px;
  height: 145px;
}
DIV.home_1, DIV.home_4 {
  left: 25px;
}
DIV.home_2, DIV.home_5 {
  left: 210px;
}
DIV.home_3, DIV.home_6 {
  right: 25px;
}
DIV.home_1 {
/*  background-color: #F5F8D8;*/
  background-color: #FDE9D8;                /*switch for amatus roaming has been deleted on position 1 so pos2 will be 1 and 3 will be 2*/
}
DIV.home_2 {
/*  background-color: #FDE9D8;*/
  background-color: #FCE2E9;
}
DIV.home_3 {
  background-color: #FCE2E9;
}
DIV.home_4 {
  background-image: url(../images/homeback_4.jpg);
  background-repeat: no-repeat;
  background-position: 0px 15px;
  color:#fff;
}


DIV.partners {
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 25px;
  height:33px;
  width:540px;
  text-align: right;
  overflow:hidden;

}

DIV.buzzcloud {
	position: absolute;
	top: 520px;
	left:200px;
	width: 590px;
	text-align:justify;
}
.a1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
	/*padding-left: 4px;*/
}

.a2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #bababa;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
	/*padding-left: 4px;*/
}

.a3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
	/*padding-left: 4px;*/
}

.a4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #f6f6f6;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
	/*padding-left: 4px;*/
}
/******************** Structural elements [vervolgpaginas] ********************/

IMG.logo_homelink {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  }

DIV.contentblock {
  min-height: 467px;
  width: 590px;
  overflow:hidden;
  background-color: #fff;
  background-image: url(../images/blok_midden_bottom.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}
DIV.contentblock .paginatitel, DIV.contentblock .paginasubtitel {
  position: absolute;
  top: 20px;
  left: 20px;    
  padding: 0;
  margin: 0;  
}
DIV.contentblock .paginasubtitel {
  top: 42px;
}

DIV.rightcontent {
  width:170px;
  font-family: "Trebuchet MS";
  font-size: 90%;
  line-height: 130%;
}

DIV.leftcontent {
  width:360px;

}
DIV.rightcontent DIV.innertube {
  padding-left:10px;
}

/******************** Structural  [webshoppaginas] ********************/
DIV.rightbar DIV.webshop{
  min-height:467px;
  background-color:#fff;
  background-image: url(../images/blok_rechts_bottom.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}
DIV.webshop DIV.innertube {
  padding:0px 10px;
}
DIV.content {
  width:550px;
  line-height: 135%;
}

/******************** Menu and navigation ********************/
DIV.tickerblock DIV.tekst A{
  color:#0096D7;
  font-weight: bold;
  text-decoration: none;
}
DIV.tickerblock DIV.tekst A:HOVER  {
  text-decoration: underline;
}

DIV.leftbar DIV.menu {
  width: 160px;
  margin: 0px 0px 3px 10px;
}
DIV.leftbar DIV.submenu {
  padding: 5px 5px 5px 10px;
  background-image:  url("../images/submenu_bottom.gif");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-color: #FFFFFF;
  margin-bottom: 3px;
}                      
DIV.leftbar DIV.submenu DIV.submenu {
  background-image: none;
  margin-bottom: 0;   
  padding: 0 5px 0 10px;
}
DIV.menu A {
  display: block;
}
DIV.submenu A {
  text-decoration: none;
  display: block;
  color: #0096D7;
  font-weight: bold;
  margin: 0px 0px 3px 0px;
}
DIV.submenu A:HOVER  {
  color: #000;
  text-decoration: none;
}
DIV.submenu A.active, DIV.submenu A.open {
  color: #000;
  padding-left:13px;
  background-image: url(../images/submenu_bullet.gif);
  background-repeat: no-repeat;
  background-position: left;
}

DIV.submenu DIV.submenu A {
  font-weight: normal;
}

DIV.rightcontent DIV.innertube A.button {
  display: block;
  margin-bottom: 10px;  
}

DIV.footer A {
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
}
DIV.footer A:HOVER {
  text-decoration: underline;
}
DIV.intronetcopy A {
  font-size: 75%;
  color: #9D9D9D;
  text-decoration: none;
}
DIV.intronetcopy A:HOVER {
  text-decoration: none;
  color: #FF9933;
}

.error {
  background-color: #C00;
  color: #FFF;
  font-weight: bold;  
  padding: .5em;
  
}

/************pop-up****************************/
div#popup {
    z-index: 99;
    position: absolute;
    top: -1000px;
    left:100px;
}

div#popup td.text {
  background-color: #0096D7;
  padding-left:20px;
  color:#FFFFFF;
}