/* body */
body {font:14px georgia,serif;line-height:1.3;background-color:#fff;}

@font-face {
    font-family: 'ArialNarrow';
    src: url('arialn-webfont.eot');
    src: url('arialn-webfont.eot?#iefix') format('embedded-opentype'),
         url('arialn-webfont.woff') format('woff'),
         url('arialn-webfont.ttf') format('truetype'),
         url('arialn-webfont.svg#ArialNarrow') format('svg');
    font-weight: normal;
    font-style: normal;

}

#container {width:960px;margin:0px auto;}

#logo{margin:20px 0 0 10px;border:none;}

/* navtabs */
#tabs{font:13px/1.2em 'Trebuchet MS';min-heigt:30px;float:left;width:100%;}
#tabs ul{margin:0;padding:0 0 0 10px;list-style:none;display:block;}
#tabs li{display:inline;margin:0;padding:0;}
#tabs a{float:left;background:url("../images/tab-left.gif") no-repeat left top;margin:0;padding:0 0 0 11px;text-decoration:none;}
#tabs a span{cursor:hand;float:left;display:block;background:url("../images/tab-right.gif") no-repeat right top;padding:4px 40px 24px 22px;color:#3f3f3f;}
#tabs a:hover, #tabs a.active{background-position:0% -44px;color:#999;}
#tabs a:hover span, #tabs a.active span{background-position:100% -44px;color:#fff;}

/* Content layout */
#content, #content-werk{width:720px;background-color:#fff;clear:both;padding:10px;}
#content-werk{width:960px;}
h1{font:30px/1.2em 'Trebuchet MS';font-weight:bold;color:#CC9900;margin-top:10px;}
h2{font:20px/1.2em 'Trebuchet MS';color:#CC9900;margin-top:0px;text-transform:uppercase;}
h3{font:18px/1.2em 'Trebuchet MS';font-weight:bold;margin:0px;padding:0;}
h4{font:20px/1.2em 'Georgia';font-weight:notmal;margin:0px;padding:0;}
h4 a{color:#0099AA;text-decoration:none;}
p{margin-top:0;}
a{color:#006699;}
ul{padding-left:1em;list-style:circle;}

#description{padding:20px;background-color:#f2f2f2;font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;font-size:13px;border-top:1px dotted #CCC;}
.name{font-size:10px;font-weight:bold;border-top:1px dotted #CCC;color:#666;}
#content-werk #description{text-align:center;border:none;background:none;}
#content-werk p{width:450px;}
#content-werk #description p{width:100%;margin-top:20px;}
#content-werk #description img{margin-bottom:20px;}
.meta{background:#F3F3F3;float:left;width:300px;}
.meta span{color:#99cc00;}
.meta li a{}

img.centered{display: block;margin:30px auto;}
div.hr {height: 1px;border-top:1px dotted #CCC;padding-bottom:10px;}
div.hr hr {display: none;}

#pacman{padding-bottom:20px;}

.page-item{background: #f2f2f2 url(../images/border.gif) repeat-x right top;padding:20px;}
.page-item-2{background: #fff url(../images/border.gif) repeat-x right top;padding:20px;}
.page-item img, .page-item-2 img{padding:4px;border:1px solid #aaa;background-color:#fff;}
.page-item .image, .page-item-2 .image{float:left;}
.page-item .text, .page-item-2 .text{margin-left:100px;}
.page-item .text h3 .page-item-2 .text h3{font-size:13px;}

.content-item{clear:both;padding:20px 0;}
.content-item p{width:470px;}
.img-preview{float:right;margin-left:20px;}
.img-small{margin-bottom:10px;}

#tekst{height:1.5em;padding:10px;}

#geld{padding:10px;}

ul#crumb{font: 11px 'Trebuchet MS';list-style:none;margin:0 0 20px 0;padding:0;}
ul#crumb li{display:inline;padding-right:2px;color:#aaa;}
ul#crumb li a{color:#aaa;}

/* Web fonts */
.style1 {font-family:Cambria;}
.style2 {font-family:Constantia;}
.style3 {font-family:"Times New Roman";}
.style4 {font-family:Times;}
.style5 {font-family:Georgia;}
.style6 {font-family:"Andale Mono";}
.style7 {font-family:Arial;}
.style8 {font-family:"Arial Black";}
.style9 {font-family:Calibri;}
.style10 {font-family:Candara;}
.style11 {font-family:Corbel;}
.style12 {font-family:Helvetica;}
.style13 {font-family:Impact;}
.style14 {font-family:"Trebuchet MS";}
.style15 {font-family:Verdana;}
.style16 {font-family:"Comic Sans MS";}
.style17 {font-family:Consolas;}
.style18 {font-family:"Courier New";}
.style19 {font-family:Courier;}
.style20 {font-family:"Century Gothic";}
.fancyTable {width:100%;background-color:#fff;border:none;}
.fancyTable td{border:1px solid #fff;padding:5px;font-weight:normal;}
th{background-color:#fff;border:none;font-weight:normal;text-align:left;}
.all{background-color:#F2F2F2;}

#project_listing {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
padding:20px 0 0;
margin:0 0 0 -20px;
}

li.project_box {
float:left;
margin:0 0 80px;
padding:0;
width:480px;
}

li.project_box div.project_thumb img {
border:none;
float:left;
margin:0;
padding:0;
}

li.project_box p {
font:11px/1em 'Trebuchet MS';
color:#bbb;
margin:5px 0 0 ;
padding:0;
}

li.project_box h4{
padding:0;
}

li.project_box ul{list-style:none;
font:13px/1.3em 'Georgia';
color:#666;}

li.project_box ul li{}

p.sub-title{margin:-1.9em 0 -1em 0.4em;}
#content-gw{float:left;width:520px;font:12px/20px "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;padding:10px;}
#content-gw h3{color:#666;font-family:georgia;font-weight:normal;margin:2em 0 0;}
#content-gw h4{margin-top:10px;color:#6F1B3C;font:13px/20px "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;}
#content-gw ul{list-style:none;padding:0;}
#content-gw li{overflow:auto;}
#content-gw ul#icons{list-style:disc outside none;padding-left:1em;margin-left:1em;}
#content-gw ul#icons li{overflow:visible;}

#content-gw li.first{border-top:none;padding:10px 0 0;}
ul#code-example h3{float:left;font-weight:normal;color:#666;font-size:14px;margin:0.2em 0 0;}
#content-gw li p{float:right;width:290px;color:#333;}
#content-gw li p span{font-style:italic;color:#666;display:block;}

.download{padding:30px;margin:100px 0 0 30px;width:290px;float:left;-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#F0EFDB;}
.download a{background:url(../images/box_download.png) no-repeat 0 0;padding:10px 0 10px 40px;color:#666;font:bold 14px/10px arial;text-decoration:none;}
.download a span{color:#999;font-size:12px;font-weight:normal;padding-left:41px;}
#secondary{padding:30px;width:290px;float:left;}
/*
.fc{color:#666;font-size:24px;}
.fc span{}
.forecast{background:url("../images/forecast_bg.gif") repeat-y 0 0;margin-top:2px;position:relative;font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;font-size:100%;}
.forecast h3{color:#a5a087;font-size:26px;margin:12px 12px 0;float:left;padding:0;text-transform:uppercase;}
.forecast img{margin-top:3px;}
.forecast dl {color:#a5a087;font-size:13px;left:160px;margin:0;position:absolute;top:28px;}
.forecast dt {display:inline; }
.forecast dd {display:inline;margin:0;}
.forecast p{left:160px;margin:0;position:absolute;top:10px;font-weight:bold;color:#666;}
.forecast ul{list-style:none;margin-left:61px;margin-top:0;}
.forecast li{color:#aaa;font-size:13px;}
*/
#weather{background: url(../images/weather.png) no-repeat 0 0;height:227px;margin-top:3px;position:relative;width:270px;font-family: ArialNarrow;font-weight:normal;color:#e0e3ee;}
#degree{font-size: 16px; padding-left:.2em;}
.c_icon img{width:70%;position:absolute;right:-20px;top:10px;}
.c_temp{font-size:30px;left:20px;position:absolute;top:20px;}
.c_city{font-size:22px;left:20px;position:absolute;top:55px;font-weight:bold;}
.c_city:first-letter{text-transform:uppercase;}
.c_condition{font-size:16px;left:20px;position:absolute;top:80px;}
.forecast{position:absolute;top:125px;padding-left:10px;}
.forecast img{width:75px;margin-left: -5px;}
#secondary .forecast li{ background:none;float: left;height: 100%;list-style: none; text-align: center;width: 25%;padding:0;}
span.day{display:block;margin-top:-8px;text-transform:uppercase;font-weight:bold;}