/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
	background: none;
}
body {
	width: 100%;
	height: 100%;
	font-size: 75%;
	/* reset font-sizes to 1em == 12px */
}
* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	margin: 0;
	padding: 0;
	border: 0;
	/*vertical-align: baseline;*/
	background: transparent;
	list-style:none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
* html ul li a {
   height: 1em;
}
/* hack for IE6 and lower */

/* Layout CSS */

/* general 
**************************************************/
body { font-family: "Trebuchet MS", Helvetica, sans-serif; /*color: #918293;*/ }
/* basis kleur beetje donkerder - luk */
body { color:#6D5A6F;}
h1 { padding: 0.24em 0 0.91em 0; text-indent: 1.192em; font-size: 2.167em; font-weight: normal; color: #bd1789; background: url(../images/h1Bullet.gif) no-repeat 0 0.375em; }
h2 { clear: left; margin: 0 0 0.36em; padding: 0 0 0 1em; font-size: 1.5em; line-height: 1.222em; font-weight: normal; color: #bd1789; background: url(../images/h2Bullet.gif) no-repeat 0 0.475em; }
h3 { margin: 0 0 0.36em; font-size: 1.083em; color: #710578; }
p { margin: 0 0 1.333em; font-size: 1em; line-height: 1.333em; text-align: justify; }
a { color: #bd1789; text-decoration: none; }
a:hover { text-decoration: underline; }
ul, ol { margin: 0 0 1.25em 0; }
input { font-size: 0.917em; color: #918293; border-top: 1px solid #cfcfcf; border-right: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; border-left: 1px solid #cfcfcf; }
button { cursor: pointer; }
hr { border: none; margin-bottom: 1.333em; height: 1px; background: #e2cde2 url(../images/horizontalRuler.gif) repeat-y; color: #e2cde2; }

img { padding-bottom: 1.333em; }
img.left { float: left; padding: 0 1.667em 1.333em 0; }
img.right { float: right; padding: 0 0 1.333em 1.667em; }

.graphicalText { display: none; text-indent: -200em; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* page structure 
**************************************************/
#Container { margin: 0 auto; padding: 0 0 0 0.833em; width: 80em; background: url(../images/shadowLeft.gif) no-repeat 0 13.167em; }
#Header { clear: left; position: relative; width: 78.333em; height: 13.167em; padding: 0 0.833em 0 0; background: url(../images/topBorder.gif) no-repeat left top; }
#Navigation { float: left; width: 15.25em; margin: 0 3.333em 0 0; }
#Layout { margin: 0 0 0 18.583em; width: 59.75em; padding: 0 0.833em 0 0; background: url(../images/shadowRight.gif) no-repeat right top; }
#Footer { clear: both; margin: 3.25em 0 0; width: 75.333em; padding: 1.083em 2.333em 1.083em 1.5em; background: url(../images/footerTopBorder.gif) no-repeat left top; }

/* Header 
**************************************************/
#Header img { padding-bottom: 0; }
#LogoSlogan img { float: left; margin: 2.667em 0 0; }
#LogoSlogan img#Slogan { margin-left: 2em; }
#FlashHeader { position: absolute; right: 2.167em; top: 2.667em; width: 37.583em; height: 6.167em; background-color: #edd; }
#Search { float: right; margin: 10em 0 0; }
#Search div { float: left; }
#Search label { font-size: 1.083em; }
#Search input { margin: 0 0 0 0.6em; width: 16.455em; }
#Search button { margin: 0.083em 0 0 0.25em; }
#Search button img { margin: 0 0.25em -0.25em 0; }

/* Navigation 
**************************************************/
#Navigation li { padding: 0 0 0 0.333em; background: url(../images/navBottomBorder.gif) no-repeat left bottom; }
#Navigation li a 
{ display: block; padding: 1.058em 0 1.058em 1.7em; font-size: 1.083em; font-weight: bold; color: #918293; text-decoration: none; }
#Navigation li.current,
#Navigation li a:hover, 
#Navigation li.active a { color: #710578; }
#Navigation li:hover,
#Navigation li.hover, 
#Navigation li.current,
#Navigation li.active { padding-left: 0; border-left: 0.333em solid #bd1789; }

/*#Navigation li ul { display: none; margin: -1em 0 1.5em 1.7em; }
#Navigation li.active ul,
#Navigation li.current ul 
{ display: block; }
#Navigation li li { list-style: none; background: url(../images/navBullet.gif) no-repeat 0.5em 0.5em; }
#Navigation li li.current,
#Navigation li li:hover ,
#Navigation li li.active { padding-left: 0.4em; border-left: none; }
#Navigation li li a { display: inline; padding: 0 0 0 1.3em; font-weight: normal; color: #918293;}
#Navigation li.active li a ,
#Navigation li.current li a,
{ color: #918293; }
#Navigation li li a:hover, 
#Navigation li.active li.current,
#Navigation li li.active a { color: #bd1789; }*/
#Navigation li ul { display: none; margin: -0.833em 0 1.25em 1.416em; }
#Navigation li.active ul { display: block; }
#Navigation li li { list-style: none; background: url(../images/navBullet.gif) no-repeat 0.417em 0.417em; }
#Navigation li li:hover ,
#Navigation li li.active { padding-left: 0.333em; border-left: none; }
#Navigation li li a { display: inline; padding: 0 0 0 1.3em; font-weight: normal; }
#Navigation li.active li a { color: #918293; }
#Navigation li li a:hover, 
#Navigation li li.active a { color: #bd1789; }


/* Layout 
**************************************************/
#Content { float: left; width: 44.25em; height: auto; }
#Sidebar { float: right; width: 12.166em; height: auto; padding: 0 1.25em 0 0; }
.altColor { color: #710578; }
.subtitleRuler { margin: 0 0 0.917em; }
.more { padding: 0 0.833em 0 0; color: #bd1789; text-decoration: none; background: url(../images/more.gif) no-repeat right center; }
.more:hover { text-decoration: underline; }
.date span { margin: 0 0.182em 0 0; padding: 0.136em 0.273em; font-size: 0.917em; line-height: 1.485em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; background: #ab8fac none; }
a.back { clear: both; float: left; margin: 0 0 1.333em; font-size: 1em; color: #918293; }
a.back:hover { text-decoration: none; }
a.back span { color: #bd1789; }
a.back:hover span { text-decoration: underline; }
#Sidebar img { padding-bottom: 0; }

.paragraph { clear: left; }

#HotItems { margin: 0 0 2.166em; background: url(../images/rulerShortBoth.gif) no-repeat left bottom; }
.hotItem { position: relative; float: left; margin: 0; width: 21.083em; height: auto; padding: 1.083em 0 0.833em; }
.hotItem img { float: left; padding: 0 0.833em 0 0; }
.hotItem .bullet { display: block; position: absolute; left: 0; width: 1.916em; height: 1.916em; background: url(../images/summaryBullet.gif) no-repeat; cursor: pointer; }
.hotItem .date { margin: 0 0 0.278em; }
.hotItem h2 { clear: none; margin: 0; padding: 0 0 0.222em; font-size: 1.25em;/*line-height: 1.777em; */font-weight: bold; color: #710578; background: none; }
.hotItem h2 a { color: #710578; text-decoration: none; }
.hotItem h2 a:hover { text-decoration: underline; }
.hotItem p { margin-bottom: 0; }
.hotItemLeft { clear: left; background: url(../images/rulerShortLeft.gif) no-repeat right top; }
.hotItemRight { margin-left: 2.083em; background: url(../images/rulerShortRight.gif) no-repeat left top; }

.download { clear: left; float: left; margin: 0 0 2em; width: 21.083em; height: auto; }
.download h3 a { color: #710578; text-decoration: none; }
.download h3 a:hover { text-decoration: underline; }
.downloadImage { overflow: hidden; position: relative; float: left; margin: 0 0.833em 0 0; padding: 0.083em 0.333em 0.25em 0.083em; }
	.downloadImage a { cursor: pointer; }
	.downloadImage span { display: block; position: absolute; }
	.downloadImage .leftTop { left: 0; top: 0; width: 4.083em; height: 10em; background: url(../images/shadowBorderLeftTop.gif) no-repeat left top; }
	.downloadImage .rightBottom { right: 0; bottom: 0; width: 4.083em; height: 10em; background: url(../images/shadowBorderRightBottom.gif) no-repeat right bottom; }
	.downloadImage .rightTop { right: 0; top: 0; width: 0.416em; height: 0.416em; background: url(../images/shadowBorderRightTop.gif) no-repeat right top; }
	.downloadImage .leftBottom { left: 0; bottom: 0; width: 0.416em; height: 0.333em; background: url(../images/shadowBorderLeftBottom.gif) no-repeat left bottom; }
	.download img { display: block; margin: 0; padding: 0; }
	.download .downloadBullet { left: 0; top: 0; width: 1.25em; height: 1.25em; background: url(../images/downloadBullet.gif) no-repeat 0.083em 0.083em; }
.download p { margin-bottom: 0; }
.download .more { clear: left; float: left; margin: 0.5em 0 0; padding-left: 0; font-size: 1em; }
.downloadRight { clear: none; margin-left: 2.083em; }

.shortcut { float: left; margin: 0.25em 0 0.167em; width: 100%; padding: 0.583em 0 0; background: url(../images/horizontalRuler.gif) no-repeat left top; }
.shortcut .date { margin-bottom: 0.2em; font-size: 0.9em; }
.shortcut h3 { margin-bottom: 0; }
.shortcut h3 a { color: #710578; text-decoration: none; }
.shortcut h3 a:hover { text-decoration: underline; }
.shortcut p { margin-bottom: 0; text-align: left; }

.dateList { clear: both; }
.dateList li { display: inline; font-size: 1em; padding: 0 0.3em 0 0; }
.dateList li a { font-weight: bold; }
.dateList li.active a { color: #918293; }
.dateList li.active a:hover { text-decoration: none; }

.persbericht { clear: left; position: relative; margin: 0 0 2.083em; padding: 2.083em 0 0; background: url(../images/horizontalRuler.gif) no-repeat left top; }
.persbericht img { float: left; padding: 0 1.667em 0.833em 0; }
.persbericht .bullet { display: block; position: absolute; left: 0; width: 1.916em; height: 1.916em; background: url(../images/summaryBullet.gif) no-repeat; cursor: pointer; }
.persbericht .date span { padding: 0 0.2em; }
.persbericht h2 { clear: none; margin: 0 0 1em; padding: 0; font-size: 1.25em; color: #710578; background: none; }
.persbericht h2 a { color: #710578; text-decoration: none; }
.persbericht h2 a:hover { text-decoration: underline; }

.latestArticle { clear: left; position: relative; margin: 0 0 2.083em; padding: 0 0; }
.latestArticle img { float: left; padding: 0 1.667em 0.833em 0; }
.latestArticle .bullet { display: block; position: absolute; left: 0; width: 1.916em; height: 1.916em; background: url(../images/summaryBullet.gif) no-repeat; cursor: pointer; }
.latestArticle .date span { padding: 0 0.2em; }
.latestArticle h2 { clear: none; margin: 0 0 1em; padding: 0; font-size: 1.25em; font-weight: bold;  color: #710578; background: none; }
.latestArticle h2 a { color: #710578; text-decoration: none; }
.latestArticle h2 a:hover { text-decoration: underline; }

.personalData img { float: left; padding: 0 1.667em 1.333em 0; }
.personalData p { margin-left: 7.9em; }


.linkButton { display: block; position: relative; margin: 0 0 0.333em; width: 12.167em; height: 5.917em; color: #fff; background-color: purple; }
.linkButton span { display: block; visibility: visible; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: url(../images/buttonGlow.png) no-repeat right top;/* ie6 hack in slp_ie6.css */ }
a.linkButton:hover { text-decoration: none; }
a.linkButton:hover span { visibility: hidden; }

/* Forms */
#Subscribe { margin-top: 4.25em; }
#Subscribe div { margin: 0 0 0.167em; }
#Subscribe legend { display: none; }
#Subscribe label { display: block; float: left; padding-top: 0.1em; font-size: 1.083em; color: #710578; text-transform: capitalize; }
#Subscribe input { float: left; padding: 0.227em; border: 1px solid #e5d2e5; }
#FirstNameLabel, 
#EmailLabel, 
#FaxLabel, 
#StreetLabel ,
#PostalCodeLabel { width: 5.538em; }
#SurnameLabel { width: 3.261em; padding-left: 0.5em; }
#BirthDateLabel { width: 13.923em; }
#MobileLabel { width: 6.615em; padding-left: 0.5em; }
#NumberLabel { width: 6.308em; padding-left: 0.5em; }
#CityLabel { width: 5.915em; padding-left: 0.5em; }
#FirstName, 
#Surname, 
#Email, 
#Fax, 
#Street { width: 17.909em; }
#BirthDate { width: 8em; }
#Mobile { width: 13.909em; }
#Number { width: 3.636em; }
#PostalCode { width: 10em; }
#City { width: 22.6em; }
#Subscribe button { margin: 1.7em 0 0; width: 11.7em; }
#Subscribe button img { display: block; }
#Subscribe p { font-size: 1em; }*/


#Content li {
	list-style-type: square;
	margin-bottom: 16px;
}
#Content ul {
	padding-right: 25px;
	
	margin-left: 30px;
}


/* Footer 
**************************************************/
#Footer div { float: left; width: auto; height: auto; }
div#Copyrights { float: right; }
#Footer div a { float: left; color: #918293; }
#Footer div span { float: left; }
#Footer img { display: block; float: left; margin: 0.5em 0.333em 0.167em; }


/* Formulier Lid Worden - lde 
**************************************************/

#Form_Form input, #Form_MyForm input{
border:1px solid #E5D2E5;
float:left;
padding:0.273em;
}
#Form_MyForm .email input{
width: 20em;
}
#Form_Form div.field{
clear:left;
margin:0 0 0.2em;
}
#Form_MyForm div.field{
clear:left;
}
#Form_MyForm #Receiver1FirstName, #Form_MyForm #Receiver2FirstName, #Form_MyForm #Receiver3FirstName {
padding:15px 0 0 0;
}
#Form_Form label.left{
color:#710578;
display:block;
float:left;
font-size:1.1em;
padding:0.2em;
width:8em;
}
#Form_MyForm label.left{
color:#710578;
display:block;
float:left;
font-size:1.1em;
padding:0.2em;
width:11em;
}
/*#EditableTextField1 label,#EditableTextField4 label,#EditableTextField6 label,#EditableTextField7 label,#EditableTextField9 label {
width:5.538em;
}
#EditableTextField2 label {
padding-left:0.5em;
width:3.261em;
}
#EditableTextField3 label {
width:13.923em;
}
#EditableTextField5 label {
padding-left:0.5em;
width:6.615em;
}
#EditableTextField8 label {
padding-left:0.5em;
width:6.308em;
}
#EditableTextField10 label {
padding-left:0.5em;
width:5.915em;
}

#EditableTextField1 input,#EditableTextField2 input,#EditableTextField4 input,#EditableTextField6 input,#EditableTextField7 input {
width:16.909em;
}
#EditableTextField3 input{
width:7em;
}
#EditableTextField5 input{
width:12.909em;
}
#EditableTextField8 input{
width:3.636em;
}
#EditableTextField9 input{
width:10em;
}
#EditableTextField10 input{
width:20.6em;
}*/

#Form_Form input#Form_Form_action_process{
width:114px;
height:25px;
background: #E5D2E5 url('/mysite/images/form/submit.gif') no-repeat 0 0;
margin:1em 0 0 10em;
cursor:pointer;
}
#Form_MyForm input#Form_MyForm_action_doMyForm{
width:114px;
height:25px;
background: #E5D2E5 url('/mysite/images/form/submit.gif') no-repeat 0 0;
margin:1em 0 0 13.6em;
cursor:pointer;
}
#Form_Form .required,#Form_Form .validation{
clear:left;
color:red;
margin-left:9em;
}
#Form_MyForm .required,#Form_MyForm .validation{
clear:left;
color:red;
margin-left:12.6em;
}


/* HeaderBanner - lde 
**************************************************/
#FlashHeader{background-color:#FFF;height:6.167em;position:absolute;right:1.92em;top:2.667em;width:37.5em;}
.HeaderBanner {position:relative;}
.HeaderBanner ul{width:223px;height:74px;background-color:#AC8FAD;display:block;float:left;margin:0 2px 0 0;overflow:hidden;}
.HeaderBanner ul li{height:74px;margin:0;padding:0;}
.HeaderBanner ul li img{height:72px;float:left;width:72px;margin:1px;}
.HeaderBanner ul li div.text strong{font-size:1.1em;font-weight:bold;}
.HeaderBanner ul li div.text{height:60px;float:left;width:134px;margin:6px;color:white;line-height:1.3em;padding:0;}
.HeaderBanner .carousel1 {position:absolute;left: 0; top: 0;}
.HeaderBanner .carousel2 {position:absolute;top:0;left:225px;}
.HeaderBanner .bullet { display: block; position: absolute; left: 0; top: 0; width: 1.916em; height: 1.916em; background: url('http://www.s-lp.be/mysite/images/searchButton.gif') no-repeat; cursor: pointer; z-index:100;}
.HeaderBanner .bullet2 { display: block; position: absolute; left: 225px; top:0; width: 1.916em; height: 1.916em; background: url('http://www.s-lp.be/mysite/images/searchButton.gif') no-repeat; cursor: pointer;  z-index:101;}

/* AddToAny - lde 
**************************************************/
#Share img {padding: 0 7px 4px 0;vertical-align:middle;}
#Share a {text-decoration:none;font-weight:bold;color:#918293;}
#Share a:hover {color:#6D5A6F;}
/*
#Share {float:right;margin:20px 10px;}
*/

/* RSS teaser - lde 
**************************************************/
#rss-teaser {margin:20px 0 0 0;width:146px;float:left;}
#rss-teaser div {height:21px;margin:0;}
#rss-teaser a {vertical-align:middle;}
#rss-teaser img {border:none;}


/* Tabak
**************************************************/
.tabak_warning {
border:1em solid #000000;
color:#000000;
font-family:Arial, sans-serif;
font-size:1.5em;
font-weight:bold;
line-height:1.5em;
padding:1.4em;
text-align:center;
}
.social a{
font-size:0.8em;
}