/* algemeen */
body {
	background: #003398;
	margin-top: 0;
}
table
       {
       border-collapse  : collapse;
       }
td
       {
		 border: 0px;
       padding: 0px;
       }
input, textarea, select { 
 background-color: #ff9900;
 border: 1px solid #003398;
 color: white;
 font-weight: bold;
 font-size: 9pt;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
a{
color: #003398;
font-size: 8pt;
font-weight: bold;
border-bottom-width: 1px;
}
a:visited, a:link
{
text-decoration: none;
color: #003398;
font-size: 8pt;
font-weight: bold;
margin: 0;
} 
a:hover
{
font-size: 8pt;
font-weight: bold;
border-color: #ff9900;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
padding: 0px;
}   /* mouse over link */


.center
{ 
text-align: center;
}

.center table
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
}
/* header */
.titel {
	position: relative;
	border: 1px solid #000;
}
.headercelltitle
{
background-image: url(../images/layout/titel.gif);
margin-left: 20px;
background-repeat: no-repeat;
	}
.headertable
{width: 740px;
border: 0px;
margin: 0px;
border-collapse: collapse;

	}

/* buttons in header */
#menu {
position: relative; 
margin-left: 390px;
margin-bottom: 3px;
margin-top: 3px;
width: 342px; height: 57px;

}
#menu li {list-style: none;
width: 57px; 
height: 57px; 
position: absolute;
background: url(../images/menu/knoppen.gif) 0 0 no-repeat; 
display: block; 
}
#menu a {width: 57px; height: 57px; display: block; border-width: 0px;}
#menu #bhome {left: 0px;}
#menu #bnieuws {left: 57px; background-position: -57px 0;}
#menu #bfotoalbum {left: 114px; background-position: -114px 0;}
#menu #bleerlingen {left: 171px; background-position: -171px 0;}
#menu #bouders {left: 228px; background-position: -228px 0;}
#menu #bleerkrachten {left: 285px; background-position: -285px 0;}

#menu #bhome a:hover {background: url(../images/menu/knoppen.gif) 0px -57px no-repeat;}
#menu #bnieuws a:hover {background: url(../images/menu/knoppen.gif) -57px -57px no-repeat;}
#menu #bfotoalbum a:hover {background: url(../images/menu/knoppen.gif) -114px -57px no-repeat;}
#menu #bleerlingen a:hover {background: url(../images/menu/knoppen.gif) -171px -57px no-repeat;}
#menu #bouders a:hover {background: url(../images/menu/knoppen.gif) -228px -57px no-repeat;}
#menu #bleerkrachten a:hover {background: url(../images/menu/knoppen.gif) -285px -57px no-repeat;}

/* menu links */
.al
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
color:#ff00FF;
font-weight: bold;
margin-left: 10px;
}
.menutable2 ul {
position: relative; 
margin-left: 22px;
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
font-size: 10pt;
}
.menutable2 li {
margin-left: 0px;
margin-bottom: 5px;
margin-top: 5px;

}
.menutable2 a {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
border: 0px solid;

}
.menutable2 a:link, .menutable2 a:visited {
font-size: 10pt;

border: 0px solid;
}

.menutable2 a:hover, .menutable2 a:active {
color: #ff9900;
border-bottom-width: 0px;

}
.activelink
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
border: 0px solid;
color: #ff9900;
font-weight: bold;

}
.menucell
{
background-image: url(../images/layout/menu-links2.gif);
background-repeat: no-repeat;
vertical-align: top;
	}
	
.menubackrepeat
{
background-image: url(../images/layout/achtergrond-menu.gif);
background-repeat: repeat-y;
}

/* content */
.contentboven
{
	background-image: url(../images/layout/bovenachtergrond.gif);
	background-repeat: repeat-x;
	text-align: right;
	vertical-align: bottom;
}
.contentright
{
	background-image: url(../images/layout/background-rechts.gif);
	background-repeat: repeat-y;
	
}
.contentbottom
{
	background-image: url(../images/layout/achtergrond-onder.gif);
	background-repeat: repeat-x;
	
}
.contenttable
{
width: 764px;
background-image: url(../images/layout/achtergrondlijn.gif);
background-repeat: repeat-y;
}

.contentscript
{
margin-left: 5px;
width: 550px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
.contentscript a{
color: #003398;
font-size: 8pt;
font-weight: bold;
border-bottom-width: 1px;
}
.contentscript a:visited, .contentscript a:link
{
text-decoration: none;
color: #003398;
font-size: 8pt;
font-weight: bold;
margin: 0;
} 
.contentscript a:hover
{
font-size: 8pt;
font-weight: bold;
border-color: #ff9900;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
padding: 0px;
}   /* mouse over link */

.contentcell{
 vertical-align: top;
}
.news
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
color: #ff9900;
padding-bottom: 4px;
}

.news a {
text-decoration: none;
color: #003398;
font-size: 8pt;
border-bottom-width: 0px;
font-weight: normal;
} 
.news a:active, .news a:visited, .news a:link  {
text-decoration: none;
color: #003398;
font-size: 8pt;
border-bottom-width: 0px;
font-weight: normal;
} 
.news a:hover 
{
font-size: 8pt;
color: #ff9900;
border-bottom-width: 0px;
font-weight: normal;
}   /* mouse over link */

.intronewstitle
{
font-size: 8pt;
color: #003398;
font-weight: bold;
}
.newsitem 
{
font-size: 8pt;
border-color: #003398;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
margin-bottom: 5px;
padding-bottom: 5px;
}
.newsitem td{
	vertical-align: top;
}
.newstitel
{
color: #ff9900;
	font-size: 8pt;
font-weight: bold;
margin-bottom: 5px;
}
.newscat
{
color: #003398;
font-size: 12pt;
font-weight: bold;
margin-top: 0px;
margin-bottom: 8px;
text-align: center;
}

.contact
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
padding-top: 4px;
padding-bottom: 8px;
}

.introtxt
{

}
/*scroller*/
.scroller
{
border-bottom-width: 1px
}
#motiongallery
{
position:absolute;
left:0;
top:0;
white-space: nowrap;
}
#motioncontainer
{
position:relative;
width:500px;
height:100px;
overflow:hidden;
}
#motioncontainer a img{ /*image border color*/
border: 0px solid #ccc;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 0px solid navy;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
padding: 2px;
left: -300px;
background-color: yellow;
border: 1px solid gray;
visibility: hidden;
}
.introsubscribe
{
padding-top: 2px;
padding-bottom: 8px;
border-color: #ff9900;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 1px;
border-style: dotted;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

.contenttitle
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #003398;
font-size: 9pt;
font-weight: bold;
text-align: center;
}
/* tekst voor formulier in nieuwsbrief module */

/* formulier veld - nieuwsbrief */
.textfield
{

}
/* tabel met aanmeldformulier voor nieuwsbrief */
.newslettertbl
{
text-align: center;
}
.savebutton
{

}
/* tabel gastenboek */
.gbook {
width: 100%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
border-color: #ff9900;
padding-bottom: 20px;
}
.gbook td
{
padding: 2px;
}
.gbook a{
color: #003398;
font-size: 8pt;
font-weight: bold;
border-bottom-width: 1px;
}
.gbook a:visited, .gbook a:link
{
text-decoration: none;
color: #003398;
font-size: 9pt;
font-weight: bold;
margin: 0;
} 
.gbook a:hover
{
font-size: 9pt;
font-weight: bold;
border-color: #ff9900;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
padding: 0px;
}