body{
padding:0px;
margin:0px;
background-color:#3a3936; //2c2b28
overflow:scroll;
}

#main{
font-family:Helvetica,Verdana,sans-serif;
color:#d0d0d0;
position:absolute;
display:inline;
left:35px;
top:70px;
color:#white;
margin:0px;
padding:0px;
padding-bottom:20px;
}

#title{
width:489px;
height:120px;
background-image:url("img/title.jpg");
margin-bottom:0px;
margin-left:-2px;
}

#sayhello{
position:relative;
color:#d0d0d0;
font-size:9pt;
text-align:right;
height:120px;
z-index:1000;
}

#sayhello .sayhellocontent{
position:relative;
top:25px;
right:0px;
//display:inline;
}

#sayhello .sayhellointro{
font-size:8pt;
display:inline;
}

#sayhello .sayhellodescr, #sayhello .sayhellodate{
font-size:9pt;
font-weight:bold;
display:inline;
}

#sayhello .sayhelloactivity{
font-size:8pt;
display:block;
}

#sayhello .categories{
list-style-type: none;
position:absolute;
display:block;
bottom:0px;
right:0px;
padding:0px;
margin:0px;
text-align:left;
}

#sayhello .categories li.flipflap{
cursor:pointer;
position:relative;
float:left;
color:#3a3936;
background-color:#d0d0d0;
padding-left:2px;
padding-right:2px;
margin-left:3px;
}


.activeflipflap{
cursor:pointer;
position:relative;
float:left;
color:#3a3936;
background-color:#dc4f10;
padding-left:2px;
padding-right:2px;
margin-left:3px;
}

#sayhello .categories li.label{
position:relative;
cursor:default;
font-weight:bold;
background-color:#9a9a9a;
float:left;
color:#3a3936;
padding-left:2px;
padding-right:2px;
margin-left:3px;
}

.switches{
position:absolute;
padding:0px;
width:100px;
margin:0px;
height:18px;
overflow:hidden;
display:none;
left:0px;
top:-18px;
}

#sayhello .categories li .switches ul{
list-style-type: none;
position:absolute;
padding:0px;
width:100px;
margin:0px;
height:18px;
overflow:hidden;
bottom:0px;
}


#sayhello .categories li.activeflipflap .switches{
display:block;
overflow:hidden;
height:18px;
}

#sayhello .categories li .switches ul li{
position:relative;
background-color:#d0d0d0;
display:inline;
float:left;
left:0px;
padding:0px;
margin-right:1px;
width:25px;
height:18px;
text-align:center;
}

#sayhello .categories li .switches ul li a{
color:#3a3936;
padding-left:2px;
padding-right:2px;
margin:0px;
text-decoration:none;
font-weight:bold;
font-size:8pt;
}

#sayhello .categories li .switches ul li a:hover{
color:#dc4f10;
}


#col1{
float:left;
width:500px;
}

#col2{
margin-left:500px;
width:490px;
}

.project{
position:relative;
width:489px;
height:59px;
display:block;
margin:0px;
margin-top:6px;
padding:0px;
border-bottom:1px solid white;
outline:0;
z-index:0;
text-decoration:none;
}




.project .overlay{
background-image:url("img/overlay4.gif");
border:0px;
padding:0px;
margin:0px;
width:489px;
height:0px;
overflow:hidden;
line-height:0;
font-size:0;
padding:0;
display:none;
z-index:100;
}

.project .wip_label{
position:absolute;
left:0px;
top:0px;
margin:0px;
padding:2px;
color:white;
background-color:#dc4f10;
font-size:7pt;
z-index:1;
text-decoration:none;
}

.project .overlay img{
border:0px;
}

.details{
position:relative;
color:white;
height:0;
width:489px;
overflow:hidden;
border-bottom:1px solid white;
padding:0;
display:none;
}

.detailcontent{
position:relative;
width:489px;
height:300px;
font-size:9pt;
}

.detailcontent a{
color:#3a3936;
font-weight:bold;
background-color:#d0d0d0;
padding-left:2px;
padding-right:2px;
text-decoration:none;
}

.detailcontentpage{
padding-top:0px;
background-color:#3a3936;
position:relative;
width:489px;
height:300px;
}

.index{
background-color:black;
padding-left:6px;
padding-right:6px;
position:absolute;
right:4px;
bottom:4px;
color:white;
font-size:20pt;
font-weight:bold;
}

.index a, .index a:hover, .index a:visited {
color:white;
text-decoration:none;
}

.index a:active, .index a:focus {
color:#AAAAAA;
}

.loading{
position:absolute;
left:0px;
top:80px;
display:none;
}

.project img{
border:0px;
}

#info{
position:absolute;
left:1000px;
top:120px;
margin-top:6px;
font-size:9pt;
color:#d0d0d0;
}

#info .headline{
padding:2px;
width:150px;
background-color:#d0d0d0;
color:#3a3936;
font-weight:bold;
margin-bottom:5px;
}

#info a.neighbour{
color:#d0d0d0;
text-decoration:none;
padding:0px;
margin-bottom:2px;
font-weight:bold;
}