/* CSS Document For Steenberg */

/* BASISDECLARATIES */

*
{
	margin: 0; padding: 0;
	border: none;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #4D4D4D;
	background: url(/content/design/images/bg_body.jpg) repeat-x top left #FFF;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 23px;
	color: #87A7C8;
	font-weight: normal;
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
	font-size: 17px;
	line-height: 20px;
	color: #87A7C8;
	font-weight: normal;
}

p
{
	margin: 0 0 10px 0;			/* 10 px whitespace onder de p-tag */
}

a
{
	color: #FB9881;				/* BROD - was: "color: #4A7BA5;" */
}

a:hover
{
	text-decoration: none;
}

a.pdf
{
	padding: 10px 0 0 27px;
	background: url(/content/design/images/pdf.gif) no-repeat top left;
}


ul {
	list-style-type: square;
	margin-top:10px;                           /* belangrijk voor in het content frame */
	margin-bottom:10px;                        /* belangrijk voor in het content frame */	
}

li {
	padding-left:10px;
}




/* DIV: OUTER */ 

div#outer
{
	margin: 0 auto;
	position: relative;
	width:951px;
}


/* DIV: HDR */

div#header
{
	float: left;
	background: url("/content/design/images/bg_hdr.jpg") no-repeat top left;
	width: 951px; height: 132px;
}


/* DIV: PAGE-UTILITIES */

div#page-utilities
{
	position: absolute;
	top: 50px; left: 736px;
	height: 20px;
}

div#page-utilities a
{
	text-decoration: none;
	font-size: 10px;
	color: #87A7C8;
	text-transform: uppercase;
}

div#page-utilities a.active,
div#page-utilities a:hover
{
	font-weight: bold;
	font-size: 11px;
}

div#page-utilities a#home
{
	margin: 0 33px 0 0;
}

* html body div#page-utilities a#home
{
	margin: 0 18px 0 0;
}


/* DIV: UTILITIES */

div#utilities
{
	position: absolute;
	top: 105px; left: 210px;
	background: url(/content/design/images/bg_topnavigation.gif) repeat-x top left;
	width: 694px; height: 23px;
}

/* DIV: TOPNAVIGATION */

div#topnavigation
{
	position: absolute;
	top: 0px; left: 0px;
	width: 500px; height: 23px;
}

div#topnavigation ul#topnav
{
	margin: 10px 0 0 0;
	list-style: none;
}

div#topnavigation ul#topnav li
{
	margin: 0 10px 0 0; padding: 10px 12px 0 0;
	display: inline;
	background: url(/content/design/images/bg_topnavigation.gif) repeat-y top right;
}

div#topnavigation ul#topnav li a
{
	font-size: 10px;
	color: #87A7C8;
	text-decoration: none;
	text-transform: uppercase;
}

div#topnavigation ul#topnav li a.active,
div#topnavigation ul#topnav li a:hover
{
	text-decoration: underline;
}

/* DIV: SEARCH */

div#search
{
	position: absolute;
	top: 6px; left: 512px;
	width: 196px; height: 21px;
}

div#search input.text
{	
	padding: 4px;
	font-size: 11px;
	color: #069;
	border: 1px solid #87A7C8;
	background: #ECF1F6;
	width: 122px; height: 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 118px; height: 12px;
}

* html body div#search input.text
{
	height: 11px;
}

div#search input.button
{
	vertical-align: top;
}

/* DIV: BODYBLOCK */

div#bodyblock
{
	float: left;
	background: url(/content/design/images/bg_bodyblock.jpg) no-repeat top left #FFF;
	width: 951px; min-height: 560px;
}

* html body div#bodyblock
{
	height: 560px;
}


/* DIV: CONT*/

div#cont
{
	float: left;
	padding: 48px 48px 48px 277px;
	width: 689px; min-height: 460px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 364px;
}

* html body div#cont
{
	height: 460px;
}

div#cont ol
{
	list-style-position: inside;
	margin: 0 0 0 0;
}

div#cont ul
{
	list-style: none;
}

div#cont ul li
{
	background: url(/content/design/images/bg_ul_li.gif) no-repeat 0px 3px;
	margin: 0px; 
	padding: 2px 0 5px 18px;
}

div#cont ul li a
{
	color: #FB9881;
}

div#cont ul#sublinks
{
	margin: 0 0 25px 0;
	padding: 7px 0 0 0;
	background: url(/content/design/images/bg_subnav.gif) repeat-x top left;	
}

div#cont ul#sublinks li
{
	margin: 0 0 0 0;
	padding: 8px 10px 0 0;
	display: inline;
	background: none;
}

div#cont ul#sublinks li:hover,
div#cont ul#sublinks li.hover,
div#cont ul#sublinks li.active
{
	background: url(/content/design/images/bg_ul_li_subnav_active.gif) no-repeat top center;
}

div#cont ul#sublinks li a
{
	padding: 0 0 0 10px;
	color: #4E6173;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	background: url(/content/design/images/bg_ul_li_subnav.gif) no-repeat 0 3px;
}

::root div#cont ul#sublinks li a
{
	padding: 8px 0 0 10px;
	background: url(/content/design/images/bg_ul_li_subnav.gif) no-repeat 0 11px;
}


/* DIV: R-COL*/

div#r-col
{
	float: left;
	padding: 34px 0 0 0;
	color: #069;
	width: 237px;
}

div#r-col p.r-title
{
	padding: 0 0 0 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
}

div#r-col ul#r-col-nav
{
	padding: 28px 20px 0 0; margin: 0px;
	background: url(/content/design/images/bg_ul_rcol.jpg) no-repeat top left;
	min-height: 280px;
	list-style: none;
}

* html body div#r-col ul#r-col-nav
{
	height: 280px;
}

div#r-col ul#r-col-nav li
{
	margin: 0;
	padding: 2px 0 0 35px;
	background: url(/content/design/images/bg_ul_li_rcol.gif) no-repeat 25px 8px;
	font-family: "\"}\"";
	font-family: inherit;
	height: 20px;					/*	interlinie menu estetische behandelingen	*/
}

* html body div#r-col ul#r-col-nav li
{
	list-style-type: none;
}

div#r-col ul#r-col-nav li a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #069;
	text-decoration: none;
}

div#r-col ul#r-col-nav li.active
{
	
	background: url(/content/design/images/bg_rcol_active.png) no-repeat top left;
}

* html body div#r-col ul#r-col-nav li.active
{
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://test.kixx.be/steenberg/CSS//content/design/images/bg_rcol_active.png',sizingMethod='crop');
}

div#r-col ul#r-col-nav li a:hover,
div#r-col ul#r-col-nav li a.active
{
	font-weight: bold;
}

div#r-col div#girl
{
	margin: 10px 0 0 0;
	background: url(/content/design/images/r-col-girl.gif);
	width: 237px; height: 122px;
}


/* DIV: FOOTER */

div#footer
{
	padding: 6px 0 0 0;
	float: left;
	margin: 0 219px 0 236px;
	font-size: 10px;
	color: #87A7C8;
/*	text-transform: uppercase;*/
	text-align: center;
	background: url(/content/design/images/bg_ftr.gif) repeat-x top left;
	width: 504px; height: 45px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 39px;
}

div#footer a
{
	color: #87A7C8;
	text-decoration: none;
}

div#footer a:hover
{
	text-decoration: underline;
}

* html body div#footer
{
	margin: 0 -3px 0 118px;
}


/* ---------------------------------------------------------------------------------------*/
/* ----------------------------      input forms     -------------------------------------*/
/* ---------------------------------------------------------------------------------------*/

fieldset div input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
	padding-left: 3px;
	font-size: 11px;
	color: #069;
	border: 1px solid #87A7C8;
	background: #ECF1F6;
	height: 15px;
	vertical-align:middle;
}

fieldset div select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
	font-size: 11px;
	color: #069;
	border: 1px solid #87A7C8;
	background: #ECF1F6;
	width: 100px; height: 20px;
	vertical-align:middle;
}

fieldset div textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
	padding-left: 3px;
	font-size: 11px;
	color: #069;
	border: 1px solid #87A7C8;
	background: #ECF1F6;
}
.knop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
	padding: 1px;
	font-size: 11px;
	font-weight:bold;
	height: 25px;
	width: 122px;
	color: #069;
	border: 1px solid #87A7C8;
	background: #ECF1F6;
	vertical-align:middle;
}


/* ---------------------------------------------------------------------------------------*/
/* ---------------------- Brainlane > Sitelab CMS > editor -------------------------------*/
/* ---------------------------------------------------------------------------------------*/

.slVheTitleNormal, .slVheTitleColor1, .slVheTitleColor2, .slVheTitleColor3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 23px;
	color: #4D4D4D;
}
.slVheSubTitleNormal, .slVheSubTitleColor1, .slVheSubTitleColor2, .slVheSubTitleColor3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	line-height: 20px;
	color: #4D4D4D;
}
.slVheTextNormal, .slVheTextColor1, .slVheTextColor2, .slVheTextColor3 {
	font-size: 11px;
	line-height: 15px;
	color: #4D4D4D;
}
.slVheSmallTextNormal, .slVheSmallTextColor1, .slVheSmallTextColor2, .slVheSmallTextColor3 {
	font-size: 9px;
	line-height: 13px;
	color: #4D4D4D;
}
.slVheHeader, .slVheFooter { 
	font-size: 9px; 
}
.slVheTitleNormal, .slVheTextNormal, .slVheSmallTextNormal, .slVheSubTitleNormal  { color: #4D4D4D; } /* zeer donker grijs */
.slVheTitleColor1, .slVheTextColor1, .slVheSmallTextColor1, .slVheSubTitleColor1  { color: #87A7C8; } /* lichtblauw */
.slVheTitleColor2, .slVheTextColor2, .slVheSmallTextColor2, .slVheSubTitleColor2  { color: #4A7BA5; } /* oranje */
.slVheTitleColor3, .slVheTextColor3, .slVheSmallTextColor3, .slVheSubTitleColor3  { color: #ff0213; } /* rood */

.fotoKader{ border: 1px solid #87A7C8; padding: 3px;} /*WL : border rond foto*/




/* disable voor-na pictures */

body#voorNa #psGeneral img{

}