html, body
{
	width: 100%;
	height: 100%
}

body
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 14px;
	background-color: #FFFFFF;
	color: #666666;
	background-image: url('../img/blueback.gif');
	background-repeat: repeat-x;
	background-position: 0px 119px
}

body.home
{
	background-image: url('../img/blueback-home.gif');
}

input, select, textarea
{
	border: 1px solid #CCCCCC;
	font-family: Verdana;
	font-size: 11px;
	line-height: 17px;
	background-color: #FFFFFF;
	color: #666666;
}

.hidden
{
	display: none
}

div.clear
{
	clear: both;
	height: 1px;
	overflow: hidden
}

a
{
	color: #22409d;
	text-decoration: none
}

a:hover
{
	text-decoration: underline
}

h2
{
	font-family: "Arial Rounded MT Bold", Arial;
	font-size: 18px;
	line-height: 20px;
	color: #22409D;
	font-weight: normal
}

p
{
	padding-bottom: 14px
}

p.doublepadding
{
	padding-bottom: 28px
}

div.clearcontainer
{
	clear: both;
	overflow: hidden
}

form
{
	width: 358px;
	display: block;
	margin-left: 10px;
	margin-bottom: 14px
}

form label
{
	float: left;
	display: inline;
	width: 125px;
	font-weight: bold;
	color: #22409d
}

form input, form select, form textarea
{
	float: left;
	display: inline;
	width: 228px;
	margin-bottom: 8px
}

form textarea
{
	height: 180px
}

form input.checkbox
{
	border: 0px;
	margin: 0px;
	width: auto;
	margin-right: 10px
}

form div.error
{
	color: #AA0000;
	margin-bottom: 8px;
	font-weight:bold;
	margin-left: 125px
}

form button.nuverzenden, form button.inloggen
{
	float: right;
	display: inline;
	width: 140px;
	height: 27px;
	border: 0px;
	background-image: url('../img/nuverzenden-button.gif');
	background-color: #FFFFFF;
	background-position: 0px 0px;
	cursor: pointer
}

form button.inloggen
{
	background-image: url('../img/inloggen-button.gif')
}

form button.nuverzenden:hover, form button.inloggen:hover
{
	background-position: 0px -27px
}

form button.nuverzenden span, form button.inloggen span
{
	display: none
}

div.site
{
	position: relative;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	height: auto !important;
	height: 100%
}

body.home div.header
{
	position: absolute;
	left: -125px;
	top: 150px;
	width: 1200px;
	height: 355px;
	background-image: url('../img/header-home-back.gif')
}

div.header div.image
{
	position: absolute;
	left: 125px;
	top: 0px;
	width: 501px;
	height: 249px;
	overflow: hidden;
    background-repeat: no-repeat
}

body.home div.header div.image
{
	width: 501px;
	height: 339px
}

body.home div.header div.image.medailles
{
    left: 5px;
    width: 1200px
}

div.header div.info
{
	position: absolute;
	left: 626px;
	top: 55px;
	width: 390px
}

div.header div.info h1
{
	font-family: "Arial Rounded MT Bold", Arial;
	font-size: 30px;
	line-height: 30px;
	color: #f4feff;
	margin-bottom: 10px;
	font-weight: normal
}

body.home div.header div.info h1
{
	font-size: 40px;
	line-height: 40px
}

div.header div.info p
{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	color: #f4feff
}

body.home div.header div.info a.moreproducts
{
	float: right;
	display: inline;
	margin-top: -20px;
	width: 168px;
	height: 84px;
	overflow: hidden;
	background-image: url('../img/producten-leesmeer.png');
	background-position: 0px 0px
}

body.home div.header div.info a.moreproducts span
{
	display: none
}

body.home div.header div.info a.moreproducts:hover
{
	background-position: 0px -84px
}

body.home div.header div.info a.moreproducts.movie
{
	background-image: url('../img/bekijk-filmpje.png');
	height: 87px;
    margin-top: -55px;
}

body.home div.header div.info a.moreproducts.movie:hover
{
	background-position: 0px -87px
}

body div.header
{
	position: absolute;
	left: -125px;
	top: 150px;
	width: 1200px;
	height: 265px;
	background-image: url('../img/header-back.gif')
}

div.header div.image.temp
{
	background-image: url('../temp/header-image.png')
}

body.home div.header div.image.temp
{
	background-image: url('../temp/home-header-image.png')
}

div.footer
{
	position: absolute;
	bottom: 0px;
	width: 894px;
	padding-left: 28px;
	padding-right: 28px;
	height: 76px;
	line-height: 76px;
	background-image: url('../img/footer-back.gif')
}

div.footer div.bottommenu
{
	float: right;
	display: inline;
	width: 500px;
	text-align: right
}

div.footer a, div.footer span.separator
{
	float: left;
	display: inline;
	color: #666666;
	padding-left: 7px;
	padding-right: 7px
}

div.footer div.bottommenu a, div.footer div.bottommenu span.separator
{
	float: right
}

div.footer div.copyright
{
	float: left;
	display: inline;
	width: 300px
}

div.footer div.copyright div
{
	float: left;
	display: inline;
	padding-left: 7px;
	padding-right: 7px
}

a#logo
{
	position: absolute;
	left: 19px;
	top: 26px;
	width: 168px;
	height: 75px;
	display: block;
	background-image: url('../img/goedidee-logo.gif')
}

a#logo span
{
	display: none
}

div.content
{
	padding-top: 399px;
	background-image: url('../img/white-cut.png');
	background-repeat: no-repeat;
	background-position: 0px 399px;
	clear: both;
	overflow: hidden;
	padding-bottom: 152px	/* hoogte footer+extra spacing */
}

div.content.nobottompadding
{
    padding-bottom: 0px
}

body.home div.content
{
	padding-top: 489px;
	background-position: 0px 489px;
}

div.content div.side
{
	position: relative;
	float: left;
	display: inline;
	width: 425px;
	margin-left: 33px;
	margin-right: 10px;
	padding-top: 65px
}

div.content div.side h2
{
	position: absolute;
	left: -14px;
	top: 0px;
	margin-top: 17px;
	padding-right: 14px;
	padding-left: 14px;
	background-color: #FFFFFF
}

div.content div.side ul
{
	list-style-type: disc;
	padding-left: 20px;
	padding-bottom: 14px
}

div.content div.side ol
{
	list-style-type: decimal;
	padding-left: 25px;
	padding-bottom: 14px
}

div.content div.side p img
{
	display: block;
	margin-bottom: 10px
}

div.content div.side p img[align=left]
{
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px
}

div.content div.side p img[align=right]
{
	float: right;
	display: inline;
	margin-left: 10px;
	margin-bottom: 10px
}

iframe.content
{
    display: block;
    width: 895px;
    height: 500px;
    margin: 20px 0px 0px 28px;
    padding-bottom: 152px;
}

ul#menu
{
	position: absolute;
	right: 0px;
	top: 119px;
	height: 29px;
	line-height: 29px;
	z-index: 1024
}

ul#menu li
{
	float: left;
	display: inline;
	padding-left: 11px;
	padding-right: 11px;
	font-size: 12px;
	font-weight: bold
}

ul#menu li a
{
	color: #FFFFFF;
	display: block
}

ul#menu li a.active
{
	color: #00A6EB
}

ul#menu li.separator
{
	float: left;
	display: inline;
	width: 14px;
	height: 29px;
	overflow: hidden;
	padding: 0px;
	background-image: url('../img/menu-separator.gif')
}

ul#menu li ul
{
	position: absolute;
	left: auto;
	display: none;
	width: 181px;
	margin-left: -27px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 2px solid #FFFFFF
}

ul#menu li:hover ul, ul#menu li.over ul
{
	display: block;
	left: auto
}

ul#menu li ul li
{
	padding-left: 19px;
	padding-right: 19px;
	width: 178px;
	line-height: 22px;
	background-image: url('../img/submenu-back.png')
}

ul#menu li ul li.first
{
	padding-top: 11px
}

ul#menu li ul li.bottom
{
	height: 12px;
	overflow: hidden;
	background-image: url('../img/submenu-bottom.png');
}

dl.itemlist
{

}

dl.itemlist dd
{
	margin-bottom: 25px;
	border-bottom: 1px dotted #DFDED7
}

dl.itemlist dd.last
{
	border-bottom: 0px
}

dl.itemlist dd img
{
	float: left;
	display: inline;
	width: 74px;
	height: 74px;
	overflow: hidden;
	padding: 1px;
	border: 1px solid #CCCCCB;
	margin-bottom: 25px
}

dl.itemlist dd h3
{
	display: block;
	padding-left: 94px;
	font-weight: bold;
	color: #06b5f2
}

dl.itemlist dd h3 a
{
	color: #06b5f2
}

dl.itemlist dd.noimage h3
{
	padding-left: 0px
}

dl.itemlist dd p
{
	display: block;
	padding: 0px;
	padding-left: 94px
}

dl.itemlist dd.noimage p
{
	padding-left: 0px
}

dl.itemlist dd a.more, dl.itemlist dd a.openlink
{
	float: right;
	display: inline;
	padding-left: 94px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 25px
}

dl.itemlist dd.noimage a.more, dl.itemlist dd a.openlink
{
	padding-left: 0px
}

dl.itemlist dd a.openlink
{
	float: left;
	margin-top: 10px
}

a.roundedbutton
{
	display: block;
	height: 34px;
	line-height:32px;
	overflow: hidden;
	background-image: url('../img/roundedbutton.gif');
	background-position: right top;
	font-weight: bold;
	color: #f5880a;
	text-decoration: underline;
	cursor: pointer
}

a.roundedbutton:hover
{
	text-decoration: none
}

a.roundedbutton span
{
	float: left;
	display: inline
}

a.roundedbutton span.icon
{
	width: 45px;
	height: 34px;
	overflow: hidden
}

a.roundedbutton.news span.icon
{
	background-image: url('../img/roundedbutton.gif');
	background-position: 0px 34px
}

a.homebutton
{
	display: block;
	width: 420px;
	height: 157px;
	overflow: hidden;
	background-image: url('../img/buttons-home.gif');
	background-position: 0px 0px
}

a.homebutton *
{
	display: none
}

a.homebutton.verzekering:hover
{
	background-position: 0px -157px
}

a.homebutton.kennis
{
	background-position: -420px 0px
}

a.homebutton.kennis:hover
{
	background-position: -420px 157px
}

a.homeintermediair
{
	display: block;
	width: 422px;
	height: 67px;
	overflow: hidden;
	background-image: url('../img/intermediair-geinteresseerd.gif');
	background-position: 0px 0px
}

a.homeintermediair span
{
	display: none
}

a.homeintermediair:hover
{
	background-position: 0px -67px
}

div.search
{
	position: absolute;
	right: 14px;
	top: 49px
}

div.search input
{
	float: left;
	display: inline;
	width: 159px;
	margin-top: 2px;
	height: 18px;
	line-height: 18px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #2342a3;
}

div.search button
{
	float: left;
	display: inline;
	width: 99px;
	height: 25px;
	overflow: hidden;
	background-image: url('../img/zoeken-button.gif');
	background-position: 0px 0px;
	border: 0px;
	cursor: pointer;
	margin-left: 11px;
	background-color: #FFFFFF
}

div.search button:hover
{
	background-position: 0px -25px
}

div.search button span
{
	display: none
}

span.placed
{
	color: #DDDDDD;
	display: block;
	margin-bottom: 14px
}

div.navigators a.prev
{
	float: left;
	display: inline
}

div.navigators a.next
{
	float: right;
	display: inline
}

dl.imagelist
{
	clear: both;
	overflow: hidden;
	margin-left: 20px
}

dl.imagelist dd
{
	float: left;
	display: inline;
	margin: 5px;
	border: 1px solid #FFFFFF;
	padding: 5px;
	width: 150px;
}

dl.imagelist dd:hover
{
	border: 1px solid #EFEFEF
}

dl.imagelist dd img
{
	display: block;
	margin-left: auto;
	margin-right: auto
}

div.faqholder
{
	height: 600px
}

div.question
{
	font-weight: bold;
	color: #22409d;
	cursor: pointer;
	background-image: url('../img/dot.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	padding-bottom: 10px
}

div.question:hover
{
	text-decoration: none
}

div.answer
{

}

div.answer div
{
	padding-left: 20px;
	padding-bottom: 20px
}

a.goudenschild
{
	position: absolute;
	left: 125px;
	top: 40px;
	width: 224px;
	height: 225px;
	overflow: hidden;
	background-image: url('../img/goudenschild.png')
}

a.goudenschild:hover
{
	background-position: 0px -225px
}

a.goudenschild span
{
	display: none
}

img.winnaargoudenschild
{
	display: block;
	margin-left: 85px
}

div.notice
{
	padding: 10px;
	font-size: 10px;
	font-style: italic;
	color: #aaaaaa
}