body{
margin: 0px 0px 66px 0px;
text-align: center;
font-family: arial, verdana;
font-size: 12px;
color: #343434;
background: #808080 url(../img/back.gif) repeat-x;
}

#toptop{
margin: 33px auto 0px auto;
padding: 0px;
width: 700px;
height: 33px;
}

#top{
margin: 0 auto;
width:810px;
height:22px;
background: url(../img/back_top.gif) #fff no-repeat;
}

#content{
margin: 0 auto;
text-align:left;
width:810px;
background: #fff;
}

#content-home{
margin: 0 auto;
text-align: left;
width:810px;
background: #fff;
}
    #content-home table{
    margin-left: 22px;
    }

/*--> H123  <--*/

h1 {
font-weight: normal;
margin: 0px 0px 0px 22px;
padding-top: 6px;
font-size: 12px;
}
h2 {
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-top: 0px;
font-size: 16px;
}
h3 {
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-top: 0px;
font-size: 32px;
}

/* nav-main */
#toptop ul li {
    display: inline;
}
#toptop ul li a {
    float: right;
    margin-left: 1px;
    display: block;
    width: 110px;
    height: 33px;
    background-repeat: no-repeat;
    background-position: 0 -33px;
    text-indent: -9999px;
    overflow: hidden;
    outline: 0;
}
#toptop ul li.delft a       { background-image: url('../img/tab-delft.gif'); }
#toptop ul li.amsterdam a   { background-image: url('../img/tab-amsterdam.gif'); }

#toptop ul li a:hover {
    background-position: 0 0px;
}
#toptop ul li.sel a:hover,
#toptop ul li.sel a {
    background-position: 0 0;
}

/*--->Naw gegevens <---*/

#naw{
margin:3px 0px 0px 22px;
padding: 0px;
width:767px;
height:26px;
font-family: verdana;
font-size: 10px;
color: #fff;
text-align:right;
background: #37AFC5 url(../img/back_naw.gif) no-repeat;
}
#naw #naw-info {
padding:6px 11px 0px 0px;
}
#naw a{
text-decoration: none;
color: #fff;
}
#naw a:hover{
color: #000;
}

/*--->Navigatie <---*/

#nav{
margin: 3px 0px 0px 22px;
padding: 0;
width:217px;
height:327px;
font-size:12px;
display: block;
background: #EC008C url(../img/back_nav.gif) no-repeat bottom left;
}
#nav li.first {
	padding-top:22px;
}
#nav li {
	list-style-type: none;	
}
#nav li a {	
display: block;
padding: 4px 22px 4px 22px;
width: 217px;
}
#nav a:link, #nav a:visited{
color: #fff;
text-decoration: none;
}
#nav a:hover,  {
color: #000;	
}
#nav a.active, #nav a:visited.active {
color: #000;
}

#nav ul {
margin: 0;
padding: 0 0 11px 0;
list-style-type: none;
}
#nav ul li, #nav li{
margin: 0;
padding: 0;
}
#nav ul a {	
display: block;
padding: 1px 22px 1px 45px;
width: 217px;
font-weight: normal;
background: url(../img/arrow_black.gif) no-repeat 31 50%;
}
#nav ul a:link, #nav ul a:visited{
color: #343434;
text-decoration: none;
}
#nav ul a:hover {
color: #fff;
background: url(../img/arrow_white.gif) no-repeat 31 50%;
}
#nav ul a.active, #nav ul a:visited.active {
color: #fff;
background: url(../img/arrow_white.gif) no-repeat 31 50%;
}

#nav ul a.xtras {	
display: block;
padding: 1px 22px 1px 45px;
width: 217px;
font-weight: normal;
background: url(../img/arrow_black.gif) no-repeat 31 50%;
}
#nav ul a.xtras:link, #nav ul a.xtras:visited{
color: #343434;
text-decoration: none;
}
#nav ul a.xtras:hover {
color: #fff;
background: url(../img/arrow_white.gif) no-repeat 31 50%;
}
#nav ul a.xtras.active, #nav ul a.xtras:visited.active {
color: #fff;
background: url(../img/arrow_white.gif) no-repeat 31 50%;
}

/*--->Inhoud <---*/

#inhoud{
margin:0px 0px 0px 3px;
width:547px;
height:437px;
}

#sub{
margin:3px 0px 0px 0px;
width:330px;
height:33px;
font-family: verdana;
font-size: 10px;
color: #fff;
background: #333333 url(../img/back_sub.gif) no-repeat;
}
#sub2{
margin:3px 0px 0px 0px;
width:217px;
height:33px;
background: #333333 url(../img/back_sub.gif) no-repeat right;
}

#bottom{
margin: 0 auto;
padding-left: 0px;
text-align: left;
width:810px;
height:200px;
background: url(../img/back_bottom.gif) no-repeat;
}
    #bottom img{
    margin-left: 44px;
    }

.opaciteit img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.5;}
.opaciteit:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=7100);-moz-opacity: 1;}

#butt{
margin: 6px 3px 0px 0px;
}

img.logo{
margin: 0px 0px 0px 22px;
}

#pop{
margin:0px;
padding:0px;
text-align:left;
display:block;
position:absolute;
top:88px; 
width:547px;
height:401px;
background: #ffffff url(../img/opening.jpg) no-repeat;
color:#333333;
}
#pop div{
margin:22px 22px 22px 121px;
}