/* CSS Document */
body  {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  background:#99cc66;
  margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding: 0;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  color: #000000;
  min-width: 750px;
  font-size:13px;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	color:#006633;
	letter-spacing: -1px;
}
a:hover {
	text-decoration:none;
}

a.linkopacity img {
filter:alpha(opacity=60); 
-moz-opacity: 0.6; 
opacity: 0.6;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

form { 
margin: 0; 
clear:left;
}
fieldset { 

float:none;
clear:both;
}

.node-form{
  float:clear;
}

table#mainContent { 
margin: 0; 
float:left;
}

img { border: 0; }


div.item-list li {
list-style-type: square;
}

div#views-block-1 ul {
list-style: none;
}

.node-datum {
font-size:10px;
letter-spacing:-1px;
color:#0a5548;
}

a.node-title, div.node-title, .node-title{
text-decoration:none;
color:#0a5548;
font-size:25px;
letter-spacing:-3px;
line-height:20px;
}
a.node-title:hover{
color:#99cc66;
}

.node-image{
padding: 10px 0;
}

.node-image-mini{
padding-top: 5px;
}
.node-body {
margin-top: 20px;
color:#0a5548;
letter-spacing:-1px;
font-size:15px;
line-height:15px;
}

a.node-url{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-style:normal;
	letter-spacing: -1px;
	color:#006633;
	padding:5px 10px;
}



.view-header, #mission{
padding: 15px 30px 15px 30px;
width:435px;
margin-bottom:15px;
font-size: 17px;
font-weight:bolder;
color: #0a5548;
line-height: 18px;
letter-spacing:-2px;
word-spacing: 2px;
}

.view-header-pakketten{
padding: 15px 30px 15px 30px;
width:690px;
margin-bottom:15px;
color: #0a5548;
font-weight:bolder;
font-size: 17px;
line-height: 15px;
letter-spacing:-2px;
word-spacing: 2px;
}





.budgetsite #container {
  width: 750px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
  margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
  border: 0px solid #000000;
  text-align: left; /* this overrides the text-align: center on the body element. */
  max-width: 750px;
}



.budgetsite #sidebar1 {
  float: right; /* since this element is floated, a width must be given */
  width: 240px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
  background: none; /* the background color will be displayed for the length of the content in the column, but no further */
  padding: 0px;
}
.budgetsite #mainContent {
  margin: 0 240px 0 0; /* EDIT the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
  padding: 0px; /* EDIT remember that padding is the space inside the div box and margin is the space outside the div box */
}



/* footer */

#footer {
  clear: both;
  margin-top: 3em;
  color: #81c8e2;
  padding: 25px 50px;
  text-align: center;
  height: 100px;
  background:#005447;
}

#footer-contents {
  padding: 0;
  border-top: 0px solid #C9D0E0;
}


#footer p {
  margin: 0.3em;
  clear: both;
  text-align:left;
  font-size:12px;
}
#footer a {
  color: #81c8e2;
  text-decoration:none;
}


/* other */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
  float: right;
  margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
  float: left;
  margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Core site element widths */
/*#header, #breadcrumbs, #content, #footer {
  max-width: 1000px;
  margin: 0 auto;
}*/

#header { padding: 0 50px; }
#header ul { right: 0; }
* html #header ul { right: 50px; }
#breadcrumbs { padding: 0 50px; }
#content { padding: 0 50px; }
#footer-contents { padding: 0 20px; margin: 0 50px; }

#header div, #content, #breadcrumbs div, #footer-contents, #main-feature .feature-contents {
  max-width: 900px; margin: 0 auto;
}

#header div { position: relative; }

/* header */

.budgetsite #topscene {
  height: 294px;
  margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
  text-align: left; /* this overrides the text-align: center on the body element. */
  min-width: 750px;
  background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/top1.gif");
  background-position:center;    
}
.budgetsite #header {
  height: 80px;
  width:100%;
  min-width: 750px;
  padding: 0 ;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
  margin-bottom: 20px;
  position: relative;
  background-color: #0a5548;
  border-top: 0px solid #7a6b34;
  border-bottom: 0px solid #7a6b34;
}

#header h1 { margin: 0;  }

#header h1 img {
  font-weight: bold;
  color: #90d8f8;
float: left;
margin-top:20px;
}

/**
 * Primary navigation
 */
ul.primary-links {
  padding: 0;
  margin: 0;
  list-style: none;
  border-right: 1px solid #000000;
  border-left: 1px solid #458e95;
  position: absolute;
  top: 0;
}

ul.primary-links li {
  float: left;
  padding: 0;
  margin: 0;
  background-image: none;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
  display: block;
  float: left;
  padding: 32px 15px 0 15px;
  text-decoration: none;
  border-right: 1px solid #458e95;
  border-left: 1px solid #000000;
  color: #99cc66;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 48px;
    font-weight: bold;
} #ignored {}

ul.primary-links li a:hover, ul.primary-links li a.active {
  color: #81c8e2;
  text-decoration: underline;
}




/* custom pakketten */

div.pakket-wrapper {

  width: 240px;
}
.pakket-begin {
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/pakkethead_04.gif");
background-repeat:no-repeat;
height:44px;
width:180px;
padding: 30px 30px 0px 30px;

}
.pakket-midden {
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/slice_240_dgreen_06.gif");
background-repeat:repeat-y;
width:180px;
padding: 0px 30px 0px 30px;

}
.pakket-einde{
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/pakkethead_08.gif");
background-repeat:no-repeat;
height:37px;
width:180px;
padding: 10px 30px 30px 30px;
}
.pakket-ster{
float:right;
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/ster.gif");
height:12px;
width:11px;

}
.pakket-naam{


}

.pakket-body{
margin-top:10px;
}

.pakket-sifr {
text-decoration:none;
letter-spacing:-3px;
color:#0a5548;
font-size:25px;

}
.pakket-sifr-2 {
text-decoration:none;
letter-spacing:-3px;
color:#99cc66;
font-size:25px;
line-height:20px;
}
.pakket-sifr-3 {
text-decoration:none;
letter-spacing:-3px;
color:#0a5548;
font-size:25px;
line-height:20px;
}

.pakket-spaarpot{
float:left;
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/spaarvarken.gif");
height:45px;
width:55px;
}

.pakket-prijs{
float:left;
margin-left:10px;
font-size:25px;
}


div.floatl {
width: 240px;
margin-right:0px;
margin-bottom:0px;
float:left;
}
div.floatl-STARTpakket, div.floatl-GOpakket {
margin-right:15px;
}

/* custom blocks */

.block-begin {
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/andereklanten.gif");
background-repeat:no-repeat;
height:74px;
width:180px;
padding: 0px 30px 0px 30px;
}
.block-begin-user-1 {
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/adminmenubudgetsite.gif");
background-repeat:no-repeat;
height:74px;
width:180px;
padding: 0px 30px 0px 30px;
}
.block-begin-nieuwsbrief {
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/denieuwsbrief.gif");
background-repeat:no-repeat;
height:74px;
width:180px;
padding: 0px 30px 0px 30px;
}
.block-begin-laatste_nieuws{
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/laatstebsnieuws.gif");
background-repeat:no-repeat;
height:74px;
width:180px;
padding: 0px 30px 0px 30px;
}
.block-begin-laatste_klanten{
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/onzelaatsteklanten.gif");
background-repeat:no-repeat;
height:74px;
width:180px;
padding: 0px 30px 0px 30px;
}
.block-begin-andere_pakketten{
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/onzepakketten.gif");
background-repeat:no-repeat;
height:74px;
width:180px;
padding: 0px 30px 0px 30px;
}

.block-begin-laatste_klanten_gopakket{
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/gopakketklanten.gif");
background-repeat:no-repeat;
height:74px;
width:180px;
padding: 0px 30px 0px 30px;
}

.block-begin-laatste_klanten_propakket{
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/propakketklanten.gif");
background-repeat:no-repeat;
height:74px;
width:180px;
padding: 0px 30px 0px 30px;
}
.block-begin-laatste_klanten_startpakket{
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/startpakketklanten.gif");
background-repeat:no-repeat;
height:74px;
width:180px;
padding: 0px 30px 0px 30px;
}

.block-midden {
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/slice_240_lgreen_06.gif");
background-repeat:repeat-y;
width:180px;
padding: 15px 30px 15px 30px;
overflow:visible;
}
.block-einde{
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/slice_240_lgreen_08.gif");
background-repeat:no-repeat;
height:22px;
width:180px;
padding: 0px 30px;
margin-bottom: 15px;
background-position: bottom;
}
.block-title{
margin-bottom:15px;
font-family: Verdana;
font-size: 23px;
color: #99cc66;
letter-spacing:-2px;

}
/* custom header view */
.viewheader-begin {
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/slice_495_lgreen_04.gif");
background-repeat:no-repeat;
height:23px;
width:435px;
padding: 0px 30px;

}
.viewheader-midden {
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/slice_495_lgreen_06.gif");
background-repeat:repeat-y;
width:435px;
padding: 5px 30px;
  position:relative;
}
.viewheader-einde{
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/slice_495_lgreen_08.gif");
background-repeat:no-repeat;
height:20px;
width:435px;
padding: 0px 30px;
margin-bottom: 15px;
}

/* custom nodes*/
.nodeblock-begin {
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/slice_495_dgreen_04.gif");
background-repeat:no-repeat;
height:23px;
width:435px;
padding: 0px 30px;

}
.nodeblock-midden {
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/slice_495_dgreen_06.gif");
background-repeat:repeat-y;
width:435px;
padding: 5px 30px;
  position:relative;
}
.nodeblock-midden p {

}
.nodeblock-einde{
background-image:url("http://www.budgetsite.be/sites/all/themes/BS/images/slice_495_dgreen_08.gif");
background-repeat:no-repeat;
height:20px;
width:435px;
padding: 0px 30px;
margin-bottom: 15px;
}

/* custom klanten */
.klanten-container {

width:435px;
}

.klanten-box {
  float: left;
  border: 0px dotted #9900FF;
  position:relative;
}
.klanten-type{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  text-align: right;
  font-weight:bold;
  overflow: hidden;
  position: absolute;
  bottom:5px;
  right:5px;
  padding:2px 10px;
  background-color: #0a5548;
  letter-spacing: 2px;
  color: #99cc66;
}

.klanten-type a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  text-align: right;
  font-weight:bold;
  bottom:5px;
  right:5px;
  padding:2px 10px;
  background-color: #0a5548;
  letter-spacing: 2px;
  color: #99cc66;
  text-decoration:none;
}


.klanten-type a:hover{
  text-decoration:none;
    color: #99cc66;
}

.klanten-naam{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  overflow: hidden;
  position: absolute;
  bottom:5px;
  left:5px;
  padding:2px 10px;
  background-color: #90d8f8;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* custom klanten MINI */
.klanten-container-mini {

}

.klanten-box-mini {
  border: 0px dotted #9900FF;
  position:relative;
  height:90px; 
  width:180px;
  border: 1px #0a5548 dashed;
}
.klanten-type-mini a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight:bold;
  text-align: right;
  text-decoration:none;
  overflow: hidden;
  position: absolute ;
  bottom:5px;
  right:5px;
  padding:2px 8px;
  background-color: #0a5548;
  letter-spacing: 1px;
  color: #99cc66;
}


/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
  float:left;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;

}
/* End hide from IE-mac */

/* EastClearing by Position Is Everything
http://www.positioniseverything.net/easyclearing.html */
.clear:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
/*\*//*/ .clear {display:inline-block;}/**/
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */