#tekst {
	DISPLAY: none
}
* {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	FONT-SIZE: 12px; BACKGROUND: url(header_loop.png) #fff repeat-x 0px 0px; COLOR: #666; PADDING-TOP: 17px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.clear {
	CLEAR: both
}
.leftf {
	FLOAT: left
}
.right {
	FLOAT: right
}
A {
	TEXT-DECORATION: none
}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 22px; COLOR: #009cff; TEXT-DECORATION: none
}
H1 A {
	FONT-WEIGHT: normal; FONT-SIZE: 22px; COLOR: #009cff; TEXT-DECORATION: none
}
.head_mid H1 {
	PADDING-LEFT: 10px
}
.mainlogo {
	DISPLAY: block; BACKGROUND: url(logo.png) no-repeat left center; OVERFLOW: hidden; WIDTH: 280px; HEIGHT: 125px
}
H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #009cff; TEXT-DECORATION: none
}
H2 A {
	FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #009cff; TEXT-DECORATION: none
}
#header {
	CLEAR: both;
	OVERFLOW: hidden;
	WIDTH: 974px;
	HEIGHT: 150px;
	margin-right: auto;
	margin-left: auto;
}
#header H1 {
	FLOAT: left
}
#header UL.navi {
	PADDING-RIGHT: 20px; PADDING-LEFT: 1px;  PADDING-TOP: 84px
}
#header UL.navi LI {
	BACKGROUND: url(navi_basic.png) no-repeat 0px 0px; FLOAT: left; OVERFLOW: hidden; WIDTH: 95px; LIST-STYLE-TYPE: none; HEIGHT: 46px; TEXT-ALIGN: center
}
#header UL.navi LI.current_page_item {
	BACKGROUND: url(navi_hili.gif) no-repeat 0px 0px
}
#header UL.navi LI A {
	DISPLAY: block; FLOAT: left; WIDTH: 95px; COLOR: #818181; PADDING-TOP: 15px; HEIGHT: 31px; TEXT-DECORATION: none
}
#header UL.navi LI A:hover {
	FONT-WEIGHT: bold
}
.head_left {
	DISPLAY: block; BACKGROUND: url(title_left.png) no-repeat 0px 0px; FLOAT: left; WIDTH: 8px; HEIGHT: 294px
}
.linkcat H2 {
	DISPLAY: none
}
#menu .df_menu_cont .linkcat {
	HEIGHT: auto
}
.head_mid {
	WIDTH: 900px; height: 200px;
}
.head_right {
	DISPLAY: block; BACKGROUND: url(title_right.png) no-repeat 0px 0px; FLOAT: left; WIDTH: 8px; HEIGHT: 294px
}
.contwrap {
	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 974px; HEIGHT: 1%
}
.left {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 18px; OVERFLOW: hidden; WIDTH: 710px; PADDING-TOP: 18px
}
.left A {
	COLOR: #009cff
}
.left A:hover {
	BORDER-BOTTOM: #009cff 1px dotted
}
#menu {
	BACKGROUND: url(side_loop.gif) repeat-y 0px 0px; FLOAT: right; WIDTH: 245px; margin-bottom: 15px; margin-top:120px;
}
#lid{
float: right; WIDTH: 245px; margin-left: -245px;
}

#login{

}

#menu2 {
	BACKGROUND: url(side_loop2.gif) repeat-y 0px 0px; FLOAT: left; WIDTH: 200px; margin-bottom: 15px;
}
#menu3 {
	BACKGROUND: url(side_loop2.gif) repeat-y 0px 0px; FLOAT: left; WIDTH: 200px; margin-bottom: 15px;
}

#menu4 {
	BACKGROUND: url(side_loop2.gif) repeat-y 0px 0px; FLOAT: left; WIDTH: 200px; margin-bottom: 15px;
}
.menutop {
	CLEAR: both; DISPLAY: block; BACKGROUND: url(side_top.gif) no-repeat 0px 0px; HEIGHT: 17px
}
.menutop2 {
	CLEAR: both; DISPLAY: block; BACKGROUND: url(side_top2.gif) no-repeat 0px 0px; HEIGHT: 17px
}
.df_menu_head {
	CLEAR: both; DISPLAY: block; PADDING-LEFT: 14px; FONT-WEIGHT: bold; BACKGROUND: url(sideul.gif) no-repeat right center; MARGIN: 10px 0px; WIDTH: 218px; CURSOR: pointer; PADDING-TOP: 10px; HEIGHT: 26px; TEXT-ALIGN: center
}
#menu .header_highlight {
	DISPLAY: block; BACKGROUND: url(sideul_hili.gif) no-repeat right center; COLOR: #fff
}
#menu2 .header_highlight {
	DISPLAY: block; BACKGROUND: url(sideul_hili2.gif) no-repeat center; COLOR: #fff
}

#menu3 .header_highlight {
	DISPLAY: block; BACKGROUND: url(sideul_hili3.gif) no-repeat center; COLOR: #fff
}

#menu4 .header_highlight {
	DISPLAY: block; BACKGROUND: url(sideul_hili4.gif) no-repeat center; COLOR: #fff;
}
.df_menu_cont {
	DISPLAY: none; OVERFLOW: hidden; HEIGHT: 1%
}
.df_menu_cont UL {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#searchform {
	PADDING-LEFT: 14px
}
#searchform #s {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; BACKGROUND: #efefef; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 205px; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center
}
#searchform #s:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BACKGROUND: #fff; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid
}
#searchform #s:focus {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BACKGROUND: #fff; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid
}
.df_menu_cont LI {
	PADDING-RIGHT: 14px; PADDING-LEFT: 14px; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 36px
}
.df_menu_cont LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 10px; COLOR: #555; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
.df_menu_cont LI A:hover {
	COLOR: #222; BORDER-BOTTOM: #999 1px solid
}
.menubot {
	CLEAR: both; DISPLAY: block; BACKGROUND: url(side_bot.gif) no-repeat 0px 0px; HEIGHT: 18px
}

.menubot2 {
	CLEAR: both; DISPLAY: block; BACKGROUND: url(side_bot2.gif) no-repeat 0px 0px; HEIGHT: 18px
}
.footer {
	BACKGROUND: url(footer_loop.png) repeat-x 0px 0px; COLOR: #333333; PADDING-TOP: 13px; HEIGHT: 30px; TEXT-ALIGN: center
}
.footer A {
	COLOR: #333333; TEXT-DECORATION: none
}
.sorrydialog {
	TEXT-ALIGN: center
}
#snippets {
	CLEAR: both
}
.persnippet {
	PADDING-RIGHT: 32px; PADDING-LEFT: 32px; FLOAT: right; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 251px; PADDING-TOP: 15px
}
.snip_top {
	DISPLAY: block; BACKGROUND: url(snips_top.gif) no-repeat 0px 0px; OVERFLOW: hidden; WIDTH: 251px; HEIGHT: 11px
}
snip_mid {
	DISPLAY: block; OVERFLOW: hidden; HEIGHT: 1%; float: right; padding:10px; position: absolute
}
.snip_mid H2 {
	CLEAR: both; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #fff; TEXT-ALIGN: center
}
.snip_mid UL {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.snip_mid LI {
	DISPLAY: block; LIST-STYLE-TYPE: none
}
.snip_mid LI A {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; COLOR: #999; PADDING-TOP: 8px; BORDER-BOTTOM: #595959 1px solid; HEIGHT: 25px; TEXT-DECORATION: none
}
.snip_mid LI A:hover {
	BACKGROUND: #3f3f3f; COLOR: #eee
}
.snip_bot {
	DISPLAY: block; BACKGROUND: url(snips_bot.gif) no-repeat 0px 0px; OVERFLOW: hidden; HEIGHT: 10px
}
.social {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; FLOAT: left; PADDING-BOTTOM: 5px; OVERFLOW: hidden; WIDTH: 66px; TEXT-INDENT: -99999px; PADDING-TOP: 5px; HEIGHT: 90px
}
.rss.social {
	BACKGROUND: url(social_rss.jpg) no-repeat center bottom
}
.tech.social {
	BACKGROUND: url(social_tech.jpg) no-repeat center bottom
}
.digg.social {
	BACKGROUND: url(social_digg.jpg) no-repeat center bottom
}
.left .post {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(postfooter.gif) no-repeat left bottom; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px
}
.left .entry-meta {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 15px; FONT-SIZE: 11px; BACKGROUND: url(comment_top_focus.gif) 0px 0px; PADDING-BOTTOM: 15px; MARGIN: 10px 0px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 15px; BORDER-BOTTOM: #ccc 1px solid
}
.left .posttop {
	OVERFLOW: hidden
}
INPUT#submit {
	BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 10px; BACKGROUND: url(whitebutton.gif) repeat-x left bottom; PADDING-BOTTOM: 5px; BORDER-LEFT: #aaa 1px solid; WIDTH: 312px; CURSOR: pointer; COLOR: #555; PADDING-TOP: 5px; BORDER-BOTTOM: #aaa 1px solid
}
INPUT#submit:hover {
	BORDER-RIGHT: #555 1px solid; BORDER-TOP: #555 1px solid; BORDER-LEFT: #555 1px solid; BORDER-BOTTOM: #555 1px solid
}
.left .posttitle {
	FLOAT: left
}
.left .indexomment {
	FONT-SIZE: 11px; FLOAT: right
}
#commentform #author {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #fafafa; PADDING-BOTTOM: 5px; BORDER-LEFT: #999 1px solid; WIDTH: 300px; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #999 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif
}
#commentform #email {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #fafafa; PADDING-BOTTOM: 5px; BORDER-LEFT: #999 1px solid; WIDTH: 300px; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #999 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif
}
#commentform #url {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #fafafa; PADDING-BOTTOM: 5px; BORDER-LEFT: #999 1px solid; WIDTH: 300px; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #999 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif
}
#commentform TEXTAREA {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #fafafa; PADDING-BOTTOM: 5px; BORDER-LEFT: #999 1px solid; WIDTH: 300px; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #999 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif
}
#code {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #fafafa; PADDING-BOTTOM: 5px; BORDER-LEFT: #999 1px solid; WIDTH: 300px; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #999 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif
}
#commentform {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
#commentform P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px auto; WIDTH: 400px; PADDING-TOP: 5px
}
#commentform #author:focus {
	BORDER-RIGHT: #444 1px solid; BORDER-TOP: #444 1px solid; BACKGROUND: #fff; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #444 1px solid
}
#commentform #email:focus {
	BORDER-RIGHT: #444 1px solid; BORDER-TOP: #444 1px solid; BACKGROUND: #fff; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #444 1px solid
}
#commentform #url:focus {
	BORDER-RIGHT: #444 1px solid; BORDER-TOP: #444 1px solid; BACKGROUND: #fff; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #444 1px solid
}
#commentform TEXTAREA:focus {
	BORDER-RIGHT: #444 1px solid; BORDER-TOP: #444 1px solid; BACKGROUND: #fff; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #444 1px solid
}
#commentform #author:hover {
	BORDER-RIGHT: #444 1px solid; BORDER-TOP: #444 1px solid; BACKGROUND: #fff; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #444 1px solid
}
#commentform #email:hover {
	BORDER-RIGHT: #444 1px solid; BORDER-TOP: #444 1px solid; BACKGROUND: #fff; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #444 1px solid
}
#commentform #url:hover {
	BORDER-RIGHT: #444 1px solid; BORDER-TOP: #444 1px solid; BACKGROUND: #fff; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #444 1px solid
}
#commentform TEXTAREA:hover {
	BORDER-RIGHT: #444 1px solid; BORDER-TOP: #444 1px solid; BACKGROUND: #fff; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #444 1px solid
}
#code:hover {
	BORDER-RIGHT: #444 1px solid; BORDER-TOP: #444 1px solid; BACKGROUND: #fff; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #444 1px solid
}
#code:focus {
	BORDER-RIGHT: #444 1px solid; BORDER-TOP: #444 1px solid; BACKGROUND: #fff; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #444 1px solid
}
.commentlist LI {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(whitebutton.gif) repeat-x left bottom; PADDING-BOTTOM: 15px; OVERFLOW: hidden; PADDING-TOP: 15px; BORDER-BOTTOM: #ccc 1px solid; LIST-STYLE-TYPE: none; HEIGHT: 1%
}
.commentlist .commentmetadata {
	FLOAT: right
}
.commentlist CITE {
	FONT-WEIGHT: bold; COLOR: #ff6600
}
.commentlist CITE A {
	FONT-WEIGHT: bold; COLOR: #ff6600
}
.commentlist P {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.left .date {
	PADDING-RIGHT: 15px; FONT-WEIGHT: bold; BACKGROUND: url(date.gif) no-repeat 0px 0px; FLOAT: left; WIDTH: 83px; PADDING-TOP: 6px; HEIGHT: 27px
}
.left .date DIV.month {
	PADDING-LEFT: 8px; FLOAT: left; WIDTH: 50px; TEXT-ALIGN: center
}
.left .date DIV.day {
	PADDING-LEFT: 8px; FLOAT: left; COLOR: #fff
}
.left .storycontent {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px
}
.left .storycontent P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; LINE-HEIGHT: 18px; PADDING-TOP: 5px
}
.left .storycontent UL {
	PADDING-LEFT: 15px
}
.left .storycontent OL {
	PADDING-LEFT: 15px
}
.left .storycontent LI {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: url(lis.gif) no-repeat left 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; LIST-STYLE-TYPE: none
}
.left .storycontent LI P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.storycontent BLOCKQUOTE {
	PADDING-RIGHT: 5px; PADDING-LEFT: 15px; BACKGROUND: #fafafa; PADDING-BOTTOM: 5px; MARGIN-LEFT: 15px; BORDER-LEFT: #ccc 3px solid; PADDING-TOP: 5px
}
#content UL.navigation LI {
	FONT-WEIGHT: bold; FLOAT: left; MARGIN: 0px 5px 10px 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center
}
#content UL.navigation LI A {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 3px; WIDTH: 15px; COLOR: #009cff; PADDING-TOP: 3px; HEIGHT: 15px; TEXT-DECORATION: none
}
#content UL.navigation LI A#current {
	COLOR: #ffffff; BACKGROUND-COLOR: #009cff
}
#content UL.navigation LI A:hover {
	CURSOR: pointer; COLOR: #ff0032; BACKGROUND-COLOR: #009cff
}
#content UL.navigation LI A#current:hover {
	CURSOR: pointer; COLOR: #ff0032; BACKGROUND-COLOR: #009cff
}
.mask {
	OVERFLOW: hidden; WIDTH: 650px; POSITION: relative; HEIGHT: 450px
}
#box {
	POSITION: absolute
}
.project {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 30px; WIDTH: 650px; PADDING-TOP: 0px; HEIGHT: 450px
}
IMG.projectImage {
	BORDER-RIGHT: #009cff 1px solid; BORDER-TOP: #009cff 1px solid; MARGIN: 5px 0px 10px 35px; BORDER-LEFT: #009cff 1px solid; BORDER-BOTTOM: #009cff 1px solid
}
.project TABLE {
	MARGIN: 15px; WIDTH: 95%
}
.project TABLE TD.description {
	BORDER-RIGHT: #009cff 2px solid; PADDING-RIGHT: 15px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: top; WIDTH: 25%; COLOR: #009cff; PADDING-TOP: 2px; TEXT-ALIGN: right
}
.project TABLE TD.data {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: top; PADDING-TOP: 2px
}
.project TABLE TD.data A {
	FONT-SIZE: 100%
}
* {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
BODY {
	FONT-SIZE: 11px; MARGIN: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
#basic-accordian {
	BORDER-RIGHT: #eee 5px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 5px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #eee 5px solid; WIDTH: 350px; PADDING-TOP: 5px; BORDER-BOTTOM: #eee 5px solid; POSITION: absolute
}
.accordion_headings {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #99cc00; PADDING-BOTTOM: 5px; BORDER-LEFT: #fff 1px solid; CURSOR: pointer; COLOR: #ffffff; PADDING-TOP: 5px; BORDER-BOTTOM: #fff 1px solid
}
.accordion_headings:hover {
	BACKGROUND: #00ccff
}
.accordion_child {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: #eee; PADDING-BOTTOM: 15px; PADDING-TOP: 15px
}
.header_highlight {
	BACKGROUND: #00ccff
}

#mijnacc a:hover{
color: #333333;
}
#mijnacc a{
color: #666666;
}