BODY {
margin: 0px;
padding: 0px;
background-color:#ffffff;
text-shadow:1px 1px 2px #999;
}
A {
	text-shadow:none;
}

#container {
width:380px;
border:0px;
}

#googlebanner {
clear:both;
position:absolute;height:20px;
top:0px;
width:728px;
margin-left:-350px;
left:50%;

}

/* CSS3 oefeningen */

H1 {
text-shadow:1px 1px 2px #999;
}
H3 {
text-shadow:1px 2px 2px #999;
}

/* einde CSS3 */

ul.menubar {
	list-style-type: none;
	margin: 0px 10px 0 10px;
	padding: 0px;

}
ul.menubar a {
color: #ffffff;
}
	ul.menubar li {
			padding-bottom: 5px;

	}
	ul.menubar li:hover {

	}
		ul.menubar li a {
			padding-top:3px;
			
			-webkit-border-radius: 3px; /* ronde hoeken */
			-moz-border-radius: 3px;
			border-radius: 3px;
			
	/*		-webkit-transition-property: background;  vertraging in mouse-over bg uitgebreide versie
			-webkit-transition-delay: 0.3s;
			-webkit-transition-timing-function: ease-in; */
			-webkit-transition: background 0.3s ease-in;
			-moz-transition: background ;
			-o-transition: background 0.3s ease-in;	
			transition: background 0.3s ease-in;			
			

			
			display: block;
			background-color: #999999; 
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#FFF));
			background-image: -moz-linear-gradient(0% 100% 90deg, #999, #FFF);
			color:#372E89 !important;
			height: 20px;
			box-shadow:1px 1px 2px #FFF;

		}	
		ul.menubar li a:hover {
			border-radius: 3px;
			display: block;
			background-color: #DDDDDD;
			color:#000000 !important;
			height: 20px;
			box-shadow:1px 1px 2px #FFF;
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-o-transform:scale(1.1);
			transform:scale(1.1);
			border:1px solid black;	

		}

img.box {
			box-shadow:3px 3px 2px #999;

}
a:hover .box {
			-webkit-transition-delay: 0.3s;
			-webkit-transition-timing-function: ease-in;
			-webkit-transform-origin: bottom left;   /* wat gaat hier mis? */
			-moz-transform-origin: bottom left;
			-o-transform-origin: bottom left;
			transform-origin: bottom left;
			box-shadow:3px 3px 2px #999;
			-webkit-transform: scale(1.1) rotate(-5deg);
			-moz-transform: scale(1.1) rotate(-5deg);
			-o-transform:scale(1.1) rotate(-5deg);
			transform:scale(1.1) rotate(-5deg);	
											
}

.bannerbg {
background-color: navy;
}
.banner {
opacity:0.6;
}


A {
	font-family : 'Arial Narrow', 'Arial','Times New Roman',Times,serif;
	font-size : 10Pt;
	font-weight : Bold;
	color : #372E89;
	text-decoration: none;
}
A:active {
	font-family : 'Arial Narrow', 'Arial','Times New Roman',Times,serif;
	font-size : 10Pt;
	font-weight : Bold;
	color: #04ffff;
	text-decoration: none;;
}
A:hover {
	font-family : 'Arial Narrow', 'Arial','Times New Roman',Times,serif;
	font-size : 10Pt;
	font-weight : Bold;
	
	text-decoration: none;
}

.menuleft a {
					color:#ffffff !important;
}

#contentdiv {
						padding:10px;
}

A.main {
	font-family : 'Times New Roman',Times,serif;
	font-size : 9Pt;
	font-weight : Bold;
	color : #262671;
}
A.main:active {
	font-family : 'Arial Narrow', 'Arial','Times New Roman',Times,serif;
	font-size : 9Pt;
	font-weight : Bold;
	color: #FE7D19;
}
A.main:hover {
	font-family : 'Arial Narrow', 'Arial','Times New Roman',Times,serif;
	font-size : 9Pt;
	font-weight : Bold;
	color: #FE7D19;
}
A.menu {
	font-family : 'Arial Narrow', 'Arial','Times New Roman',Times,serif;
	font-size : 10Pt;
	font-weight : Bold;
	color : #FFFFFF;
	text-decoration: none;
}
A.menu:active {
	font-family : 'Arial Narrow', 'Arial','Times New Roman',Times,serif;
	font-size : 10Pt;
	font-weight : Bold;
	color: #0000cc;
	text-decoration: none;;
}
A.menu:hover {
	font-family : 'Arial Narrow', 'Arial','Times New Roman',Times,serif;
	font-size : 10Pt;
	font-weight : Bold;
	color: #0000cc;
	text-decoration: none;
}
#headertable {
	background-image:url(images/background.gif);
	background-repeat:repeat-y;
	background-color:#000000;
	height:97px;
	width:808px;	
}
#contenttable {
	background-image:url(images/background.gif);
	background-repeat:repeat-y;
	background-color:#000000;
	height:600px;	
	width:808px;
	margin-top: 15px;
}
P {
	font-family : 'Arial','Times New Roman',Times,serif;
	font-size : 10Pt;
}
P.menu {
	font-family : 'Arial Narrow', 'Arial','Times New Roman',Times,serif;
	font-size : 10Pt;
	font-weight : Bold;
	color: #0000cc;
}
P.small {
	font-family : 'Arial','Times New Roman',Times,serif;
	font-size : 9Pt;
}
P.pics {
	font-family : 'Arial','Times New Roman',Times,serif;
	font-size : 10Pt;
	color : #000000;
}
TD, Body {
	font-family : 'Arial','Times New Roman',Times,serif;
	font-size : 10Pt;
	color : #000000;
}
TD.title {
	font-family : Verdana;
	font-size : 10Pt;
	color : #FFFFFF;
}
TD.main, Body {
	font-family : Verdana;
	font-size : 9Pt;
	color : #000000;
}
TD.sub {
	font-family : Verdana;
	font-size : 7Pt;
	color : #0C1468;
}
TD.right {
	font-family : Verdana;
	font-size : 7Pt;
	color : Gray;
}
TH {
	font-family : 'Arial','Times New Roman',Times,serif;
	font-size : 10Pt;
	color : #000000;
}
LI {
	font-family : 'Arial','Times New Roman',Times,serif;
	font-size : 10Pt;
	color : #000000;
}
H1 {
	font-family : 'Arial','Times New Roman',Times,serif;
	font-size : 12Pt;
	font-weight : bold;
	color	: #000000;
}
H2 {
	font-family : 'Arial', 'Helvetica', 'sans-serif';
	font-size : 11Pt;
	font-weight : bold;
	color	: #372E89
}

.programma td {
	padding:5px 5px 0 0;
	vertical-align: top;
}
.dagtitel {
	font-weight: bold;
	color: #999999;
	font-size: 12px;
	border-bottom: 1px dashed #999999;
	line-height:35px;
	text-align: bottom;
}
.photopage img {
					 border-left:4px solid grey;
					 border-top:4px solid #666666;
					 border-right:4px solid black;
					 border-bottom:4px solid black;
} 
.photopage td {
	vertical-align: top;
	padding:0 10px 10px 0;
}

.textbox {
padding:10px;
}