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

* {
font:12px/16px Arial, Helvetica, sans-serif;
}

html,body
{
height: 100%;
}
#nonFooter
{
position: relative;
min-height: 100%;
}
* html #nonFooter
{
height: 100%;
}
body
{
background:white;
font-family:Arial, Helvetica, sans-serif;
text-align: center;
}

#page
{
width: 964px;
margin: 0 auto;
min-height: 100%;
text-align: left;
/* background: url(/gfx/bgcon.gif) repeat-y; */
background: url(/gfx/bgpage.jpg) no-repeat bottom fixed;
}
* html #page
{
height: 100%;
}

.clearer
{
clear: both;
display: block;
height: 1px;
margin-bottom: -1px;
font-size: 1px;
line-height: 1px;
}


/* HEADER */

#header
{
width:964px;
height:168px;
background:url(/gfx/top.jpg) no-repeat top left;
position:relative;
}
#crumble
{
height:24px;
position:absolute;
bottom:0px;
margin:0 14px 0 214px;
}
#crumble li
{
display:inline;
}



a,
#crumble a
{
color:#933389;
text-decoration:none;
}
a:hover,
#crumble a:hover
{
color:#e2001a;
text-decoration:none;
}

/* CONTENT */

#content
{
padding-bottom: 30px;
}
#contentMenu
{
display:inline;
float:left;
width:176px;
padding:0 10px 10px 0;
background:white url(/gfx/bgmenu.jpg) no-repeat top left;
}
#contentMain
{
float:left;
display: inline;
width:514px;
background:url(../gfx/bgconmain.gif) repeat-y right;
}

#cycleImages
{
width: 514px;
height: 297px;
float: left;
background: white url(/media/pic_groot.png) no-repeat;
margin-bottom: 16px;
}

#contentMain h1
{
margin:8px 14px 14px 28px;
font:24px/26px Arial, Helvetica, sans-serif;
color:#e2001a;
}
#contentMain h3
{
width:218px;
color:#933389;
font:14px/18px Arial, Helvetica, sans-serif;
margin-bottom:8px;
}

#contentMain .intro
{
color:#933389;
font:14px/20px Arial, Helvetica, sans-serif;
margin:0 14px 14px 58px;
}
#contentMain .body
{
color:black;
margin:0 14px 14px 58px;
}

#contentMain .body #pics
{
display:inline;
float:right;
width:215px;
margin:0px -14px 6px 10px;
}
#contentMain .body #pics .pic
{
display:inline;
width:215px;
margin:5px 0px;
float:left;
clear:left;
}
#contentMain .body #pics .pic .bs
{
width:215px;
float:left;
clear:left;
color:#933389;
}
#contentMain .body ul
{
margin:4px 0;
}
#contentMain .body ul li
{
list-style:inside disc;
margin-left:14px;
}

b,
strong
{
font-weight:bold;
}

i,em
{
font-style:italic;
}



/* SUBCONTENT */

#contentSub
{
float:right;
width:250px;
margin:0;
}
#contentSub .banner
{
width:250px;
padding-bottom:8px;
margin-bottom:8px;
background:url(/gfx/bgbanner.gif) no-repeat bottom left;
}
#contentSub .banner h3
{
width:218px;
color:#933389;
font:14px/18px Arial, Helvetica, sans-serif;
margin-bottom:8px;
}
#contentSub .banner .ber
{
position:relative;
width:218px;
}
#contentSub .banner .ber .bannerpic
{
position:relative;
width:90px;
height:90px;
margin:6px -32px 6px 10px;
float:right;
display:inline;
}
#contentSub .banner .verder a
{
color:#933389;
text-decoration:none;
}
#contentSub .banner .verder a:hover
{
color:#e2001a;
text-decoration:none;
}


/* NIEUWSBERICHTEN */

.nieuwsitem
{
float:left;
position:relative;
width:442px;
border-bottom:dashed 1px white;
margin:4px 0;
padding-bottom:5px;
}
.nieuwspic
{
float:right;
position:relative;
width:82px;
height:82px;
margin:4px -14px 8px 10px;
display:inline;
}


/* ALBUM */

#contentMain #album
{
float:left;
position:relative;
width:514px;
background: url(/gfx/bgalbumpaars.gif) repeat-y left;
margin-top:14px;
}

#contentMain #album .albumpic
{
float:left;
position:relative;
background:url(/gfx/bgdivalbumpic.png) no-repeat top left;
width:128px;
height:144px;
display:inline;
margin-top:-14px;
}




/* FOOTER */

#footer
{
width:964px;
height:30px;
position:fixed;
bottom:0px;
margin-left:-482px;
left:50%;
}
#footer .disclaimer
{
width:746px;
height:30px;
float:left;
margin-left:200px;
background:#ffcc01 url(/gfx/bgfooter.gif) repeat-x top right;
text-align:left;
display:inline;
}

#footer .disclaimer ul
{
margin:2px 0 0 44px;
}
#footer .disclaimer ul li
{
display:inline;
line-height:28px;
color:#e2001a;
font-weight:bold;
list-style-position:inside;
}
#footer .disclaimer ul li a
{
background:url(/gfx/bglipurple.gif) no-repeat left 6px;
font-weight:normal;
padding-left:10px;
margin-left:10px;
text-decoration:none;
color:#933389;
}
#footer .disclaimer ul li a:hover
{
background:url(/gfx/bglired.gif) no-repeat left 6px;
color:#e2001a;
}

/* Twitter Widget */

#twtr-widget-1 {
	margin-left: 9px;
}

div.twtr-ft span {
	display: none;
}