/*
Stylesheet rkhorizon.nl
Desc: Common
*/

body {
	position: relative;
	width: 980px;
	margin: 0 auto;
	
	background-color: #FFD200;

	font-size: 62.5%; /* 10px */
	font-family: Verdana;
	color: #393939;
}

img {
	border: none;
}

/* A classes */
a {
	color: #ff4f01;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	
}

a.sidebar:link, a.sidebar:visited {
	color: #393939;
	text-decoration: none;
	font-weight: normal;
}
a.sidebar:hover {
	border-bottom: 1px dotted #393939;
}

a.sidebar-blue:link, a.sidebar-blue:visited {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
a.sidebar-blue:hover {
	border-bottom: 1px dotted #fff;
}

.area-blue a.sidebar:link, .area-blue a.sidebar:visited {
	color: #fff;
	text-decoration: none
}
.area-blue a.sidebar:hover {
	border-bottom: 1px dotted #fff;
}

a.nunl:link, a.nunl:visited {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
a.nunl:hover {
	border-bottom: 1px dotted #fff;
}

/* Header */
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 172px;
	background: transparent url(../img/header.jpg) no-repeat;
	padding-top: 10px;
	text-align: right;
}

#contactlink {
	margin-right: 10px;
}

/* Sidebars */
#leftColumn .area,
#rightColumn .area {
	background: #fff url(../img/area/bg-sidebar.gif) repeat-y;
	margin-bottom: 9px;
}

#leftColumn .mb,
#rightColumn .mb {
	height: 143px;
	overflow: hidden;
	background: transparent url(../img/area/messageboard-background.png) no-repeat;
	margin-bottom: 9px;
}

#messageboardFlashContainer {
	margin: 37px 9px 0 9px;
	color: #fff;
}

#messageboardFlash {
	margin: 37px 0 0 9px;
}

#leftColumn .qb1,
#rightColumn .qb1 {
	background: none;
	margin-bottom: 4px;

}

#leftColumn .qb2,
#rightColumn .qb2 {
	background: none;
	margin-bottom: 9px;

}

#leftColumn .qb3,
#rightColumn .qb3 {
	background: none;
	margin-bottom: 4px;

}

#leftColumn .qb4,
#rightColumn .qb4 {
	background: none;
	margin-bottom: 9px;

}

#leftColumn .area-blue,
#rightColumn .area-blue {
	background: #47B1E8 url(../img/area/bg-bluesidebar.png) repeat-y;
	margin-bottom: 9px;
}

#leftColumn .area img.header,
#rightColumn .area img.header {
	margin: 0;
	padding: 0;
}

#leftColumn .area-blue img.footer,
#rightColumn .area-blue img.footer,
#leftColumn .area-blue img.footer,
#rightColumn .area-blue img.footer {
	margin: 2px 0 0 0;
	padding: 0;
}

#leftColumn .area img.icon-bluesidebar,
#rightColumn .area img.icon-bluesidebar {
	width: 203px;
	height: 96px;
	margin: 15px 0 0 12px;
	border: 1px solid #fff;
}

#leftColumn .area p.lead,
#rightColumn .area p.lead {
	font-weight: bold;
	line-height: 1.5em;
	text-align: justify;
	color: #fff;
	margin: 15px 12px 5px 12px;
}

#leftColumn .area p,
#rightColumn .area p {
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: normal;
	text-align: justify;
	color: #fff;
	margin: 7px 12px 2px 12px;
}

#leftColumn .area dl,
#rightColumn .area dl {
	margin: 15px 12px 0 12px;
	padding: 0;
}

#leftColumn .area dt,
#rightColumn .area dt {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #a9e2ff;
}

#leftColumn .area dd,
#rightColumn .area dd {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #fff;
	margin: 0;
}

#leftColumn .area dd.divider,
#rightColumn .area dd.divider {
	height: 1px;
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin: 10px 0 12px 0;
}

#leftColumn .area ul,
#rightColumn .area ul {
	list-style: square outside url(../img/area/bullet-sidebar.gif);
	width: 180px;
	margin: 10px 0 0 0;
	padding: 0 0 0 29px;
	font-size: 1.1em;
}

#leftColumn .area-blue ul,
#rightColumn .area-blue ul {
	list-style: square outside url(../img/area/bullet-sidebar-white.gif);
	width: 180px;
	margin: 10px 0 0 0;
	padding: 0 0 0 29px;
	font-size: 1.1em;
}


#leftColumn .area ul li,
#rightColumn .area ul li {
	padding: 0 0 3px 0;	
}

#leftColumn fieldset,
#leftColumn form,
#rightColumn fieldset,
#rightColumn form {
	border: none;
	margin: 0;
	padding: 0;
}

#leftColumn input,
#rightColumn input {
	font-size: 1.1em;
}

#leftColumn input.text,
#rightColumn input.text {
	width: 159px; /* 169 voor ie */
	height: 18px; /* 21 voor ie */
	padding: 3px 5px 0 5px;
	border: 1px solid #fff;
	background: url(../img/area/textinput-sidebar.png) no-repeat left center;
	margin: 0 0 0 12px;
}

#leftColumn input.text-first,
#rightColumn input.text-first {
	margin-top: 17px;
}

#leftColumn input.search-submit,
#rightColumn input.search-submit {
	position: absolute;
	margin: -6px 0 0 4px;
}

#leftColumn input.search-submit-first,
#rightColumn input.search-submit-first {
	margin-top: 11px;
}

#leftColumn .area img.icon-bluesidebar-poll,
#rightColumn .area img.icon-bluesidebar-poll {
	margin: 8px 0 15px 12px;
}

#leftColumn .area .poll,
#rightColumn .area .poll {
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: normal;
	text-align: justify;
	color: #fff;
	margin: 0 12px 2px 12px;
}

#leftColumn .area input.radio,
#rightColumn .area input.radio {
	margin-right: 13px;
}

#leftColumn input.poll-submit,
#rightColumn input.poll-submit {
	margin: 0 0 0 185px;
}

#leftColumn .area .poll-result,
#rightColumn .area .poll-result {
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: normal;
	text-align: justify;
	color: #fff;
	margin: 0 16px 2px 52px;
	clear: both;
}

#leftColumn .area .poll-percentage,
#rightColumn .area .poll-percentage {
	list-style: none;
	margin: 0;
	padding: 0 16px 0 16px;
}

#leftColumn .area .poll-percentage-text,
#rightColumn .area .poll-percentage-text {
	float: left;
	width: 36px;
	color: #fff;
	font-style: italic;
	padding: 0;
}

#leftColumn .area .poll-percentage-bar,
#rightColumn .area .poll-percentage-bar {
	float: left;
}

#schoolbord-banner {
	margin-bottom: 9px;
}

/* LeftColumn */
#leftColumn {
	position: absolute;
	top: 186px;
	left: 0;
	width: 229px;
}

/* RightColumn */
#rightColumn {
	position: absolute;
	top: 186px;
	left: 751px;
	width: 229px;
}

/* MiddleColumn */
#middleColumn {
	position: absolute;
	top: 186px;
	left: 243px;
	width: 494px;
}

#middleColumn .area {
	background: #fff url(../img/area/bg-schoolnieuws.png) repeat-y;
	margin-bottom: 9px;
}

#middleColumn .area img.header {
	margin: 0;
	padding: 0;
}

#middleColumn .area img.footer {
	margin: 2px 0 0 0;
	padding: 0;
}

#middleColumn .area h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #1bc023;
	margin: 9px 16px 0 16px;
}

#middleColumn .area h2 {
	font-size: 0.9em;
	font-weight: normal;
	color: #1bc023;
	margin: 1px 16px 0 16px;
}

#middleColumn .area img.icon {
	float: right;
	width: 126px;
	height: 126px;
	border: 1px solid #393939;
	margin-right: 16px;
}

#middleColumn .area div.readmore {
	position: absolute;
	margin: 94px 0 0 294px;
}

#middleColumn .area p.lead {
	width: 310px;
	height: 107px;
	margin: 20px 0 0 16px;
	background: #fff url(../img/area/bg-lead.gif) repeat-x;
	font-weight: bold;
	line-height: 1.5em;
	text-align: justify;
}

#middleColumn .area p.no-bg {
	background: none;
}

#middleColumn .area p {
	margin: 10px 16px 0 16px;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: normal;
	text-align: justify;
}

#middleColumn .area p a {
	color: #ff4f01;
	text-decoration: none;
	border-bottom: 1px solid #ff4f01;
}

#middleColumn .area a:hover {
	color: #ff4f01;
	text-decoration: none;
	border-bottom: 1px solid #1bc023;
}

#middleColumn .area .area-divide {
	margin: 18px 16px 2px 16px;
}

#middleColumn #banner {
	margin: 16px 0 0 16px;
}

#middleColumn #pages-previous,
#middleColumn #pages-pages,
#middleColumn #pages-next {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #ff4f01;
	margin-bottom: 15px;
}

#middleColumn #pages-previous {
	width: 134px;
	padding-left: 16px;
}

#middleColumn #pages-pages {
	width: 194px;
	text-align: center;
}

#middleColumn #pages-next {
	width: 134px;
	padding-right: 16px;
	text-align: right;
}

#middleColumn #pages-previous a,
#middleColumn #pages-pages a,
#middleColumn #pages-next a {
	font-weight: normal;
	color: #ff4f01;
	text-decoration: none;
}

input.text { font-family: verdana;
	font-size:10px;
	color: #393939;
}