*{ padding:0; margin:0;}

body 
{
    font-family:Verdana;
    font-size:12px;
    color:#333333;
}
.hlimg img
{
    width:30px;
    height:30px;
}

a.imgObject{ padding-bottom:6px;} 
a.hlimg{padding:0px 0px 6px 0px;}
a.hlimg + a.hlimg{padding:0px 0px 6px 6px;}
a.hlimg-bottom{padding:px 0px 6px 0px;}
a.hlimg-bottom + a.hlimg{padding:0px 0px 6px 6px;}

.hlmain img
{
    width:180px;
}
.hlmaingrid img
{
    width:180px;
}
.lnkB_active
{
text-align: center; 
font-weight:bold; 
text-decoration:none; 
color: #000000; 
}
.actie
{
    font-weight:bold;
    font-size:14px;
}
.lnkB_passive
{
    text-align: center; 
    font-weight:bold; 
    text-decoration:none; 
    padding:4px 6px 4px 6px; 
    color: #000000; 
    border:solid 1px #000000;
}
.pagingSale
{
display:none;
float:right;
}
.pagingSale td
{
    padding-left:8px;
}
.pagingSale span
{
    font-weight:bold;
    font-size:15px;
}
/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin-top: 10px;
	color: #333333;
    width:578px;
    padding:6px 6px 0px 0px; 	
}

table		{font-family: Verdana; }
table.p		{font-family: Verdana;   }
th		    {font-family: Verdana; }
td		    {font-family: Verdana; color: #000066;}
a		    {font-family: Verdana;color: #000066; margin-top: 2px}
p.Title		{font: 12pt; font-weight: bold; margin-top: 5px}
p.Links		{font-family: Verdana; margin-top: 5px}

a.Command	{font-weight: bold}
a:hover     {color:#336699; }
a:link, a:visited {text-decoration: none}
.hlimg img
{
    width:43px;
    height:43px;
}
.hlmain img
{
    height:180px;
}
.hlmaingrid img
{
    height:180px;
}


a.meer{ color:#FFFFFF; text-decoration:underline;}
a.meer:hover{ text-decoration:none;}

/*homepage */
.announcement{ float:left; width:578px; vertical-align:text-top; margin-bottom:20px; margin-top:0px;}
.announcement .afbeelding{ float:left; width: 240px; height:160px; padding-right:20px;}
.announcement .tekst{ float:left; width:306px; border:1px solid #000; padding:5px; color:#000066;}


/* news */
div.news{ float:left; width:574px; margin-bottom:10px; font-family:Verdana; 
          border-bottom:dotted 1px #FFFFFF;
          padding-bottom:6px; }
div.news .titel{float:left; width:100%; }    
div.news .datum{ font-style:italic; font-size:11px;}
div.news .intro{ float:left;width:100%; }   

div.newsdetail{}
div.newsdetail div.header{ float:left; border-bottom:solid 1px #FFFFFF; padding-bottom:6px;
                       width:100%; font-weight:bold; font-size:13px; margin-bottom:3px; }
div.newsdetail .datum{font-style:italic;}
div.newsdetail img.imgObject{ padding:5px 0px 5px 12px;}

a{color: #000066; text-decoration:underline;}
a:hover{ color:#FFFFFF; text-decoration:none;}

.weer{ float:left; width:152px;
       margin-top:40px; padding-left:10px;
         }

/* LINKS */

.linkWrapper , .linkCategory
{
    float:left; 
    width:574px;
}

.linkCategory
{
    border-bottom:dotted 1px #FFFFFF;
    padding-bottom:11px;
    }

.linkWrapper .category{ display:block; width:574px; 
    float:left;
    line-height:22px;
    color:#000066; font-weight:bold; margin-bottom:5px; margin-top:14px;
}

.linkWrapper .lijn
{
    float:left; width:574px;  height:1px;
    border-bottom:dotted 1px #FFFFFF;
    margin: 10px 0px; 
    }

.linkWrapper .linkLeft
{
    float:left;
    width:130px; padding:0px 10px 0px 0px; 
}
.linkWrapper .linkRight
{
    width:400px;
    float:left;
    padding-top:5px;
}

.linkWrapper .linkRight a{ text-decoration:none;}

.linkWrapper .linkRight .naam{width:100%; float:left; padding-bottom:3px; font-weight:bold;}
.linkWrapper .linkRight a.link{ color:#FFFFFF; text-decoration:none;}
.linkWrapper .linkRight a.link:hover{ text-decoration:underline; color:#000066;}

.linkWrapper .linkRight .desc{   padding-top:3px;}

/*area */
.listarea{ float:left; width:574px; margin-bottom:17px;}
.listarea ul{list-style-type:none; }
.listarea li{width:170px; float:left;
             background-image:url('../../images/blub2.gif');
             background-repeat:no-repeat;
             background-position:left center; padding:0px 0px 0px 15px; margin-bottom:5px;  
             list-style-type:none; }

.listarea a{ font-weight:bold;}             
.listarea li.selected a{ font-weight:bold; color:#ffffff;}             

p{ text-align:justify;}
.errorInput{background-color:#DD1821;}
.errorText{color:#DD1821;font-weight:bold; font-size:10px;}