@CHARSET "ISO-8859-1";

body {
	height: 100%;
}
html, body {
	background-color : #200063;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #dddddd;
}

body, a {
	color:#dddddd;
	margin:0;
	padding:0;
}


th{
	text-align:left;
}

td{
	text-align:left;
}

a:hover {
	background-color: none;
}

h1{
	color:#99FF33;
	text-align:left;
	font-size: 20px;
}

h2{
	color:#dddddd;
	text-align:left;
	font-size: 16px;
}

h3{
	color:#dddddd;
	text-align:left;
	font-size: 13px;
}

#logo{
   border:0px;	
   background-image : url('../images/logo-tatteljee.png');
   position:absolute;
   height:50px;
   width:76px;
   top: 0px; 
   left:0px;
   padding:0px; 
}

.loading {
   border:0px;	
   background-image : url('../images/loading.gif');
   height:31px;
   width:31px;
}

#schooljaar{
   position: absolute;
   background-color: transparent;
   text-align:right;
}

#logopa{
   border:0px;	
   background-image : url('../images/LogoPA.png');
   height:100px;
   width:100px;
   float:right; 
   padding:0px; 
}

	


#header{
   background-color: transparent;
   border:0px;	
   position:absolute;
   height:50px;
   top: 0px; 
   left:0px;
   padding:0px;
   z-index: 1;
   width: 100%; 
}



#menu{
   background-color: transparent;
   border:0px;	
   position:absolute;
   left:76px;
   height:100px;
   width:1024px;
   top: 15px; 
   padding:0px;
   z-index: 2;
}

#fotoalbums a {
	color: #ED7F2E;;
}
#fotoalbums a:hover {
	color: white;;
}

#slideshow h2 {
	color: #ED7F2E;;
}



#fotoalbums{
   background-color: transparent;
   position:absolute;
   top: 50px;
   left: 5px;	
   width: 200px;		    
}

#slideshow{
   background-color: transparent;
   position:absolute;
   top: 50px;
   left: 205px;
}


#left{				
   background-color: #200063;		
   border:0px;	
   position:absolute;
   width: 512px;
   height: 100%;
   top: 50px; 
   left:0px;
   margin: 0px;
   padding: 5px;
   z-index:0; 
}

#leftcontent{
   background-color: transparent;		
   border:0px;	
   position:absolute;
   top: 0px; 
   left:0px;
   margin: 0px;
   padding: 0px;
   height: 100%;
}

#right{
   background-color: #200063;	
   background-image:url('../images/achtergrond.gif');
   background-repeat:no-repeat;
   background-position:right top;   	
   border:0px;
   position:absolute;
   height:352px;
   width:300px;
   top: 50px;
   left: 512px; 
   margin: 0px; 	
   padding:0px;
   z-index: 0; 
}

#bannerbg{
   background-color: #205583;
   opacity: 0.7;
   filter:alpha(opacity=70);
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
   -webkit-opacity: 0.7;
   border:0px;	
   position:absolute;
   top: 5px; 
   left: 5px;
   padding: 0px;
   width: 290px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;   
}

#rightcontent{
   background-color: transparent;
   border:0px;	
   position:absolute;
   top: 5px; 
   left: 5px;
   padding: 5px;
   width: 280px;
}

#contactinfo{
   margin: 0px;
   padding: 0px;
}

#contact{
   background-color: #200063;	
   border:0px;
   position:absolute;
   margin: 0px;
   padding: 5px;
   width:300px;
   top: 352px;
   left: 512px;
}

#programma{
	position: absolute;
	background-image:url('../images/gradient.jpg');
	width:100%;
	height:100%;
	background-repeat: repeat-x;	
    border:0px;
    margin: 0px;
    padding: 0px;
    z-index: 2;
}

#programma table {
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;	
 	border-collapse:collapse;
}

#programma table table{
 	border-collapse:collapse;
 	width: 350px;
}


#programma tr{
 padding: 3px 3px 7px 3px;
 width: 450px;		
}

#programma th{
 font-size: 15px;
 width: 100px;		
}

#vginfo{
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
}

#vakgroepnaam{
  background: transparent;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
}

#volzet, #inschrinfo{
  background: transparent;
  position: absolute;
  top: 0px;
  left: 30%;
  width: 70%;
  height: 30px;
}

#volzet{
  font-size: 20px;
  font-weight: bold;
  color: red;	  
}



#cursusNrNaam{
  background: transparent;
  position: absolute;
  top: 30px;
  left: 30%;
  width: 70%;
  height: 40px;
}

#cursusNr{
  background: transparent;
  font-size: 20px;
  font-weight: bold;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  margin-left : 10px;
  width: 75px;
  border-right: 1px solid #dddddd;
}

#cursusNaam{
  background: transparent;
  font-size: 15px;
  position: absolute;
  top: 0;
  left: 87px;
  margin-left: 5px;
}




#vakgroepnaam a{ 
  font-size: 20px;
}

#cursussen{
  background: transparent;
  position: absolute;
  width: 30%;
  top: 70px;
  left: 0;
}

#vcinfo{
  background: transparent;
  position: absolute;
  left: 30%;
  width: 60%;
  top: 70px;
}

#cursusinfo{
  background: white;
  color: black;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}

#inschr_knop{
  position: absolute;
  color: #dddddd;
  left: 0px;
  top: 0px;
  width: 100%;
}

#vormingplus{
	background-image : url('../images/logo_vormingplus.jpg');
	width: 139px;
	height: 113px;
}



#cursusinfo table{
  width: 100%;
  border-collapse:collapse;
}


#cursusfield{
  background: transparent;
  margin-top: 2px;
  width: 100%;
}

td#cfheader{
  background: transparent;
  margin: 0px;
  border: 0px solid transparent;
  padding: 3px;
  width: 77px;
  vertical-align: top;
}

td#cfvalue{
  background: transparent;
  vertical-align: top;
  padding: 3px;
}



#vgafbeelding{
  background: transparent;
  position: absolute;
  left: 90%;
  top: 60px;
  width: 10%;
}



#programma td tr{
 width: 350px;		
}

#programma td td {
 padding: 1px 3px 2px 3px;
 font-size: 10px;
 width: 175px;		
}

#programma a{
 background-color: transparent;
}


#programma td td a{
 font-size: 10px;
}


#ddmenu {
	margin: 0;
	padding: 0;
}
	
	#ddmenu li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial;}

	#ddmenu li > a
	{	display: block;
		background: #205583;
		padding: 5px 12px;
		text-decoration: none;
		width: auto;
		color: #dddddd;
		white-space: nowrap;}

	#ddmenu > li {
			border-right: 1px solid #dddddd;
	}

	#ddmenu li a:hover
	{	background: #1A4473}
		
	#ddmenu li ul	{
		margin: 0;
		padding: 0;
		position: absolute;
		visibility: hidden;
		border-top: 1px solid #200063;
		border-right: 1px solid #200063;
	}
		
		#ddmenu li ul li
		{	float: none;
			display: inline;}
		
		#ddmenu li ul li a
		{	width: auto;
			background: #205583;
		}	border-right: 0;
		
		#ddmenu li ul li a:hover
		{	background: #1A4473;}

.error {
	color: red;
}