/* Samenwerkingsverband Echt e.o. CSS Stylesheet */

/* kopteksten */
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #333;	
}
h1 { font-size: 1.5em; color: #808811; } 
h2 { font-size: 1.0em; text-transform:uppercase; color: #C49B08; 
   float:left;
   display:block;
   background: url(../images/page.gif) no-repeat left center;
   padding: 8px 2px 3px 20px;
}
h3 { font-size: 0.8em; color: #6297BC; }
h4 { font-size: 1.35em; color: #808811; } 

p, h1, h2, h3 {
	margin: -8px 5px;
}

h4 {
	margin: 0px 0px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #b1bc18;
}
ul span, ol span {
	color: #666666; 
}

/* afbeeldingen */
img {
	border: none;
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: none;
}

div.adres {
	color: #808811;
	text-decoration: none;
	font-weight: normal; 
    font:Geneva, Arial, Helvetica, sans-serif;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:12px;
}

div.adres span.texthead {
	font-weight: bold; 
    font-size:14px;
}

div.row {
  clear: both;
  padding-top: 2px;
  }

div.row span.label {
  float: left;
  width: 140px;
  text-align: right;
  font:Geneva, Arial, Helvetica, sans-serif;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:13px;
  }

div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  } 

div.spacer {
  clear: both;
  }

body 
{
 background-image: url(../images/main_backgrnd.jpg); 
 background-repeat: repeat-x; 
}

a:link {
	color: #624E04;	
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #624E04;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration: none;
}

input {
 font-size: 10px;
 background-color: transparent;
 border: 0px solid #FFFFFF;
}

input.brinnr{
 left:180px;
 top:46px;
 position:relative;
}

input.school{
 left:150px;
 top:60px;
 position:relative;
}

input.wvalue{
 left:180px;
 top:41px;
 position:relative;
}

input.sbutton{
 left:180px;
 top:81px;
 position:relative;
}

input.sbutton2{
 left:164px;
 top:97px;
 position:relative;
}

#dropmenudiv{
background-image:url(../images/menuback.jpg);
background-repeat:no-repeat;
position:absolute;
border:1px solid #565B0B;
font:normal 12px Arial;
line-height:16px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
font-weight:normal;
color:#808811;
font:Geneva, Arial, Helvetica, sans-serif;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#dropmenudiv a:hover{
background-color:#EFF4A4;
color:#565B0B;
font:Geneva, Arial, Helvetica, sans-serif;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.schoolinfo{
	margin-right:10px;
	color: #808811;
	text-decoration: none;
	font-weight: normal; 
    font:Geneva, Arial, Helvetica, sans-serif;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:11px;
}

.tableinfo{
	color: #808811;
	text-decoration: none;
	font-weight: normal; 
	font: 0.7em/1em  Verdana, Tahoma, Helvetica, sans-serif;
}

.schoolinfo span.label {
	font-weight: bold; 
    font:Geneva, Arial, Helvetica, sans-serif;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:11px;
}

div.maintext{
	padding :10px,10px,10px,10px;
	margin-right:10px;
	color: #808811;
	text-decoration: none;
	font-weight: normal; 
	font: .70em/1.25em  Verdana, Tahoma, Helvetica, sans-serif;
	width:350px;
}

div.subcol1{
	padding :0px,0px,0px,20px;
	/* top,right,bottom,left */
	color: #808811;
	text-decoration: none;
	font-weight: normal; 
	font: .70em/1.25em  Verdana, Tahoma, Helvetica, sans-serif;
	width:350px;
}

div.subcol2{
	padding :0px,0px,0px,0px;
	/* top,right,bottom,left */
	color: #808811;
	text-decoration: none;
	font-weight: normal; 
	font: .70em/1.25em  Verdana, Tahoma, Helvetica, sans-serif;
	width:250px;
}

div.maintext span.texthead {
	color: #FFFFFF;
	font-weight: bold; 
    font-size:14px;
}

div.maintext span.texthead2 {
	font-weight: bold; 
    font-size:16px;
}

/* header */
#header {
	position: relative;
	height: 85px;	
	background: #000 url(headerbg.gif) repeat-x 0% 100%;	
}

div.newstext{
    border: 1px thin #333;
	color: #808811;
	text-decoration: none;
	font-weight: normal; 
    font:Geneva, Arial, Helvetica, sans-serif;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:10px;
	width:270px;
}

div.newstext span.date {
	font-weight:bold;
	font-size:10px;
	color:#F5C20A;
}

div.newstext span.subject {
	font-weight: bold; 
    font-size:14px;
}

div.newstext span.content {
    color: #808811;
	font-weight: normal; 
    font-size:10px;
	margin-left:4px;
	width:230px;
}

.clear {    clear: both; }
.brown {	color: #b1bc18; }
.gray  {	color: #BFBFBF; }