@import url("css_styled_content.css");
@import url("sm_employees.css");

/* Stichting Vughterstede */
body {
	background: #999 url(../images/bg.png);
	scrollbar-face-color: #999999;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-track-color: #999999;
	scrollbar-darkshadow-color: #999999;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	height:100%;
	/* ie < 7 heack */
	text-align:center;
}

a, a:visited {
	color:#647223;
}
p.align-center {
	text-align:center;
}
p.align-left {
	text-align:left;
}
p.align-right {
	text-align:right;
}
div.body {
	width:980px;
	margin:0 auto;
	/* ie < 7 heack */
	text-align:left;
}
form {
	margin:0;
	padding:0;
}
/**
 * beheer balk
 */
div.beheer {
	height: 18px;
	font-size:9px;
	color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	text-align:right;
	padding: 0 20px;
	display:block !important;
	z-index:200;
}
div.beheer a, div.beheer a:hover, div.beheer a:active, div.beheer a:visited {
	text-decoration:none;
	color:#CCCCCC;
}
div.beheer a:hover {
	color:#FFFFFF;
}

/**
 * header
 */
div.header {
	width:100%;
	height: 120px;
	background-color:#FFFFFF;
	position:relative;
	margin:0;
	z-index:1;
}
div.header div.logo_left {
	background:url(../images/hoeklinks.png) no-repeat top left;
	position:absolute;
	left:0;
	top:0;
	width: 255px;
	height:110px;
	z-index:10;
}
div.header div.logo_left img { display:none; }
div.header div.image {
	text-align:center;
	position:absolute;
	right: 5px;
	left:5px;
	top:5px;
	height:110px;
	z-index:1;
}
div.header div.image img {
width:100%;height:110px
}
div.header div.logo {
	height:110px;
	width: 255px;
	background-image:url(../images/hoekrechts.png);
	background-position: top right;
	background-repeat:no-repeat;
	position:absolute;
	right: 0px;
	padding: 14px 15px 0 0;
	z-index:10;
}
div.header div.logo img { display:none; }
/**
 * main
 */
div.main {
	background-color:#FFF;
}
div.main div.clear { clear:both; height:0px; }
/**
 * menu
 */
div.menu {
	border-top:1px solid #647223;
	display:block;
	float:left;
	width: 214px;
	z-index:20;
	margin-left:5px
}
div.menu ul.menu {
	margin:10px 0 0 0;
	padding:0 0 0 5px;
	position:relative;
	z-index:30;
	width: 209px;
}
div.menu ul.menu li {
	list-style:none;
	margin: 1px 0;
	position:relative;
	z-index:31;
	background-color:#647223;
}
div.menu ul.menu li a, div.menu ul.menu li a:link, div.menu ul.menu li a:hover, div.menu ul.menu li a:active, div.menu ul.menu li a:visited {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding: 0 10px;
	z-index:32;
	line-height: 165%;
	width: 189px;
}
div.menu ul.menu li:hover, div.menu ul.menu li.hover {
	background-color: #465a1c;
	border-bottom: 1px solid #d1901a;
	font-weight:bold;
}
div.menu ul.menu li a:hover {
}
div.menu ul.menu li ul {
	display:none;
	margin:0;
	padding:0;
	position:absolute;
	left: 209px;
	top:-1px;
	background-color: #647223;
	width:200px;
}
div.menu ul.menu li ul li {
	background-color: #465a1c;
	font-weight:normal;
}
div.menu ul.menu li ul li a, div.menu ul.menu li ul li a:hover, div.menu ul.menu li ul li a:active, div.menu ul.menu li ul li a:visited {
	width: 189px;
}
div.menu ul.menu li ul li a:hover {
	font-weight:bold;
}
div.menu ul.menu li ul li ul {
	display:none;
	left: 200px;
	width:200px;
	overflow:hidden;
}
div.menu ul.menu li ul li ul li, div.menu ul.menu li ul li:hover ul li, div.menu ul.menu li ul li.hover ul li {
	border: none;
}
div.menu ul.menu li ul li ul li a:hover {
	font-weight:bold;
	border-bottom: 1px solid #c98002;
}
div.menu ul.menu li.spacer, div.menu ul.menu li.spacer:hover {
	height: 10px;
	background-color:#FFF;
	border:none;
}
/* triggers */
div.menu ul.menu li:hover ul.level2, div.menu ul.menu li.hover ul.level2 {
	display:block;
}
div.menu ul.menu li ul li:hover ul, div.menu ul.menu li ul li.hover ul {
	display:block;
}

/* intranet menu */
div.menu ul.menu li.intranet a, div.menu ul.menu li.intranet a:active, div.menu ul.menu li.intranet a:visited,
div.menu ul.menu li.intranet ul {
	background-color: #d1901a;
}
div.menu ul.menu li.intranet:hover a,
div.menu ul.menu li.intranet li {
	background-color: #c98002;
}
div.menu ul.menu li.intranet:hover, div.menu ul.menu li.intranet:hover li:hover {
	border-bottom: 1px solid #465a1c;
}
div.menu ul.menu li.intranet:hover li a {
	background:none;
}
/* bewonersnet menu */
div.menu ul.menu li.bewonersnet a, div.menu ul.menu li.bewonersnet a:active, div.menu ul.menu li.bewonersnet a:visited,
div.menu ul.menu li.bewonersnet ul,
div.menu ul.menu li.menuitem262 a, div.menu ul.menu li.menuitem262 a:active, div.menu ul.menu li.menuitem262 a:visited
{
	background-color: #fff;
	border: 1px solid #647223;
	color:#647223;
	width:187px;
}
div.menu ul.menu li.bewonersnet:hover a,
div.menu ul.menu li.bewonersnet li {
	background-color: #fff;	
}
div.menu ul.menu li.menuitem262:hover {
	border-bottom: 1px solid #c98002;
}
div.menu ul.menu li.bewonersnet ul { width:220px}
div.menu ul.menu li.bewonersnet:hover li a,
div.menu ul.menu li.bewonersnet li a {
	border:none;
	border-bottom: 1px solid #647223;
	width:auto;
}
div.menu ul.menu li.bewonersnet:hover, div.menu ul.menu li.bewonersnet:hover li:hover {

}
div.menu ul.menu li.bewonersnet:hover li a {
	background:none;
}
/**
 * content
 */
div.content {
	float:left;
	display:block;
	width:732px;
	border-top:1px solid #647223;
	padding: 4px 12px;
	overflow:hidden;
}
div.kolom_links {
	width:353px;
	float:left;
	overflow:hidden;
	clear:both;
}
div.kolom_rechts {
	width:352px;
	float:left;
	overflow:hidden;
	padding-left:27px;
}
div.kolommen {
	clear:both;
	border-top: 2px solid #647223;
}
/* kruimels */
div.kruimels {
	line-height: 20px;
	font-size:10px;
}
div.kruimels span {
	font-weight:bold;
}
div.kruimels a, div.kruimels a:hover, div.kruimels a:active, div.kruimels a:visited {
	font-size:10px;
	color:#647223;
	text-decoration:none;
}
div.kruimels a:hover {
	text-decoration:underline;
}

/* tools */
div.tools {
	float:right;
	text-align:right;
	display:block !important;
}
div.tools a.print {
	display:block;
	overflow:hidden;
	float:right;
	padding:2px;
	width: 16px;
	height:16px;
	margin: 2px 0 0 8px;
}
div.tools a img { border:none}
div.tools a.print:hover {
	text-decoration:none;
	background-color:#eee;
}
div.tools a.font_normaal, div.tools a.font_normaal:hover, div.tools a.font_normaal:active, div.tools a.font_normaal:visited {
	font-size:12px;
	border-bottom:1px solid #647223;
}
div.tools a.font_groter, div.tools a.font_groter:hover, div.tools a.font_groter:active, div.tools a.font_groter:visited {
	font-size:14px;
}
div.tools a.font_groot, div.tools a.font_groot:hover, div.tools a.font_groot:active, div.tools a.font_groot:visited {
	font-size:16px;
}

div.content div.csc-header {
	margin: 16px 0 0 0;
	padding: 10px 0 4px;
	border-top: 2px solid #647223;
}
div.content h1 {
	color:#647223;
	font-size:1.3em;
	font-weight:bold;
	margin:0;
	padding:4px 0 0;
}
p.csc-header-date  {
	margin:0;
	padding:0;
	font-size:.8em;
}
div.content div.csc-header-n1 {
	border:none;
	margin:0;
}
div.content p.bodytext {
	margin:0;
	padding: 4px 0 8px;
}

/* laatst gewijzigd */
ul.csc-menu li {
	line-height: 150%;
	list-style:circle;
	color:#647223;
}
ul.csc-menu li a, ul.csc-menu li a:hover, ul.csc-menu li a:active, ul.csc-menu li a:visited {
	color:#647223;
	font-size:.85em;
}
ul.csc-menu li a:hover {
	color:#000000;
}

/** nieuws **/
div.news-list-item h3 {
	padding:0;
	margin:16px 0 0;
}
div.news-list-item h3 span.news-list-date, div.news-single-item div.news-single-timedata,
div.news-latest-item .news-latest-date {
	font-size:0.8em;
	font-weight: normal;
	display:block;
}
div.news-list-item h3 span.news-list-date {
	font-size:.7em;
}
div.news-list-item h3 a, div.news-list-item h3 a:hover, div.news-list-item h3 a:active, div.news-list-item h3 a:visited {
	color:#647223;
	font-size:1.15em;
	font-weight:bold;
	margin: 0;
	text-decoration:none;
}
div.news-list-item h3 a:hover {
	text-decoration:underline;
}
div.news-list-item div.news-list-image {
	display:inline;
	float:left;
	padding: 4px 8px 2px 0;
}
div.news-list-item div.news-list-text p {
	margin: 0;
	padding: 2px 0 8px;
}
div.news-list-item hr.clearer {
	clear:both;
	border:none;
	border-top: 2px solid #647223;
}
.news-latest-item {
	padding-bottom: 10px;
}
.news-latest-item p {
	padding: 2px 0;
	margin: 0;
}
.news-latest-item hr {
	display: block;	
	clear: both;
	background: none;
	border: none;
}
.news-latest-item a  {
	text-decoration: none;
}
.news-latest-item a:hover {
	text-decoration: underline;
}
.news-latest-image {
	float: left;
	display: block;
    padding: 0 6px 0 0;
    text-align: center;
    width: 100px;
}
div.news-single-item {
	margin-top: 16px;
}
div.news-single-item h1 {
	margin:0;
	padding: 0 0 10px 0;
	border:none;
}
div.news-single-item p {
	margin: 0;
	padding: 2px 0 8px;
}
div.news-single-item .news-single-author {
	padding: 2px 0;
	font-size: .8em;
}
div.news-single-img {
	float: left;	
	padding: 4px 8px 2px 0;
}
div.news-single-item hr.clearer {
	border:none;
	visibility:hidden;
	clear:both;
}
div.news-single-item p.news-single-imgcaption {
	font-size: .8em;
}
.news-list-morelink {
	margin-left: 8px;
}
div.tx-indexedsearch-searchbox table td {
	padding: 0 4px 0 0;
}
.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
	width: 300px;
}
input.tx-indexedsearch-searchbox-button {
	cursor:pointer;
}
td.tx-indexedsearch-info {
	font-size:0.85em;
	line-height: 150%;
	padding: 0 4px;
}
/** mailforms **/
div.csc-mailform-field {
	margin: 2px 0;
}
div.csc-mailform-field label {
	width:200px;
	float:left;
	display:block;
	clear:left;
}
div.csc-mailform-field fieldset {
	border: none;
}
div.csc-mailform-field legend { display: none;}
div.csc-mailform-field span label {
	float: none;
	display: inline;
}
div.csc-mailform-field input {
	width: 300px;
}
div.csc-mailform-field input.csc-mailform-submit,
div.csc-mailform-field input.csc-mailform-radio,
div.csc-mailform-field input.csc-mailform-checkbox{ width: auto}