/* ALGEMEEN
------------------------------------------------*/

html, body {
}

body{
background:#101010 none repeat scroll 0%;
margin:0;
padding:0;
height:100%;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
font-size: 10px;}

p{
color:#7C7D7D;
text-align: left;
line-height:180%;
margin:0;
padding:0;
letter-spacing:0.1em;
}

a{
border:none;
text-decoration:none;}


/* STRUCTUUR
----------------------------------------------*/

#wrap{
width:730px;
margin: 0px auto;
padding:20px 0 0 0;
}

h1#logo{
width:500px;
height:70px;
margin:0 0 0 10px;
float:left;
background-image: url(../img/logo.gif);
background-repeat: no-repeat;
text-indent: -3000px;
}

h2{text-indent: -3000px;}


/* RIGHT DIV
---------------------------------------------*/

#right{
width:167px;
padding:10px;
float:right;
/*background:#0B0B0A;
border:1px dashed #222222;*/
}

#right img{
border: 1px dotted #333;
display:block;
float:left;
margin:3px 9px 0 0;}

#right h3{
color:#88C36D;
letter-spacing:0.2em;
text-transform:uppercase;
font-size:9px;
margin:4px 0 4px 0;
padding:0;
}

#right ul{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;}

#right ul li{
display:inline;
margin:0;
text-align: left;}

#right ul li a{
width:160px;
display: block;
padding:4px 3px;
border-bottom:1px dashed #252525;
float:left;
color:#7C7D7D;
letter-spacing:0.1em;}

#right ul li a:hover{
border-bottom:1px dotted #555555;
background:#222222;
color:#C42F81;
}

#right p{
margin-bottom:15px;
}


/* ACCORDION
----------------------------- */

#accordion{
width:532px;
float:left;
border:1px solid #222;
background:#000;
margin-bottom:2px;
}

.toggler{
margin: 0 auto;
padding:18px 6px 6px;
width:520px;
color:#727373;
background: #09090A;
border-bottom:1px solid #171717;
cursor: pointer;
text-align:right;
letter-spacing:0.3em;
font: normal 11px helvetica;
line-height:90%;
text-transform:uppercase;
}

.element{
margin: 0px auto;
padding:0;
width: 524px;
/*overflow:hidden;*/

}

.thumbz{
width: 538px;
padding:3px 0px 6px;
}

.thumbz ul{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;}

.thumbz ul li{
display:inline;
margin:0;
text-align: center;}

.thumbz ul li a{
width:60px;
height:60px;
display: block;
padding:2px;;
border:1px solid #252525;
float:left;
margin:4px;}

.thumbz ul li a:hover{
border:1px solid #ccc;
}

.thumbz img{
border:none;
}



/* FOOTER
--------------------------------------------------*/

#foot{
text-transform: uppercase;
padding:4px;}

#foot p{
line-height:100%;
display:block;
color:#444;
letter-spacing:0.1em;
font-size:9px;}

#foot a{
color:#555;
font-weight: bold;}

#foot a:hover{
color:#A6A6A6;}



/* Ptorfolio & Reetroest links ----------------
----------------------------------------------*/


#ptorlink{
display:block;
position:absolute;
width:69px;
height:208px;
background: url("../img/ptorlink.gif") 0 0 no-repeat;
top:3px;
right:3px;
}

#ptorlink:hover{
background-position: -69px 0;
}

#rrlink{
position:absolute;
display:block;
width:67px;
height:241px;
background: url("../img/rrlink.gif") 0 0 no-repeat;
top:3px;
left:3px;
}

#rrlink:hover{
background-position: -67px 0;
}