/*--- Colours ---
Rood	#D73726
Blauw	#0370B9
---------------*/


body {background:url('/custom-files/resources/1.0/img/body-background.jpg') no-repeat center top; text-align:center; font-family:Trebuchet MS, sans-serif; font-size:0.7em;}
a {color:#0370b9; text-decoration: underline;}
a:hover {color: #D73650;}

ul {
	list-style-image:url(/custom-files/resources/1.0/img/small-red-arrow.gif);
}

h1 {font-size:1.6em; color:#D73726;}

h2, h3 {
	color:#d73726;
	margin:0px 0px 15px 0px;
	font-size: 1.3em;
}


#siteContainer.klein {
font-size: 1em;
}
#siteContainer.groot {
font-size: 1.2em;
}
#siteContainer {
	margin:0px auto;
	width:672px;
	text-align:left;
}
/*=================================
Homepage specific
=================================*/
body.home {background:url('/custom-files/resources/1.0/img/landing-background.jpg') no-repeat center top;}
body.home #header {
	height:95px;
	width:100%;
}

body.home #catMenu {
	height:244px;
	overflow:hidden;
}
	body.home #catMenu .gxmlLinks {
		width:100%;
	}
		body.home #catMenu .gxmlLinks a {float:left;}

body.home #special {
	height:148px;
}
	body.home #special table{
		width:340px;
		height:148px;
		margin:0px auto;
	}
	body.home #special table  td {vertical-align:middle; padding:0px 2px;}
	body.home #special a {font-weight:normal;}

body.home #contentContainer {
	color:black;
	margin:13px 0px 25px 0px;
	background:url('/custom-files/resources/1.0/img/slogan.gif') no-repeat right bottom;
	padding:0px 0px 30px 0px;
}

body.home .news-index-component {
	width:325px;
	float:left;
	margin:0px 0px 0px 11px;
}

body.home #quickLinks {
	width:168px;
	float:right;
}

/*=================================
Header elements
=================================*/
#header {
	position:relative;
	height:116px;
	width:100%;
}

#header a {text-decoration:none;}

	#header .logo {
		width:200px;
		float:left;
	}
	#header .searchform {
		width:174px;
		float:right;
		padding:25px 0px 0px 0px;
		margin:0px 0px 0px 5px;
		position: relative;
	}
		#header .searchform  span {color:#0370b9;}
		#header .searchform  form {margin:0px 0px 0px 0px;}
		#header .searchform  input {float:left; width:150px;}
		#header .searchform  .searchButton { border: none; float:left; display:block; width:17px; height:20px; background:url('/custom-files/resources/1.0/img/search-arrow.gif') no-repeat 0px 0px; cursor:pointer;}
		#header .searchform h2 {color:#0370B9; font-size: 16px; font-weight:normal; margin:0px 0px 5px 0px;}
		#header .searchform .search-frame {
			position: absolute;
		}
		.search-suggest-suggestions {
			position: absolute;
			height: 1px;
			width: 1px;
			display:block;
		}
		.search-suggest-suggestion {
			list-style: none;
			background-color: #eeeeee;
			padding: 5px;
			margin: 0;	
			border: 1px solid #D73726;
		}
		
	#header .siteMenu {
		float:left;
		margin:53px 0px 0px 0px;
		color:#0370b9;
		font-size:11px;
	}
		#header .siteMenu ul {list-style:none; margin:0px;}
		#header .siteMenu li {float:left; border-left:1px solid #0370b9; padding:0px 12px; height:14px; display: inline;}
		#header .siteMenu li.first {border:0px none;}
		#header .siteMenu li a {height:14px; line-height:14px;}
		#header .siteMenu li a:hover {color:#D73726;}
		#header .siteMenu li.selected a {color:#000000;}
	#header  span {
		width:174px;
	}
	#header .catMenu {
		position:absolute;
		bottom:0px;
		width:672px;
		height:22px;
		background:url('/custom-files/resources/1.0/img/header-catmenu-background.jpg') no-repeat 0px 0px;
		font-weight:bold;
	}
		#header .catMenu ul{list-style:none; padding:3px 0px 0px 0px; height:19px; margin:0px; text-align:center;}
		#header .catMenu ul li {padding:0px 12px; height:14px; display:inline;}
		#header .catMenu ul li a {}
		#header .catMenu ul li a:hover {color:#D73726;}
		#header .catMenu ul li.selected a {color:#D73726;}
		#header .catMenu .disabled{
			text-decoration: line-through;
		}


/*=================================
Content elements
=================================*/
#topImg {
	width:872px;
	height:101px;
	margin:0px 0px 0px -100px;
	line-height: 0px;
}

.printIcon {
	float:right;
}

#contentContainer {
	/* position:relative; --> verwijderd ivm IE7 */
	display:block;
	color:black;
	margin:13px 0px 0px 0px;
	background:url('/custom-files/resources/1.0/img/content-background-dashed-lines.gif') repeat-y 0px 0px;
}


.oneLine{
	background:url('/custom-files/resources/1.0/img/content-background-dashed-line.gif') repeat-y 0px 0px;	
}


#contentContainerLeftRight {
	position:relative;
	display:block;
	color:black;
	margin:13px 0px 0px 0px;
	background:url('/custom-files/resources/1.0/img/content-background-left-right.gif') repeat-y 0px 0px;

}

#contentContainerForm {
	color:#0370b9;
	margin:13px 0px 0px 0px;
	background:url('/custom-files/resources/1.0/img/content-background-dashed-lines.gif') repeat-y 0px 0px;
}
#infoBar {
	padding:3px 0px 0px 0px;
	height:31px;
}
	#infoBar .breadCrumb {
		color:#D73726;
		display:block;
		float:right;
		margin:0 7px 0;
		text-align:right;
		max-width:270px;
	}
	#infoBar .breadCrumb tr th {
		height:28px;
		vertical-align:middle;
	}
	#infoBar .breadCrumb a {color:#D73726; text-decoration:underline;}
	#infoBar .breadCrumb span {color:#000;}
	
.left {
	float:left;
	width:168px;	
}
.left a {text-decoration:none;}

.picture-component .left {width:auto;}


/*--- MENU ---*/
	/* Level1 */
	.left .menu ul {
		list-style: none; 
		list-style-image: none;
		font-weight:bold;
	}
		.left .menu ul li.normal a{
			padding:0px 0px 3px 6px;
			background: url("/custom-files/resources/1.0/img/small-red-arrow.gif") no-repeat scroll 0 3px transparent;
		}
			.left .menu ul li.selected a{
				padding:0px 0px 3px 6px;
				background: url("/custom-files/resources/1.0/img/small-red-arrow-down.gif") no-repeat scroll 0 3px transparent;
				color:#D73726;
			}
	/* Level2 */
				.left .menu ul li.selected ul li.normal a{
					background: url("/custom-files/resources/1.0/img/small-red-arrow.gif") no-repeat scroll 0 3px transparent;
					color:#0370B9;
				}
				.left .menu ul li.selected ul li.selected a{
					background: url("/custom-files/resources/1.0/img/small-red-arrow-down.gif") no-repeat scroll 0 3px transparent;
					color:#D73726;
				}
	/* Level3 */
					.left .menu ul li.selected ul li.selected ul li.normal a{
						background: url("/custom-files/resources/1.0/img/small-red-arrow.gif") no-repeat scroll 0 3px transparent;
						color:#0370B9;
					}
					.left .menu ul li.selected ul li.selected ul li.selected a{
						background: url("/custom-files/resources/1.0/img/small-red-arrow-down.gif") no-repeat scroll 0 3px transparent;
						color:#D73726;
					}
	/* functions */
	.left .menu ul li.selected ul {display:none;}
	.left .menu ul li.selected  ul {display:block;}
	.left .menu ul li.selected  ul ul {display:none;}
	.left .menu ul li.selected  ul li.selected ul {display:block;}
	.left .menu ul li.disabled a  {
		color:#C3C3C3;
		text-decoration:line-through;
	}

	/* normaal */
#contentContainer .middle {
	float:left;
	width:316px;
	padding:0px 10px;
}
	/* bij formulier */
#contentContainerForm .middle {
	float:left;
	width:473px;
	padding:0px 10px;
}

#contentContainerLeftRight .middle {
	float:left;
	width:473px;
	padding:0px 0px 0px 10px;	
}

.right {
	float:right;
	width:157px;
	position: relative;
}
	
	
/*=================================
Footer elements
=================================*/
#footerContainer {
	margin:5px auto 0px auto;
	text-align:left;
	width:872px;
	height:56px;
	background:url('/custom-files/resources/1.0/img/footer-background.jpg') no-repeat 0px 0px;
}

	/* bij formulier  */
#contentContainerForm {position:relative; display:block; width:672px; color:#0370b9; margin:13px 0px 0px 0px; background:url('/custom-files/resources/1.0/img/content-background-dashed-lines.gif') repeat-y 0px 0px;}
#contentContainerForm .left {float:left; width:168px; margin:0;} 
#contentContainerForm .middle {float:left; width:484px; padding:0px 10px;}	
#contentContainerForm .middle .field-error {display:block; position:absolute; margin:-20px 0px 0px 0px; left:525px; color:#D73726; width:168px;}
#contentContainerForm .middle .form-controls {margin:20px 0px 0px 0px;}
	
/*=================================
Roxen edit box
=================================*/
.content-box {  
}
div.content-box {
}
.roxen-edit-box-off { 
}
.roxen-edit-box-on {
	outline:          1px dotted #f8bb7b;
	/*background:       #f2f1eb;*/
	/*background:       #faf9f3;*/
}
.roxen-edit-marker-off {
	visibility:       hidden;
	display:          block;
	position:         absolute;
}
.roxen-edit-marker-on {
	visibility:       visible;
	display:          block;
	position:         absolute;
	background:       URL(/roxen-files/cms-sites/4.5/images/button_edit_comp.gif)
																		top left no-repeat;
	width:            28px;
	height:           13px;
	z-index:          1;
}
div.roxen-linkbrowser-anchor a {	visibility:       visible;
	display:          block;
	position:         absolute;
	background:       URL(/roxen-files/cms-sites/4.5/images/button_link_browser.gif)
																		top left no-repeat;
	width:            28px;
	height:           13px;
	z-index:          1;

}
.noLineHeight{
	line-height: 0px;
}