@CHARSET "ISO-8859-1";


@font-face {
	font-family: fetum;
	src: url('http://www.fetum.nl/webshop/Bitter-Regular.otf');
	font-weight: normal;
	font-style: normal;
}



/* START standaard componenten styles ------------------------------------------------------------------------*/
/*globale text variabeles*/
html,
body,
select,
select.listbox,
textarea,
textarea.textarea
{
	line-height: 1.3;
	font-family: Arial;
	font-size:12px;
}



div#container  /*dit is de container van de normale paginas */
{
    height:auto;
    width:1000px;
    margin:0 auto; 
    background-color:White;
    border:solid 1px #bbbbbb; 
    border-radius: 4px; 
    box-shadow: 0 0 3px #888;
    padding:10px;
    margin-top:100px;
    margin-bottom:100px;
	} 
 

div#containerheader
{
    margin:0 auto;
    width:100%;
    height:80px;
    
   
} 
 
 
div#main
{   
    
    width:auto;   
    margin-left:auto;
    margin-right:auto;
    margin-top: 0px;
    background-color:#fcfcfc;
    height:100%;
    overflow:visible;
    padding-left:20px;
    padding-right:20px;
    
}


#tk{
   float:left;
   margin-left:20px;
   }

 
 #naw {
   float:right;
   font-size:8pt;
   text-align:right;   
   margin-right:50px;
   }
 

/* START MainForm_Producten styles--------------------------------------------------------------*/

div.mainform_container
{
    float:left;
    width:100%;
    padding-top:40px;
    padding-left:40px;
}

/* EIND MainForm_Producten styles---------------------------------------------------------------*/

div#indexmain
{   
    /*float:left;*/
    width:100%;
    /*height:78%;*/
    padding-top:20px;
	margin:0 auto;
	
}





div.tableft
{
   width:80%;
   height:200px;
   border:solid 1px #492876;
   margin-bottom:20px;
   margin-left:4%;
   padding-bottom:5px;   
}


table.tableft
{
    text-align:left;
    vertical-align:top;
    font-size:7pt;
    margin-left:4px;
}



div.randomblock
{
    width:80%;
    margin-left:4%;
    border:solid 1px #ffffff;
    text-decoration:none;
    margin-bottom:10px;
    margin-top: 10px;
}



table.maintbl
{
    height:100%;
    width: 600px;
    vertical-align:middle;
    /*margin:40px 40px 40px 0px;*/
}    


div.mainmenu a, div.mainmenupaytv a, div.mainmenuhoteltv a, div.mainmenuinfo a, div.mainmenuwebshop a, div.mainmenuproducten a,
div.mainmenunop1 a, div.mainmenunop2 a, div.mainmenunop3 a, div.mainmenunop4 a
{ 
    float:right;
    margin-right:28px;
    height:140px;
    width:140px;
    background-repeat: no-repeat;
    background-position: center center;
    border:solid 1px #ffffff;
}      

div.mainmenu a:hover, div.mainmenupaytv a:hover, div.mainmenuhoteltv a:hover, div.mainmenuinfo a:hover,
div.mainmenuwebshop a:hover, div.mainmenuproducten a:hover
{
    background-repeat: no-repeat;
    background-position: center center;
    border:solid 1px #492876;
}   


div.mainmenupaytv a
{
    background-image: url(images/paytv.gif);
}

div.mainmenuhoteltv a
{
    background-image: url(images/hoteltv.gif);
}

div.mainmenuinfo a
{
    background-image: url(images/info.gif);
}

div.mainmenuwebshop a
{
    background-image: url(images/webshop.gif);
}

div.mainmenuproducten a
{
    background-image: url(images/producten.gif);
}

div.mainmenunop1 a
{
    background-image: url(images/hotelkamer1.gif);
}


div.mainmenunop2 a
{
    background-image: url(images/hotelkamer2.gif);
}

div.mainmenunop3 a
{
    background-image: url(images/ziekenhuiszaal.gif);
}

div.mainmenunop4 a
{
    background-image: url(images/girlheadphone.gif);
}

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

div.menudivhome a, div.menudiv a, div.menudivinfo a, div.menudivwebshop a, div.menudivhoteltv a, div.menudivproducten a
{
    float: right;
    height: 100px;
    width: 100px;
    padding-right: 2%;
    background-repeat: no-repeat;
    background-position: center center;
    border:solid 1px #ffffff;    
}      

div.menudivhome a:hover, div.menudiv a:hover, div.menudivinfo a:hover, div.menudivwebshop a:hover,
div.menudivhoteltv a:hover, div.menudivproducten a:hover
{
    background-repeat: no-repeat;
    background-position: center center;
    border:solid 1px #492876;
}   

div.menudivhome a
{
} 

div.menudiv a
{
    background-image: url(images/paytvkl.gif);
}

div.menudivinfo a
{
    background-image: url(images/infokl.gif);
} 
 
div.menudivwebshop a
{
    background-image: url(images/webshopkl.gif);
} 
 
div.menudivhoteltv a
{
    background-image: url(images/hoteltvklein.gif);
} 
 
 div.menudivproducten a
{
    background-image: url(images/productenklein.gif);
} 
 
a.header-logo-topleft
{
    float: right;
    width: 200px;
    height: 70px;
    background-image: url(images/logo.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

/* ------------menuopmaak tv-pagina------*/

table.menutable
{
    width: 80%;
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
    /*border:solid 1px black;*/
}


div.menuopmaak
{
}

div.menuopmaak a,
div.menuopmaak a:hover
{
    padding-top: 3px;
    padding-bottom: 3px;
    display: block;
    width: 100%;
    color: #000000;
    text-decoration: none;
}

div.menuopmaak a
{
    background-color:#D6ADD6;
}

div.menuopmaak a:hover
{
    background-color:#EEDDEE;   
}


/* Producten Menu -----------------------------------------------*/

table.ProdTabel
{
    height: 300px;
    width: 400px;
    vertical-align:middle;
    border-style: solid; 
    border-color : green; 
    border-width: 1px;
    border-spacing:40px;
    /*margin:40px 40px 40px 0px;*/
}    

div.ProdHoteltv a,div.ProdHoofdtelefoon a,div.ProdBatterijen a,div.ProdBeamer a,
div.ProdEIS a,div.ProdOphangsysteem a,div.ProdMinihotspot a,div.ProdComputer a,div.ProdAB a
{
    float: right;
    height: 110px;
    width: 100px;
    padding-right: 20%;
    background-repeat: no-repeat;
    background-position: center center;
    border:solid 1px #ffffff;    
}      

div.ProdHoteltv a:hover,div.ProdHoofdtelefoon a:hover,div.ProdBatterijen a:hover,div.ProdBeamer a:hover,
div.ProdEIS a:hover,div.ProdOphangsysteem a:hover,div.ProdMinihotspot a:hover,div.ProdComputer a:hover,div.ProdAB a:hover
{
    background-repeat: no-repeat;
    background-position: center center;
    border:solid 1px #492876;
}   

div.ProdHoteltv a
{
    background-image: url(images/producten/Photeltv.JPG);
}

div.ProdHoofdtelefoon a
{
    background-image: url(images/producten/Pheadphone.JPG);
}

div.ProdBatterijen a
{
    background-image: url(images/producten/Pbatterijen.JPG);
}

div.ProdBeamer a
{
    background-image: url(images/producten/Pbeamerlampen.JPG);
}

div.ProdEIS a
{
    background-image: url(images/producten/Pradio.JPG);
}

div.ProdOphangsysteem a
{
    background-image: url(images/producten/Pspaarlamp.JPG);
}

div.ProdMinihotspot a
{
    background-image: url(images/producten/Photspot.JPG);
}

div.ProdComputer a
{
    background-image: url(images/producten/Pcomputerproducten.JPG);
}

div.ProdAB a
{
    background-image: url(images/producten/Pnew.JPG);
}


/* Einde Producten Menu ----------------------------------------*/

a  {text-decoration:none;
    color:black;
    }
   
/* 3m op index pagina */



.sticky {
  -webkit-box-shadow: #DDD 0px 1px 2px;
  position: absolute;
  background-color: #F4F39E;
  border-color: #DEE184;
  text-align: center;
  margin: 2.5em 0px;
  padding: 1.5em 1em;
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.25); 
  left:90px; top: 255px;
  width:200px;
}

.sticky.taped2:after {
  display: block;
  content: "";
  position: absolute; 
  width: 110px;
  height: 30px;
  top: -21px;
  left: 30%;    
  border: 1px solid #fff;
  background: rgba(254, 254, 254, .6);
}
   
   
#footer #keuze
{   width:100%;
    padding-left:30px;
    padding-bottom:10px}
  
#keuze td
{ height:1px; padding:0px; margin:0px; border-style:none; }    


#keuze a, #keuze h1
{ 
  margin:0px;
  padding:0px; 
  font-size:11px;
  color:#bbb;
  display: inline;
  height:1px;
  
  }
  
#keuze h2 
{ font-size:12px;
  margin:0px;
  text-align:left;
  color:#000;
  text-transform: capitalize;
   }  
  
 #keuze a:hover {color:black;}
 
 
   
 #keuze hr { border: none;
        background-color: #ccc;
        color:#ccc;
        height:1px; }
      
      
 #irisplaatje {float:left;}
 
 #keuze .acc {color:green;}
 #keuze .acc:hover {color:black;}      
 
 #infowebshop {color:black;
               text-align:center;}
      
 
 #iristabel    
 {
  border:solid 1px #bbbbbb; 
  border-radius: 4px;  
  margin-left:auto;
  margin-right:auto;
  box-shadow: 0 0 3px #888; }
  
 
 .linksplaatje
 {
     float:left;
     padding:25px;
     height:auto;
     width:auto;  
     clear:left;  
 }
 
 .center, .kaartje
 {
     margin-left:auto;
     margin-right:auto;
     font-size:14px;
 }
 
 .kaartje {width:90%;}