/* standard clases */
BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #F8F8F8 ;
}
TD {font-family: Arial, Helvetica, sans-serif; font-size: 12px;	color: #000000;}

A:link{font-family: Arial, Helvetica, sans-serif; color: #000099;text-decoration:underline}
A:visited{font-family: Arial, Helvetica, sans-serif; color: #000033;text-decoration:underline}
A:active{font-family: Arial, Helvetica, sans-serif; color: #0000FF;text-decoration:underline;}
A:hover{font-family: Arial, Helvetica, sans-serif; color: #0000FF;text-decoration:underline}

H1 {font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #CC3300} /*Site title */
H2 {font-size: 22px; font-weight: bold; color:#2D2D2D} /*Page title */
H3 {font-size: 16px; font-weight: bold; margin-top: 50px; color:#2D2D2D} /*Paragraph title */
H4 {font-size: 12px; font-weight: bold;} /*Memu title*/

/* custom clases */
.topPanel {z-index:-1; position:fixed; top:0px; left:0px; width:100%; height: 40px; z-index:1000; margin: 0px; padding: 10px; background: #2d2d2d; font-family: Arial, Helvetica, sans-serif; 
color:white; font-size: 11px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#FFFFFF;  }
.topTitle {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #CC6633; font-size: 23px;}
.topMenu {position:fixed; top:25px; left:150px; width:100%; font-family: Arial, Helvetica, sans-serif; color:#FFFFCC; font-size: 16px; display:inline;}

.topMenuItem, .topMenuItem A, .topMenuItem A:visited { text-align:center; display:inline-table; top:20px; width:86px; margin-right:5px; color:#FFFFCC; padding:2px;  font-weight:bold; text-decoration:none;}
.topMenuItem A:hover, .topMenuItem A:active  {display:block; background: #CC6633; color:#FFFFCC; text-decoration:underline;}
.topMenuItemActive {text-align:center; font-weight:bolder; display:inline-table; top:10px; width:100px; margin-right:5px; padding:2px; color:#CC6633}
.topMenuPtr {position:absolute; z-index:999; top:60px}

.indexPanel {position:fixed; top:60px; left:0px; width:110px; height:100%; padding: 10px; background: #F8F8F8 ; display:block; overflow:hidden; border-spacing:40px; font-weight:bolder; font-size:12px; text-align:center;}
.indexPanel H4 {display:block; width:110px; margin-right:8px; height:20px; color: #2d2d2d; border-bottom:solid thin #CC9966; font-size:14px; margin-bottom: 0; margin-top: 30px; }
.indexPanel A{text-decoration:none; color: #CC6633;  }
.indexPanel A:hover {text-decoration:underline; color: #000099;  }

.contentPanel {position:absolute; top:61px; left:136px; height:90%; padding: 20px; background-color: #CC9966; width:inherit; overflow:auto; margin-right:0px;}
.contentPanel IMG {float:right; border-bottom:solid thin #996600; border-right:solid thin #CC6633;}

.table{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.tableHeader{font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #F0E68C; font-weight: bold;  padding-left: 3px;   }
.table TD{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; border: 1px solid #2d2d2d; padding-left: 3px;  border-top: 0px;        }
.tableHeader TD{font-family: Arial, Helvetica, sans-serif; font-size: 12px;	color: #F0E68C; background-color: #2d2d2d; font-weight: bold; border: 1px solid #2d2d2d;   }

.foto {
	border: none;
	padding: 15px;
	background: #fafafa;
	margin: 10px;
}

.social IMG {float:left; border:none; margin:2px; display:inline;}
ul.socialemedia { /* 'ul' is hier echt nodig om de marge te definieren */
	margin: 24px 0 12px 0;
	padding: 0 }
.socialemedia li {
	position: relative;
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0 }

.socialemedia li.hyves,
.socialemedia li.twitter,
.socialemedia li.facebook {
	border: none;
	background: transparent }
.socialemedia li.twitter {
	padding: 0 0 1px 0 }
.socialemedia li.facebook {
	top: 1px }

.footer {position:fixed; bottom: 0; width:110px; font-size: 10px;  color: #2d2d2d; text-align:center; }

.errstyle{font-weight: bold; color: red;}


/* IE FIX FOR non functional position fixed
html {
overflow: hidden;
}
body {
height: 100%;
overflow: auto;
}
..someclass {
position: absolute;
}
*/