body, html { background-color:#FFF; padding:0; margin:0; border:0; font-size:12px;color:#FFF; font-family:Arial;line-height:15px;width:100%;height:100%; }
a { color: #FFF; text-decoration:none; }
a:hover { color: #FFF; text-decoration:underline; }
img { border:0; }
#main { position:relative;margin-left:auto;margin-right:auto;width:900px;height:500px;top:50%;margin-top:-300px; }
#leftpane { float:left;width:205px;height:477px;margin-left:35px;margin-top:23px; }
#logo { cursor:pointer;background-image:url(http://www.arc2.nl/images/arc2_architecten_logo.png); width:176px;height:62px;float:left; }
#content_left { float:left;width:176px;height:422px;margin-bottom:20px;margin-top:15px;overflow:hidden; }
#footer_logo { background-image:url(http://www.arc2.nl/images/architectuur_ruimte_constructie_context.png);width:179px;height:41px;float:left; }
#rightpane { float:left;height:500px;width:660px; }

#menu { float:left;width:660px;margin-top:23px; }
#menu * { font-size:14px; color:#462279; font: Arial; }
#menu2 *, #menu3 * { font-size:11px; color:#462279; font: Arial; }
#menu ul, #menu2 ul, #menu3 ul { list-style:none; margin:0; padding:0; border:0; }
#menu ul li, #menu2 ul li, #menu3 ul li { float: left; }
#menu ul li.spacer { margin-left:14px;margin-right:14px; }
#menu2 { float:left;width:860px;margin-top:12px;height:12px; }
#menu2 ul li.spacer { margin-left:4px;margin-right:4px; }
#menu3 { float:left;width:660px;margin-top:12px;height:12px; }
#menu3 ul li.spacer { margin-left:3px;margin-right:3px; }
#menu ul li a:hover, #menu2 ul li a:hover, #menu3 ul li a:hover { color:#F18E00 !important;text-decoration:none; }

#content_right { margin-top:13px;float:left;width:650px;height:422px; }
.project_photo { float:left;width:161px;height:210px; }
.project_photo img { opacity:0.75; filter: alpha(opacity=75); }
.project_photo img:hover, .project_photo img.selected { opacity:1; filter: alpha(opacity=100); }
.border_b { border-bottom:2px solid #FFF; }
.border_r { border-right:2px solid #FFF; }
.projecten { float:left;width:650px;height:422px;background-color:#DAD3E4; }
.content { float:left;width:650px;height:422px;color:#462279;overflow:auto; }
.content * { color:#462279; }
.wcontent { width:620px;height:422px;float:left; }
.selected { color:#F18E00 !important; }
.project { float:left;width:650px;height:422px;background-color:#DAD3E4; }
.project_text { float:left;width:650px;height:422px;background-color:#FFF;color:#462279; }
.projectfooter { height:43px;float:right;margin-top:8px; }
.projectthumb { cursor:pointer;height:43px;margin-left:2px;margin-right:2px;float:left;margin-top:12px; }
.projectthumb img { height:43px; }
.pdf { height:41px;width:37px;text-align:center;border:1px solid #462279; }
.pdf a { float:left;margin-left:5px;margin-top:13px;color:#462279 !important; }
.pdf a:hover { text-decoration:none; }

#mainimg { max-height:422px;max-width:650px; }

#mainintro { position:relative;left:50%;margin-left:-450px;width:900px;height:500px;top:50%;margin-top:-230px; }
#introwrapper { position:relative;margin-left:auto;margin-right:auto;width:653px;height:460px; }
#introwrapper a { color:#462279;text-decoration:none; }
#introwrapper a:hover { color:#462279;text-decoration:underline; }
.bgwhite { background-color:#FFF; }
#textholder { float:left;display:none;height:422px;overflow:auto; }