/*
  Speciale opdracht voor tijdelijke homepage
  2010/MRT
*/
*:focus { 
	outline: 				0; 
}
body {
  background-color : #efeded;
  text-align: center;
}
#template2010 {
  text-align: left;
  position: relative;
  margin: 10px auto;
  padding: 0;
  border: 0 none;
  width: 975px;
}

.Header {
  width: 975px;
  float: none;
}
.Screen {
  visibility : hidden;
}

#page-container {
  margin: 10px auto 0px auto;
  padding: 0;
  border: 0 none;
  width: 975px;
}

#col-a {
font-size: 12px;
  margin: 0px 10px 0px 0px;
  padding: 0;
  border: 0 none;
  width: 575px;
  float: left;
  height: 500px;
}
html>body #col-a {
  overflow: auto;
  height: auto;
  min-height: 500px;
}

#col-b {
font-size: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0;
  border: 0 none;
  width: 390px;
  float: left;
  height: 500px;
}
html>body #col-b {
  overflow: auto;
  height: auto;
  min-height: 500px;
}

#carousel-wrapper {
  margin: 0px 0px 10px 0px;
  padding:0px;
  width: 575px;
  height: 390px;
  overflow : auto;
  background-color: #dedede;
}
#uplabs-wrapper {
  margin: 0px 0px 10px 0px;
  padding:0px;
  width: 390px;
  height: 330px;
  background-color: #dedede;
}

#col-b1 {
  position: relative;
  color: #FFFFFF;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  border: 0 none;
  width: 190px;
  float: left;
  background-color: #ec008c;
  height: 870px;
}
html>body #col-b1 {
  overflow: auto;
  height: auto;
  min-height: 870px;
}
#col-b2 {
  color: #FFFFFF;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  border: 0 none;
  width: 190px;
  float: left;
  background-color: #00adef;
  height: 925px;
}
html>body #col-b2 {
  overflow: auto;
  height: auto;
  min-height: 925px;
}
#col-a div.agenda-wrapper  {
  background:#FFFFFF url(agenda-header.png) no-repeat scroll 20px 10px;
  padding: 55px 15px 15px 18px;
}
#col-a div.nieuws-wrapper {
  background:#FFFFFF url(nieuws-header.png) no-repeat scroll 20px 10px;
  padding: 55px 15px 15px 21px;
  margin: 10px 0 0 0;
}
div.agenda-wrapper h1,
div.nieuws-wrapper h1 {
  color: #00adef;
  font-size: 18px;
  line-height: 20px;
}
div.agenda-wrapper a.meernieuwsagenda {
  color: #00adef;
  font-weight: bold;
}
div.nieuws-wrapper a.meernieuwsagenda {
  color: #00adef;
  font-weight: bold;
}

#col-b1 div.wrapper,
#col-b2 div.wrapper {
  padding: 0px 0px 0px 15px;
  line-height: 1.3em;
}
#col-b1 h1, #col-b2 h1 {
  color: #FFFFFF;
  margin: 0px;
  padding: 15px 0px 0px 0px;
  font-size: 18px;
}
#col-b1 a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
}
#col-b2 a {
  color: #FFFFFF;
  text-decoration: underline;
}
#col-b1 a:hover, #col-b2 a:hover {
  color: #FFFFFF !important;
  text-decoration: underline;
}
#col-b1 img, #col-b2 img {
  /*
  display: block;
  */
  margin: 5px 0px 5px -15px;
  padding: 0;
}
.item {
	width:				523px;
	height:				104px;
	margin-bottom:		10px;
	border-bottom:		1px solid #d6d6d6;
}
.item a {
  text-decoration: none;
}
.item .date {
	width:				35px;	
	float:				left;
	font-size:			15px;
	text-align:			center;
	color:				#ec008c;
}

.item .date .day_of_week {
	display:			block;
	height:				16px;	
	line-height:		16px;
	overflow:			hidden;
}

.item .date .day {
	display:			block;
	height:				24px;
	line-height:		20px;
	font-size:			24px;
	overflow:			hidden;
}

.item .date .hr {
	margin:				2px 0;
	border-bottom:		1px solid #ec008c;
	overflow:			hidden;
	height:				0px;
}

.item .content h3 {
	margin-bottom:		8px;
	font-size:			13px;
	color:				#00adef;	
}

.item .content h3 a{
  color: #00ADEF;
	text-decoration:	underline; 
}

.item .content p {	
	line-height:		18px;	
	font-size:			12px;
	color:				#333333;	
}

.item img {
	width:				95px;
	height:				95px;
	margin:				0 12px 0 9px;	
	float:				left;
	border: 0 none;
}
.newsletter-wrapper {
  position: absolute;
  bottom: 10px;
}
#col-b1 .newsletter-wrapper img,
#col-b2 .newsletter-wrapper img {
  margin: 0px 0px 0px -15px;
  padding: 0px;
  border: 0 none;
}