body,td,th {
	font-family: georgia, times new roman, times, serif;
	font-size: 12px;
	color: #000000;
}
body {
/*	background-color: #F0F0F0; */
	background-image: url(images/1572b.jpg);
	background-repeat: no-repeat;
  background-position:  top center;
  background-attachment: fixed;
	margin: 0;
	font-size: 76%;
	background-color:#677A7E;
}


a:link, a:visited, a:active {
	color: #000000;
	text-decoration: 1px solid #000000;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
  background-color: #000000;
}

/*
h1 {
	font-size: 16px;
	color: #993366;
	text-align: left;
	margin: 8px 2px 8px 2px;
}
*/

form {
	margin: 0;
}

.main {
  width: 66em;
	margin: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0;
	font-size: 0.912em;
	text-align: left;
}

.banner {
  padding: 0.8em;
	font-weight: bold;
	border: 1px solid #B22222;
}

.banner-inside {
  height: 6em;
  background-color: #000000;  
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: italic;
  font-weight: bold;
  color: #FFF8DC;
}

p.header0 a {
  font-size: 0.8em;
  text-decoration: none;
  color: #000000;
  display: none;
}

p.header1{
font-size: 3.6em;
margin-left: 2.5em;
margin-top: -0em;
}

p.header2{
font-size: 2.2em;
text-align: right;
margin-right: 1em;
margin-top: -2.4em;
* margin-top: -1.5em;
}

.search_box {
	float: right;
	clear: right;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	margin-right: 4em;
}
.search_string {
	width: 12em;
	border: 1px solid #B22222;
	font-size: 10px;
	vertical-align: middle;
  background-color: #FFF8DC;	
}
.search_submit {
	width: 4em;
	font-size: 1em;
	border: 1px solid #000000;	
	vertical-align: middle;
  background-color: #B22222;
  color: #FFF8DC;
}

.highlight {
	background-color: #FFA500;
}

.menu {
	float: left;
	width: 12em;
	margin-left: 1em;
	margin-top: 4em;
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  text-indent: 0.2em;

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

.menu ul ul {
	margin-left: 2em;
}

.menu a:link, .menu a:visited,
.menu a:active, .menu a:hover {
  text-decoration: none;
  display: block;
	margin-bottom: 2px;  
	padding: 2px;
  border: 1px solid #B22222;
  font-weight: normal;
  height: 1.1em;
	vertical-align: middle;
}


.menu ul a{  
  color: #000000;
  background-color: #FFE4B5;
}

.menu ul a:active, .menu a:hover {
  color: #FFFFFF;  
  background-color: #000000;
}

.arrow {list-style-image: url('../samuelschool/images/arrow.png');}
.arrowb {list-style-image: url('../samuelschool/images/arrow.png'); font-weight: bold;}
.arrowbi {list-style-image: url('../samuelschool/images/arrow.png'); font-weight: bold; font-style: italic;}
.indent {margin: 0;}
.indentb {margin: 0; font-weight: bold;}
.indentbi {margin: 0; font-weight: bold; font-style: italic;}
.indentn {margin: 0;list-style: none;}
.indentbn {margin: 0; font-weight: bold;list-style: none;}
.indentbin {margin: 0; font-weight: bold; font-style: italic;list-style: none;}

.rightsmall {font-size: 0.8em; text-align: right; padding-right: 15px;}

/* SPAN OPMAAK */




/*
ol {
  counter-reset: item 0;   /* Creates a new instance of the section counter with each ol element */
/*  list-style-type: none;
}

.indentb-2 {
  counter-increment: item 6;
  margin: 0 0 0 20;
  font-weight: bold;
  text-indent: -20px;
}

li:before {
  counter-increment: item;            /* Increments only this instance of the section counter */
/*  content: counters(item, ".") " ";   /* Adds the value of all instances of the section counter separated by a ".". */
/*  margin-right: 10px;
}
*/





ul.square {list-style-type: square;}
ul.disc {list-style-type: disc;}
ul.none {list-style: none;}

.arrow a span{padding-left: 1em; font-size: 0.85em;}
.arrow a:hover span{padding-left: 2em;}
.arrow a span.noshow{visibility: hidden;}

#footer_textpage{
height: 5em;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.8em; /* = 9px */
text-align: center;
line-height: 1.4em;
margin-top: 5em;
padding-top: 0.2em;
border: 0.1em solid #B22222;
}
#footer_textpage a{
text-decoration: none;
color: #000000;
}
#footer_textpage a:hover{
text-decoration: none;
color: #FFFFFF;
background-color: #000000;
}

.login_table {
	border: 1px solid #D0D0D0;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;
	padding-bottom: 3px;
}
.login_table h1 {
	color: #660033;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin: 5px 0px 5px 0px;
}
.login_table input {
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 0px 1px 0px;
	width: 100px;
}
.content {
  line-height: 1.6em;	
	margin-left: 14em;
	margin-right: 6em;
	padding: 3em;
	clear: right;
  background-color: #FFF8DC;
  border: 1px solid #B22222;	
  min-height: 50em;
}
.content h2 {
  line-height: 1.4em;
}

.footer {
	clear: both;
  font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;

	text-align: center;
	line-height: 18px;
	margin-top: 1em;

}
.footerinner1 {
  border: 0.1em solid #B22222;
  margin-left: 7em;
  margin-right: 2em;
}


.footerinner2{
  background-color: #BDB76B;
  margin: 0.3em;
}

.powered_by {
	text-align: center;
	font-size: 10px;
	padding-top: 2px;
	display: none;
}