body, html{
margin: 0;
font-size: 90%;
font-family: "Arial", helvetica, sans-serif;
color: #9BB9CE;
text-align: center;
background-color: #4D525A;
}

div.main_container{
width: 945px;
height: 620px;
background-color: #4D525A;
position: absolute;
top: 50%;
left: 50%;
margin-left: -473px;
margin-top: -292px; 
text-align: left;
color: #000000;
}

div.T1{
background: url(pics/toptext.gif) #ACB6BF no-repeat right;
position: relative;
float: left;
width: 944px;
height: 42px;
color: #000000;
border-top: 1px solid #DADDE0;
border-bottom: 4px solid #FFAA00;
}

div.logo{
position: absolute;
left: 32px;
top: -5px;
width: 106px;
height: 82px;
background: #697A89 url('pics/logo.png') left no-repeat;
color: #000000;
}

div.T2{
background-color: #697A89;
float: left;
width: 944px;
height: 42px;
color: #000000;
}


div.M1{
background-color: #697A89;
float: left;
width: 672px;
height: 30px;
line-height: 18px;
padding-left: 163px;
padding-top: 12px;
font-size: 13px; color: #ffffff; font-style: normal;
}

.M1 ul {margin: 0; padding: 0; list-style: none;}
.M1 li {margin: 0; display: inline; padding: 0 18px 0 22px;}
.M1 a, .M1 a:active, .M1 a:visited {text-decoration: none; outline: none; font-size: 13px; color: #9BB9CE; font-style: normal;}
.M1 a:hover {font-size: 13px; color: #B9CEDD;}

div.M2{
background-color: #697A89;
text-align: right;
padding-right: 9px;
float: left;
width: 100px;
height: 42px;
color: #000000;
}

.menupic {padding: 12px 0 0 7px; border: none;}

div.cont_container{
background-color: inherit;
float: left;
width: 944px;
height: 490px;
color: #000000;
border-top: 4px solid #4D525A;
border-bottom: 4px solid #4D525A;
}

div.main_text{
background-color: #ACB6BF;
float: left;
width: 360px;
height: 490px;
color: #000000;
border-right: 4px solid #4D525A;
}

div.main_pics{
background-color: #ACB6BF;
float: left;
width: 580px;
height: 490px;
color: #000000;
}

div.index_r1{
background-color: #ACB6BF;
float: left;
width: 516px;
height: 220px;
line-height: 14px;
overflow: hidden;
text-align: left;
font-size: 11px; color: #262D33; font-style: normal;
padding: 20px 32px 0px 32px;
}

div.index_r2 {
background-color: #BEC4CA;
float: left;
width: 260px;
height: 230px;
overflow: hidden;
border-top: 0px; border-right: 4px solid #ACB6BF; border-bottom: 0px; border-left: 28px solid #ACB6BF;
color: #000000;
}

div.index_r3 {
background-color: #BEC4CA;
float: left;
width: 260px;
height: 230px;
overflow: hidden;
border-top: 0px; border-right: 28px solid #ACB6BF; border-bottom: 0px; border-left: 0px;
color: #000000;
}

div.index_pic {
background-color: #BEC4CA;
color: #ffffff;
float: left;
width: 252px;
height: 168px;
overflow: hidden;
padding: 4px 4px 4px 4px;
}

.indexpic1 {padding: 0; margin: 0; border: none;}

div.index_label {
background-color: #BEC4CA;
float: left;
width: 240px;
height: 52px;
line-height: 14px;
overflow: hidden;
text-align: left;
font-size: 11px; color: #262D33; font-style: normal;
padding: 2px 0px 0px 20px;
}

div.textbox_r1{
background-color: #ACB6BF;
float: left;
width: 516px;
height: 450px;
line-height: 14px;
overflow: hidden;
text-align: left;
font-size: 11px; color: #262D33; font-style: normal;
padding: 20px 32px 20px 32px;
}

div.textbox_r2{
background-color: #ACB6BF;
float: left;
width: 516px;
height: 312px;
line-height: 14px;
overflow: hidden;
text-align: left;
font-size: 11px; color: #262D33; font-style: normal;
padding: 20px 32px 0px 32px;
}

div.textbox_r2b{
background-color: #ACB6BF;
float: left;
width: 258px;
height: 83px;
line-height: 14px;
overflow: hidden;
text-align: left;
font-size: 11px; color: #262D33; font-style: italic;
padding: 75px 0px 0px 32px;
}

div.textbox_r2c{
background-color: #ACB6BF;
float: left;
width: 180px;
height: 158px;
overflow: hidden;
text-align: left;
font-size: 11px; color: #262D33; font-style: normal;
padding: 0px 32px 0px 78px;
}

div.textbox_r3{
background-color: #ACB6BF;
float: left;
width: 516px;
height: 409px;
line-height: 14px;
overflow: hidden;
text-align: left;
font-size: 11px; color: #262D33; font-style: normal;
padding: 20px 32px 20px 32px;
}

div.textbox_r3b{
background-color: #ACB6BF;
float: left;
width: 516px;
height: 20px;
line-height: 14px;
overflow: hidden;
text-align: left;
font-size: 11px; color: #262D33; font-style: italic;
padding: 0px 32px 0px 32px;
}


div.textbox_l1{
background-color: #ACB6BF;
float: left;
width: 296px;
height: 450px;
line-height: 14px;
overflow: hidden;
text-align: left;
font-size: 11px; color: #262D33; font-style: normal;
padding: 20px 32px 20px 32px;
}

div.textbox_l2{
background-color: #ACB6BF;
float: left;
width: 296px;
height: 402px;
line-height: 14px;
overflow: hidden;
text-align: left;
font-size: 11px; color: #262D33; font-style: normal;
padding: 20px 32px 0px 32px;
}

div.textbox_l2b{
background-color: #ACB6BF;
float: left;
width: 296px;
height: 48px;
line-height: 14px;
overflow: hidden;
text-align: left;
font-size: 11px; color: #262D33; font-style: normal;
padding: 0px 32px 20px 32px;
}

div.picsbox_l1{
background-color: #ACB6BF;
float: left;
width: 352px;
height: 482px;
overflow: hidden;
color: #000000;
padding: 4px;
}

div.thumb_1{
background-color: #BEC4CA;
float: left;
width: 126px;
height: 126px;
overflow: hidden;
color: #000000;
border-right: 4px solid #ACB6BF;
}

div.thumb_2{
background-color: #BEC4CA;
float: left;
width: 126px;
height: 126px;
overflow: hidden;
color: #000000;
}

.thumbpic1 {padding: 4px 4px 4px 4px; margin: 0; border: none;}

div.thumb_label{
background-color: inherit;
float: left;
width: 126px;
height: 24px;
border-right: 4px solid #ACB6BF;
overflow: hidden;
line-height:22px; 
text-align: left;
font-size: 11px; color: #262D33; font-style: italic;
}

div.thumb_label2{
background-color: #ACB6BF;
float: left;
width: 126px;
height: 24px;
overflow: hidden;
line-height:22px; 
text-align: left;
font-size: 11px; color: #262D33; font-style: italic;
}

div.Bottom{
background-color: #697A89;
position: relative;
float: left;
width: 944px;
height: 28px;
color: #000000;
border-bottom: 1px solid #262D33;
}

div.Bottom_search{
background-color: inherit;
float: left;
width: 364px;
height: 23px;
overflow: hidden;
padding: 5px 0px 0px 0px;
text-align: left;
font-size: 11px; color: #000000; font-style: normal;
}

.searchpic {border: 0px; padding: 0px; margin: 0px;}

input.string {
background-color: #7A8B9A;
border: 0px; padding: 0px; margin: 0px;
position: absolute;
left: 32px;
top: 4px;
width: 296px;
height: 18px;
font-family: "Arial", helvetica, sans-serif;
font-size: 11px; color: #000000; font-style: normal;
}

input.submit {
background: #697A89 url('pics/search.gif') left no-repeat;
border: 0px; padding: 0px; margin: 0px;
position: absolute;
left: 328px;
top: 4px;
width: 20px;
height: 18px;
color: #000000;
}

div.Bottom_text{
background-color: inherit;
float: left;
width: 571px;
height: 20px;
line-height: 14px;
overflow: hidden;
padding: 6px 0px 0px 0px;
border-right: 9px solid #697A89;
text-align: right;
font-size: 11px; color: #DAE1FD; font-style: normal;
}

span a, span a:active, span a:visited {
text-decoration: none;
outline: none;
background: url(pics/underline.gif) repeat-x 100% 100%;
background-color:inherit;
padding-bottom: 0px;
white-space: nowrap;
color: #262D33; font-weight: normal;
}

span a:hover {
text-decoration: none;
background: url(pics/underline_h.gif) repeat-x 100% 100%;
background-color:inherit;
padding-bottom: 0px;
white-space: nowrap;
color: #000000; font-weight: normal;
}

/* CSS voor presentatie projectfotos */

a, a:hover {color:#262d33; outline:0}

#gallery {position:relative; width:580px; height:490px; margin:0 auto; font-size:11px; background:#ACB6BF;}

#gallery #boxes {position:absolute; left:0px; top:0px; width:100%; height:39px; overflow:hidden; text-align:center; z-index:600;}

#gallery #boxes a {position:absolute; display:block; overflow:hidden; width:22px; height:22px; border:1px solid #697A89; text-decoration:none; text-align:center; line-height:22px; cursor:pointer; background:#BEC4CA;}
#gallery #boxes a:hover {background:#d0d5d9;}

#gallery #boxes #lk1 {left:  93px; top: 15px;}
#gallery #boxes #lk2 {left: 167px; top: 15px;}
#gallery #boxes #lk3 {left: 241px; top: 15px;}
#gallery #boxes #lk4 {left: 315px; top: 15px;}
#gallery #boxes #lk5 {left: 389px; top: 15px;}
#gallery #boxes #lk6 {left: 463px; top: 15px;}

#gallery #fullsize {position:absolute; left:0; top:0px; width:580px; height:490px; overflow:hidden; text-align:center; z-index:500;}

#gallery #fullsize div {position:relative; width:580px; height:490px;}
#gallery #fullsize div img.hor {width:390px; height:260px; border:4px solid #bec4ca; padding:0; margin:111px 0 4px 0;}
#gallery #fullsize div img.ver {width:260px; height:390px; border:4px solid #bec4ca; padding:0; margin:53px 0 4px 0;}
#gallery #fullsize div a {text-decoration:none;}
#gallery #fullsize div a span {padding:0 0 0 22px; background:url(pics/enlarge.gif) no-repeat left center; color:#262d33;}

#gallery #fullsize #pic0 span {padding:0 0 0 22px; background:url(pics/info.gif) no-repeat left center; color:#262d33;}

#gallery #fullsize #pic0 div.box1 {position:absolute; left: 92px; top:14px; width:24px; height:24px; border: 1px solid #fff; z-index:500;}
#gallery #fullsize #pic1 div.box1 {position:absolute; left: 92px; top:14px; width:24px; height:24px; border: 1px solid #fff; z-index:500;}
#gallery #fullsize #pic2 div.box2 {position:absolute; left:166px; top:14px; width:24px; height:24px; border: 1px solid #fff; z-index:500;}
#gallery #fullsize #pic3 div.box3 {position:absolute; left:240px; top:14px; width:24px; height:24px; border: 1px solid #fff; z-index:500;}
#gallery #fullsize #pic4 div.box4 {position:absolute; left:314px; top:14px; width:24px; height:24px; border: 1px solid #fff; z-index:500;}
#gallery #fullsize #pic5 div.box5 {position:absolute; left:388px; top:14px; width:24px; height:24px; border: 1px solid #fff; z-index:500;}
#gallery #fullsize #pic6 div.box6 {position:absolute; left:462px; top:14px; width:24px; height:24px; border: 1px solid #fff; z-index:500;}