﻿html {
	height: 100%;
}

body {
/*	background: #E1E1E1 url(/files/system/images/achter-body.gif) repeat-y center; */
	background: #fff url(/files/system/images/achter-body.gif) repeat-y center;
	text-align : center;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	color:#000;
	margin: 0;
	height: 100%;
}

A {color: #214CA7;}
A:hover {text-decoration: none; color: #F58220;}
A:visited {color: purple;}
IMG {border: 0;}
TABLE {border-collapse: collapse; padding: 0;}
SUP {vertical-align: text-top; }
FIELDSET {border: 0;}
P {margin: 0;}
address { font-style:normal;}
.fix {float: none;}

H1, H2, H3 {
	padding: 0;
	font-family: Arial, verdana, sans-serif;
}

h1 {
	font-size: 1.8em;
	margin: 0 0 5px 0;
	color: #F58220;
}

h1 a {
	text-decoration: none;
	color: #F58220;
}

H2 {
	margin: 0;
	font-size: 1.4em;
	color: #000;
}

h2 a {
	text-decoration: none;

}

#all {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	text-align: left;
	height: 100%;
}

#top {
	position: absolute;
	width: 980px;
	border-top: 10px #F58220 solid;
}

#top .gratisnr {
	position: absolute;
	margin: 20px 0 0 160px;
}

#top .gratisnr-g {
	position: absolute;
	margin: 0 0 0 20px;
}

#menu {
	font-size: 14px;
	position: absolute;
	width: 200px;
	margin: 130px 0 0 0;
	padding: 10px 0 0 0;
	background: white url(/files/system/images/achter-menu.gif) no-repeat;
}

#menu ul {
	list-style-type: none;
	margin: 0 10px 0 10px;
	padding: 0;
}

#menu ul li {
	padding: 4px 0 4px 0;
}

#menu ul li a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding: 1px 0 1px 13px;
}

#menu ul li a:hover {
	color: #464646;
	background: #FEF2E8  url(/files/system/images/marker-z.gif) no-repeat 0 6px; 
}

#menu ul li a.selected {
	color: #F58220;
	background: #FEF2E8 url(/files/system/images/marker-o.gif) no-repeat 0 6px; 
}

#menu ul.menu1sub {border: 1px lime solid !important;}


#menu2 ul {
	margin-top: 10px;
}

#menu2 ul li {
	padding: 0 0 0 2px;
	background: none;
}

#menu2 ul li a{
	font-size: 12px;
	color: #555555;
}

#menu2 ul li a:hover {
	color: #000;
	background: white;
}

#menu2 ul.sub-bottom {
	border-top: 1px #F58220 solid;
	padding-top: 10px;
	background: #FEF2E8 url(/files/system/images/achter-menu-onder.gif) no-repeat left bottom;
	padding-bottom: 15px;
}

#joke {
	background: #F58220;
	padding: 30px 10px 0 10px;
	text-align: center;
}

#content {
	width: 735px;
	display: inline;
	padding: 20px;
	margin: 80px 0 0 200px;
	_margin: 80px 0 0 200px;
	float: left;
}

/* home */

#homecontent {
	margin: 0;
	_margin: 80px 0 0 0;
	height: 290px;
	width: 470px;
	background: url(/files/system/images/home/achter-homegratis.jpg) no-repeat left bottom;
}

#acties {
	width: 253px;
	float: right;
	margin: -75px 0 0 0;
	_margin: 0 -20px 0 0;
}

#acties strong {
	font-size: 13px;
	margin: 0 0 15px 0;
	padding: 0;
	display: block;
}

#acties .actieblok {
	float: left;
	margin: 0;
}

#acties .actieblok a {
	display: block;
	padding: 9px 0 0 29px;
	width: 253px;
	height: 90px;
	background: url(/files/system/images/home/actieblok-o.gif) no-repeat;
	text-decoration: none;
	color: #000;
}

#acties .actieblok a:hover {
	background: url(/files/system/images/home/actieblok-b.gif) no-repeat;
	color: #214CA7;
}

#acties .actieblok img {
	margin: 10px 0 0 5px;
}

#homehome {
	width: 380px;
	margin: 0 0 0 360px;
	position: absolute;
}


#productopsomming {
	clear: both;
	margin-top: -20px;
}

#productopsomming.home {
	width: 340px;
}

#productopsomming.landing {
	width: 735px;	
}

#productopsomming h2 {
	font-size: 13px;
	margin: 0;
	padding: 0;
}

#productopsomming .blok {
	float: left;
	margin: 0 0 5px 0;
}

#productopsomming .blok a {
	display: block;
 	padding: 9px 2px 0 7px;
	width: 113px;
	height: 121px;
	background: url(/files/system/images/home/blok-b.gif) no-repeat;
	text-decoration: none;
	color: #214CA7;
}

#productopsomming .blok a:hover {
	background: url(/files/system/images/home/blok-o.gif) no-repeat;
	color: #000;
}

#productopsomming .blok img {
	margin: 6px 0 0 -4px;
}


#productopsomming .blok-groot {
	float: left;
	margin: 0 0 5px 0;
}

#productopsomming .blok-groot a {
	display: block;
	padding: 9px 2px 0 7px;
	width: 160px;
	height: 160px;
	background: url(/files/system/images/home/blok-groot-b.gif) no-repeat;
	text-decoration: none;
	color: #214CA7;
}

#productopsomming .blok-groot a:hover {
	background: url(/files/system/images/home/blok-groot-o.gif) no-repeat;
	color: #000;
}

#productopsomming .blok-groot img {
	margin: 6px 0 0 -4px;
}

#leads {
	width: 735px;
	clear: both;
}

#leads h3 {
	font-size: 13px;
	margin: 0;
	padding: 0;
	border-bottom: 1px #EDF3FB solid;
}

#leads h3 a {
	text-decoration: none;
}

#leads .leadblok {
	float: left;
	margin: 0 20px 0 0;
	padding: 10px 0 0 0;
	width: 220px;
	height: 121px;
	color: #000;
}

#leads .leadblok a {
	color: #214CA7;
}

#leads .leadblok a:hover {
	color: #F58220;
}

#leads .leadblok a.leesmeer {
	display: block;
	width: 210px;
	text-align: right;
}

.hometekstblok {
	position: absolute; float: left; background: url(/files/system/images/fade.png) repeat-x; border: 2px #fff solid; padding: 5px; 
}

.hometekstblok a {
	color: #214CA7;
}

/* einde home */

#bottom {
	clear: both;
	height: 20px;
	padding-top: 5px;
	width: 980px;
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	bottom: 0;
	background: url(/files/system/images/achter-bottom.gif) no-repeat top right;
}

#bottom address {
	position: absolute;
	margin: 0 0 0 450px;
	color: #707070;
}