/* -- Main stylesheet -- */

html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body{
	background: url(../img/grasstile.jpg) center 0px repeat-x #fff;
	text-align: center;
}

body, td, p, div, input, li, textarea {
	font-family: Trebuchet MS,Arial,Verdana,Tahoma;
	font-size: 11px;
}

form{
	margin: 0;
	padding: 0;
}

a{
	color: #8E172A;
	text-decoration: underline;
}

p{
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

h1{
	font-size: 20px;
	margin: 0px;
	padding: 0px;
}

h1:first-letter {
	color: #A60835;
}

h2{
	font-size: 14px;
	margin: 0px;
	padding: 0px;		
}

ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

li{
	padding-left: 15px;
	background: url(../img/redarrow.gif) 0px 3px no-repeat;
}

#container{
	width: 741px;
	margin: 0px auto;
	margin-top: 41px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/img/shadow.png');
}

body > #container {
	background: url(../img/shadow.png) center 0px repeat-y;
}

#main{
	background-color: #fff;
	text-align: left;
	width: 731px;
	margin: 0px auto;
	padding: 0;
}

#leftcontent{
	width: 481px;
	border-right: #E7E7E7 solid 1px;
	background: url(../img/colshadow.gif) right -20px no-repeat;
	margin: 0;
	float: left;
}

#rightcontent{
	width: 246px;
	float: right;
}

/* -- Main content -- */

#head{
	width: 458px;
	height: 64px;
	padding: 33px 0px 0px 12px;
}

#menu{
	display: block;
	margin: 0;
	padding: 0 0 0 6px;
	font-weight: bold;
	font-size: 10px;
}

#menu li {
	display: block;
	margin: 0;
	float: left;
	font-size: 10px;
	padding: 10px 25px 6px 13px;
	background: none;
	text-transform: uppercase;
}

.menuactive{
	float: left;
	font-size: 10px;
	padding: 10px 25px 6px 13px;
	background: url(../img/menushadow.gif) 0px 0px no-repeat !important;
}

#menu li a{
	text-decoration: none;
	color: #000;
}

.menuactive a{
	text-decoration: none;
	color: #8E172A;
}

#landscape{
	padding-left: 3px;
}

#content{
	padding: 20px 30px 25px 20px;
}

#actualiteiten{
	width: 428px;
	border: #8E172A solid 3px;
	margin-bottom: 10px;
}

#actualiteiten .title{
	background-color: #C8C8C8;
	font-weight: bold;
	padding: 3px 0px 3px 5px;
	color: #fff;
	text-transform: uppercase;
}

#actualiteiten .download{
	float: right;
}

#actualiteiten .item, #actualiteiten .datum{
	background: url(../img/redarrow.gif) 5px 6px no-repeat;
	padding: 3px 0px 3px 20px;
	color: #8E172A;
	border-top: #8E172A solid 3px;
}

#actualiteiten .info{
	padding: 3px 0px 3px 20px;
	color: #8E172A;
	border-top: #8E172A solid 3px;
}

#actualiteiten .item a, #actualiteiten .info a{
	text-decoration: none;	
}

#actualiteiten #doorlink{
	border-left: #8E172A solid 3px;
	padding: 3px 30px 3px 10px;
	float: right;
	background: url(../img/exclamation.gif) 83px 4px no-repeat;
}

#actualiteiten #doorlink a{
	color: #A60835;
	text-decoration: none;
}

#belangrijk table{
	margin-bottom: 10px;
}

.organisatie{
	float: right;
	margin-right: 30px;
}
ul.organisatielijst {
	padding-bottom: 6px;
}

/* -- Right column -- */

#zoeken{
	color: #8E172A;
	font-weight: bold;
	padding: 20px 7px;
	margin-top: 18px;
	line-height: 16px;
}

div > #zoeken{
	margin-top: 22px;
}

#zoeken .input{
	width: 160px;
	height: 14px;
	float: left;
	border: #7D785E solid 1px;
	margin-right: 2px;
}

#publicaties{
	width: 243px;
	background-color: #A24050;
}

#publicaties .title{
	background: url(../img/redblock.gif) 0px 0px no-repeat #fff;
	border-bottom: #8E172A solid 3px;
	padding-left: 30px;
	font-weight: bold;
}

#publicaties .title span{
	color: #8E172A;
}

#publicaties .item{
	border-left: #8E172A solid 3px;
	border-right: #8E172A solid 3px;
	border-bottom: #8E172A solid 3px;
	background: url(../img/whitearrow.gif) 5px 6px no-repeat;
	padding: 3px 0px 3px 20px;
	color: #fff;
}

#publicaties .emptyitem{
	border-left: #8E172A solid 3px;
	border-right: #8E172A solid 3px;
	border-bottom: #8E172A solid 3px;
	color: #fff;
}

#publicaties #doorlink{
	border-left: #8E172A solid 3px;
	padding: 3px 30px 3px 10px;
	float: right;
	background: url(../img/paper.gif) 100px 4px no-repeat #fff;
}

#publicaties #doorlink a{
	color: #A60835;
	text-decoration: none;
}

#publicaties .item a{
	color: #fff;
	text-decoration: none;
}

#attendering{
	padding: 33px 8px 0px 8px;
	margin: 0 3px 0 0;
	background-color: #E1E1E1;
	border-bottom: #fff solid 1px;
}

#attendering #title{
	font-weight: bold;
	padding-bottom: 10px;
}

#attendering #title span{
	color: #8E172A;
}

#attendering #inschrijven{
	text-align: right;
	padding-bottom: 2px;
	padding-top: 20px;
}

#yearbox{
	margin: 0 2px 10px 0;
	padding: 10px;
	border-bottom: #ccc solid 1px;
}

#yearbox span{
	color: #8E172A;
}

#banner{
	margin: 0px;
	padding: 0px 0px 9px 0px;
}

#banner img{
	display: block;
}

/* -- Footer -- */

.spacer {
	height: 1px;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
}

#bottom{
	background-color: #8E172A;
	color: #fff;
	padding: 10px;
	margin: 0;
}

#bottom a {
	color: #fff;
}

#bottomshader{
	background: url(../img/bottomshadow.gif) center 0px no-repeat;
	margin: 0px auto;
}

/* -- Vcard -- */

#vcard{
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#vcard .name{
	padding: 8px 10px;
	background-color: #8E172A;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
}

#vcard .photo{
	border: #999 solid 1px;
	margin: 5px;
	float: right;
}

#vcard .info{
	font-weight: normal;
	padding: 5px;
	background-color: #fff;
}

#vcard .sub{
	font-weight: bold;
	width: 90px;
	height: 20px;
	float: left;
}