/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}  

/* ELEMENTS */
*
{
	font-family: Arial;
	font-size: 14px;
	color: #000000;
}

ul,
ol 
{
    padding: 0 5px 0 23px;
    margin-left: 0;
    margin: 5px 0;
}    

li 
{
    margin: 2px 0;
} 

p 
{
    padding: 2px 0 0.5em;
} 

p strong 
{
    display: block;
}    

.homeBox p 
{
    padding: 2px 0 0.5em 5px;
}    

#hpcIntroText p 
{
    margin: 0.5em 10px;
}    

.withBgColorLight p,
.withBgColorLight1,
.withBgColorLight
{
    padding: 5px;
}    


#table2 td 
{
    /* _padding: 5px; */
    vertical-align: top;
}       

/* FKo 20070703 change linkcolors*/

#divLeftNav a:visited, 
#content a:visited,
#search a:visited,
.headfoot a:visited,
li a:visited
{
	color:#888;
	text-decoration: none;
}

#divLeftNav a:link, 
#content a:link, 
#search a:link,
.headfoot a:link,
li a:link
{
	color:#888;
	text-decoration: none;
}

#divLeftNav a:hover, 
#divLeftNav a:active,
#content a:hover, 
#content a:active,
#search a:hover,
#search a:active,
.headfoot a:hover,
.headfoot a:active,
li a:hover,
li a:active
{
	text-decoration: underline;
}

body
{
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	border: 0; 
    padding: 0; 
    /*text-align: center; */
    height: 100%; 
}

div
{
	box-sizing: border-box;	
	-moz-box-sizing: border-box;
}

/* GENERAL */
.withStdBgColor /* standard bgcolor*/
{
	background-color: #555;
}


.withBgColorLight1 /*oranje*/
{
	background-color: #EFEFEF;
}

.withBgColorLight2  /*lgroen*/
{
	background-color: #EFEFEF;
}

.withBgColorLight3 /*groen*/
{
	background-color: #EFEFEF;
}

.withBgColorLight4 /*paars*/
{
	background-color: #EFEFEF;
}

.withBgColorLight5 /*lblauw*/
{
	background-color: #EFEFEF;
}

.withBgColorLight6 /*blauw*/
{
	background-color: #EFEFEF;
}

.withBgColorLightDefault /*grijs*/
{
	background-color: #EFEFEF;
}

/* teaser titles */

.withColor1, .withColor1 span /*oranje*/
{
	color: #9e2f37;
}

.withColor2, .withColor2 span  /*lgroen*/
{
	color: #9e2f37;
}

.withColort3, .withColor3 span /*groen*/
{
	color: #9e2f37;
}

.withColor4, .withColor4 span /*paars*/
{
	color: #9e2f37;
}

.withColor5, .withColor5 span /*lblauw*/
{
	color: #9e2f37;
}

.withColor6, .withColor6 span /*blauw*/
{
	color: #1B679C;
}

.withColorDefault, .withColorDefault span /*grijs*/
{
	color: #9e2f37;
}

/* BIG IMAGES */
.bigImageDefault /* for default page */
{
	width:100%;
	height:139px;
}

.bigImageDefaultCell
{
	background-color:#FFF;
	text-align:left;
	vertical-align:top;
}

.bigImageHome /* for homepage */
{
	width:100%;
	height:179px;
}

.bigImageHomeCell
{
	background-color:#FFF;
	text-align:left;
	vertical-align:top;
}

/* BIG IMAGE ADDITIONAL INFO */
#divMainImageInfo 
{
	cursor:pointer;
	display:none;
	position:absolute;
	border:solid 0px #000;
	z-index:0;
	margin-left:535px;
	margin-top:0px;
	width:235px;
	background-color:#EEE;
	opacity: .8;                /*these 2 lines control opacity: they work in IE, NN, Firefox */ 
	filter: alpha(opacity=80);  /*make sure the numbers match, e.g. .7 corresponds to 70% */ 
	-moz-opacity:.80;
}

#infoBox
{
	font-size: 10px;
	color: rgb(5,5,5);
}


/* BREAD CRUMB, color is defined in ColorScheme## */
#broodkruimel,
#broodkruimel a, 
#broodkruimel a:active, 
#broodkruimel a:visited
{
	text-decoration: none;
}

#broodkruimel a:hover
{
	text-decoration: underline;
}

/* MENU (Menu control) */
.mainMenu
{
	color: #FFF;
	font-weight: bold;
}

.menu
{
	 width:750px;
	 height:26px;
}

/* HEADER/FOOTER size */
.headfoot
{
	font-size: 10px;
}

a.toTopLink:hover
{
	text-decoration: underline;
}

/* CONTENT CELL + related */
.content
{
	vertical-align:top;
	background-color:#FFF;
	border:solid 0px #999;
}

.bold 
{
	font-weight: bold;
}

/* FORM styles */
.formArea td
{
	vertical-align:middle;
	line-height:26px;
}
.buttonSearch 
{
	color: #333333;
	background-color: #FFF;
	border: solid 1px #000;
	font-weight: bold;
}


.inputSearch, 
.formField
{
	border: solid 1px #000;
	margin-bottom: 5px;
	padding: 2px 5px;
	width: 90%;
}

#search 
{
    padding: 4px 4px 2px 2px;
}    

/* FOOTER */
.bottomTools,
.bottomTools a,
.bottomTools a:hover,
.bottomTools a:active,
.bottomTools a:visited,
.bottomTools span
{
	color: #AAA;
	font-size: 10px;
	text-decoration: none;
}


/* atlantis */
.resultTable
{
	border-bottom-width: 5px;
	border-bottom: White;
}

/* generic colorscheme */

/* GENERAL */
h1, h1 span
{
	font-size:16px;
	font-weight: bold;
	color: #9e2f37;
	display: inline;
	height:24px;
}

.withBgColor
{
	background-color: #555;
}

.withBgColorLight 
{
    background-color: #f0f0f0;   
}    

.withBgColor p, .withBgColor span, .withBgColor h2
{
	color: #FFFFFF;
}

/* BREAD CRUMB */
#broodkruimel,
#broodkruimel a, 
#broodkruimel a:active, 
#broodkruimel a:visited
{
	color: #FFFFFF;
}

/* PAGE TOOLS */
#printDiv
{
	background-image:url('../Images/icon_printdefault.gif');
	background-repeat:no-repeat;
	background-position:right;
	width:16px;
	height:l7px;
}

#toTopDiv
{
	background-image:url('../Images/icon_toTopDefault.gif');
	background-repeat:no-repeat;
	width:8px;
	height:12px;
}

a.toTopLink,
a.toTopLink:visited,
a.toTopLink:active,
a.toTopLink:hover
{
	color: #AAAAAA;
}

/* SEARCH button alternate */
.buttonSearchAlt, 
.buttonAlt {
	color: #000000;
	background-color: rgb(226,226,226);
	border: solid 0px #000000;
	font-weight: bold;
	height:24px;
}

/* header picture */
.pics {  
    height:  179px;  
    width:   770px;  
    padding: 0;  
    margin:  0; 
    position: relative;
    overflow: hidden; 
} 


.pics img {  
    /* padding: 15px;  */
    /* border:  1px solid #ccc; */ 
    background-color: #eee;  
    width:  770px; 
    height: 179px; 
    top:  0; 
    left: 0; 
} 

.lower, .lower img {
    height: 139px;
}