/*
MonoMail (monomail.eu)
Door Pixelpanic.be (versie 12-07-2009)
*/

/* HTML selectors */
body {
	font: 14px Arial, Helvetica, sans-serif;
	color: #333;
	background: #333;
	margin: 0;
	padding: 0;
}
p, ul, li, form, img, h1, h2, h3, h4, h5, h6, dl, dt, dd {
	margin: 0;
	padding: 0;
}
p, img, ul, dl {
	padding-bottom: 20px;
}
#main p, #main dl, #main ul {
	line-height: 22px;
}
#main dt {
	font-style: italic;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 15px;
	color: #745724;
}
h2 {
	font-size: 34px;
	margin-bottom: 15px;
	color: #000;
}
#main h2.intro {
	width: 487px;
	height: 73px;
	background: url(../img/h_intro.gif) no-repeat;
	margin-top: 45px;
}
#main h2.faq {
	width: 540px;
	height: 73px;
	background: url(../img/h_faq.gif) no-repeat;
	margin-top: 45px;
}
#main h2.zien {
	width: 186px;
	height: 73px;
	background: url(../img/h_zien.gif) no-repeat;
	margin-top: 45px;
}
#main h2.demo {
	width: 85px;
	height: 26px;
	background: url(../img/h_demo.gif) no-repeat;
	margin-bottom: 15px;
}
#main h2.transparant {
	width: 240px;
	height: 38px;
	background: url(../img/h_transparant.gif) no-repeat;
	margin-bottom: 10px;
}
#main h2.contact {
	width: 225px;
	height: 26px;
	background: url(../img/h_contact.gif) no-repeat;
	margin-bottom: 15px;
}
#main h2.gratis {
	width: 102px;
	height: 26px;
	background: url(../img/h_gratis.gif) no-repeat;
	margin-bottom: 15px;
}
#main h2.fout {
	width: 506px;
	height: 73px;
	background: url(../img/h_fout.gif) no-repeat;
	margin-top: 45px;
}
#main .hl h3.creeer {
	width: 300px;
	height: 152px;
	background: url(../img/hl_creeer.png) no-repeat;
	margin: 0;
}
#main .hl h3.communiceer {
	width: 300px;
	height: 152px;
	background: url(../img/hl_communiceer.png) no-repeat;
	margin: 0;
}
#main .hl h3.analyseer {
	width: 300px;
	height: 152px;
	background: url(../img/hl_analyseer.png) no-repeat;
	margin: 0;
}
#main h4.klanten {
	width: 192px;
	height: 21px;
	background: url(../img/h_klanten.gif) no-repeat;
	margin-bottom: 10px;
}
#main h4.voorspelling {
	width: 164px;
	height: 11px;
	background: url(../img/h_voorspelling.gif) no-repeat;
	margin-bottom: 8px;
}
#main h4.go {
	width: 147px;
	height: 27px;
	background: url(../img/h_go.png) no-repeat;
	margin-bottom: 4px;
}
#main h2.intro span, #main h2.faq span, #main h2.demo span, #main h2.zien span, #main h2.contact span, #main h2.gratis span, #main h2.fout span, #main h2.transparant span, #main h3.waarom span, #main h3.veelgesteld span, #main h3.mogelijkheden span, #main h3.overtuigd span, #main h4.voorspelling span, #main h4.go span, #main .weather a span, #main .hl h3.creeer span, #main .hl h3.communiceer span, #main .hl h3.analyseer span, #main h4.klanten span {
	display: none;
}
h3 {
	font-size: 26px;
	margin-bottom: 15px;
	color: #1A68A9;
}
#main h3.first {
	margin-top: 12px;
}
#main h3.waarom {
	width: 222px;
	height: 20px;
	background: url(../img/h_waarom.gif) no-repeat;
	margin-bottom: 16px;
}
#main h3.mogelijkheden {
	width: 314px;
	height: 25px;
	background: url(../img/h_mogelijkheden.gif) no-repeat;
	margin: 6px 0 11px 0;
}
#main h3.veelgesteld {
	width: 220px;
	height: 25px;
	background: url(../img/h_veelgesteld.gif) no-repeat;
	margin: 6px 0 10px 0;
}
#main h3.overtuigd {
	width: 120px;
	height: 25px;
	background: url(../img/h_overtuigd.gif) no-repeat;
}
h4 {
	font-size: 16px;
	margin-bottom: 10px;
}
#main ul h4 {
	margin-bottom:  5px;
}

/* Positie */
.container {
	margin: 0 auto;
	width: 960px;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0px;
}

/* Links */
a {
	color: #0269AB;
}
a:hover, a:active {
	color: #AD5100;
}
#header .menu li a {
	color: #71ADD3;
	text-decoration: none;
}
#header .menu li a.actief {
	color: #fff;
}
#header .menu li a:hover, #header .menu li a:active {
	color: #fff;
}
#header .menu li a.actief:hover, #header .menu li a.actief:active {
	text-decoration: underline;
}
#main .focus a {
	color: #999;
}
#main ul.redenen a {
	color: #666;
}
#main .focus a:hover, #main .focus a:active, #main ul.redenen a:hover, #main ul.redenen a:active {
	color: #0269AB;
}
#footer .container a {
	color: #fff;
}
#footer .container a:hover, #footer .container a:active {
	color: #D4E9F7;
}
#footer .container span a {
	color: #727272;
}
#footer .container span a:hover, #footer .container span a:active {
	color: #fff;
}


/* Header */
#header {
	background: #0269AB url(../img/header.png) repeat-x;
}
#header .container {
	background: url(../img/header_c.png) no-repeat;
	height: 80px;
}
#header .logo {
	width: 350px;
	float: left;
}
#header .logo a {
	width: 335px;
	height: 80px;
	display: block;
	background: url(../img/logo.png) no-repeat;
}
#header .logo a:hover, #header .logo a:active {
	background: url(../img/logo.png) no-repeat 0 -80px;
}
#header .logo a span {
	display: none;
}
#header .menu {
	width: 600px;
	float: right;
	text-align: right;
	font-size: 10px;
	padding-top: 35px;
}
#header .menu ul {
	list-style: none;
}
#header .menu li {
	display: inline;
	padding-left: 20px;
}

/* Main */
#main {
	background: #F4F4F4 url(../img/main.png) repeat-x;
}
#main .content {
	width: 630px;
}
#main .side {
	width: 300px;
}
#main .left {
	float: left;
}
#main .right {
	float: right;
}
#main p.info, #main ul.redenen {
	color: #666;
}
#main .weather {
	height: 88px;
	padding: 47px 0 0 208px;
}
#main .weather p {
	background: #EAEAEA;
	padding: 6px;
	width: 82px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#main .weather a {
	display: block;
	width: 82px;
	height: 32px;
	background: url(../img/b_login.png) no-repeat;
}
#main .weather a:hover, #main .weather a:active {
	background: url(../img/b_login.png) no-repeat 0 -32px;
}
#main .focus {
	color: #999;
	background: #EAEAEA url(../img/b_gratis.png) no-repeat top right;
	padding: 6px 10px 7px 10px;
	font-size: 11px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#main .focus p {
	padding: 0;
	line-height: 15px;
}
#main #highlight {
	margin-bottom: 25px;
}
#main p.separator {
	background: url(../img/separator.png) no-repeat bottom left;
	margin-bottom: 20px;
}
#main ul.separator {
	background: url(../img/separator.png) no-repeat bottom left;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
#main ul.redenen {
	list-style: none;
	margin-left: 0;
}
#main ul.redenen li {
	padding: 0 50px;
}
#main ul.redenen li.r-template {
	background: url(../img/ic_template.png) no-repeat 0 4px;
}
#main ul.redenen li.r-integratie {
	background: url(../img/ic_integratie.png) no-repeat 0 4px;
}
#main ul.redenen li.r-verzending {
	background: url(../img/ic_verzending.png) no-repeat 0 4px;
}
#main ul.redenen li.r-advies {
	background: url(../img/ic_advies.png) no-repeat 0 4px;
}
#main ul.redenen li.r-maat {
	background: url(../img/ic_maat.png) no-repeat 0 4px;
}
#main ul.redenen p {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 15px;
}
#main .hl {
	width: 300px;
	background: url(../img/hl_back.png) left bottom;
	float: left;
	margin-right: 30px;
}
#main .ss {
	width: 296px;
	height: 396px;
	float: left;
	margin-right: 30px;
	border: 1px solid #E4E4E4;
	background: #fff;
	padding: 1px;
}
#main .ss img {
	padding: 0;
}
#main .ss a {
	outline: none;
}
#main .ss a img {
	border: none;
}
#main .hl p {
	padding: 0 20px 16px 20px;
}
#main .last {
	float: right;
	margin-right: 0;
}
#main img.prijs {
	padding: 0;
}
#main dd, #main ul {
	margin-left: 25px;
}
#main .c1 {
	width: 300px;
	float: left;
}
#main .c2 {
	width: 300px;
	float: right;
}

/* Weather types */
.suncloud {
	background: url(../img/weather/suncloud.jpg) no-repeat;
}

/* Footer */
#footer {
	color: #fff;
	background: #333 url(../img/footer.png) repeat-x;
}
#footer .container {
	background: url(../img/footer_c.png) no-repeat;
	height: 70px;
	padding-top: 50px;
	font-size: 12px;
	line-height: 16px;
}
#footer .container span {
	color: #727272;
}
#footer p {
	padding: 0;
	line-height: 20px;
}