@import url(reset.css);
@import url(menu.css);
@import url(tags.css);
@import url(fotoalbum.css);
@import url(calendar.css);
@import url(rooster.css);

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

html,body
{
height: 100%;
}
#nonFooter
{
position: relative;
min-height: 100%;
}
* html #nonFooter
{
height:100%;
background: url(/gfx/bgpage.gif) repeat-y 50%;
}
body
{
background:#FF9900 url(/gfx/bgbody.png) repeat-x 50% 138px;
text-align:center;
}

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

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


/* HEADER */

#header
{
width:946px;
height:140px;
position:relative;
}
#header .logo
{
background:url(/gfx/logo.gif) no-repeat 23px 30px;
width:200px;
height:140px;
float:left;
}
#header .firstimg
{
float:left;
width:466px;
height:140px;
}
#header .topbox
{
float:left;
width:247px;
height:110px;
}

.topbox #datum
{
width:237px;
margin:20px;
}
.topbox #buttons
{
width:247px;
height:44px;
position:absolute;
bottom:16px;
margin-left:15px;
}

#buttons .zoek,
#buttons .sitemap,
#buttons .mail,
#buttons .mijnvellesan
{
float:left;
width:46px;
height:44px;
cursor:pointer;
}
#buttons .zoek 		{ background:url(/gfx/zoek1.png) no-repeat; }
#buttons .sitemap 	{ background:url(/gfx/sitemap1.png) no-repeat; }
#buttons .mail 		{ background:url(/gfx/mail1.png) no-repeat; }
#buttons .mijnvellesan 
{
background:url(/gfx/mijnvellesan1.png) no-repeat;
width:109px;
}
#buttons .zoek:hover { background:url(/gfx/zoek2.png) no-repeat; }
#buttons .sitemap:hover { background:url(/gfx/sitemap2.png) no-repeat; }
#buttons .mail:hover { background:url(/gfx/mail2.png) no-repeat; }
#buttons .mijnvellesan:hover 
{
background:url(/gfx/mijnvellesan2.png) no-repeat;
width:109px;
}


#contentNav
{
width:946px;
height:36px;
float:left;
}
#contentCrumb
{
width:746px;
padding-left:200px;
line-height:36px;
height:36px;
float:left;
}
#contentCrumb,
#contentCrumb a { color:silver }
#contentCrumb a:hover { color:#f90; }

#contentCrumb ul,
#contentCrumb ul li
{
display:inline;
margin:0;
padding:0;
}



/* CONTENT */

#content
{
padding-bottom:85px;
}

#contentMenu
{
display:inline;
float:left;
width:180px;
padding:0 20px 20px 0;
}
#contentMenu ul,
#contentMenu ul li
{
margin:0;
padding:0;
list-style:none;
}

#contentMenu ul ul
{
margin-left:8px;
}
#contentMenu ul ul li
{
background:url(/gfx/bgmenuli.gif) no-repeat 0px 6px;
padding-left:8px;
display:block;
}
#contentMenu li a.hi { color:#f90; }

#contentMenu .boxleft
{
width:160px;
padding:0 0 25px 23px;
background:url(/gfx/divsep.png) no-repeat bottom left;
}

/* SubNav */
ul#subnav
{
margin-top:6px;
}



/* POLL */
input.poll
{
width:56px;
height:34px;
background:url(/gfx/pollbutton.png);
border:0 none;
}
table.result
{
width:160px;
}
div.full
{
background:#f90 url(/gfx/bgfull.png);
}
td.graph
{
width:20px;
}
td.spacer
{
height:5px;
}
td.total
{
border-top:#f5f5f5 solid 1px;
padding-top:4px;
}


#contentMain
{
float:left;
width:466px;
}
.intro
{
color:#804d00;
font:14px/20px Arial, Helvetica, sans-serif;
padding:4px 0;
}
.body
{
margin-bottom:8px;
}
.body a
{
text-decoration:underline;
}
.body a:hover
{
text-decoration:none;
}
.body .pics
{
float:right;
width:220px;
margin:9px 0 8px 20px;
}
.body .pics .pic
{
margin-bottom:8px;
}
.body .pics .pic .bs
{
display:inline-block;
width:220px;
border-bottom:solid 1px #f90;
padding:2px 0 6px 0;
color:#804d00;
}




#contentMain #nieuws
{
margin-bottom:8px;
padding-bottom:8px;
width:466px;
border-bottom:solid 1px silver;
}
#contentMain #nieuws ul.nieuwslijst
{
width:466px;
}
#contentMain #nieuws ul.nieuwslijst li a
{
text-decoration:underline;
}
#contentMain #nieuws ul.nieuwslijst li a:hover
{
text-decoration:none;
}


/* SUBCONTENT */
#contentSub
{
float:right;
width:260px;
}
.boxright
{
float:left;
clear:left;
width:237px;
padding:2px 23px 10px 0;
background:url(/gfx/divsepr.png) no-repeat bottom right;
}
.boxright .thumb
{
width:56px;
height:56px;
float:left;
background:url(/gfx/bggotoalbumpic.gif) no-repeat;
padding:2px 4px;
display:inline;
margin-left:-3px;
}

ul.none,
ul.none li
{
margin:0;
padding:0;
list-style:none;
}

.boxright a.more
{
color:black;
text-decoration:none;
}
.boxright a.more:hover
{
color:#f90;
}

.boxright .icon
{
float:left;
width:16px;
height:16px;
margin-right:6px;
}
.boxright .title
{
float:left;
width:210px;
}
.boxright li .date
{
}


.leerling
{
float:left;
clear:left;
width:139px;
height:395px;
}


/* FOOTER */

#footer
{
width: 940px;
height:75px;
position: relative;
margin:-75px auto 0 auto;
background:black url(/gfx/bgfooter.png) repeat-x;
color:white;
text-align:left;
}

.location
{
float:left;
width:223px;
margin:12px 20px 0 0;
}

#footer a
{
color:#FF9900;
text-decoration:none;
}
#footer a:hover
{
color:white;
}



/* DOCUMENTEN */

td.odd
{
background:#fffaf2;
cursor:pointer;
}
td.even
{
cursor:pointer;
}
tr.hover
{
background:#fff5e5;
}
tr.hover td.odd
{
background:#fff5e5;
}

/* SMOELEN */



.facebox
{
width:466px;
border-bottom:1px solid #f5f5f5;
clear:both;
margin:5px 0;
padding:5px 0;
float:left;
}
.facebox .smoelpicsmall
{
width:52px;
height:54px;
background:url(/gfx/bggotoalbumpic.gif);
float:left;
padding:2px 0 0 4px;
margin-left:-4px;
}
.facebox .smoelgegevens
{
width:390px;
float:left;
margin-left:10px;
}
.facebox .smoelgegevens .naam
{
padding-right:20px;
background:url(/gfx/verder_zwart.gif) top right no-repeat;
}

.smoelpicbig
{
width:114px;
height:116px;
margin-left:-4px;
background:url(/gfx/bgfotoalbumpic.gif) no-repeat;
float:left;
padding:2px 0 0 4px;
}

.naw
{
width:390px;
float:left;
}

.alert
{
color:red;
}

/* Nieuwslijst homepage */

div.nieuwshome
{
margin-bottom:8px;
padding-bottom:8px;
border-bottom:solid 1px silver;
}	
ul.nieuwshome,
ul.nieuwshome li
{
margin:0;
padding:0;
}
ul.nieuwshome li
{
list-style:none;
}


.date
{
color:silver;
}



/* Comments */
div.comments
{
margin-top:8px;
padding-top:8px;
border-top:1px solid silver;
}
div.comment
{
padding-bottom:8px;
border-bottom:1px solid #f5f5f5;
}
.user
{
font-weight:bold;
}

/* reactieformulier */

form#reactform input#rname,
form#reactform input#remail,
form#reactform textarea#rremarks
{
border:inset silver 1px;
width:230px;
padding:2px;
}


/* SITEMAP */

ul#sitemap,
ul#sitemap li
{
list-style:disc;
}