#container {
	width: 584px;
	background-color: #FFFFFF;
	position: relative;
	/*background-image: url(../images/main_bckgr.gif);
	background-repeat: repeat-y;
	background-position: right top;*/
	font-family: "Trebuchet MS", Arial, sans-serif ;
}
#mainitem {
	border: solid 7px #0047b6;
	border-right: none;
	float: right;
	width: 569px; /*584 - 7px(border) - 2*4px (padding)*/
	margin: 23px 0 0 0;
	background-color: white;
	padding: 8px 4px;
	position: relative;
	height: 281px;
	font-family: "Trebuchet MS", Arial, sans-serif !important;
}
* html #mainitem {
	width: 585px;
	height: 305px;
}
#mainitem h2 {
	margin: 0 0 0 294px;
	font-size: 22px;
	font-weight: bold;
	text-transform:uppercase;
		font-family: "Trebuchet MS", Arial, sans-serif;
}
#mainitem p {
	margin: 0 0 0 294px;
	font-family: "Trebuchet MS", Arial, sans-serif;

}
#mainitem img {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 4px 4px 0px 4px;
}

#mainitem1 {
	border: solid 7px #0047b6;
	border-right: none;
	border-bottom: none;
	float: right;
	width: 569px; /*584 - 7px(border) - 2*4px (padding)*/
	margin: 23px 0 0 0;
	background-color: white;
	padding: 8px 4px;
	position: relative;
	height: 195px;
	font-family: "Trebuchet MS", Arial, sans-serif !important;
}
* html #mainitem1 {
	width: 585px;
	height: 218px;
	}

	
#mainitem1 h2, #mainitem2 h2 {
	margin: 0 0 0 210px;
	font-size: 18px;
	font-weight: bold;
	text-transform:uppercase;
	font-family: "Trebuchet MS", Arial, sans-serif;
}


#mainitem1 h1, #mainitem2 h1, 
#mainitem1 h2, #mainitem2 h2,
#mainitem1 h3, #mainitem2 h3,
#mainitem1 h4, #mainitem2 h4, 
#mainitem1 h5, #mainitem2 h5 
{
    margin: 0 0 0 210px;
}







#mainitem1 .p {
	margin: 0 0 0 210px;
	font-family: "Trebuchet MS", Arial, sans-serif;

}
#mainitem1 img {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 4px 4px 0px 4px;
}



#mainitem2 {
	border: solid 7px #0047b6;
	border-right: none;
	border-top: none;
	float: right;
	width: 569px; /*584 - 7px(border) - 2*4px (padding)*/
	margin: 0 0 0 0;
	background-color: white;
	padding: 8px 4px;
	position: relative;
	min-height: 195px;
	font-family: "Trebuchet MS", Arial, sans-serif !important;
}
* html #mainitem2 {
	width: 585px;
	height: 218px;
}


#mainitem2 .p {
	margin: 0 0 0 210px;
	font-family: "Trebuchet MS", Arial, sans-serif;

}

#mainitem2 .p  p{
	margin: 0 0 0 0px;
}

#mainitem2 img {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 4px 4px 0px 4px;
}

.datagegevens {
	/*top: 8px;
	position: absolute;*/
}
.datagegevens a.bestelknop {
	
	background-color: #FF0000;
	position: relative;
	display:block;
	width: 263px;
	height: 22px;
	text-align: right;
	color: white;
	text-decoration:none;
	font-weight: bold;
	padding: 2px 5px;
}



#mainitem1 .datagegevens a.bestelknop, #mainitem2 .datagegevens a.bestelknop {
width: 343px;
}


#weekagenda {
	position: relative;
	border-top: solid 1px #0047b6;
	z-index: 10;

}
.komendeweek {
	position: absolute;
	width: 200px;
	height: 22px;
	right: 0px;
	background-color:  #0047b6;
	font-size: 13px;
	font-weight: bold;
	color: white;
	padding: 4px;
	text-align: right;
}
* html .komendeweek {
margin-top: 14px
}
.komendeweek a {
	color: white;
}
.komendeweek a:hover {
	color: white;
	text-decoration:none;
}
#weekagenda ul {
	list-style-type: none;
	margin: 0;
	padding: 0px;
	height: 90px;
	position: relative;
	margin-top: 40px;
	border-left: solid 7px white;
	border-top: solid 3px #0047b6;
	border-right: solid 10px #0047b6;
	
}
#weekagenda ul li {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 76px;
	height: 76px;
	border: solid 5px white;
	border-left: none;
	background-image: url(../images/bckgr_weekagendadag.jpg);
	background-repeat: repeat-x;	

}

* html #weekagenda ul {
	
}
.repeatdate {
	position: absolute;
	top: -1px;
	left: -1px;
	
}
#weekagenda ul li a{
	display: block;
	width: 76px;
	height: 76px;
	position:relative;
	text-decoration:none;
	color:#333333;
	vertical-align: bottom;
	font-size: 11px;
	padding: 0 0 0 5px;
}
#weekagenda ul li .repeatdate a{ 
 color: #FFFFFF;
}
#weekagenda ul li a span {
	font-size: 34px;
	font-weight: bold;
	color: white;
	display:block;
	color: #333333;
	text-transform:uppercase;
	margin: 34px 0 3px -1px;
}
* html #weekagenda ul li a span {
 margin-top: 30px;
 margin-bottom: 12px;
}
#weekagenda ul li .repeatdate a span { 
	color: white;
}
#verwacht {
	border-bottom:  solid 2px #0047b6;
}
#verwacht h2 {
	xposition: absolute;
	width: 150px;
	height: 20px;
	background-color:#0047b6;
	margin: 15px 0px 0px 0px;
	padding: 4px;
	color: white;
		font-size: 13px;
	font-weight: bold;
	
}
.verwachtitema, .verwachtitemb {
	border-top: solid 2px #0047b6;
	position: relative;	
	background-color: white;
	height: 120px;
}
.verwachtitema {
	border-left: solid 5px #0047b6;
}
.verwachtitemb {
	border-right: solid 5px #0047b6;
}
#verwacht .gegevens, #verwacht .foto, #verwacht .tekst {
	position: relative;
	float: left;
	width: 130px;
	height: 112px;
	margin: 2px 4px;
}

#verwacht .gegevens { 
	width: 142px;
}
#verwacht .tekst { 
	width: 272px;
	padding: 5px 0 0 8px;
}
.gegevens a.bestelknop {
	
	background-color: #FF0000;
	position: absolute;
	display:block;
	width: 128px;
	height: 15px;
	text-align: left;
	color: white;
	text-decoration:none;
	font-weight: bold;
	padding: 2px 5px;
	bottom: 3px;
}

.gegevens a.bestelknopbestel {
	
	background-color: #04b300;	
}
#verwacht .tekst h3, #verwacht .tekst h4, #verwacht .tekst p {
	margin: 0;
	padding: 0;
	color: black;
} 
#verwacht .tekst h4 {

	color:  #0047b6;
} 

/* menu styles */
.menuroot-sub a, .menuroot-nosub a, .menuroot-subminus a, .menusub a, .menusubactive a,  .menusubminus a {
	
	display: block;
	position: relative;
	margin-left: 0px;
	padding-left: 3px;
} 
.menuroot-sub a:link, 
.menuroot-sub a:visited,
.menuroot-sub a:active,
.menuroot-sub a:hover {
	left: 0px;
	font-weight: bold;
	color: #333333;
}
.menuroot-sub strong {
	color:#0047B6;
}
.menuroot-nosub a:link, 
.menuroot-nosub a:visited, 
.menuroot-nosub a:active, 
.menuroot-nosub a:hover {
	font-weight: bold;
	color: #333333;
}
.menuroot-nosub strong {
	color:#0047B6;
}
.menuroot-subminus a:link, 
.menuroot-subminus a:visited, 
.menuroot-subminus a:active,
.menuroot-subminus a:hover {
	background-color: #E62C2D;
	font-weight: bold;
	color: #FFF;
	
}
.menuroot-subminus strong {
	color:#0047B6;
}

 .menusub a:link, 
 .menusub a:visited, 
 .menusub a:active, 
 .menusub a:hover {
	padding-left: 10px;
	color: #333333;
}

.menusub strong {
	color:#0047B6;
}


.menusubactive a:link, 
.menusubactive a:visited, 
.menusubactive a:active, 
.menusubactive a:hover {
	color: #000;
	padding-left: 10px;
	background-color: #F8CACA;
}

.menusubactive strong {
	color:#0047B6;
}

 .menusubminus a:link, 
 .menusubminus a:visited, 
 .menusubminus a:active, 
 .menusubminus a:hover {
	left: 10px;
	font-weight: bold;
	color: #333333;
}
.menusubminus strong {
	color:#0047B6;

}

.menuroot-news,
.menuroot-news a:link, 
.menuroot-news a:visited, 
.menuroot-news a:active, 
.menuroot-news a:hover {
	color:#ffffff;
	padding-left: 1px;
	background-color: #0048B6;
	font-weight:bold;
}

.menuActiveLink a:link, .menuActiveLink a:visited, .menuActiveLink a:active, .menuActiveLink a:hover {
	display: block;
	color:#0047B6;
	position: relative;
	left: -5px;
}

.dwpopup {
	width: 160px;
	background-color: white;
	display: none;
	position: absolute;
	top: 80px;
	padding: 0;
	margin: -1px 0 0 -5px;
	border: solid 1px #0047b6;
	border-top: solid 3px #0047b6;
	border-bottom: solid 2px #0047b6;
}
* html .dwpopup {
	margin-top: 1px;
}
#weekagenda .dwpopup a {
	display: block;
	width: 154px;
	height: auto;
	color: #0047b6;
	margin: 0;
	padding:3px;
	border-bottom: solid 1px #0047b6;
	background-color:#FFF;
}
* html #weekagenda .dwpopup a {
	width: 160px;
}
#weekagenda .dwpopup a:link, #weekagenda .dwpopup a:link  {

}
#weekagenda .dwpopup a:hover {
	background-color: #0047b6;
	color: #FFFFFF;
} 
#weekagenda .dwpopup a:active {
	background-color: #FF0000;
	color: #FFFFFF;
}