/* CSS Document */
body {
background-color: #ffffff;
font-size: 100%;
font-family:"Gill Sans MT", Verdana, Arial;
text-align: center;
padding: 0;
margin: 0;
}

#mainframe {
width: 730px; /* 720 | 550 */
height: 578px;
border-style: ridge;
border-color: #000000;
border-width: 1px;
margin-left: auto;
margin-right: auto;
border-bottom-width: 2px;
}

#header {
width: 730px;
height: 85px;
float: left;
background-image: url(images/header.png);
}

#main {
width: 720px; /*100%*/
height: 425px;
float: left;
padding: 5px;
padding-top: 20px;
background-image: url(images/logo.jpg);
background-color: #eaeaea;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
text-align: justify;
overflow: auto;
}

#mainindex {
text-align: right;
}

#footer {
width: 720px; /*100%*/
height: 33px;
float: left;
padding: 5px;
background-color: #cccccc;
font-size: small;
letter-spacing: 1px;
color: #000000;
line-height: 200%;
border-top-style: ridge;
border-top: 1px;
border-top-color: #000000;
}

#footer1 {
width: 25%;
float: left;
text-align: left;
}

#footer2 {
width: 12%;
float: left;
text-align: center;
}

#footer3 {
width: 15%;
float: left;
text-align: center;
}

#footer4 {
width: 15%;
float: left;
text-align: right;
}

#footer5 {
width: 33%;
float: left;
text-align: center;
}

a {
color: #c10e1c;
text-decoration: none;
}

a:visited {
color: #c10e1c;
}

a:active {
color: #c10e1c;
text-decoration: none;
}

a:hover {
color: #c10e1c;
font-weight: bold;
text-decoration: underline;
}

#footer5 a {
font-weight: bold;
color: #316ac5;
text-decoration: none;
}

#footer5 a:visited {
font-weight: bold;
color: #316ac5;
}

#footer5 a:active {
font-weight: bold;
color: #316ac5;
text-decoration: none;
}

#footer5 a:hover {
font-weight: bold;
color: #316ac5;
text-decoration: underline;
}

h3 {
color: black;
font-size: 110%;
text-align: center;
}

h4 {
color: black;
font-size: 100%;
text-align: center;
}

ul {
color: #c10e1c;
/* list-style-image: url(images/bullet.gif); */
}

li {
font-weight: normal;
color: #000000;
list-style-position: outside;
}

textarea {
background: none;
border-color:#000000;
border-width:1px;
}

input {
background: none;
border-color:#000000;
border-width:1px;
}

.indexrij1 {
height: 75px;
width: 685px;
}

.indexrij2 {
height: 200px;
width: 685px;
}

.indexrij3 {
height: 75px;
width: 685px;
}

.indexgevuld {
font-size: x-large;
font-weight: bold;
text-align: center;
float: left;
width: 225px;
height: 75px;
}

.indexgevuldbemiddeling {
font-size: xx-large;
font-weight: bold;
text-align: center;
float: left;
width: 280px;
height: 200px;
}

.indexblanco {
float: left;
width: 175px;
height: 75px;
}

.blokleerlingbemiddeling {
width: 320px;
font-weight: bold;
list-style-image: url(images/bullet.jpg);
}

.blokwensverwijt {
width: 94%;
font-weight: bold;
font-family: "Gill Sans MT", Verdana, Arial;
font-size: medium;
list-style-image: url(images/bullet1.gif);
list-style-position: outside;
padding-left: 10px;
margin-top: 5px;
height: 50px;
vertical-align: middle;
background-color: transparent;
border-width: 0px;
text-align: left;
color: #c10e1c;
}

.bloklinks {
width: 70%;
font-size: 110%;
list-style-image: url(images/bullet.jpg);
list-style-position: inside;
padding-left: 10px;
margin-top: 5px;
height: 50px;
float: left;
text-align: left;
}

.bloklinksimage {
width: 20%;
height: 30px;
float: left;
text-align: left;
}

.blokregiokaart {
height: 366px;
float: left;
text-align: left;
background-color: transparent;
border-width: 0px;
}

.blokregio {
font-size: 110%;
text-align: left;
font-family:"Gill Sans MT", Verdana, Arial;
width: 330px;
height: 366px;
float: left;
background-color: transparent;
border-width: 0px;
padding-left: 10px;
}