body,td,th {
font-family: Arial, Helvetica, Trebuchet, sans-serif; 
font-size: 1em;
color: #4A432D;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased !important;
-moz-font-smoothing: antialiased !important;
text-rendering: optimizelegibility !important;
letter-spacing: .03em;
line-height: 1.25em;
}

	.interface {
	text-align: center;
	margin: 5px 0 0 0;
	font-family: Arial, Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	letter-spacing: 3px;
	font-size: 1em;
    font-weight : bold;
	color: #000000;
 	}
    .interface a { text-decoration:none;}
	.interface a:visited { text-decoration:none;}
	.interface a:hover { color: #555; text-decoration:none;}
	.interface_on {color: #555}

a {font-family: Trebuchet, Arial, Helvetica, sans-serif;color: #ccc;}
a:visited {color: #ccc;}
a:hover {color: #666;}

.content { align: left; width: 930px;}

.author{ font-family: Arial, Helvetica, sans-serif; font-size:0.875em; color: #666;} 

.links a{color: #999; font-size: 11px;}
.links a:visited {color: #999;}
.links a:hover {color: #666;}

.daglinks a, .submenu a:link {color: #990000; text-decoration: none; font-weight: bold;} 
.submenu a:visited {color: #666666; text-decoration: none; font-weight: bold;} 
.submenu a:active {color: #990000; text-decoration: none; font-weight: bold;} 
.submenu a:hover {color: #ffffff; background-color: #990000; font-weight: bold;} 
.midden a, .midden a:link {color: #000080; background-color: #CCCCFF; text-decoration: none; font-weight: bold;} 
.midden a:visited {color: #000080; text-decoration: none; font-weight: bold;} 
.midden a:active {color: #ffffff; text-decoration: none; font-weight: bold;} 
.midden a:hover {color: #000080; background-color: #99ff00; font-weight: bold;}	

.big {font-family: Arial, Helvetica, sans-serif; font-size: 43px; color: #000000; font-style: normal; font-weight: normal}
.mid {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.375em;
color: #000000;
font-weight: bold
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased !important;
-moz-font-smoothing: antialiased !important;
text-rendering: optimizelegibility !important;
letter-spacing: .03em;
line-height: 2.25em;
}

.notsobig_red { font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color:#990000; } 
.small_red { font-size: 12px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color:#990000; } 
.xsmall_red { font-size: 10px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; color:#990000; } 

.bruin1 { font-size: 12px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color:#996666; } 
.big_bruin { font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; color:#996600; } 

.mid_grey {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #8F8B82; font-style: normal; font-weight: bold}
.grey { font-size: 13px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color:#8F8B82; } 
.small_grey { font-size: 11px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color:#999999; } 
.xsmall_grey { font-size: 11px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color:#615354; }

.breadcrumb { font-size: 11px; font-family: Trebuchet, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; } 

.spacer {clear: both;}

.tableCell {
 background: 		#fff;
 font-size:         	11px;
 color:             		#000;
 padding:              	3px 6px 3px 6px;
}

#portfolio_box { 
    width: 100%;
    clear: both;
    overflow: hidden;
} 
li.portfolio_item { 
    padding: 0; 
    height: 170px; 
    width: 170px; 
    display: inline-block; 
    z-index: 1;
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;
    line-height: 1em; 
}
#portfolio_kolom1 {
	width: 50px;
	float: left;
}
#portfolio_kolom2 {
	width: 730px;
	float: left;
}

.photo_content {
	float: left;
	margin: 0px 5px 5px 0px;
   display: table;
   position: relative;
}

.photo_content li .outerContainer {
	position: relative;
	display: table;
	overflow: hidden;
}

.prev{
  position: relative;
width:20px;
float:left;
margin-right: 20px;
}

.next{
width: 20px;
float:right;
margin-left: 17px;
}


.foto_groot li {list-style-type: none;}
.foto_groot {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.photo_content li {
    list-style: none;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
margin-top: inherit;
*clear: expression(
style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"),style.clear = "none", 0);
}