html,body {
	height:100%;
	margin:0;
	padding:0;
	line-height: 1.0em;
	background:url(../../images/bg_repeat.jpg) top repeat-x;
	scrollbar-face-color:#EEEEEE;
	scrollbar-arrow-color:grey;
	scrollbar-track-color:#F7F7F7;
	scrollbar-shadow-color:'';
	scrollbar-highlight-color:'';
	scrollbar-3dlight-color:'';
	scrollbar-darkshadow-Color:'';			
}

body {
	position:relative;
	min-height:100%;
}
	html>body {
		height:auto;
	}

li {
	margin-top: 10px;
	line-height: 14px;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	list-style-image: url(../../images/bullet.gif);
}

a, a:link, a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #333333;
}

.melding {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
}

a:hover {
  	text-decoration: none;
	color: #999999;
}

.subitemschosen a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #F37D00;
}

.subitemschosen a:hover {
	text-decoration: underline;
	color: #999999;
}

.subitems a:hover {
	text-decoration: underline;
	color: #999999;
}

.subitems a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #333333;
}

#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background-image: url('../../images/bg_top.jpg');
height: 154px; /*Height of top section*/
}

#middlesection{
background-image: url('../../images/bg_middle.jpg');
height: 19px; /*Height of top section*/
}

#middlesection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 235px 0 235px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentwrapperindex3{
float: left;
width: 100%;
}

#contentcolumnindex3{
margin: 0 0px 0 235px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 235px; /*Width of left column in pixel*/
margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 235px; /*Width of right column*/
margin-left: -235px; /*Set left margin to -(RightColumnWidth)*/
}

#leftcolumnindex3{
float: left;
width: 235px; /*Width of left column in pixel*/
margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/
}

#footer{
clear: left;
width: 100%;
height: 23px;
margin-top: 20px;
background-image: url('../../images/bg_footer.jpg');
color: #FFF;
text-align: center;
position:relative;
left:0;
bottom:0;
width:100%;
}

#welkom{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-align: right;
float: right;
margin-top: 105px;
letter-spacing: 0.2pt;
}

#zoeken{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-align: left;
float: left;
margin-top: 104px;
letter-spacing: 0.2pt;
}

#submenu{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align: right;
float: right;
margin-top: 6px;
margin-right: 50px;
letter-spacing: 0.2pt;
}

.submenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

.submenu a:hover {
	text-decoration: underline;
}

#copyright{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align: left;
float: left;
margin-top: 6px;
margin-left: 50px;
letter-spacing: 0.2pt;
}

.intro{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
margin-top: 4px;
margin-left: 18px;
margin-right: 18px;
letter-spacing: 0.2pt;
word-spacing: 1.0pt;
padding-bottom: 5px;
}

.introindex3{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
margin-top: 4px;
margin-left: 18px;
margin-right: 8px;
letter-spacing: 0.2pt;
word-spacing: 1.0pt;
padding-bottom: 25px;
}

.subintro{
margin-top: 10px;
margin-left: 18px;
margin-right: 18px;
}

.backbuttonindex2{
margin-top: 10px;
margin-left: -17px;
}

.backbuttontekst{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;
color: #333333;
}

.subintroindex3{
margin-top: 0px;
margin-left: 18px;
margin-right: 18px;
}

#menusection{
height: 46px; /*Height of top section*/
}

#menu{
padding-top: 8px; /* moet zijn  17px */
margin-left: 12px;
}

.tab{
margin-right: 2px;
}

#footer a{
color: #FFFF80;
}

.innertube{
padding-top: 10px;
}


.boxtop {
width:230px;
height:16px;
margin-top: 6px;
background:url(../../images/boxtop.gif) bottom no-repeat;
}

.boxtophandig {
width:230px;
height:16px;
background:url(../../images/boxtop.gif) bottom no-repeat;
}

.erkendlogo {
width:230px;
height:12px;
padding-left: 140px;
padding-top: 6px;
}

.infoboxtop {
width:230px;
height:12px;
padding-top: 6px;
}

.boxtop2 {
width:230px;
height:12px;
padding-top: 6px;
}

.boxtop3 {
width:230px;
height:12px;
padding-top: 40px;
background:url(../../images/boxtop.gif) bottom no-repeat;
}

.boxlargetop {
width:525px;
height:16px;
margin-top: 6px;
background:url(../../images/boxlargetop.gif) bottom no-repeat;
}

.boxlargetopdirekt {
width:525px;
height:12px;
background:url(../../images/boxlargetop.gif) no-repeat;
}

.boxlargebottom {
width:525px;
height:16px;
background:url(../../images/boxlargebottom.gif) no-repeat;
margin-bottom: 8px;
}

.noboxlargetop {
width:525px;
height:12px;
padding-top: 6px;
}

.noboxlargetopindex3 {
width:525px;
height:12px;
padding-top: 6px;
}

.boxspacerberekenen {
overflow: hidden;
width:230px;
/*height: 180px;*/
background:url(../../images/boxspacer.gif) top repeat-y;
}

.boxspacerberekenen2 {
padding-top: 4px;
width:230px;
}

.boxspacerlaatstenieuws {
width:230px;
/*height: 180px;*/
background:url(../../images/boxspacer.gif) top repeat-y;
overflow: hidden;
}

.boxspacermiddle {
width:525px;
/*height: 180px;*/
background:url(../../images/boxlargespacer.gif) top repeat-y;
overflow: hidden;
}

.boxspacerlargemiddle {
width:525px;
background:url(../../images/boxlargespacer.gif) top repeat-y;
}

.boxspacerpartners {
padding-top: 4px;
width:230px;
height: 180px;
background:url(../../images/boxspacer.gif) top repeat-y;
}

.boxspacerinfobox{
padding-top: 4px;
width:230px;
}

.boxspacersubmenu {
padding-top: 4px;
width:230px;
background:url(../../images/boxspacer.gif) top repeat-y;
}

.boxbottom {
width:230px;
height:16px;
margin-bottom: 8px;
background:url(../../images/boxbottom.gif) no-repeat;
}

.boxbottomlast {
width:230px;
height:12px;
background:url(../../images/boxbottom.gif) top no-repeat;
padding-bottom: 25px;
}

.infoboxbottom {
width:230px;
height:12px;
}

.boxbottom2 {
width:230px;
height:12px;
}

.boxlargebottomlast {
width:525px;
height:12px;
background:url(../../images/boxlargebottom.gif) top no-repeat;
padding-bottom: 25px;
}

.noboxlargebottom {
width:525px;
height:12px;
}

.noboxlargebottomindex3 {
width:525px;
height:12px;
}

.titelberekenen {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #333333;
margin-left: 17px;
line-height: 16px;
letter-spacing: 0.2pt;
}

.berekenencontent {
margin-left: 17px;
margin-top: 6px;
}

.berekenencontent2 {
margin-left: 0px;
}

.hline {
margin-left: 17px;
margin-top: 6px;
}

.subtitelberekenen {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
margin-left: 17px;
letter-spacing: 0.2pt;
margin-bottom: -6px;
}

.titelpartners {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
margin-left: 44px;
line-height: 12px;
letter-spacing: 0.2pt;
}

.editsubmenu {
margin-left: 12px;
}

.afbeeldingpartners {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
margin-left: 17px;
}

.submenucontent {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
margin-left: 17px;
margin-right: 12px;
}

.infoboxcontent {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
margin-left: 17px;
}

.inputfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

.inputfieldsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #CF942E;
	background-color: #FFFFFF;
}

.inputfieldmain{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

.inputfieldmaininvisible{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	cursor: default;
}

.inputfieldmain_small{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000000;
	background-color: #CCCCCC
}

.buttons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	border:outset 1px #999999;
	background:#999999;
	color: #333333;
	background:url(../../images/bg_button.gif) repeat-x left top;
}

.form_widget_amount_slider{
	border-top:1px solid #9d9c99;
	border-left:1px solid #9d9c99;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	background-color:#f0ede0;
	height:3px;
	position:absolute;
	bottom:0px;
}

.menulinks a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 50px;
	width: 200px;
	text-decoration: none;
	color: #333333;
	background:url(../../images/tab.jpg) top repeat-x;
}

.menulinks a:hover {
	background-image: url('../../images/currenttab.jpg');
}
#content {
	padding-bottom:25px;
}