body {
	margin:			0px;
	padding:		0px;
	background:		#ccc url("images/back.jpg") repeat-y scroll center;
	text-align:		center;
	font-family:	verdana, arial, sans-serif;
}

.nodisplay {
	display:		none;
}

img {
	border:			0;
}
img.userphoto {
	margin:			10px;
}
a {
	text-decoration:none;
	font-weight:	bold;
	color:			#000;
}
a:hover {
	color:			#f90;
}
input {
	font-family:	verdana, arial, sans-serif;
}
 
#center{
	width:			970px;
	text-align:		left;
	background:		#ffed99;
	margin:			0px auto 0px auto;
	margin-bottom:	0px;
}

#header {
	background:		url("images/header.jpg") no-repeat scroll center;
	position:		relative;
	height:			177px; 
	width:			970px; 
	margin:			0px;
	padding:		0px;
}
#header h1 {
	margin:			0px;
	position:		absolute;
	top:			30px;
	left:			20px;
	font-family:	'arial narrow', verdana, arial, sans-serif;
	font-size:		60px;
	font-style:		italic;
	font-weight:	bold;
}
#header h2 {
	margin:			0px;
	position:		absolute;
	font-family:	'arial narrow', verdana, arial, sans-serif;
	font-size:		21px;
	font-weight:	bold;
}
#header h2.deel1{
	top:			90px;
	left:			420px;
}
#header h2.deel2 {
	top:			110px;
	left:			640px;
}
#header .english {
	margin:			0px;
	position:		absolute;
	top:			10px;
	left:			900px;
	border:			1px solid black;
}

#footer{
	clear:			both;
	display:		block;
	height:			20px; 
	color:			#fff;
	background:		#ccc url("images/footerback.gif");
	font-family:	'arial narrow', tahoma, arial, sans-serif;
	font-size:		12px;
	text-align:		center;
}
#footer a{
	color:			#fff;
}
#adminfooter{
	clear:			both;
	display:		block;
	height:			20px; 
	color:			#fff;
	font-family:	'arial narrow', tahoma, arial, sans-serif;
	font-size:		12px;
	text-align:		center;
}
#footer div {
	float:			left;
	top:			0px;
}
#footer #midden {
	width:			890px;
	text-align:		center;
}
#footer #links {
	position:		relative;
	left:			-40px;
	width:			40px;
	height:			20px;
	background:		#ccc url("images/lo.gif");;
}
#footer #rechts {
	position:		relative;
	left:			40px;
	width:			40px;
	height:			20px;
	background:		#ccc url("images/ro.gif");
}

#leftcol{
	width:			180px;
	float:			left;
	position:		relative;
	left:			0;
	top:			-60px;
	margin:			0px 0px -60px 0px;	
} 
#leftcol h3 {
	font-size:		14px;
	color:			#f90;
	width:			170px;
	font-weight:	bold;
	margin:			5px;
	padding:		0px;
	border-bottom:	1px solid #000;
	text-align:		left;
}
#leftcol h3 a {
	color:			#f90;
}

#menu ul {
	margin:			0px;
	padding:		0px;
	list-style: 	none;
	font-size:		14px;
}
#menu li {
	margin:			5px 10px 5px 10px;
}
#menu ul li {
	display:		block;
	position:		relative;
	height:			20px;
	width:			160px;
}
#menu ul li a {
	display:		block;
	height:			20px;
	width:			160px;
	background:		#ffed99 url("images/button.gif");
	text-decoration:none;
	font-weight:	bold;
	color:			black;
	text-align:		right;
}
#menu ul li a:hover, #menu ul li a.active:hover {
	background: 	#ffed99 url("images/button_hover.gif");
	color:			#f90;
}
#menu ul li a.active {
	background:		#ffed99 url("images/button_active.gif");
}
#menu ul li a.sublevel, #menu ul li a.activesublevel {
	display:		block;
	position:		relative;
	left:			12px;
	width:			148px;
	background:		#ffed99 url("images/subbutton.gif");
	text-decoration:none;
	font-weight:	normal;
}
#menu ul li a.sublevel:hover, #menu ul li a.activesublevel:hover {
	background:		#ffed99 url("images/subbutton_hover.gif");
	color:			#f90;
}
#menu ul li a.activesublevel {
	background:		#ffed99 url("images/subbutton_active.gif");
}
#menu ul a span {
	margin:			0px 10px 0px 0px;
	text-align:		right;
}

#login span {
	font-size:		10px;
	text-align:		center;
	display:		block;
	position:		relative;
	padding:		0px;
	margin:			5px 10px 5px 10px;
	width:			160px;
	background:		#fff;
	border:			1px solid black;
 }
#login span p {
	margin:			5px;
}

#sponsoren span {
	display:		block;
	position:		relative;
	padding:		0px;
	margin:			5px 10px 5px 10px;
	width:			160px;
	background:		#fff;
	border:			1px solid black;
	text-align:		center;
}
#sponsoren span p {
	margin:			5px;
}

#main{ 
	float:			left; 
	width:			760px;
	margin:			0px 10px 0px 10px;
	position:		relative;
	padding:		0;
	top:			-30px;
} 

.left {
	float:			left;
	width:			525px;
}
.right {
	float:			right;
	width:			225px;
}

.foto {
	margin:			0;
	width:			190px;
}
#main p {
	margin:			5px 10px 5px 10px;
	line-height:	15px;
}

#main div.bigbox{
	width:			100%;
	margin:			0px 0px 10px 0px;
	border:			1px solid #000000;
	background:		#fff;
	font-size:		12px;
}
#main div.bigbox h3 {
	font-size:		18px;
	font-style:		italic;
	font-weight:	bold;
	margin:			0;
	padding:		0;
	height:			22px;
	background:		#ccc;
	color:			#000;
	width:			100%;
	text-align:		center;
}
#main div.bigbox h4 {
	color:			#f90;
	font-size:		16px;
	margin:			5px 2px 2px 2px;
	font-style:		italic;
	font-weight:	bold;
	text-align:		center;
}
#main div.bigbox h4 a {
	color:			#f90;
}
#main div.bigbox h5 {
	color:			#f90;
	font-size:		14px;
	margin:			16px 10px 4px 10px;
	font-style:		normal;
	font-weight:	bold;
	text-align:		left;
}
#main div.bigbox h5 a {
	color:			#f90;
}
#main div.bigbox h6 {
	color:			#f90;
	font-size:		12px;
	margin:			16px 10px 4px 10px;
	font-style:		normal;
	font-weight:	bold;
	text-align:		left;
}
#main div.bigbox h6 a {
	color:			#f90;
}
#main div.bigbox em {
	display:		block;
	width:			100%;
	text-align:		right;
}

#main div.smallbox {
	width:			100%;
	margin:			0px 0px 10px 0px;
	border:			1px solid #000000;
	background:		#fff;
	font-size:		12px;
}
#main div.smallbox h3 {
	font-size:		16px;
	font-style:		italic;
	font-weight:	bold;
	margin:			0;
	padding:		0;
	height:			20px;
	background:		#ddd;
	color:			#000;
	width:			100%;
	text-align:		center;
}
#main div.smallbox h4 {
	color:			#f90;
	font-size:		14px;
	margin:			5px 2px 2px 2px;
	font-style:		italic;
	font-weight:	bold;
	text-align:		center;
}
#main div.smallbox h5 {
	color:			#f90;
	font-size:		12px;
	margin:			10px;
	font-style:		italic;
	font-weight:	bold;
	text-align:		center;
}
#main div.smallbox h6 {
	color:			#f90;
	font-size:		12px;
	margin:			10px 10px 2px 10px;
	font-style:		normal;
	font-weight:	bold;
	text-align:		left;
}

#agenda div {
	position:		absolute;
	font-size:		10px;
	height:			14px;
	text-align:		center;
}
#agenda table {
	margin-left:		auto;
	margin-right:		auto;
	border-width:		0px 0px 0px 0px;
	border-spacing:		0px;
	border-collapse:	collapse;
}
#agenda thead td {
	background:		url("images/agenda-30.gif");
	height:			30px;
	font-weight:	bold;
	text-align:		center;
	vertical-align:	middle;
	font-size:		12px;
	border-width:	0px 1px 0px 1px;
	padding:		0px 0px 0px 0px;
	border-style:	solid solid solid solid;
	border-color:	#000 #fff #000 #fff;
}
#agenda tbody td {
	font-size:		10px;
	vertical-align:	top;
	height:			80px;
	border-width:	0px 1px 0px 1px;
	padding:		0px 0px 0px 0px;
	border-style:	solid solid solid solid;
	border-color:	#000 #fff #000 #fff;
}
#agenda tfoot td {
	height:			30px;
	text-align:		center;
	border-width:	0px 1px 0px 1px;
	padding:		0px 0px 0px 0px;
	border-style:	solid solid solid solid;
	border-color:	#000 #fff #000 #fff;
}
#agenda .entry1 {
	background:		#eee url("images/agenda-80.gif");
	width:			112px;
}
#agenda .entry2 {
	background:		#fff url("images/agenda-80.gif");
	width:			112px;
}
#agenda .wknd {
	background:		#ddd url("images/agenda-80.gif");
	width:			75px;
}
#agenda .weekno {
	background:		url("images/agenda-80.gif");
	width:			30px;
	font-weight:	bold;
	text-align:		center;
	vertical-align:	middle;
	font-size:		12px;
}
#agenda .act_studie {
	background:		#99f;
}
#agenda .act_recreatief {
	background:		#9f9;
}
#agenda .act_tentamen {
	background:		#f99;
}
#agenda .act_vakantie {
	background:		#cef;
}
#agenda .act_vdw {
	background:		#f90;
}
#agenda .act_vdw a:hover {
	color:			#fff;
}
#agenda .act_extern {
	background:		#fe9;
}
#agenda .act_overig {
	background:		#fff;
}

.koerier table tr td {
	width:			180px;
	text-align:		center;
}

table {
	border:			0;
	border-spacing:	0;
	padding:		0;
	margin:			0px 10px 0px 10px;
}

.besturen td {
	height:			20px;
	text-align:		left;
	vertical-align:	top;
	font-size:		12px;
}

table.borrel_assortiment {
	width:			740px;
	margin:			0px 0px 0px 10px;
}
.borrel_assortiment td {
	width:			50%;
	text-align:		left;
	vertical-align:	top;
	font-size:		12px;
}

table.admin {
	width:			740px;
}

table.photoalbums, table.photos {
	border:			0;
	border-top:		1px solid black;
	border-left:	1px solid black;
	border-spacing:	0;
	padding:		0;
}
.photoalbums td {
	width:			185px;
	line-height:	20px;
	border-right:	1px solid black;
	border-bottom:	1px solid black;
	text-align:		center;
	vertical-align:	top;
}
.photos td {
	width:			190px;
	height:			160px;
	text-align:		center;
	vertical-align:	middle;
}

table.photo {
	border:			0;
	border-spacing:	0;
	padding:		0;
	margin:			0px 10px 10px 10px;
	width:			740px;
}
.photo td.nav img {
	margin-top:		150px;
}

.date {
	display:		block;
	width:			100%;
	margin:			0px;
	text-align:		right;
	font-size:		10px;
	font-style:		italic;	
}
.reactions {
	display:		block;
	width:			100%;
	margin:			0px;
	font-size:		10px;
	font-style:		italic;
}

.reaction em {
	margin-left:	10px;
	font-size:		10px;
	color:			#808080;
}
p.reaction {
	border:			1px dotted black;
	padding:		5px;
}

#main p.shout em {
	display:		inline;
}

textarea {
	font-family:	verdana, arial, sans-serif;
	font-size:		12px;
}

textarea.html {
	font-family:	courier;
	font-size:		12px;
}

.poll {
	font-size:		10px;
	width:			220px;
}
table.poll {
	margin-left:	auto;
	margin-right:	auto;
}
.poll td {
	text-align:		left;
	font-size:		10px;
	padding:		2px;
}
.poll th {
	text-align:		center;
	font-size:		11px;
}
.poll td td {
	text-align:		left;
}
.sectiontableentry1  td {
	background:		#eee;
}
.sectiontableentry2 td {
	background:		#fff;
}
.button {
	border:			1px solid #bbb;
}
.inputbox {
	border:			1px solid #bbb;
}
form {
	margin:			0;
	padding:		0;
}

img.admin {
	margin:			2px;
}

table.borreltenders {
	border:			0;
	padding:		0;
	margin: 		0px 0px 0px 0px;
	background:		#000 url("images/borreltenders.jpg");
	color:			#fff;
	text-align: 	left;
}

.clear {
	clear:			both;
}

.admin th {
	text-align:	center;
}

.books td {
	border-bottom:	1px solid #000;
	font-size:		11px;
}

.warning {
	padding:		10px;
	display:		block;
	color:			red;
	background:		yellow;
}
.browse {
	font-size:		10px;
	text-align:		center;
	line-height:	100%;
}
.browse img {
	position:		relative;
	top:			2px;
}

.enquete td {
	border-bottom:	1px solid grey;
}

.overlay-blackout {
  position: absolute;
  left:     0;
  top:      0;
  margin:   0;
  height:   100%;
  width:    100%;
  background: #222;
  filter: alpha(opacity=80);
  opacity: 0.8;
  text-align: center;
}

iframe {
	border: 0;
}

#bedrijflogos {
	list-style: none;
}
#bedrijflogos li {
	float: left;
}
#bedrijflogos li img {
	width: 90px;
	margin: 5px;
	padding: 5px;
	border: 1px solid black;
}