html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-color:#bebebe;
	
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#1e2233;
	background: url("bg.jpg");
}

a	{color:#1e2233; text-decoration:none;}
a:hover {background-color:#354255; color:#FFFFFF; text-decoration:none;}

h1{
	font-family:Verdana, Arial, sans-serif;
	font-size:13px;
	color:#4f4f4f;
	text-decoration:underline;
	font-weight: bold;
	margin-top: 0px;
}

h2{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight: normal;
	margin-top: 0px;
}

.h2groot{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#4f4f4f;
	font-weight: bold;
	margin-top: 0px;
}

h3{
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight: normal;
	margin-top: 0px;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1003px;
	
	background:#bebebe;
	/*
	padding: 0px 10px 0px 10px;
	*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}


div#header {
	background-color:#bebebe;
	height: 190px;
	/* border-bottom:6px double gray; */
}
	/*
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}
	*/

div#content {
	background-color:#bebebe;
	padding:1em 1em;
	padding-bottom:90px; /* bottom padding for footer */
}
	/*
	div#content p {
		text-align:justify;
		padding:0 1em;
	}
	*/

div#footer {
	position:absolute;
	height: 90px;
	width:100%;
	bottom:0; /* stick to bottom */
}

.main_tabel{
width:100%;
background-color:#bebebe;	
}

.main{
	padding:5px;
}

.boven_achtergrond{
	height: 10px;
	width: 975px;
	background:url(main_achtergrond.gif) no-repeat;
}

.main_achtergrond{
	padding-left: 10px;
	padding-right:10px;
	height: 150px;
	background:url(main_achtergrond2.gif) repeat-y;
	margin-top:0px;
}

.onder_achtergrond{
	height: 13px;
	width: 975px;
	background:url(main_achtergrond3.gif) no-repeat;
}

.achtergrond_top{
	background:url(bg-top.jpg) no-repeat;
	background-position: center;
}


.achtergrond_bottom{
	background:url(bg-bottom.gif) no-repeat;
	text-align: center;
	background-position: center;
	color:#FFFFFF;
	line-height: 25px;
}

.achtergrond_bottom a{
	color: #FFFFFF;
	text-decoration: none;
}

.achtergrond_bottom a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}

.lijn_onder{
	border-bottom: 2px solid #FFFFFF;
}

.lijn_boven_onder{
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
}

.kolom1{
	background:url(kolom1.gif) no-repeat;
	padding:20px;
}

.kolom2{
	background:url(kolom2.gif) no-repeat;
	padding:20px;
}

.kolom3{
	background:url(kolom3.gif) no-repeat;
	padding:20px;
}
.kolom4{
	background:url(kolom4.gif) no-repeat;
	padding:20px;
}

.menu_icon{
	background:url(menu_icon.jpg) no-repeat;
	background-position: top right;
}

.small{
	font-size: 11px;
}
.small2{
	font-size: 10px;
}

.groot{
	font-size: 100%;
	font-weight: bold;
}

.pakket_header{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
	background-color: #33394f;
	height:25px;
	padding-left: 3px;
	text-align: left;
}

.faq_2{
	line-height: 20px;
	padding-left:3px;
	padding-top:5px;
}

.lijn_hoogte{
	line-height: 18px;
}

.faq_2_plaatje{
	line-height: 20px;
	padding-left:3px;
	background:url("Faq2.jpg") bottom right no-repeat;
	height:125px;
}

.pakket_header2{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
	background-color: #33394f;
	height:25px;
	text-align: right;
	width:125px;
}
.pakket_header3{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
	background-color: #33394f;
	height:25px;
	text-align: center;
}

.pakket_r1{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#1e2233;
	font-weight: normal;
	background-color: #FFFFFF;
	height:25px;
	padding-left: 5px;
}
.pakket_r11{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#1e2233;
	font-weight: normal;
	background-color: #FFFFFF;
	height:25px;
	text-align:center;
}

.pakket_r2{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#1e2233;
	font-weight: normal;
	background-color: #d8d8d8;
	height:25px;
	padding-left: 5px;
}

.pakket_r22{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#1e2233;
	height:25px;
	background-color: #d8d8d8;
	text-align:center;
}

.pakket_bestellen{
	background-color: #FFFFFF;
	height:25px;
	text-align: center;
}

.menu_zonder_java{
	width:1003px;
	height:31px;
	background:url(root_side2.jpg) repeat-x;
	color:#93cbf2;
}

.menu_zonder_java a{
	background:none;
	color:#93cbf2;
	text-align: center;
	font-weight: normal;
}

.menu_zonder_java a:hover{
	background:none;
	color:#FFFFFF;
	text-decoration:underline;
	text-align: center;
	font-weight: normal;	
}

.thumbnail{
position: relative;
z-index: 0;
display: block;
}

.thumbnail:hover{
z-index: 50;
color:#1e2233;
background:none; 
font-weight: bold;
color:#be2728;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
border: none;
display: none;
text-decoration: none;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
display: block;
margin-top: -325px;
left: -488px; /*position where enlarged image should offset horizontally */
}

.button a { 
color:#FFFFFF;
display: block; 
width: 75px; 
height: 21px; 
background: transparent url(button.gif) no-repeat; 
text-align: center;
line-height: 21px;
} 

.button a:hover { 
color:#93CBF2;
font-weight:normal;
background-position: 0px -21px; 
line-height: 21px;
} 

.button_groot a { 
color:#FFFFFF;
display: block; 
width: 175px; 
height: 21px; 
background: transparent url(button_groot.gif) no-repeat; 
text-align: center;
line-height: 18px;
} 

.button_groot a:hover { 
color:#93CBF2;
font-weight:normal;
background-position: 0px -21px;
line-height: 18px;
} 

.button_groot2 a { 
color:#FFFFFF;
display: block; 
width: 175px; 
height: 21px; 
background: transparent url(button_groot.gif) no-repeat; 
text-align: center;
line-height: 18px;
} 

.button_groot2 a:hover { 
color:#93CBF2;
font-weight:normal;
background-position: 0px -21px;
line-height: 18px;
} 


.Form_Button {
color:#FFFFFF;
display: block; 
width: 75px; 
height: 21px; 
background: transparent url(button.gif) no-repeat; 
text-align: center;
line-height: 17px;
border:none;
} 

.Form_Button:hover { 
cursor: pointer;
height:21px;
color:#93CBF2;
font-weight:normal;
background-position: 0px -21px; 
line-height: 17px;
border:none;
} 

.Button_link {
margin-top: 1px;
color:#FFFFFF;
display: block; 
width: 110px; 
height: 17px; 
background: transparent url(button_link.gif) no-repeat; 
text-align: center;
border:none;
font-size: 11px;
line-height: 15px;
} 

.Button_link:hover { 
margin-top: 1px;
cursor: pointer;
height:17px;
width: 110px;
color:#93CBF2;
font-weight:normal;
background: transparent url(button_link.gif) no-repeat; 
background-position: 0px -17px; 
border:none;
font-size: 11px;
line-height: 15px;
} 

.Form_Button_groot {
color:#FFFFFF;
display: block; 
width: 175px; 
height: 21px; 
background: transparent url(button_groot.gif) no-repeat; 
text-align: center;
line-height: 18px;
border:none;
padding-bottom:1px;
} 

.Form_Button_groot:hover { 
cursor: pointer;
height:21px;
color:#93CBF2;
font-weight:normal;
background-position: 0px -21px; 
line-height: 18px;
border:none;
padding-bottom:1px;
} 

.Tabel_Opties{
	width:99%;
	border:solid 1px #a5acb1;
}
.Tabel_Contact{
	width:99%;
	border:solid 1px #a5acb1;
	background: url(contact2.jpg) bottom right no-repeat;
}
.tabel_voorwaarden{
	height:350px;
	border:none;
	background: url(voorwaarden.jpg) bottom right no-repeat;
}

.Tabel_aanbieding{
	border:none;
	background: url(aanbieding2.jpg) bottom right no-repeat;
}

.bestellen{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#1e2233;
	font-weight: normal;
	height:25px;
	padding-left: 3px;
}
.bestellen2{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#1e2233;
	font-weight: normal;
	height:25px;
}

.bestellen_totaal{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#1e2233;
	height:25px;
	padding-left: 3px;
}

.bestellen_totaal_lijn{
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#1e2233;
	font-weight: bold;
	height:25px;
	padding-left: 3px;
	border-top: solid 1px #cccccc;
}

.lijn_boven{
	border-top: solid 1px #cccccc;
}

.lijn_boven2{
font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	color:#1e2233;
	font-weight: normal;
	height:25px;
	width:125px;
	border-top: solid 1px #cccccc;
	}


.textbox{
	border:solid 1px #727272;
	height:16px;
	width:250px;
}

.textbox_cijfers{
	border:solid 1px #727272;
	height:16px;
	width:50px;
}

.link_rood{
	color:#be2728;
}
.link_rood:hover{
	color:#FFFFFF;
	background-color:#354255;
}

.link_blauw{
	color:#1e2233;
}
.link_blauw:hover{
	color:#FFFFFF;
	background-color:#354255;
	font-weight: normal;
}

.hoogte_30{
	height: 30px;
}

.bestelling_geplaatst{
	width: 100%;
	height:175px;
	background:url(bestelling_geplaatst.jpg) right no-repeat;
}

.link_plaatje{
	text-decoration: none;
	background:none;
}
.link_plaatje:hover {
	text-decoration: none;
	background:none;
}

.groot2{
	font-size: 18px;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:61;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:62; background:none; color:#be2728; font-weight: bold;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 30px 45px;
	width:395px;
	color: #354255;
	font-weight: normal;
    /*
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	*/
}
a.tt:hover span.top{
	display: block;
	padding: 50px 8px 0;
    background: url(bubble2.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 3px 8px; 
	background: url(bubble_filler2.gif) repeat bottom; 
	line-height:18px;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
    background: url(bubble2.gif) no-repeat bottom;
}

.wegwijzer{
	background: url(wegwijzer.jpg) bottom right no-repeat;
}

/*---------- bubble tooltip2 -----------*/
a.tt2{
    position:relative;
    z-index:61;
    text-decoration:none;
}
a.tt2 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt2:hover{ z-index:62; background:none; font-weight: bold;}
a.tt2:hover span.tooltip2{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 30px 30px;
	width:395px;
	color: #354255;
	font-weight: normal;
	text-align: left;
	margin-left:-405px;
	margin-top:19px;

    /*
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	*/
}
a.tt2:hover span.top2{
	display: block;
	padding: 40px 8px 0;
    background: url(bubble3.gif) no-repeat top;
}
a.tt2:hover span.middle2{ /* different middle bg for stretch */
	display: block;
	padding: 3px 8px; 
	background: url(bubble_filler2.gif) repeat bottom; 
	line-height:18px;
}
a.tt2:hover span.bottom2{
	display: block;
	padding:3px 8px 10px;
    background: url(bubble3.gif) no-repeat bottom;
}

/*---------- bubble tooltip2 -----------*/
a.tt3{
    position:relative;
    z-index:61;
    text-decoration:none;
}
a.tt3 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt3:hover{ z-index:62; background:none; font-weight: bold;}
a.tt3:hover span.tooltip3{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 30px 30px;
	width:395px;
	color: #354255;
	font-weight: normal;
	text-align: left;
	margin-left:-415px;
	margin-top:3px;

    /*
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	*/
}
a.tt3:hover span.top3{
	display: block;
	padding: 40px 8px 0;
    background: url(bubble3.gif) no-repeat top;
}
a.tt3:hover span.middle3{ /* different middle bg for stretch */
	display: block;
	padding: 3px 8px; 
	background: url(bubble_filler2.gif) repeat bottom; 
	line-height:18px;
}
a.tt3:hover span.bottom3{
	display: block;
	padding:3px 8px 10px;
    background: url(bubble3.gif) no-repeat bottom;
}

/*---------- bubble tooltip2 -----------*/
a.tt4{
    position:relative;
    z-index:61;
    text-decoration:none;
}
a.tt4 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt4:hover{ z-index:62; background:none; font-weight: bold;}
a.tt4:hover span.tooltip4{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 30px 30px;
	width:395px;
	color: #354255;
	font-weight: normal;
	text-align: left;
	margin-left:-28px;
	margin-top:-163px;

    /*
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	*/
}
a.tt4:hover span.top4{
	display: block;
	padding: 10px 8px 0;
    background: url(bubble4.gif) no-repeat top;
}
a.tt4:hover span.middle4{ /* different middle bg for stretch */
	display: block;
	padding: 3px 8px; 
	background: url(bubble_filler2.gif) repeat bottom; 
	line-height:18px;
}
a.tt4:hover span.bottom4{
	display: block;
	padding:3px 8px 33px;
    background: url(bubble4.gif) no-repeat bottom;
}



/*---------- bubble tooltip2 -----------*/
a.tt5{
    position:relative;
    z-index:61;
    text-decoration:none;
}
a.tt5 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt5:hover{ z-index:62; background:none; font-weight: bold; color:#be2728;}
a.tt5:hover span.tooltip5{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 30px 30px;
	width:395px;
	color: #354255;
	font-weight: normal;
	text-align: left;
	margin-left:-405px;
	margin-top:-275px;

    /*
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	*/
}
a.tt5:hover span.top5{
	display: block;
	padding: 10px 8px 0;
    background: url(bubble5.gif) no-repeat top;
}
a.tt5:hover span.middle5{ /* different middle bg for stretch */
	display: block;
	padding: 3px 8px; 
	background: url(bubble_filler2.gif) repeat bottom; 
	line-height:18px;
}
a.tt5:hover span.bottom5{
	display: block;
	padding:3px 8px 40px;
    background: url(bubble5.gif) no-repeat bottom;
}

a.tt6{
    position:relative;
    z-index:61;
    text-decoration:none;
}
a.tt6 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt6:hover{ z-index:62; background:none; font-weight: bold; color:#be2728;}
a.tt6:hover span.tooltip6{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 30px 30px;
	width:395px;
	color: #354255;
	font-weight: normal;
	text-align: left;
	margin-left:-405px;
	margin-top:-220px;

    /*
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	*/
}
a.tt6:hover span.top6{
	display: block;
	padding: 10px 8px 0;
    background: url(bubble5.gif) no-repeat top;
}
a.tt6:hover span.middle6{ /* different middle bg for stretch */
	display: block;
	padding: 3px 8px; 
	background: url(bubble_filler2.gif) repeat bottom; 
	line-height:18px;
}
a.tt6:hover span.bottom6{
	display: block;
	padding:3px 8px 40px;
    background: url(bubble5.gif) no-repeat bottom;
}


a.tt7{
    position:relative;
    z-index:61;
    text-decoration:none;
}
a.tt7 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt7:hover{ z-index:62; background:none; font-weight: bold; color:#be2728;}
a.tt7:hover span.tooltip7{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 30px 30px;
	width:395px;
	color: #354255;
	font-weight: normal;
	text-align: left;
	margin-left:-405px;
	margin-top:-310px;

    /*
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	*/
}
a.tt7:hover span.top7{
	display: block;
	padding: 10px 8px 0;
    background: url(bubble5.gif) no-repeat top;
}
a.tt7:hover span.middle7{ /* different middle bg for stretch */
	display: block;
	padding: 3px 8px; 
	background: url(bubble_filler2.gif) repeat bottom; 
	line-height:18px;
}
a.tt7:hover span.bottom7{
	display: block;
	padding:3px 8px 40px;
    background: url(bubble5.gif) no-repeat bottom;
}

a.tt8{
    position:relative;
    z-index:61;
    text-decoration:none;
}
a.tt8 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt8:hover{ z-index:62; background:none; font-weight: bold; color:#be2728;}
a.tt8:hover span.tooltip8{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 30px 30px;
	width:395px;
	color: #354255;
	font-weight: normal;
	text-align: left;
	margin-left:-405px;
	margin-top:-237px;

    /*
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	*/
}
a.tt8:hover span.top8{
	display: block;
	padding: 10px 8px 0;
    background: url(bubble5.gif) no-repeat top;
}
a.tt8:hover span.middle8{ /* different middle bg for stretch */
	display: block;
	padding: 3px 8px; 
	background: url(bubble_filler2.gif) repeat bottom; 
	line-height:18px;
}
a.tt8:hover span.bottom8{
	display: block;
	padding:3px 8px 40px;
    background: url(bubble5.gif) no-repeat bottom;
}

.verbergen{
	color: #36698c;
}

.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
z-index: 75;
color:#354255;
text-decoration:underline;
background:none;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #354255;
padding: 5px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
top: -500px;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
top: -500px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -500px;
left: 258px; /*position where enlarged image should offset horizontally */
}

/*
div#links {z-index: 100;}
div#links a {display: block;}
div#links a:hover {text-decoration: underline; border-right: 0px double white;}

div#links a img {height: 0; width: 0; border-width: 0;}
div#links a:hover img {position: absolute; top: 200px; left: 250px;}

<div id="links"><a href="#">Layout Template
<img src="Templates/" alt="Template" /></a></div>
*/