﻿#BODY {
	margin: 0;
	padding: 0;
	background-color: #CCCCCC;
	text-align: center;
}
	 
#main {
    margin: 0px auto 0px auto;
	padding: 0px;
	background-color: white;
	width: 850px;
	height: 500px;
	background-color:#EEEEEE
}

#corner_tl {
    float:left;
	display: inline;
	margin: 0px 0px 0px 0px;
	width: 150px;
	height: 150px; 
	background-image: url('../button/tlxxx.gif'); 
	background-repeat: no-repeat; 
	overflow: hidden;
}

#corner_tr {
	float:right;
    display: inline;
    margin: 0px 0px 0px 0px;
	width: 150px;
	height: 150px; 
	background-image: url('../button/trxxx.gif'); 
	background-repeat: no-repeat; 
	overflow: hidden;
}  

#corner_bl {
    float: left;
	display: inline;
	margin: 350px 0px 0px -150px;
	width: 150px;
	height: 150px;
	background-image: url('../button/blxxx.gif'); 
	background-repeat: no-repeat; 
	overflow: hidden;
}

#corner_br {
	float:right;
	display: inline;
	margin: 350px -150px 0px 0px;
	width: 150px;
	height: 150px; 
	background-image: url('../button/br.gifxxx'); 
	background-repeat: no-repeat; 
	overflow: hidden;
}
#center {
	margin: 0 auto 0 auto;
	width: 500px;
	height: 500px;
}
#title{
	margin: 0 0 0 0;
	width: 850px;
	height: 100px;
}

#content {
	margin: 0 0 0 0;
	width: 500px;
	height: 550px;
	overflow: auto;
}

#bottom {
	margin: 0 0 0 0;
	width: 500px;
	height: 70px;
	background-image: url('../images/bottomxxx.gif'); 
	background-repeat: no-repeat; 
	background-position: 50% bottom;
	text-align:center
}

#left {
	float: left;
	display: inline;
	margin: 150px 0px 0px -150px;
	width: 144px;
	height: 200px;
}


#right {
	float: right;
	display: inline;
	margin: 131px -150px 0px 0px;
	width: 144px;
	height: 200px;
}

#design {
	margin: 0px 0 0 0;
	width: 144px;
	height: 10px;
}

	  
h1 {
   	font-family: arial;
   	margin: 0px 0px 0px 0px; 
   	font-size: 1.2em; 
   	line-height: 1.0em;
   	color: black;
   	text-align: left;
}

h2 {
   	font-family: tahoma;
   	padding: 0px 0px 0px 0px; 
   	font-size: 1.1em; 
   	line-height: 1.3em;
   	color: #e6001a;
   	text-align: left;
}


h3 {
   	font-family: tahoma;
   	padding: 0px 0px 0px 0px; 
   	font-size: 0.9em; 
   	line-height: 1.0em;
   	color: #005ea1;
   	text-align: right;
}


h4 {
   	font-family: tahoma;
   	padding: 0px 0px 0px 0px; 
   	font-size: 0.9em; 
   	line-height: 1.0em;
   	color: #005ea1;
   	text-align: left;
}



h5 {
   	font-family: tahoma;
   	padding: 0px 0px 0px 0px; 
   	font-size: 0.8em; 
   	line-height: 1.0em;
   	color: #005ea1;
   	text-align: right;
   	letter-spacing:1pt
}

h6 {
   	font-family: tahoma;
   	padding: 0px 0px 0px 0px; 
   	font-size: 0.7em; 
   	line-height: 1.0em;
   	color: #005ea1;
   	text-align: left;
}

p {
  text-indent: 0px;
  padding: 0px 5px 0px 5px;
  font-family: tahoma;
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1.2em;
  text-decoration: none;
  color: #333;
  text-align: justify;
}

p.design {
  text-indent: 0px;
  text-align: center;
  font-weight: bold;
  color: #33cc33;
}

a.menu:visited {
  font-family: courier;
  font-weight: bold;
  font-size: 0.5em;
  text-decoration: none;
  color: #FF3D0D;
}

a.menu:link {
  font-family: courier;
  font-weight: bold;
  font-size: 0.5em;
  text-decoration: none;
  color: #FF3D0D;
}

a.menu:active {
  font-weight: bold;
  text-decoration: none;
  color: #ff9900;
}

a.menu:hover {
  font-weight: bold;
  text-decoration: none;
  color: #ff9900;
}

a:visited {
  font-family: tahoma;
  font-weight: normal;
  font-size: 1.0em;
  line-height: 1.2em;
  color: #005ea1;
  text-decoration:underline;
}

a:link {
  font-family: tahoma;
  font-weight: normal;
  font-size: 1.0em;
  line-height: 1.2em;
  color: #005ea1;
  text-decoration:underline;
}

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

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


a.webquest:hover {text-decoration: none;  color: #FFFFFF;  background-color:#e6001a}
a.seminarie:hover {text-decoration: none;  color: #FFFFFF;  background-color:#98c000}
a.bedrijfscontact:hover {text-decoration: none;  color: #FFFFFF;  background-color:#005ea1}
a.studiekeuze:hover {text-decoration: none;  color: #FFFFFF;  background-color:#ffdc00}



ul {
  list-style-type:square;
  font-family: tahoma;
  font-weight: normal;
  font-size: 0.75em;
  line-height: 1.2em;
  text-decoration: none;
  color: #000;
  text-align: justify;
}

ol {
  font-family: tahoma;
  font-weight: normal;
  font-size: 0.75em;
  line-height: 1.2em;
  text-decoration: none;
  color: #000;
  text-align: justify;
}


ul.menu {
  margin-top: 50px;
  list-style-type: square;
  line-height: 1.8em;
}
img.right {
  float: right;
  margin-top: 3px;
  padding: 0 5px 0 5px;
  border:0
}

img.left {
  float: left;
  padding: 0 5px 0 5px;
  border:0
}


img.lefticoon {
  border:0
}


.logoboven {
	border-width: 0px;
	float: left;
	display: inline;
	margin: 0px 10px 0px 0px;
	width: 75px;
	height: 75px;
}


td.menubar{
cursor:crosshair; border: 0px; border-style:none; border-color: #EEEEEE; background-color:#EEEEEE; font-size:9pt; line-height:15px; letter-spacing:0.3pt  
}

a.menubar{
text-decoration: none; color: #e6001a; font-weight:normal
}

td.tekst{
  text-indent: 0px;
  padding: 0px 5px 0px 5px;
  font-family: tahoma;
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1.2em;
  text-decoration: none;
  color: #333;
  text-align: justify;
	
}



