@import url(reset.css);
@import url(menu.css);
@import url(box.css);
@import url(fotoalbum.css);

html,
body {
height:100%;
}

body
{
background:#e8ec8f url(/gfx/bgbody.gif) repeat-x scroll;
}

div,td,input,textarea
{
font:12px/16px Arial, Helvetica,sans-serif;
}

div#menu
{
position:fixed;
clear:both;
top:222px;
left:50%;
margin-left:-446px;
width:145px;
}

div#container {
position: relative;
min-height: 100%; /* For Modern Browsers */
height:100%;
height: auto !important; /* For Modern Browsers */
background: url(/gfx/spots.gif) no-repeat top center;
}

div#uptop
{
position:relative;
background: url(/gfx/spots.gif) no-repeat top center;
width:100%;
height:180px;
}

div#uptop #icons
{
position:absolute;
left:50%;
margin-left:-278px;
margin-top:122px;
width:678px;
height:39px;
}

/* ZOEK */

div#uptop #zoekform
{
position:absolute;
left:50%;
top:136px;
width:204px;
height:39px;
margin-left:194px;
background:url(/gfx/zoekvenster.gif) no-repeat top left;
}
div#uptop #zoekform input.button
{
float:right;
width:40px;
height:22px;
background:none;
cursor:pointer;
margin:0 23px 0 0;
}
div#uptop #zoekform input
{
float:right;
width:132px;
background:none;
border:none;
padding:4px;
}


div#con
{
position:absolute;
left:50%;
margin-left:-305px;
width:710px;
height:auto;
top:166px;
}
#con table#inh
{
background:url(/gfx/bgcon.png) repeat-y center;
}
#con #midtop
{
background:url(/gfx/midtop.png) top left no-repeat;
width:710px;
height:14px;
}


#colleft
{
float:left;
width:470px;
margin:15px 0 0 30px;
padding-bottom:48px;
}

/* kruimelpad */

#crumble
{
border-bottom:solid 1px #797a5f;
color:#898900;
height:28px;
}
#crumble li
{
	float: left;
}
#crumble li a
{
text-decoration:none;
color:#898900;
}

li.separator img
{
margin:0 5px;
}


/* LINKER KOLOM */

#body
{
width:455px;
}

#body h1
{
margin:41px 0 16px 0;
font:28px/28px Arial, Helvetica, sans-serif;
}
#body .intro
{
margin-bottom:16px;
color:#898900;
font:14px/20px Arial, Helvetica, sans-serif;
display:block;
}
#body a
{
color:black;
text-decoration:underline;
}
#body a:hover
{
text-decoration:none;
}

.result
{
float:left;
clear:left;
border-bottom:solid 1px #d0d818;
width:455px;
padding:8px 0;
}



/* afbeeldingen */

#body #pics
{
float:left;
position:relative;
width:137px;
margin:3px 15px 5px 0;
}
#body #pics .pic
{
margin-bottom:16px;
line-height:0;
background:black;
}
#body #pics .pic .bs
{
width:127px;
height:auto;
color:white;
padding:5px;
line-height:16px;
}
#body #pics .pic a,
#body #afbgroot a
{
text-decoration:none;
border:0 none;
background:none;
padding:0;
}

#body #afbgroot
{
width:255px;
height:256px;
margin:41px 0 16px 0;
}

#body .nieuwsitem
{
float:left;
clear:left;
width:455px;
margin-bottom:14px;
}


/* RECHTER KOLOM */
#colright
{
float:left;
width:180px;
margin:13px 15px 0 0;
padding-bottom:48px;
}


/* FOOTER */

#footer {
position:fixed;
bottom: 0 !important;
left:0px;
width:100%;
height:32px;			/* Height of the footer */
background:url(/gfx/bgfooter.png) repeat-x;
text-align:center;
}
#footer #end
{
position:absolute;
left:50%;
margin-left:-305px;
width:680px;
height:32px;			/* Height of the footer */
font:12px/36px Arial, Helvetica,sans-serif;
text-align:right;
}

#footer #end a
{
text-decoration:none;
color:black;
}
#footer #end .seperator
{
color:white;
padding:0 10px;
}

h3,
h3 a
{
	font-size: 16px;
}
strong
{
	font-weight: bold;
}

/* Sitemap */

ul.sitemap li li
{
margin-left:15px;
}


#naarboven
{
float:left;
clear:left;
margin-top:8px;
font-style:italic;
width:140px;
}