/* basic */
body{
font-family:Arial,Helvetica,Sans-serif;
font-size:12px;
color:#000000;
margin:0px;
height:100%;
}
#swap{
float:right;
padding-top:11px;
}

* html #swap { /*IE fix*/
padding-top:7px;
padding-right:0px;
}

#swap>img{
padding-right:1px;
}

#animation{
margin-left:-6px;
margin-top:-50px;
position:relative;
float:left;
}

#headerlogo{display:none;}

#content{
font-family:Arial,Helvetica,Sans-serif;
font-size:12px;
}
a{
color:#0062cd;
text-decoration:underline;
}
a:hover{
color:#ee3124;
text-decoration:underline;
}
img{
display:block;
position:relative;
border:none;
}
#headimg{
	background:transparent url(http://www.nelectra.be/nelectra/images/i/header.jpg) no-repeat top left; 
	width:1000px; 
	height:184px;
}
h1{
display:block;
position:relative;
border-bottom:solid 2px #7fb0e6;
color:#ee3124;
height:20px;
padding-bottom:2px;
margin-bottom:20px;
margin-top:5px;
font-size:18px;
font-weight:normal;
}
h2{
font-family:Verdana,Arial,Helvetica,Sans-serif;
color:#0166CE;
margin:0px;
font-size:12px;
font-weight:bold;
}
h3{
font-family:Verdana,Arial,Helvetica,Sans-serif;
color:#ee3124;
margin:0px;
font-size:11px;
font-weight:bold;
}
p{
margin-top:5px;
margin-bottom:5px;
}

td{
vertical-align:top;
}

td p{margin:0px;}

#list td{
font-family:Arial,Helvetica,Sans-serif;
font-size:12px;
vertical-align:top;
}

ul{
padding-left:15px;
margin-left:0px;
}
li{
list-style-image: url(http://www.nelectra.be/nelectra/images/i/arrows.gif);
}
#linker{
width:170px;
border-right:1px solid #7fb0e6;
}
#rechts{
width:170px;
border-left:1px solid #7fb0e6;"
}
/* classes */
a.toplink{
color:#ffffff;
text-decoration:none;
font-size:11px;
}
a.toplink:hover{
color:#0062cd;
text-decoration:none;
font-size:11px;
}
.toplinkactive{
color:#0062cd;
text-decoration:none;
font-size:11px;
}
a.bigbutton1_1{
background:transparent url(http://www.nelectra.be/nelectra/images/i/btn_installateur.gif) no-repeat top left;
display:block;
position:relative;
width:170px;
height:52px;
margin-right:1px;
float:left;
}
a.bigbutton1_1:hover{
background:transparent url(http://www.nelectra.be/nelectra/images/i/btn_installateur_over.gif) no-repeat top left;
}
a.bigbutton2_1{
background:transparent url(http://www.nelectra.be/nelectra/images/i/btn_handelaar_1.gif) no-repeat top left;
display:block;
position:relative;
width:170px;
height:52px;
float:left;
}
a.bigbutton2_1:hover{
background:transparent url(http://www.nelectra.be/nelectra/images/i/btn_handelaar_over_1.gif) no-repeat top left;
}

a.bigbutton1_2{
background:transparent url(http://www.nelectra.be/nelectra/images/i/btn_installateur.gif) no-repeat top left;
display:block;
position:relative;
width:170px;
height:52px;
margin-right:1px;
float:left;
}
a.bigbutton1_2:hover{
background:transparent url(http://www.nelectra.be/nelectra/images/i/btn_installateur_over.gif) no-repeat top left;
}
a.bigbutton2_2{
background:transparent url(http://www.nelectra.be/nelectra/images/i/btn_handelaar_2.gif) no-repeat top left;
display:block;
position:relative;
width:170px;
height:52px;
float:left;
}
a.bigbutton2_2:hover{
background:transparent url(http://www.nelectra.be/nelectra/images/i/btn_handelaar_over_2.gif) no-repeat top left;
}
a.menulink{
background:#d9e8f7;
display:block;
position:relative;
float:left;
width:108px;
height:40px;
padding-left:8px;
padding-right:8px;
padding-top:5px;
margin-right:1px;
margin-bottom:1px;
font-size:13px;
color:#0062cd;
text-decoration:none;
}
a.menulink:hover{
background:#bbd6f3;
color:#0062cd;
text-decoration:none;
}
.menulinkactive{
background:transparent url(http://www.nelectra.be/nelectra/images/i/menuactive_back.gif) no-repeat top left;
display:block;
position:relative;
float:left;
width:108px;
height:40px;
padding-left:8px;
padding-right:8px;
padding-top:5px;
margin-right:1px;
margin-bottom:1px;
font-size:13px;
color:#ffffff;
text-decoration:none;
}
a.submenulink{
display:block;
position:relative;
color:#0062cd;
padding:3px;
padding-left:15px;
font-size:13px;
text-decoration:none;
}
a.submenulink:hover{
color:#ee3124;
text-decoration:none;
}
.submenulinkactive{
background:transparent url(http://www.nelectra.be/nelectra/images/i/arrow_down.gif) no-repeat left;
display:block;
position:relative;
color:#ee3124;
padding:3px;
padding-left:15px;
font-weight:bold;
font-size:13px;
text-decoration:none;
}

a.subsubmenulink{
display:block;
position:relative;
color:#0062cd;
padding:3px;
padding-left:30px;
font-size:13px;
text-decoration:none;
}
a.subsubmenulink:hover{
color:#ee3124;
text-decoration:none;
}
.subsubmenulinkactive{
background:transparent url(http://www.nelectra.be/nelectra/images/i/arrow_down.gif) no-repeat left;
display:block;
position:relative;
color:#ee3124;
padding:3px;
margin-left:18px;
padding-left:12px;
font-size:13px;
text-decoration:none;
}
.subsub{
display:block;
position:relative;
color:#0062cd;
padding:3px;
padding-left:10px;
font-size:12px;
line-height:10px;
text-decoration:none;
}
.subsub:hover{
color:#ee3124;
text-decoration:none;
}
.subsubactive{
background:transparent url(http://www.nelectra.be/nelectra/images/i/arrow.gif) no-repeat left;
display:block;
position:relative;
color:#ee3124;
padding:3px;
padding-left:10px;
font-size:12px;
text-decoration:none;
}
.subsubkader{
background:#e5effa;
display:block;
position:relative;
width:160px;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
}
a.submenulink2{
background:transparent url(http://www.nelectra.be/nelectra/images/i/submenu_back.gif) repeat-x top left;
display:block;
position:relative;
float:left;
height:22px;
padding-right:7px;
padding-top:7px;
padding-left:7px;
font-size:13px;
border-right:1px solid #ffffff;
color:#ffffff;
text-decoration:none;
}
a.submenulink2:hover{
background:transparent url(http://www.nelectra.be/nelectra/images/i/submenu_back_over.gif) repeat-x top left;
color:#ffffff;
text-decoration:none;
}
.submenulink2active{
background:transparent url(http://www.nelectra.be/nelectra/images/i/submenu_back_active.gif) repeat-x top left;
display:block;
position:relative;
float:left;
height:22px;
padding-right:7px;
padding-top:7px;
padding-left:7px;
border-right:1px solid #ffffff;
color:#ffffff;
text-decoration:none;
}
.men2clicked{
color:#ffffff;
text-decoration:none;
}

.mag{
display:block;
position:relative;
margin:10px;
margin-left:40px;
}
.blue{
background:#7fb0e6;
display:block;
position:relative;
height:25px;
padding-bottom:10px;
text-align:center;
overflow:hidden;
}
.titleblock{
background:#7fb0e6;
display:block;
position:relative;
padding:5px;
padding-left:15px;
font-size:14px;
font-weight:bold;
color:#ffffff;
text-transform:uppercase;
}
a.button{
background:#ffffff url(http://www.nelectra.be/nelectra/images/i/login_back.gif) no-repeat left;
display:block;
position:relative;
padding:5px;
padding-left:15px;
font-size:14px;
font-weight:bold;
color:#ffffff;
text-transform:uppercase;
text-decoration:none;
margin-bottom:1px;
}
a.button:hover{
background:transparent url(http://www.nelectra.be/nelectra/images/i/login_back_over.gif) no-repeat left;
color:#ffffff;
text-decoration:none;
}
.loc{
font-size:12px;
color:#0062cd;
text-decoration:none;
}
.link{
font-size:12px;
color:#0062cd;
text-decoration:none;
}
a.link:hover{
font-size:12px;
color:#ee3124;
text-decoration:none;
}
.hilite{
margin-top:20px;
margin-bottom:20px;
font-size:16px;
color:#0062cd;
font-weight:bold;
}
.foto{
border:2px solid #99ccff;
}
.footerlink{
font-size:11px;
color:#0062cd;
text-decoration:none;
}
a.footerlink:hover{
color:#0062cd;
text-decoration:underline;
}
/* IDs */
#topmenu{
display:block;
position:relative;
float:right;
width:567px;
height:17px;
top:5px;
right:12px;
color:#ffffff;
font-size:11px;
}
#toplinks{
display:block;
position:relative;
float:left;
top:2px;
margin-left:30px;
}
#language{
display:block;
position:relative;
float:left;
top:2px;
margin-left:15px;
}
#zoek{
display:block;
position:relative;
float:right;
width:172px;
height:20px;
}
#bigbuttons{
display:block;
position:relative;
width:342px;
height:52px;
top:115px;
}

* html #bigbuttons { /*IE fix*/
top:111px;
}

#menu{
display:block;
position:relative;
float:left;
top:263px;
left:270px;
}
#submenu{
display:block;
position:relative;
top:3px;
margin-bottom:15px;
}
/*cells*/



/* Kalender styles */

tr.week{
     text-align: right;
     vertical-align: top;
}

tr.holiday{
     font-weight: bold;
     color: #FFFFFF;
     background-color: #FE6802;
     vertical-align:top;
}

tr.day_name{
     background-color: #d63334;
     color: #FFFFFF;
     font-size: 7pt;
}

th.day_name_title {
	color: white;
}

tr.day_name th {
	color: #FFF;
}

td.right_box{
     text-align: left;
}

td.left_box{
     text-align: right;
}

.weekend_link{
     color: #777777;
     font-size: 8pt;
}

.weekend_box{
     background-color: #EEE;
     border-bottom: thin solid #E0E0E0;
     color: #777777;
     width: 50pt;
     height: 36pt;
}

td.dark_date_box{
     background-color: white;
     width: 50pt;
     height: 36pt;
}

td.date_box{
     background-color: #E0E0E0;
     width: 50pt;
     height: 36pt;
}

div.hoverdiv {
   position: absolute;
   background: white;
   padding: 4px;
   margin-left:15px;
   border: 1px solid gray;
   text-align:left;
   width:100px;
}

td.today_date_box{
     background-color: #d63334;
     width: 50pt;
     height: 36pt;
     color:#FFFFFF;
}

td.date_box{
     background-color: #E0E0E0;
     width: 50pt;
     height: 36pt;
}

div.hoverdiv {
   position: absolute;
   background: white;
   padding: 4px;
   border: 1px solid gray;
   text-align:left;
   width:200px;
}

table.list {
	border-collapse: collapse;
}

table.list th {
	text-align: center;
	line-height: 12px !important;
	padding-bottom: 3px !important;
}

table.list td {
	border: 1px solid #EEE;
	padding: 3px;
	vertical-align: top;
}

table.listkal {
	border-collapse: collapse;
}

table.listkal th {
	text-align: center;
	line-height: 12px !important;
	padding-bottom: 3px !important;
}

table.listkal td {
	padding: 7px;
	vertical-align: top;
}

/* Downloads */

div.downloads
{
	margin:0 0 1.5em 0;
	line-height:1.2em;
	font-size:90%;
	list-style-type:none;
	width:60%;
}

div.downloads a
{
	font-weight:bold;
	margin:0.25em 0 0;
	margin:0;
	padding:0.7em 0 0.7em 3em;
	border-bottom:1px solid #E7E7E7;
	background-repeat:no-repeat;
	background-position:left 50%;
	display:block;
}

#downloads a
{
	font-weight:bold;
	margin:0.25em 0 0;
	margin:0;
	padding:0.7em 0 0.7em 3em;	
	background-repeat:no-repeat;
	background-position:left 50%;
	display:block;
}

a.pdf
{
	background-image:url(http://www.nelectra.be/nelectra/images/icon_pdf.gif);
}

a.word
{
	background-image:url(http://www.nelectra.be/nelectra/images/icon_word.gif);
}

a.web
{
	background-image:url(http://www.nelectra.be/nelectra/images/icon_web.gif);
}

a.xls
{
	background-image:url(http://www.nelectra.be/nelectra/images/icon_xls.gif);
}

a.ppt
{
	background-image:url(http://www.nelectra.be/nelectra/images/icon_ppt.gif);
}

a.doc
{
	background-image:url(http://www.nelectra.be/nelectra/images/icon_doc.gif);
}

a.zip
{
	background-image:url(http://www.nelectra.be/nelectra/images/package.png);
}


/* Page Counter */

div.page-counter {
	font-size: 13px;
	border-bottom: 1px solid #EEE;
	margin-bottom: 10px;
	text-align: center;
}

div.page-counter-bottom {
	font-size: 13px;
	border-top: 1px solid #EEE;
	margin-top: 10px;
	text-align: center;
}


div.page-counter a, div.page-counter-bottom a {
	text-decoration: none !important;
}

div.page-counter a.selected, div.page-counter-bottom a.selected {
	color: red !important;
	font-weight: bold;
}


/* Agenda Styles */

div.agendagroep {
	margin-bottom: 2em;
}

div.agendablok {
	width: 45%;
	float: left;
	border: 1px solid #DDD;
	margin: 10px 10px 0px 0px;
	padding: 5px;
}

div.agendablok div.nota {
	font-style: italic;
}

div.agendablok div.nota span.meerprijs {
	color: maroon;
}

div.agendablok div.inschrijven {
	float: right;
	text-align: right;
}

div.agendablok div.inschrijven input {
	vertical-align: middle;
}

div.agendablok div.inschrijven div.voorkeur {
	display: none;
}

div.agendablok div.inschrijven div.voorkeur input {
	font-size: 10px;
	width: 7px;
	margin-right: 3px;
	height: 12px;
}

span.error {
	font-size: 15px;
	font-weight: bold;
	color: maroon;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.formTable td {
	vertical-align: top;
	padding-bottom: 0px !important;
}

table.formTable td input {
	vertical-align: middle;
}

#sub li{
	padding-bottom:8px;
}
div#search-result {
	border: 1px solid #e8eaf0;
	background: #F2F7FC;
	padding: 1em;
}

div#search-result div.soort {
	background: #93BFEF;
	font-weight: bold;
	padding: .3em;
	font-size: 13px;
	color:white;
}

div#search-result div.entry {
	border-bottom: 1px solid #81AFAF;
	padding: .7em 1em;
}
dt {
	background-color:#dbecf2;
	padding:3px;
}

em.date{
	color:#0b4359;
}

dd {
	margin:0;
	padding:3px;
}

p{
	margin:0;
	padding:0;
}

ul{
padding-top:0px;
}
a.linkright{
display:block;
line-height:25px;
}

#diensten_login{
width:170px;
}
/* WEBSHOP */
div.webshop-artikel {
	border: 1px solid #F5EAEA;
	padding: 1em;
	margin-bottom: 2em;
}

div.webshop-artikel span.title {
	font-size: 12px;
	color: #AD99AD;
	display: block;
	margin-bottom: 5px;
}

div.webshop-artikel img.foto {
	float: left;
	margin-right: 1em;
}

div.webshop-artikel div.artikel-omschrijving {
	float: left;
	width: 300px;
}

div.artikel-order {
	float: left;
	margin-left: 10px;
}

div.artikel-order span.prijzen {
	font-size: 12px;
	color: #AD99AD;
	display: block;
	margin-bottom: 5px;
}

div.artikel-order input {
	vertical-align: middle;
}

div.artikel-order span.ik-bestel {
	font-weight: bold;
	margin-top: 1em;
	display: block;
}

#textarea-nota {
	width: 100%;
}
a.sitemap{
font-size:11px;
text-decoration:none;
display:block;
padding:5px;
border-bottom:1px solid #ADD8FF;
}

#sitemap li{
	padding-left:10px;
	list-style-type:none;
}

#technieken li{
padding-bottom:5px;
}
#technieken li.sub{
margin-left:15px;
padding-bottom:5px;
}

#to-swap-container {height: 145px; width:538px;}
#to-swap-container img {position: absolute;align:right;	}

div#tipDiv {
    padding:4px;
    color:#000; font-size:11px; line-height:1.2;
    background-color:#E1E5F1; border:1px solid #667295; 
    width:210px; 
}

div#tipDiv ul.tipContentList {
    margin:10px; padding-top:10px; list-style:none;
}

div.poll {
	margin: 0;
	padding: .5em;
}

div.poll div.poll-optie-label {
	font-size: .9em;
	margin-top: .5em;
}

div.poll div.poll-result-percentage-label {
	width: 3em;
	font-size: .8em;
	float: left;
	/*text-align: right;*/
}

div.poll div.poll-result-percentage {
	background: #1975d8; 
	float: left;
	margin-left: .2em;
}

div.poll div.poll-num-votes {
	margin-top: .5em;
	font-size: .9em;
	text-align: right;
	font-style: italic;
}

div.hr {
	background: #7fb0e6;
	height: 2px;
}
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}