/* Page
----------------------------------------------- */
body, html {
	width:100%;
	height: 100%;
}


body {
	background-color:#ffffff;
	font-family: Tahoma, Arial, Verdana;
	color:#000000;
	font-size:11px;
	line-height:18px;
	padding:0px;
	margin:0px;
	letter-spacing:1px;
}
html{
		overflow:auto;
	}
		


/* Headers
----------------------------------------------- */
#siteWrapper h1 {
	font-size : 18px;
	margin: 0px 0px 0px 0px;
}

#siteWrapper h2 {
	font-size: 14px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
}

#siteWrapper h3 {
	font-size : 12px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
}

#siteWrapper h4 { 
	font-size : 14px;
	margin: 0px 0px 0px 0px;
}


/* Lists
----------------------------------------------- */

ul#menuroot{
text-align:right;
list-style:none;
margin:0px;
padding:0px;
}

ul#menuroot li{
line-height:36px;
padding:0px 17px 0px 0px;
margin:0px;
text-transform:uppercase;
letter-spacing:2px;
}

ul#menuroot li a, ul#menuroot li a:hover{
color:#3c3834;
text-decoration:none;
}

ul#menuroot li.active{
background-image:url(/img/red_bullet.gif);
background-position:right;
background-repeat:no-repeat;
padding:0px 17px 0px 0px;
margin:0px;
}

ul#menuroot li.active a, ul#menuroot li.active a:active{
color:#9b1601;
text-decoration:none;
}

ul#menuroot li.pallet{
position:relative;
border:1px solid red;
padding:0px;
margin:0px;
width:145px;
height:145px;
right:0px;


}


ul.picList{
margin:0px;
padding:0px;
list-style:none;
}

ul.picList li, ul.picList li.active{
padding:0px 0px 18px 18px;
}

ul.picList li.active{
background-image:url(/img/black_bullet.gif);
background-position:right;
background-repeat:no-repeat;
}

/* Links
----------------------------------------------- */

a, a:active{
color:#3c3834;
text-decoration:none;
}

#siteWrapper a:hover{
color:#3c3834;
text-decoration:underline;
}


#siteWrapper #footer a{
color:#96938d;
font-family:Tahoma, Arial;
font-size:9px;
}

#siteWrapper #footer a:hover{
color:#ffffff;
}

#thumbContainer img{
border:2px solid #ffffff;
margin:0px 0px 10px 15px;
}

#thumbContainer .active img{
border: 2px solid #3c3834 /*#763e35;*/
/*background-image:url(/img/black_bullet.gif);
background-position:right;
background-repeat:no-repeat;*/
}

#contact a, #contact a:active{
color:#ffffff;
text-decoration:none;
} 

#contact a:hover{
color:#ffffff;
text-decoration:underline;


}

#ProjectProjectBody a{
	color:#fff;
}
#ProjectProjectBody a:hover{
	color:#fff;
}

/* Menu
----------------------------------------------- */

#nav{
width:193px;
height:460px;
font-size:11px;
}


/* Content
----------------------------------------------- */

#siteWrapper {
width:100%;
height:735px;
}

#siteWrapper #topbar{
background-image:url(/img/topbar-repeat.jpg);
background-repeat:repeat-x;
width:100%;
height:135px;
}

#siteWrapper #topbar2{
background-image:url(/img/topbar2.jpg);
background-repeat:no-repeat;
background-position:left;
width:100%;
height:20px;
}

#siteWrapper #left_content{
float:left;
height:580px;
}

#siteWrapper #left_content #footer{
background-image:url(/img/bg.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#3c3834;
/*position:absolute;
top: 617px;
left:0px;*/
width:140px;
height:75px;
padding: 15px 0px 0px 35px;
}





#siteWrapper #right_content{
margin-left:193px;
height:660px;
width:auto;
}

/* right top */
#siteWrapper #right_content #top_content{
height:445px;
}

#siteWrapper #right_content #top_content #content_img,
#siteWrapper #right_content #top_content #content_img_fade{
float:left;
width:445px;
height:445px;
}

#siteWrapper #right_content #top_content #gallery{
float:left;
width:72px;
height:445px;
}
#siteWrapper #right_content #top_content #edit_gallery{
float:left;
width:362px;
height:444px;
}

#siteWrapper #right_content #top_content #gallery #thumbContainer{
height:425px;
}


#edit_thumbContainer div div{
border:none;
margin:0px 0px 18px 18px;
}
#edit_thumbContainer .mediaText{
position: absolute;
top:0px;
left: 44px;
float:left;
}

#siteWrapper #right_content #top_content #gallery #counter{
font-size:10px;
text-align:center;
vertical-align:text-bottom;
}

#arrow_up,
#arrow_down{
height:24px;
}
#arrow_up img,
#arrow_down img{
border: #ffffff;
}

#arrow_up{
padding-left:655px;
padding-bottom:3px;
}
#arrow_down{
padding-left:2px;
}

#siteWrapper #right_content #top_content #content_txt{
float:left;
width:290px;
height:445px;
}

#siteWrapper #right_content #top_content #contact{
background-color:#3c3834;
color:#ffffff;
float:left;
width:185px;
height:400px;
padding: 45px 0px 0px 15px;
}

/* right bottom */
#siteWrapper #right_content #bottom_content, #siteWrapper #right_content #bottom_projecten{
background-image:url(/img/bg.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#3c3834;
/*width:100%;*/
color:#ffffff;
margin-top:15px;
}

#siteWrapper #right_content #bottom_content{
height:118px;
}

#siteWrapper  #right_content #bottom_projecten{
height:200px;
}

#bottom-text{
background-image:url(/img/white_bullet.gif);
background-repeat:no-repeat;
background-position:top left;
width:500px;
padding:15px 0px 0px 17px;
margin-top:0px;
}

#project_overview table{
margin-left:29px;
}

#project_overview table td.active{
background-image:url(/img/black_bullet.gif);
background-repeat:no-repeat;
background-position:right;
}


div.active{
	width:550px;
}
div.active img{
	float:left;
}
div#description{
	position:absolute;
	margin-top:-5px;
	margin-left:70px;
	width:250px;
}

.vlak{
cursor:hand;
width:36px;
height:36px;
margin: 0px 18px 18px 0px;
}

#vlak1{background-color:#9d1e2f;}
#vlak2{background-color:#483c3b;}
#vlak3{background-color:#6f7b55;}
#vlak4{background-color:#7a4e2b;}
#vlak5{background-color:#cf8a62;}
#vlak6{background-color:#0a2239;}
#vlak7{background-color:#e4c22b;}
#vlak8{background-color:#fd2f50;}
#vlak9{background-color:#1677a8;}
#vlak10{background-color:#73404f;}
#vlak11{background-color:#2f8666;}
#vlak12{background-color:#cf7e25;}
#vlak13{background-color:#bdaa8a;}
#vlak14{background-color:#7f7367;}
#vlak15{background-color:#462b70;}