/* --------------------- page containers ------------------- */

#outer { /* contains all content */
	/* position: relative; */

	width: 100%;
	height: 100%;
	padding: 0;
}

#container { /* div id : contained in 'outer' : holds the total website page */
	position: relative; /* this way, the footer (which is contained in this div) can be positioned absolute by scripting */

	width: 895px;
	padding: 0;
	margin: 0 auto; /* centered */

	text-align: left; /* otherwise all contained text is center aligned due to the 'outer' align=center attribute */
}


/* --------------------- general ------------------- */

html {
	height: 100%; /* [A] : try to enable / disable this property combined with enabling / disabling [B] : IE and FF */
	padding: 0; /* maybe browsers do not have a 0 px default padding */
	margin: 0; /* maybe browsers do not have a 0 px default margin */
}

body {
	width: 100%; /* you may try to disable this property, it should not be needed */
	height: 100%; /* [B] : try to enable / disable this property combined with enabling / disabling [A] : IE and FF */
	padding: 0; /* most browsers do not have a 0 px default padding */
	margin: 0; /* most browsers do not have a 0 px default margin */

	/* all page elements have the font setting made here as default */
	font-family: Trebuchet,"Trebuchet MS",sans-serif;
	font-size: 14px;
	color: #4E4D4D;
	background-color: #ffffff; /* provides our popDiv-fade-to-color */
	line-height: 150%;
}

form {
	padding: 0;
	margin: 0;
}

.b {
	font-weight: 700;
}

.g {
	font-family: Trebuchet, Trebuchet MS ,sans-serif;
	font-size: 90%;
	color: #000000;
}

.FL {
	float: left;
}

.R {
	text-align: right;
}

.sgif {
	width: 1px;
	height: 1px;
}

a.linkA {
	color: #000000;
}

.red, .mono {
	font-family: monospace;
}

.red {
	color: #FF0000;
}

.red2 {
	color: #E0AD02;
}

.form_error_tekst {
	font-style: italic;
	padding: 0px 0px 0px 10px;
}

.zoekterm {
	font-weight: bold;
	color: #194987;
	background-color: #FFFFFF;
	padding: 0px 2px 0px 2px;
	border-width:0 0 1px 0;
	border-style:dashed;

}

#logos {
	padding-left: 15px;
}

#logos a {
	background-color: #FFFFFF;
	background-image: url(http://www.rumerslanden.nl/graphics/bg-logos.gif);
	padding: 0px 0px 0px 0px;
	width: 480px;
	height: 130px;
	display: block;
	float: left;
	margin: 0px;
	text-align: center;
}

#logos a:hover {
	background-color: #3b3c3c;
}

#test-show-vars {
	font-family: "lucida console", monospace;
	font-size: 10px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	width: 525px;
	margin: 10px 0px 10px 0px;
}


/* ---------------------- header ---------------------------- */
/* contained in 'container' */

#header {
	position: relative; /* this way the main nav bar (which is contained in header) can be positioned at the bottom */

	width: 895px;
	height: 225px;
	padding: 0;
	margin: 0;
	background-image: url(http://www.rumerslanden.nl/graphics/header-bg.jpg);
	background-repeat: no-repeat;
}

#header a#go-home {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#header a#go-home img {
	width: 480px;
	height: 130px;
	border: 0px solid #FFFFFF;
	z-index: 1;
}

#header a#stja {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}

#header a#stja img {
	width: 120px;
	height: 120px;
	border: 0px solid #FFFFFF;
	z-index: 1;
}


#header a#go-test {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}

#header a#go-test img {
	width: 30px;
	height: 30px;
	border: 0px solid #FFFFFF;
	z-index: 1;
}

/* ---------------------- nav main ---------------------------- */
/* contained in 'header' */

#main_nav {
	position: absolute;
	bottom: 40px;
	left: 0px;
	width: 895px;
	height: 28px;
	padding: 0;
	margin: 0;

background-image: url(http://www.rumerslanden.nl/graphics/main_nav_bg.gif);
	background-repeat: repeat-x;
}

#main_nav ul {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0;
	margin: 0;
	display: block;
	list-style-type: none;
	height: 28px;
}

#main_nav ul li {
	position: relative;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left; /* verwijdert rechter spatie !? */
	display: inline; /* = horizontal ! */
	line-height: 14px;
	font-size: 14px;
}

#main_nav ul li#L2 {
	width: 175px;
	padding: 0px 0px 0px 20px;
}

#main_nav ul li#L3 {
	width: 250px;
}

#main_nav ul li#L4 {
	width: 240px;
}

#main_nav ul li#L5 {
	width: 200px;
}

#main_nav ul li a {
	color: #ffffff;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
	display: block;
	text-decoration: underline;
}

#main_nav ul li ul {
	top: 20px;
	left: 0px;
	height: auto; /* !! */
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	display: none; /* becomes block by mouseover */
	z-index: 2; /* the submenu needs to be OVER the teasers */
}

#main_nav ul li#L2 ul {
	width: 173px;
background-image: url(http://www.rumerslanden.nl/graphics/subnav-bottom-01.gif);
	background-color: #009cda;

	background-repeat: no-repeat;
	background-position: left bottom;
}

#main_nav ul li#L3 ul {
	background-color: #83b817;
	width: 248px;
	margin-left: -20px;
}

#main_nav ul li#L4 ul {
	background-color: #e2007a;
	width: 241px;
	margin-left: -20px;
}

#main_nav ul li#L5 ul {
	background-color: #faba00;
	width: 216px;
	margin-left: -17px;
	padding: 10px 0px 10px 0px;
background-image: url(http://www.rumerslanden.nl/graphics/subnav-bottom-02.gif);

	background-repeat: no-repeat;
	background-position: right bottom;
}

#main_nav ul li ul li {
	background-image: none;
	display: block; /* vertical */
	padding: 4px 0px 6px 0px;
margin: -2px 0px -2px 0px;

	float: none;
	width: 150px;

	border-top: 1px solid #FFFFFF;
}

#main_nav ul li#L2 ul li {
	width: 173px;
	border-top: 1px solid #1473a1;
}

#main_nav ul li#L3 ul li  {
	border-top: 1px solid #627f26;
	width: 248px;
}

#main_nav ul li#L4 ul li {
	border-top: 1px solid #942c64;
	width: 241px;
}

#main_nav ul li#L5 ul li  {
	border-top: 1px solid #cda427;
	width: 216px;
}

#main_nav ul li ul li a {
	color: #FFFFFF;
	display: block;
	padding: 6px 0px 6px 20px;
	margin: 0px 0px 0px 0px;
	width: 130px;
}



/* ---------------------------- RIGHT CSS ---------------------------- */
#right {
	float: right;
	width: 460px;
}

#right.vervolg {
	float: right;
	width: 0px;
}

#vervolg-right {
	float: right;
	width: 460px;
	height: 280px;
	padding-left: 8px;
}

#right a:link, #right a:active, #right a:visited, #vervolg-right a:link, #vervolg-right a:active, #vervolg-right a:visited {
	color: #e2007a;
	text-decoration: underline;
	outline: none;
}

#right a:hover {
	text-decoration: underline;
}

#right p {
	margin: 0px 0px 0px 0px;
}

#right-img {
	margin: 0px 0px 0px 0px;
}

#GreyMenuBox {
	height: 36px;
	width: 460px;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	color: #868686;
	overflow: hidden;
	background-image: url(http://www.rumerslanden.nl/graphics/grijs-veld-rechts.gif);
}

#GreyMenuBox a:link, #GreyMenuBox a:active, #GreyMenuBox a:visited,#content-text #GreyMenuBox a:link,#content-text #GreyMenuBox a:active, #content-text #GreyMenuBox a:visited {
	color: #666666;
	text-decoration: underline;
	outline: none;
}

#GreyMenuBox a:hover,#content-text #GreyMenuBox  a:hover {
	color: #333333;
	text-decoration: underline;
}

#GreySearchBox {
	height: 32px;
	width: 409px;
	margin: 0px 0px 0px 0px ;
	padding: 4px 0px 0px 51px;
	color: #868686;
	overflow: hidden;
	background-image: url(http://www.rumerslanden.nl/graphics/grijs-veld-rechts.gif);
}

#GreySearchBox form {
	margin:0;
	padding:0;
}

#GreySearchBox input {
	width: 266px;
	height: 14px;
	margin-left: 20px;
	border: 0px;
	padding-left: 4px;
	padding-top: 3px;
	color: #333333
}

#GreySearchBox input#submit {
	width: 61px;
	height: 26px;
	padding:0;
}

#GreyMenuBox p {
	margin: 7px auto;
	padding: 0px 13px 0px 0px;
	text-align: center;
	font-size: 20px;
	line-height: 16px;
	font-size: 14px;
}

#GreyMenuBox a {
	color: #666;
}

#GreyMenuBox a:hover {
	color: #333;
}

.item-inhoud {
	padding: 0px 15px 0px 30px;
}

.ActualArticle {
	width: 460px; 
	background-color:#F4F0F7;
	border-bottom:1px solid #8D8D8D;
	margin-top: 20px;
	padding-bottom:10px;
}

.ActualArticle h2 {
	color: #4B2582;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
	margin: 0;
	padding-left: 14px;
	padding-top: 10px;
}

.ActualArticle2 {
	width: 460px; 
	border-bottom: 1px solid #8D8D8D;
	margin-top: 0px;
	padding-bottom: 30px;
}

.ActualArticle2 h2 {
	color: #4B2582;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
	margin: 0;
	padding-left: 14px;
	padding-top: 30px;
}


.ActualArticle2 p {
	padding-left: 30px;
	padding-top: 0px;
}

.lees-verder {
	float: right;
}
/* --------------------- column content ------------------- */
/* contained in 'container' */

#content {
	position: relative;
	width: 420px; 
	padding: 0; /* bottom padding voor de footer */
	margin: 0;
	background-color: #ffffff;
	float: left;
}

#content.vervolg {
	width: 895px; 
}

#content h1 {
	color: #4B2582;
	font-size: 27px;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

#content ul {
	list-style-type: square;
}
#content-text {
	width: 883px;
	height: auto;
	margin: 0;
	padding: 0px 0px 0px 12px;
}
#content-text.home {
	width: 408px;
	height: auto;
	margin: 0;
	padding: 0px 0px 0px 12px;
}

#content-text a:link, #content-text a:active, #content-text a:visited {
	color: #e2007a;
	text-decoration: underline;
	outline: none;
}

#content-text a:hover {
	text-decoration: underline;
}

#crumbtail {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #888888;
	font-size: 10px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

#crumbtail a:link, a:active, a:visited {
	color: #888888;
	text-decoration: none;
}

#crumbtail a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

/*------ Opmaak Ga terug ------*/

#terug a {
	width: 94px;
	height: 25px;
	background-image: url(http://www.rumerslanden.nl/graphics/ga-terug.jpg);
	background-repeat: no-repeat;
	position: absolute;
	right: 353px;
	bottom: 10px;
	text-indent: -5555px;
	overflow: hidden;
}

#terug a:hover {
	background-position: 0px -25px;
}

/* --------------------- nieuws ------------------- */

#homenews {
	margin: 0px 20px 0px 0px;
	padding: 40px 0px 0px 0px;
	float: left;
	font-size: 11px;
	font-family: verdana;
	color: #dedede;
}

#content-news-home {
	font-size: 11px;
	font-family: verdana;
	color: #dedede;
	width: 687px;
	height: auto;
	margin: 0;
	padding: 15px 10px 30px 10px;
	background-image: url(http://www.rumerslanden.nl/graphics/ronding_contenttext_top.gif);
	background-repeat: no-repeat;
}

#nieuws-header {
	width: 778px;
	height: 24px;
	background-image: url(http://www.rumerslanden.nl/graphics/nieuws_header.gif);
	background-repeat: no-repeat;
}

.news-border {
	border-top:	#5577a4 1px solid;
	margin: 0px 10px 0px 10px;
}

.datum {
	font-size: 11px;
	font-style: italic;
	color: #888888;
}

.home-news-img {
	border: 1px solid #FFFFFF;
	float: left;
	margin-bottom: 10px;
}

a:link.title, a:active.title, a:visited.title {
	font-size: 11px;
	font-family: verdana;
	color: #dedede;
	text-decoration: none;	
	font-weight: bold;
}

a:hover.title {
	text-decoration: underline;	
}

.item-inhoud-home {
	margin: 0px 0px 0px 0px;
	min-height: 160px;
	width: 550px;
	display: block;
	float: right;
	position: relative;
}

.leesmeer-home a {
	width: 94px;
	height: 25px;
	background-image: url(http://www.rumerslanden.nl/graphics/leesmeer.jpg);
	background-repeat: no-repeat;
	position: absolute;
	right: 20px;
	bottom: 10px;
	text-indent: -5555px;
	overflow: hidden;
}

.leesmeer-home a:hover {
	background-position: 0px -25px;
}

/* --------------------- nieuws archief ------------------- */

.scheiding {
	margin-bottom: 10px;
}

#content-text a.nieuwskopje {
	font-size: 14px;
	font-weight: bold;
	padding-top: 15px;
}

#content-text .news-img {
	border: 1px solid #FFFFFF;
	float: left;
	margin-bottom: 10px;
}

#content-text .item-inhoud {
	padding-bottom:  20px;
	margin: 0px 0px 0px 0px;
	min-height: 120px;
	width: 590px;
	display: block;
	float: right;
	position: relative;
}

.leesmeer a {
	width: 94px;
	height: 25px;
	background-image: url(http://www.rumerslanden.nl/graphics/leesmeer.jpg);
	background-repeat: no-repeat;
	position: absolute;
	right: 20px;
	bottom: 10px;
	text-indent: -5555px;
	overflow: hidden;
}

.leesmeer a:hover {
	background-position: 0px -25px;
}

/* --------------------- footer ------------------- */
/* contained in 'container' */

#footer {
	position: absolute;
	left: 0px;
	width: 895px;
	height: 190px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	visibility: hidden;
	background-image: url(http://www.rumerslanden.nl/graphics/footer-bg.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;

}

#BottomBar {
	padding: 0;
	margin: 130px 0px 0px 0px;
	height: 20px;
	float: right;
	width: 855px;
}

#footer #BottomBar ul {
	width: 855px;
	color: #DDD;	
	list-style-type: disc;
	list-style-image: none;
	list-style-position: inside;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#footer #BottomBar ul li {
	float: right;	
	margin: 0px 0px 0px 0px;
	padding: 5px;
	color: #DDD;
	display: block;
}

#footer #BottomBar ul li a {
	color: #555;

	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 14px;
}

#footer #BottomBar ul li a:hover {
	text-decoration: underline;
}


/* De Sitemap */

ul#sitemap {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

ul#sitemap li {
	border-bottom: 1px solid #DDD;
	padding: 5px 0px;
}

ul#sitemap li ul {
	padding: 0px;
	margin: 0px 0px 0px 20px;
}

ul#sitemap li ul li {
	border: none;
	border-left: 1px solid #666;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 10px;
	list-style-type: none;
}


/* --------------------- zoek input luikje ------------------- */

#searchtext {
	width: 120px;
	height: 12px;
	border: 1px solid #9f5a5a;
	background-image: url(http://www.rumerslanden.nl/graphics/zoekvenster.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	padding: 0px 3px 3px 3px;
	margin: 0;
}

.item-zoek, .item-zoek2 {
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: 3px;
	right: 15px;
}

.item-zoek table {
	margin: 0px 0px 0px 20px;
}

.item-zoek2 table {
	margin-left: 11px;
}

.zoek-txt {
	font-size: 10px;
	font-weight: 700;
	color: #606060;
	padding: 0px 0px 6px 0px;
}

/* ------------------------------------------------------------ */

.zoekterm-box {
	font-size: 14px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	width: 800px;
	margin: 10px 0px 0px 0px;
}

.zoekterm-klein {
	font-size: 11px;
	color: #000000;
	background-color: transparent;
	border: 1px solid #7ca7ff;
}

ul#search-result li {
	margin: 0px 0px 20px 0px;
}

/* ------------------------------------------------------------ */

table#algemenevoorwaarden tr td#titel {
	font-size: 16px;
	font-weight: bold;
}

table#algemenevoorwaarden tr td#klein {
	font-size: 9px;
	font-style: italic;
}

table#algemenevoorwaarden tr td {
	font-family: verdana;
	font-size: 11px;
}

table#algemenevoorwaarden #content ul li div span {
	font-size: 130%;
	color: #A20067;
	}

table#algemenevoorwaarden #content ul {
	color: #A20067;
	}

table#algemenevoorwaarden #content ul li div {
	color: #184C92;
	}

table#algemenevoorwaarden #content ul li {
	font-size: 11px;
	color: #A20067;
	}

table#algemenevoorwaarden #content ul li ul li {
	color: #184C92;
	}

table#algemenevoorwaarden tr td p#av_footer {
	color: #184C92;
}