@CHARSET "ISO-8859-1";

@font-face {
    font-family: 'Univers';
    src: url('kenyan-webfont.eot');
    src: url('kenyan-webfont.eot?#iefix') format('embedded-opentype'),
         url('kenyan-webfont.woff') format('woff'),
         url('kenyan-webfont.ttf') format('truetype'),
         url('kenyan-webfont.svg#kenyan_coffee_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{ 
	font-family: 'Guanine';
	src: url('guanine-webfont.eot');
	src: url('guanine-webfont.eot?#iefix') format('embedded-opentype'),
	     url('guanine-webfont.woff') format('woff'),
	     url('guanine-webfont.ttf') format('truetype'),
	     url('guanine-webfont.svg#webfont') format('svg');
	font-weight: normal;
    font-style: normal;
}

body, html {
	margin: 0;
	height: 100%;
	background-color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	color: #666;
	line-height: 18px;
	
	-webkit-text-size-adjust:none
}

textarea {
	font-family: Arial;
	font-size: 13px;
}

form {
	margin: 0;
}

.clear {
	clear:both;
} 

* {
	outline: none;
}

img {
	border: none;
}

h1 {
	font-family: Univers;
	font-size: 30px;
	font-weight: normal;
	margin: 0px;
	line-height: 30px;
}

h2 {
	font-family: Univers;
	font-size: 24px;
	font-weight: normal;
	margin: 0px;
}

h3 {
	font-family: Univers;
	font-size: 19px;
	font-weight: normal;
	margin: 0px;
}

h4 {
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	margin: 0px;
	margin-bottom: 5px;
}

.green {
	color: #9dc215;	
}

.blue {
	color: #51a8f8;
}

.grey {
	color: #666;
}

.white {
	color: #fff;	
}

.orange {
	color: #ff7200;
}

.pink {
	color: #fd4e6b;
}

.hr-blue {
	color: #51a8f8; 
	background-color: #51a8f8;	
	border: 1px solid #51a8f8;
}

.borderbottom {
	border-bottom: 1px dotted #ddd;
}

.borderright {
	border-right: 1px dotted #ddd;
}

.borderleft{
	border-left: 1px dotted #ddd;
}

a {
	text-decoration: none;
	color: #51a8f8;
}

a:hover {
	text-decoration: underline;
}

.margin {
	margin-top: 10px;
	margin-bottom: 10px;
}

#container {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0px;
}

.centered {
	position: relative;
	float: left;
	left: 50%;
	width: 980px;       
	text-align: left;
	margin: 0 0 0 -490px;
}

#cookie_msg {
	width: 100%;
	position: relative;
	background-color: rgb(45, 45, 45);
	height: 29px;
	z-index: 20;
	left: 0px;
}

.cookie_content {
	color: #bbb;
	font-weight: bold;
	line-height: 29px;
	font-size: 12px;
	left: 50%;
	width: 980px;       
	text-align: left;
	margin: 0 0 0 -490px;
	position: relative;
}

.message {
	float: left;
}

.link {
	float: right;
}

.message a, .link a {
	color: #11a6ca;	
}

#link-balk {
	position: relative;
	float:left;
	width:100%;
	background: url('../images/link-balk.png') repeat-x bottom left;
	background-color: #5cc0fc;
	height: 38px;
	color: #235b7d;
	font-weight: bold;
	font-size: 11px;
}

#link-balk-label {
	float: left;
	padding-top: 9px;
	width: 140px;
	padding-left: 20px;
}

#link-balk-links {
	float: left;
	padding-top: 9px;
	width: 515px;
}

#link-balk-links a {
	color: #fff;
	text-decoration: underline;
}

#link-balk-logo {
	position: relative;
	float: left;
	width: 92px;
	height: 37px;
	background: url('../images/lacarte-logo.jpg');
}

#link-balk-talen {
	position: relative;
	float: right;
	width: 70px;
	height: 25px;
	padding-top: 11px;
}

#link-balk-talen a {
	color: #fff;
	text-decoration: none;
	margin-left: 10px;
	font-weight: normal !important;
}

#link-balk-talen a:hover {
	text-decoration: none;
}

#link-balk-talen a.active {
	font-weight: bold !important;
	text-decoration: underline !important;
	font-size: 13px;
}

#header {
	position: relative;
	float:left;
	width:100%;
	background: url('../images/header-bg.jpg') repeat-x top center;
	height: 178px;
	z-index: 1;
}

#header-overlay {
	position: absolute;
	background: url('../images/header-overlay.png') no-repeat top center;
	width: 100%;
	height: 145px;
	top: 0px;
	padding-left: 0px;
	z-index: 1;
}

#support-online {
	position: absolute;
	z-index: 4;
	width: 147px;
	height: 160px;
	top: 52px;
	float: right !important; 
	right: 50%; 
	margin-right: -530px;
}

#header-overlay-baby {
	position: absolute;
	background: url('../images/header-overlay-baby.png') no-repeat top center;
	width: 216px;
	height: 149px;
	top: -4px;
	margin-left: -140px;
	z-index: 3;
}

#logo {
	position: absolute;
	left: 50%;
	width: 268px;
	height: 52px;
	margin-left: -450px;
	margin-top: 37px;
	z-index: 3;
}

#header-links {
	z-index: 3;
	width: 276px;
	margin-left: 217px;
	padding-top: 5px;
	text-align: center;
}

#header-links a {
	font-size: 10px;
	color: #999;
	text-decoration: none;
}

#header-links a:hover {
	text-decoration: underline;
}

#header-menu {
	position: absolute;
	z-index: 3;
	height: 44px;
	width: 981px;
	background: url('../images/header-menu-balk.png') no-repeat top left;
	top: 133px;
}

#header-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 36px;
	position: absolute;
} 

#header-menu li {
	float: right;
	padding: 0;
	margin: 0;
	background: url('../images/menu_off_left.png') no-repeat left top;
}

#header-menu li a {
	height: 24px;
	line-height: 2em;
	float: left;
	display: block;
	color: #666;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	padding: 4px 35px;
	margin-right: -29px;
	background: url('../images/menu_off_right.png') no-repeat right top;	
}

#header-menu #current {
	background: url('../images/menu_on_left.png') no-repeat left top;
}

#header-menu #current a {
	background: url('../images/menu_on_right.png') no-repeat right top;
	color: #fff;
}

#bg-stof {
	position:absolute;
	float: left;
	width: 100%;
	height: 295px;
	background: url('../images/bg-stof.png') repeat-x top left;
	top: 46px;
	z-index: 0;
}

#footer {
	position: relative;
	float: left;
	width: 100%;
	height: 250px;
	background: #fafafa url('../images/footer-bg.png') repeat-x top left;
	margin-top: 30px;
}

#footer-links {
	position: relative;
	height: 185px;
	width: 980px;
	float: left;
	padding-top: 30px;
}

#footer-info {
	position: relative;
	height: 22px;
	width: 980px;
	float: left;
	padding-top: 10px;
	color: #ccc;
	font-size: 11px;
}

#footer-info a {
	color: #51a8f8;
	text-decoration: none;
}

#footer-info a:hover {
	text-decoration: underline;
}

#footer1 {
	float: left;
	width: 230px;	
}

#footer2 {
	float: left;
	width: 195px;	
}

#footer3 {
	float: left;
	width: 245px;	
}

#footer4 {
	float: right;
	width: 60px;	
}

.footer-blok {
	position: relative;
	float: left;
	height: 187px;
	width: 180px;
	margin-right: 20px;
}

.footer-blok-titel {
	color: #333;
	font-size: 14px;
	padding-left: 20px;
	float: left;
}

.footer-blok-opsomming {
	float: left;
	width: 187px;
	height: 170px;
	background: url('../images/footer-blok-randje.png') no-repeat top left;
}

.footer-blok-opsomming ul {
	margin-top:20px;
	padding-left: 20px;
}

.footer-blok-opsomming li {
	list-style-type: none;
 	background: url('../images/footer-blok-bullit.png') no-repeat top left;
 	padding-left: 8px;
}

.footer-blok-opsomming li a {
	color: #999;
	font-size: 11px;
	text-decoration: none;	
}

.footer-blok-opsomming li a:hover {
	text-decoration: underline;	
}

#content {
	position: relative;
	float: left;
	width: 980px;
}

#content2 {
	position: relative;
	margin-top: 17px;
	padding: 18px;
	float: left;
	width: 944px;
	background: transparent url('../images/content-bg.png') no-repeat top left;
	min-height: 235px;
}

#etalage {
	float: left;
	width: 980px;
	height: 324px;
	margin-bottom: 15px;
	margin-top: 20px;
}

div#feature_list {
	width: 980px;
	height: 324px;
	overflow: hidden;
	position: relative;
}

div#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	/*padding: 0;*/
	margin: 0;
}

ul#tabs {
	right: 0;
	z-index: 2;
	width: 281px;
	background: url('../images/etalage-tabs-bg.png') no-repeat top right;
	padding-top: 14px;	
	padding-bottom: 15px;
	height: 295px;
}

ul#tabs li {
	font-size: 12px;
	font-family: Arial;
}

ul#tabs li a {
	color: #333333;
	text-decoration: none;	
	display: block;
	padding-top: 6px;
	padding-left: 60px;
	height: 24px;
	outline: none;
	font-size: 12px;
	background:  url('../images/etalage-tab-bg.png') no-repeat top right;
}

ul#tabs li a:hover {
	text-decoration: underline;
	background:  url('../images/etalage-tab-bg-hover.png') no-repeat top right;
}

ul#tabs li a.current {
	background:  url('../images/etalage-current.png');
	color: #FFF;
	font-weight: bold;
	padding-left: 20px;
}

ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}

ul#output {
	left: 0;
	width: 718px;
	height: 324px;
	position: relative;
	padding-left: 0px;
}

ul#output li {
	position: absolute;
	width: 718px;
	height: 324px;
}

ul#output li a {
	position: absolute;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
}

#output1, #output2, #output3, #output4, #output5, #output6, #output7, #output8, #output9, #output10, #output11, #output12 {
	width: 718px;
	height: 324px;	
}

#output1a h2 {
	position: absolute;
	font-family: Impact;
	color: #e30043;
	font-size: 30px;	
	padding-left: 20px;
	padding-top: 20px;
	margin: 0;
	top: 0px;
	left: 0px;
}

#output1b {
	position: absolute;
	font-family: Georgia;
	color: #000;
	font-size: 24px;
	padding-left: 20px;
	padding-top: 20px;
	top: 40px;
	left: 0px;
}

#output1-btn {
	position: absolute;
	padding-left: 6px;	
	top: 260px;
	left: 0px;
}

#output2a h2 {
	position: absolute;
	font-family: Impact;
	color: #448599;
	font-size: 30px;	
	padding-left: 15px;
	padding-top: 25px;
	top: 0px;
	left: 0px;
}

#output2b {
	position: absolute;
	font-family: Georgia;
	color: #333;
	font-size: 18px;	
	padding-left: 20px;
	padding-top: 20px;	
	top: 40px;
	left: 0px;
}

#output2c {
	position: absolute;
	padding-left: 6px;	
	top: 260px;
	left: 0px;
}

#output3a h2 {
	position: absolute;
	font-family: Guanine;
	color: #ff7300;
	font-size: 36px;	
	padding-left: 20px;
	padding-top: 20px;
	margin: 0;
	top: 0px;
	left: 0px;
}

#output3b {
	position: absolute;
	font-family: Georgia;
	color: #a3238e;
	font-size: 18px;	
	padding-left: 20px;
	padding-top: 20px;
	top: 40px;
	left: 0px;
}

#output3c {
	position: absolute;
	color: #333;
	font-size: 12px;	
	padding-left: 20px;
	padding-top: 20px;
	width: 278px;
	top: 95px;
	left: 0px;
}

#output3d {
	position: absolute;
	padding-left: 6px;	
	top: 260px;
	left: 0px;
}

#output4a h2 {
	position: absolute;
	font-family: Georgia;
	color: #fff;
	font-size: 30px;	
	padding-left: 20px;
	padding-top: 20px;
	margin: 0;
	font-weight: normal;
	top: 0px;
	left: 0px;
}

#output4b {
	position: absolute;
	font-family: Georgia;
	color: #f8ff86;
	font-size: 18px;	
	padding-left: 20px;
	padding-top: 20px;
	top: 40px;
	left: 0px;
}

#output4c {
	position: absolute;
	color: #64212b;
	font-size: 12px;	
	padding-left: 20px;
	padding-top: 10px;
	width: 342px;
	top: 95px;
	left: 0px;
}

#output4d {
	position: absolute;
	color: #b01c31;
	font-size: 12px;	
	font-weight: bold;
	padding-left: 20px;
	padding-top: 10px;
	width: 342px;
	top: 190px;
	left: 0px;
}

#output4e {
	position: absolute;
	padding-left: 6px;	
	top: 260px;
	left: 0px;
}

#output5a h2 {
	position: absolute;
	font-family: Georgia;
	color: #fff;
	font-size: 30px;	
	padding-left: 20px;
	padding-top: 10px;
	margin: 0;
	font-weight: normal;
	top: 0px;
	left: 0px;
}

#output5b {
	position: absolute;
	font-family: Georgia;
	color: #745594;
	font-size: 18px;	
	padding-left: 20px;
	padding-top: 20px;
	top: 40px;
	left: 0px;
}

#output5c {
	position: absolute;
	color: #333;
	font-size: 13px;	
	padding-left: 20px;
	padding-top: 10px;
	width: 314px;
	top: 95px;
	left: 0px;
}

#output5d {
	position: absolute;
	padding-left: 6px;	
	top: 260px;
	left: 0px;
}

#output6a h2 {
	position: absolute;
	font-family: Impact;
	color: #58b71d;
	font-size: 30px;	
	padding-left: 20px;
	padding-top: 20px;
	margin: 0;
	font-weight: normal;
	top: 0px;
	left: 0px;
}

#output6b h3 {
	position: absolute;
	font-family: Georgia;
	font-weight: bold;
	color: #a3238e;
	font-size: 21px;	
	padding-left: 20px;
	padding-top: 20px;
	top: 40px;
	left: 0px;
}

#output6c {
	position: absolute;
	color: #333;
	font-size: 13px;	
	padding-left: 20px;
	padding-top: 10px;
	width: 314px;
	top: 95px;
	left: 0px;
}

#output7a h2 {
	position: absolute;
	font-family: Impact;
	color: #fff;
	font-size: 30px;	
	padding-left: 20px;
	padding-top: 20px;
	margin: 0;
	font-weight: normal;
	top: 0px;
	left: 0px;
}

#output7b h3 {
	position: absolute;
	font-family: Georgia;
	font-weight: bold;
	color: #ffff99;
	font-size: 21px;	
	padding-left: 20px;
	padding-top: 20px;
	line-height: 28px;
	top: 40px;
	left: 0px;
}

#output7c {
	position: absolute;
	color: #7f002a;
	font-size: 13px;	
	padding-left: 20px;
	padding-top: 10px;
	width: 314px;
	top: 125px;
	left: 0px;
}

#output7d {
	position: absolute;
	padding-left: 6px;	
	top: 260px;
	left: 0px;
}

#output8a h2 {
	position: absolute;
	font-family: Georgia;
	color: #fff;
	font-size: 30px;	
	padding-left: 20px;
	padding-top: 20px;
	margin: 0;
	font-weight: normal;
	top: 0px;
	left: 0px;
}

#output8b h3 {
	position: absolute;
	font-family: Georgia;
	color: #ffff99;
	font-size: 18px;	
	padding-left: 20px;
	padding-top: 20px;
	line-height: 28px;
	top: 30px;
	left: 0px;
}

#output8c {
	position: absolute;
	color: #01435d;
	font-size: 13px;	
	padding-left: 20px;
	padding-top: 10px;
	width: 314px;
	top: 80px;
	left: 0px;
}

#output8d {
	position: absolute;
	padding-left: 6px;	
	top: 260px;
	left: 0px;
}

#output9a h2 {
	position: absolute;
	font-family: Georgia;
	color: #9ab82d;
	font-size: 42px;	
	padding-left: 20px;
	padding-top: 20px;
	margin: 0;
	font-weight: normal;
	top: 10px;
	left: 0px;
}

#output9b h3 {
	position: absolute;
	font-family: Georgia;
	color: #9ab82d;
	font-size: 32px;	
	padding-left: 20px;
	padding-top: 20px;
	line-height: 28px;
	top: 45px;
	left: 30px;
}

#output9c {
	position: absolute;
	color: #333;
	font-size: 14px;	
	padding-left: 20px;
	padding-top: 10px;
	width: 480px;
	top: 100px;
	left: 0px;
	line-height: 14px;
}

#output10a h2 {
	position: absolute;
	font-family: Georgia;
	color: #fff;
	font-size: 30px;	
	padding-left: 20px;
	padding-top: 20px;
	margin: 0;
	font-weight: normal;
	top: 0px;
	left: 0px;
}

#output10b h3 {
	position: absolute;
	font-family: Georgia;
	color: #ffff99;
	font-size: 22px;	
	padding-left: 20px;
	padding-top: 20px;
	line-height: 28px;
	top: 35px;
	left: 0px;
}

#output10c {
	position: absolute;
	color: #01435d;
	font-size: 13px;	
	padding-left: 20px;
	padding-top: 10px;
	width: 360px;
	top: 110px;
	left: 0px;
}

#output10d {
	position: absolute;
	padding-left: 6px;	
	top: 260px;
	left: 0px;
}

#output12a h2 {
	position: absolute;
	font-family: Impact;
	color: #0088c6;
	font-size: 27px;	
	padding-left: 20px;
	padding-top: 20px;
	margin: 0;
	top: 0px;
	left: 0px;
}

#output12b {
	position: absolute;
	font-family: Georgia;
	color: #333;
	font-size: 24px;
	padding-left: 20px;
	padding-top: 20px;
	top: 40px;
	left: 0px;
	line-height: 28px;
}

#output12c {
	position: absolute;
	color: #333;
	font-size: 13px;	
	padding-left: 20px;
	padding-top: 10px;
	width: 300px;
	top: 140px;
	left: 0px;
}

#output12-btn {
	position: absolute;
	padding-left: 6px;	
	top: 260px;
	left: 0px;
}

#veilig-betrouwbaar {
	position:relative; 
	float: left;
	margin-left: 20px;
	margin-top: 15px;
	width: 222px;
	height: 112px;
	padding-top: 14px;
	padding-left: 19px;
}

#start-navigatie {
	float: left;
	width: 180px;
	margin-right: 20px;
	height: 640px;
}

#navigatie-top {
	float: left;
	width: 180px;
	height: 15px;
	background: url('../images/navigatie-top.png') no-repeat top left;
}

.navigatie-body {
	float: left;
	width: 178px;
	background-color: #fff;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}

#navigatie-bottom {
	float: left;
	width: 180px;
	height: 9px;
	background: url('../images/navigatie-bottom.png') no-repeat top left;
}

.navigatie-titel {
	float: left;
	width: 165px;
	height: 28px;
	background: url('../images/navigatie-titel.png') no-repeat top left;
	color: #fff;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 3px;
	font-size: 13px;
}

.navigatie-dropdown {
	float: left;
	width: 168px;
	height: 32px;
	background: url('../images/navigatie-dropdown-bg.png') no-repeat top left;
	padding-left: 12px;
	padding-top: 12px;
}

.navigatie-dropdown select {
	width: 156px;
}

.navigatie-list {
	float: left;
	width: 180px;
}

.navigatie-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.navigatie-list li {
	background: url('../images/navigatie-button.png') no-repeat top left;
	width: 165px;
	height: 19px;	
	padding-left: 15px;
	padding-top: 2px;
}

.navigatie-list li:hover {
	background: url('../images/navigatie-button-hover.png') no-repeat top left;
}

.navigatie-list li a {
	color: #666;
	text-decoration: none;	
}

.navigatie-list li a:hover {
	text-decoration: underline;	
}

#start-intro-text-wrapper {
	float: left;
	height: 200px;
	width: 518px;
}

#start-intro-text {
	position: absolute;
	height: 200px;
	width: 518px;
	top: 352px;
	left: 203px;
}

#toon-geboortekaartjes {
	position: relative;
	float: left;
	margin-left: 20px;
	width: 241px;
	height: 36px;
}

#start-ekomi {
	float: left;
	width: 780px;
	height: 80px;
	background: url('../images/ekomi-bg.png') no-repeat top left;
}

.dark-green {
	color: #4a9d17;
}

#start-ekomi-links {
	float: left;
	width: 410px;
	padding-top: 30px;
	padding-left: 15px;
}

#start-ekomi-midden {
	float: left;
	width: 261px;
	text-align: right;
	padding-top: 29px;
	padding-right: 11px;
	color: #333;	
}

#start-ekomi-sterren {
	float: left;
	background: url('../images/ekomi-sterren-off.png') no-repeat top left;
	width: 110px;
	height: 22px;
	margin-left: 109px;
}

#start-ekomi-sterren-overlay {
	background: url('../images/ekomi-sterren-on.png') no-repeat top left;
	height: 22px;
}

#start-ekomi-tag {
	float: left;
	width: 27px;
	height: 24px;
	background: url('../images/ekomi-tag.png') no-repeat top left;
	font-family: Georgia;
	color: #fff;
	font-size: 17px;
	margin-left: 3px;
	text-align: left;
	padding-left: 12px;
}

#start-ekomi-zegel {
	float: left;
	width: 70px;
	height: 70px;
}

#start-ekomi h2 {
	font-family: Georgia;
	font-size: 18px;
	color: #4a9d17;
	margin-bottom: 5px;
}

.average, .votes {
	color: #333;
	font-weight: bold;
}

#start-thumbs {
	float: left;
	margin-top: 25px;
	margin-right: 20px;
	width: 518px;
	height: 364px;
}

#start-stappen {
	float: left;
	margin-top: 15px;
	width: 241px;
	height: 170px;
	margin-bottom: 20px;
}

#start-stappen h2 {
	margin-bottom: 0px;
}

#start-stappen-bullets {
	float: left;
	width: 19px;
	height: 124px;
	background: url('../images/start-stappen-bullets.png') no-repeat top left;
}

#start-enveloppen {
	float: left;
	width: 211px;
	height: 143px;
	background: url('../images/gekleurde-enveloppen.jpg') no-repeat top left;
	padding: 15px;
	line-height: 17px;
}

#start-stappen-list {
	float: left;
	width: 196px;
	padding-left: 8px;
	padding-top: 14px;
	line-height: 12px;
}

#start-extra {
	float: left;
	margin-top: 20px;
	width: 580px;
	margin-right: 20px;
}

#start-handig {
	float: left;
	margin-top: 20px;
	width: 380px;
}

.start-extra-blok {
	float: left;
	width: 162px;
	height: 246px;
	background: url('../images/extra-blokken.jpg') no-repeat top left;
	margin-right: 16px;
	padding: 10px;
	font-size: 11px;
}

.start-extra-blok img {
	margin-left: -5px;
}

#start-extra-blok4 img {
	margin-left: 1px !important;
}

#start-extra-blok5 img {
	margin-top: -9px; !important;
	margin-bottom: 9px;
}

.start-extra-blok a {
	color: #51a8f8;
}

#start-extra-blok3, #start-extra-blok5 {
	margin-right:0px;
}

.flowitem-thema, .flowitem-collectie {
	float: left;
	width: 169px;
	height: 167px;
	text-align: center;
}

/*#thema1, #collectie1 { background-position: 0px 0px; } 
#thema2, #collectie2 { position: relative; left: -167px; }
#thema3, #collectie3 { position: relative; left: -334px; }
#thema4, #collectie4 { position: relative; left: -501px; }
#thema5, #collectie5 { position: relative; left: -668px; }
#thema6, #collectie6 { position: relative; left: -835px; }*/

.themalabel, .collectielabel {
	position: absolute;
	top: 132px;
	width: 167px;
}

.themalabel2, .collectielabel2 {
	position: absolute;
	top: 299px;
	width: 167px;
}

.flowitem-thema a, .flowitem-collectie a {
	font-family: Arial;
	color: #666;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#breadcrumbs {
	float: left;
	height: 24px;
	width: 961px;
	background: url('../images/breadcrumbs-bg.png') no-repeat top left;
	padding-left: 18px;
	padding-top: 5px;
}

#handig-body {
	float: left;
	width: 708px;
	background: url('../images/body-bg.png') no-repeat top left;	
	min-height: 325px;
	margin-top: 20px;
	padding: 18px;
}

#handig-body ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#handig-body li {
	background: url('../images/list-rondje.png') no-repeat top left;
	padding-left: 25px;
}

#handig-body li.usp {
	background: url('../images/list-vinkje.png') no-repeat top left !important;
	padding-left: 25px;
}

#handig-body li.liblue {
	background: url('../images/list-rondje-blauw.png') no-repeat top left;
	padding-left: 25px;
	margin-bottom: 16px;
}

#handig-body li.lipink {
	background: url('../images/list-rondje-pink.png') no-repeat top left;
	padding-left: 25px;
	margin-bottom: 16px;
}

#toon-geboortekaartjes-handig {
	float: left;
	margin-top: 24px;
	margin-left: 24px;
	width: 211px;
	height: 36px;	
}

#handig-navigatie, #informatie-navigatie {
	float: left;
	width: 235px;
	margin-top: 20px;
	min-height: 150px;
}

ol li {
	background: none !important;
	padding-left: 0px !important;
}

#handig-navigatie ul, #informatie-navigatie ul {
	list-style: none;	
	/*padding: 0;*/
	margin: 0;
}

#handig-navigatie #tabs2, #informatie-navigatie #tabs2 {
	float: right;
	right: 0;
	z-index: 2;
	width: 235px;
	background: url('../images/handig-navigatie-body.png') repeat-y top right;
	min-height: 250px;
}

#handig-navigatie #tabs2 li, #informatie-navigatie #tabs2 li {
	font-size: 12px;
	font-family: Arial;
}

#handig-navigatie #tabs2 li a, #informatie-navigatie #tabs2 li a {
	color: #333333;
	text-decoration: none;	
	display: block;
	padding-top: 6px;
	padding-left: 35px;
	height: 24px;
	outline: none;
	font-size: 12px;
	background:  url('../images/handig-navigatie-button.png') no-repeat top right;
}

#handig-navigatie #tabs2 li a:hover, #informatie-navigatie #tabs2 li a:hover {
	text-decoration: underline;
	background:  url('../images/handig-navigatie-button-hover.png') no-repeat top right;
}

#handig-navigatie #tabs2 li a.current, #informatie-navigatie #tabs2 li a.current {
	background:  url('../images/handig-navigatie-current.png') no-repeat top right;
	color: #FFF;
	font-weight: bold;
	padding-left: 35px;
}

#handig-navigatie #tabs2 li a.current:hover, #informatie-navigatie #tabs2 li a.current:hover {
	text-decoration: none;
	cursor: default;
}

#handig-navigatie-top, #informatie-navigatie-top {
	float: right;
	width: 211px;
	height: 14px;
	background: url('../images/handig-navigatie-top.png') no-repeat top right;
}

#handig-navigatie-bottom, #informatie-navigatie-bottom {
	float: right;
	width: 211px;
	height: 16px;
	background: url('../images/handig-navigatie-bottom.png') no-repeat top right;
}

.d20, .d25, .d33, .d40, .d50, .d60, .d67, .d75, .d80, .d100 {
	position: relative;
	float: left;
}

.d20 {
	width: 139px;
}
.d25 {
	width: 175px;
}
.d33 {
	width: 231px;
}
.d40 {
	width: 281px;
}
.d50 {
	width: 352px;
}
.d60 {
	width: 422px;
}
.d67 {
	width: 469px;
}
.d75 {
	width: 529px;
}
.d80 {
	width: 564px;
}
.d100 {
	width: 706px;
}

.alignl {
	text-align: left;
}

.alignc {
	text-align: center;
}

.alignr {
	text-align: right;
}

#facet-navigatie {
	float: left;
	width: 192px;
	margin-right: 22px;
	margin-top: 17px;
}

#facet-navigatie-top {
	float: left;
	width: 192px;
	height: 13px;
	background: url('../images/facet-top.png') no-repeat top left;
}

.facet-body {
	float: left;
	width: 181px;
	background-color: #fff;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	padding-left: 9px;
	line-height: 21px;
}

.facet-body .disabled {
	color: #ddd;
}

.facet-body .disabled:hover {
	color: #ddd;
	text-decoration: none;
	font-weight: normal;
	cursor: default;
}

#facet-navigatie-bottom {
	float: left;
	width: 192px;
	height: 10px;
	background: url('../images/facet-bottom.png') no-repeat top left;
}

.facet-titel-blauw {
	float: left;
	width: 177px;
	height: 23px;
	background: url('../images/facet-titel-blauw.png') no-repeat top left;
	color: #fff;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 5px;
	font-size: 13px;
}

.blauw a, .roze a {
	color: #666;
	text-decoration: none;
	font-size: 11px;
}

.blauw a:hover, .blauw .active {
	color: #51a8f8;
	text-decoration: underline;
	font-weight: bold;
}

.roze a:hover, .roze .active {
	color: #fd4e6b;
	text-decoration: underline;
	font-weight: bold;
}

#facet-accordion {
	float: left;
	width: 192px;
}

#facet-accordion h3 {
	background: url('../images/facet-accordion-titel-inactive.png') no-repeat;
	width: 177px;
	height: 21px;
	margin:0;
	padding-left: 15px;
	padding-top: 3px;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;	
	color: #fff;
	font-family: Arial;
	float: left;
}

#facet-accordion h3.current {
	background: url('../images/facet-accordion-titel-active.png') no-repeat;
	cursor:default;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

#facet-accordion .pane {
	display:none;
	width: 192px;
	background-color: #fff;
	line-height: 21px;
}

#facet-accordion .pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:12px;
	color:#999;
}

#overzicht-rechts {
	float: left;
	width: 726px;
	min-height: 495px;
	background: url('../images/overzicht-bg-rechts.png') no-repeat top right;
	margin-top: 17px;
	padding: 20px;
}

.hidden {
	display: none;
}

#leesmeer {
	cursor: pointer;
}

#selectiebalk-tabs {
	float: left;
	width: 404px;
	height: 32px;	
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 25px;
	margin-left: -8px;
}

#selectiebalk-tabs li {
	float: left;
	padding: 0;
	margin: 0;
	width: 101px;
	background: url('../images/selectiebalk-tab-off.png') no-repeat left top;
}

#selectiebalk-tabs li a {
	height: 29px;
	line-height: 2em;
	float: left;
	display: block;
	color: #666;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	margin-left: 8px;
	width: 93px;
	padding-top: 3px;
}

#selectiebalk-tabs #current {
	background: url('../images/selectiebalk-tab-on.png') no-repeat left top;
}

#selectiebalk-tabs #current a {
	color: #fff;
	font-weight: bold;
}

#selectiebalk-tabs #disabled {
	height: 29px;
	line-height: 2em;
	float: left;
	display: block;
	color: #ddd;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	width: 93px;
	padding-top: 3px;
	padding-left: 8px;
}

#toon-kiezer {
	float: right;
	width: 227px;
	margin-left: 92px;
	height: 25px;
	margin-top: 32px;
	font-size: 11px;
}

#pagina-kiezer {
	float: left;
	width: 746px;
	height: 62px;
	background: url('../images/selectiebalk-bg.png') no-repeat top left;
	margin-left: -10px;
}

.selectiebalk-aantal {
	padding-left: 15px;
	padding-top: 13px;
	position: relative;
	float: left;
	width: 380px;
}

.selectiebalk-links {
	position: relative;
	float: right;
	width: 255px;
	padding-top: 13px;
	text-align: right;
	padding-right:25px;
}

#kaart-content {
	float: left;
	width: 746px;
	margin-left: -10px;
}

.kaart-blok {
	position: relative;
	float: left;
	width: 150px;
	height: 150px;
	margin-right: 47px;
	margin-bottom: 28px;
	text-align: center;
}

.kaart-image {
	border: 1px solid #ccc;
}

.no-right-margin {
	margin-right: 0px !important;
}

#kaarten-zoeken {
	position: absolute;
	width: 264px;
	height: 25px;
	right: 13px;
	top: 69px;
	background: url('../images/kaart-zoeken-bg.png') no-repeat top left;
}

#zoekinput {
	width: 192px;
	height: 20px;
	float: left;
	margin-left: 2px;
	padding-top: 4px;
}

#zoekinput_text {
	border: none;
	width: 190px;
}

#zoekbutton {
	width: 54px;
	float: left;
	margin-left: 13px;
}

.card-blue, .card-green, .card-pink {
	/*width: 100%;*/
	padding: 0 !important; 
	margin: 0;
	list-style-type: none !important;
}

.card-blue li, .card-green li, .card-pink li {
	/*behavior: url('../css/border-radius.htc');*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 16px !important;
	padding: 12px !important;
	background: none !important;
}

.card-blue li {
	background-color: #f7fcff !important;
	border: 1px solid #d9f0ff;
}

.card-green li {
	background-color: #f8ffe0 !important;
	border: 1px solid #e4f3b8;
}

.card-pink li {
	background-color: #fef4f5 !important;
	border: 1px solid #fcd8da;
}

.marginright {
	margin-right: 8px !important;
}

.marginleft {
	margin-left: 8px !important;
}

#popupbox, #inlogpopup, #belons, #stembox, #gesloten {
	display:none;
	width:400px;
	border:10px solid #f05b74;

	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

#popupbox div, #inlogpopup div, #belons div, #stembox div, #gesloten div {
	padding:10px;
	background-color:#fff;
	font-family: Arial;
	text-align: center;	
}

#popupbox a, #inlogpopup a {
	font-weight: bold;
	text-decoration: none;
}

#popupbox a:hover, #inlogpopup a:hover {
	text-decoration: underline;	
}

#content-balk-boven {
	float: left;
	width: 944px;
	height: 23px;
}

#content-balk-boven-terug {
	position: relative;
	float: left;
	width: 150px;
}

#content-balk-boven-kiezer {
	position: relative;
	float: right;
	text-align: right;
	width: 450px;
}

#kaart-detail-images {
	position: relative;
	float: left;
	width: 350px;
}

#kaart-detail-image {
	position: relative;
	float: left;
	/*height: 250px;*/
	width: 350px;
	margin-top: 16px;
}

#kaart-detail-extra-image {
	position: relative;
	float: left;
	width: 350px;
}

#kaart-detail-info {
	position: relative;
	float: left;
	min-height: 250px;
	width: 579px;
	margin-top: 16px;
	margin-left: 15px;
}

#zoom-btn {
	position: absolute; 
	bottom: 3px; 
	left: 3px; 
	width:22px; 
	height: 22px;
}

#p360-btn {
	position: absolute; 
	bottom: 5px; 
	left: 5px; 
	width:30px; 
	height: 44px;
}

.prijs {
	color: #9ab82d;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1em;
}

#kaart-detail-buttons {
	position: relative;
	float: left;
	width: 944px;
	height: 85px;
	margin-top: 25px;
	border-bottom: 1px dotted #ddd;
}

#kaart-detail-modelkaart {
	position: relative;
	float: left;
	width: 350px;
	background: url('../images/3proef.jpg') no-repeat top left;
	height: 85px;
}

#kaart-detail-modelkaart-button {
	position: relative;
	float: right;
	width: 227px;
	height: 36px;
	margin-top: 3px;
}

#kaart-detail-modelkaart-tekst {
	position: relative;
	float: left;
	width: 270px;
	margin-top: 13px;
}

#kaart-detail-bestellen {
	position: relative;
	float: left;
	margin-top: 3px;
	margin-left: 12px;
	width: 164px;
}

.tooltip {
	display:none;
	background-color: #fff;
	border: 1px solid #ddd;
	font-size:12px;
	width:238px;
	padding:8px;
	color:#333;
	z-index: 10002;
	cursor: pointer;		
}

#kaart-detail-social{
	position: relative;
	float: left;
	width: 380px;
	margin-left: 13px;
	height: 30px;
	margin-top: 3px;
	background: url('../images/kaart-detail-social-bg.png') no-repeat top left;
	padding-top: 6px;
	padding-left: 25px;
	text-align: center;
}

#kaart-detail-recent-bezocht {
	position: relative;
	float: left;
	width: 660px;
	border-right: 1px dotted #ddd;
	padding-top: 25px;
}

#kaart-detail-speerpunten {
	position: relative;
	float: left;
	padding: 13px;
	padding-top: 25px;
	width:257px;
}

.stappenbalk {
	position: relative;
	float: left;
	width: 978px;
	height: 59px;
	margin-left:-17px;
	margin-top: -9px;
	color: #666;
}

.stap-active, .stap-active .stap-nummer {
	color: #fff;
}

.stap-nummer {
	color: #999;
	font-size: 24px;
	font-weight: bold;
	margin-right: 5px;
	float: left;
	position: relative;
}

.stap-tekst {
	float: left;
	position: relative;
}

#stappenbalk-opmaken {
	background: url('../images/stap1.png');
}

#stappenbalk-opmaken-a {
	background: url('../images/stap1a.png');
}

#stappenbalk-kaart-opmaken {
	background: url('../images/stap2a.png');
}

#stappenbalk-offerte {
	background: url('../images/stap2.png');
}

#stappenbalk-offerte-a {
	background: url('../images/stap3a.png');
}

#stappenbalk-inloggen {
	background: url('../images/stap3.png');
}

#stappenbalk-inloggen-a {
	background: url('../images/stap4a.png');
}

#stappenbalk-bestellen {
	background: url('../images/stap4.png');
}

#stappenbalk-bestellen-a {
	background: url('../images/stap5a.png');
}

#stap1 {
	position: relative;
	float: left;
	width: 270px;
	padding-top: 22px;
	padding-left: 30px;
}

#stap2 {
	position: relative;
	float: left;
	width: 139px;
	padding-top: 22px;
	padding-left: 15px;
}

#stap3 {
	position: relative;
	float: left;
	width: 97px;
	padding-top: 22px;
	padding-left: 15px;
}

#stap4 {
	position: relative;
	float: left;
	width: 202px;
	padding-top: 22px;
	padding-left: 15px;
}

#stap1a {
	position: relative;
	float: left;
	width: 150px;
	padding-top: 22px;
	padding-left: 30px;
}

#stap2a {
	position: relative;
	float: left;
	width: 139px;
	padding-top: 22px;
	padding-left: 15px;
}

#stap3a {
	position: relative;
	float: left;
	width: 140px;
	padding-top: 22px;
	padding-left: 15px;
}

#stap4a {
	position: relative;
	float: left;
	width: 97px;
	padding-top: 22px;
	padding-left: 15px;
}

#stap5a {
	position: relative;
	float: left;
	width: 167px;
	padding-top: 22px;
	padding-left: 15px;
}

.stappenbalk #antwoord {
	position: relative;
	float: left;
	padding-top: 19px;
	color: #3ba5fd;
	width: 165px;
	text-align: right;
	padding-right: 30px;
	line-height: 12px;
}

#opmaken-kaart-img {
	position: relative;
	float: left;
	margin-top: 10px;
	width: 150px; 
}

#opmaken-kaart-keuzes {
	position: relative;
	float: left;
	width: 563px;
}

#opmaken-kaart-opties {
	position: relative;
	float: left;
	min-height: 90px;
	margin-left: 10px;
	margin-top: 10px;
	width: 400px;
}

#opmaken-kaart-prijs {
	position: relative;
	float: right;
	width: 393px;
	border: 1px solid #ececec;
	background-color: #f9f9f9;
	height: 30px;
	padding-top: 15px;
	padding-left: 7px;
	margin-top: 15px;
}

#bereken-prijs, #bereken-prijs2 {
	color: #fb4e6a;
	font-weight: bold;
	font-size: 24px;
}

#opmaken-buttons {
	position: relative;
	float: left;
	width: 563px;
	margin-top: 15px;
	height: 36px;
	margin-bottom: 15px;
}

#opmaken-buttons-modelkaart {
	position: relative;
	float: left;
	width: 227px;
	height: 36px;
}

#opmaken-buttons-offerte {
	position: relative;
	float: right;
	width: 249px;
	height: 36px;
}

#opmaken-etalage {
	position: relative;
	float: left;
	width: 343px;
	margin-left: 30px;
	height: 236px;
}

#opmaken-etalage-scroller {
	background: transparent url('../images/opmaken-etalage-scroller-bg.jpg') no-repeat top left;
	width: 343px;
	height: 209px;
	position: relative;
	float: left;
	margin-top: 5px;
}

#scroll {
	width: 335px;
	height: 172px;
	position: relative;
	overflow: hidden;	
	margin-left: 4px;
	margin-top: 4px;
}

#tools {
	width:9999em;
	position:absolute;
	height:172px;
}

.tool {
	float:left;
	width:311px;
	height:148px;
	padding: 12px;
}

#scroll-navigatie {
	position: relative;
	float: left;
	height: 28px;
	width: 335px;
	bottom: 0px;
}

#scroll-navigatie-links {
	position: relative;
	float: left;
	margin-left: 10px;
	width: 8px;
	height: 15px;
	margin-top: 9px;
	cursor: pointer;
}

#scroll-navigatie-rechts {
	position: relative;
	float: left;
	margin-left: 7px;
	width: 8px;
	height: 15px;
	margin-top: 9px;
	cursor: pointer;
}

#scroll-navigatie-tekst {
	position: relative;
	float: left;
	width: 300px;
	height: 15px;
	margin-top: 8px;
	text-align: center;
}

.social_sharing {
	list-style-type: none;
    margin: 0;
    padding: 0;
}

.pop_open {
	position: relative;
    z-index: 1;
}

.pop_open > a {
	background: url("../images/delen-met-anderen.png") no-repeat scroll top left transparent; 
	padding-left: 16px;
}

.social_bookmarks {
	border: 3px solid #9dc215;
	/*behavior: url('../css/border-radius.htc');*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;		
	width: 198px;
	position: absolute;
    z-index: 5000;
    padding: 7px;
    padding-left: 11px;
    background-color: #fff;
}

.social_bookmarks a {
	padding-left: 20px;
	padding-top: 2px;
}

#kaart-delen-email {
	background: url("../images/kaart-delen-email.png") no-repeat scroll top left transparent; 
}

#kaart-delen-pinterest {
	background: url("../images/kaart-delen-pinterest.png") no-repeat scroll top left transparent; 
}

#kaart-delen-google {
	background: url("../images/kaart-delen-googleplus.png") no-repeat scroll top left transparent; 
}

#kaart-delen-hyves {
	background: url("../images/kaart-delen-hyves.png") no-repeat scroll top left transparent; 
}

#kaart-delen-facebook {
	background: url("../images/kaart-delen-facebook.png") no-repeat scroll top left transparent; 
}

#kaart-delen-twitter {
	background: url("../images/kaart-delen-twitter.png") no-repeat scroll top left transparent; 
}

.two_columns {
    clear: none !important;
    float: left;
    width: 49%;
    list-style-type: none;
    margin: 0;
    padding-left: 0px;
    line-height: 24px;
}


#kleurletter_top {
	width: 393px;
	height: 12px;
	background: url('../images/kleurletter_top.jpg') no-repeat top left;
	float: left;
}

#kleurletter_bottom {
	width: 393px;
	height: 12px;
	background: url('../images/kleurletter_bottom.jpg') no-repeat top left;
	float: left;
}

#kleurletter_middle {
	padding-left: 5px;
	padding-right: 5px;
	width: 381px;
	background-color: #f8f8f8;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	float: left;
}

#kieslettertype {
	float: left;
	width: 450px;
}

.kaartopmakenarea {
	float: left;
	position: relative;
	width: 944px;
	padding-top: 20px;
	border-top: 1px dotted #ddd;
}

#kaartvoorbeeld {
	float: left;
	width: 493px;
}

#demolinks {
	float: left;
	width: 134px;
	height: 403px;
	margin-bottom: 10px;
}

#demorechts {
	float: left;
	margin-top: 22px;
	width: 355px;
	height: 381px;
	margin-bottom: 10px;
}

#demokaart-img {
	border: 1px solid #c0c0c0;
}

#offerte-top, #klantgegevens-top, #bestellingplaatsen-top, #belmij-top {
	position: relative;
	float: left;
	width: 944px;
	margin-top: 10px;	
}

#offerte-links {
	position: relative;
	float: left;
	width: 252px;
	margin-top:20px;
}

#offerte-midden {
	position: relative;
	float: left;
	width: 440px;
	margin-top:20px;
	margin-left: 15px;
	padding-right: 25px;
	
}

#offerte-rechts {
	position: relative;
	float: left;
	width: 196px;
	margin-top: 20px;
	margin-left: 15px;
}

.offerte-img {
	position: relative;
	float: left;
	width: 250px;
	min-height: 250px;
}

.offerte-img img {
	border: 1px solid #ddd;
}

#offerte-img-btns, #klantgegevens-info, #bestellingplaatsen-info {
	position: relative;
	float: left;
	margin-top: 10px;
	width: 250px;
	padding-bottom: 10px;
}

.klantbeoordeling {
	background-color: #FFFFFF;
    border: 1px solid #5fc2fd;
    /*behavior: url('../css/border-radius.htc');*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
    float: left;
    margin-top: 15px;
    padding: 15px;
    width: 676px;
}

#pagina-kiezer-reacties {
	float: left;
	width: 742px;
	height: 25px;
	background-color: #f9f9f9;
	border: 1px solid #ececec;
	margin-left: -18px;
}

.selectiebalk-aantal-reacties {
	padding-left: 15px;
	padding-top: 5px;
	position: relative;
	float: left;
	width: 380px;
}

.selectiebalk-links-reacties {
	position: relative;
	float: right;
	width: 255px;
	padding-top: 5px;
	text-align: right;
	padding-right:25px;
}

#twa_fotos {
	float: left;
	width: 725px;
	padding-bottom: 10px;
}

.twa_klein {
	border: 1px solid #fcd8da;
	text-align: center;
	background-color: #fff;
	float: left;
	padding: 7px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.twa_klein:hover {
	background-color: #fef4f5;
}

.twa_klein img {
	height: 142px;
	width: 213px;
}

#contact_info {
	border: 1px solid #8ed5ff;
	background-color: #fff;
	width: 944px;
	float: left;
	height: 218px;
	background: url('../images/contact_img.jpg') no-repeat bottom right;
}

#contact_info h3 {
	margin-bottom: 10px;
}

#contact_adres {
	border-right: 1px dotted #8ed5ff;
	margin: 20px;
	margin-right: 0px;
	float: left;
	padding-right: 20px;
}

#contact_bank {
	float: left;
	margin: 20px;
	margin-right: 0px;
	padding-right: 20px;
	border-right: 1px dotted #8ed5ff;
}

#contact_tijden {
	float: left;
	margin: 20px;
	margin-right: 0px;
	padding-right: 20px;
	border-right: 1px dotted #8ed5ff;
}

#contact_telefoon {
	float: left;
	margin: 20px;
	margin-right: 0px;
}

#contactbalk {
	margin-top: 25px;
	float: left;
	width: 944px;
}

#contact-onder-links {
	position: relative;
	float: left;
	width: 432px;
	border-right: 1px dotted #8ED5FF;
	padding-right: 15px;
}

#contact-onder-rechts {
	position: relative;
	float: left;
	margin-top: 15px;
	width: 481px;
	padding-left: 15px;
}

#contact-vraag {
	float: left;
	width: 432px;
	margin:15px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-right: 1px dotted #8ed5ff;
}

#contact-vraag a {
	font-weight: bold;
}

#gegevens-kwijt {
	float: left;
	width: 432px;
	margin:15px;
	margin-right: 0px;
	margin-bottom:0px;
}

.contact-input {
	width: 330px;
	border:1px solid #a3a4a7;
 	font-family: Arial;
	color: #333;
 	height: 18px;
}

.pagina-kiezer-favorieten {
	float: left;
	width: 978px;
	height: 25px;
	background-color: #f9f9f9;
	border: 1px solid #ececec;
	margin-left: -18px;
}

.selectiebalk-aantal-favorieten {
	padding-left: 15px;
	padding-top: 5px;
	position: relative;
	float: left;
	width: 380px;
}

.selectiebalk-links-favorieten {
	position: relative;
	float: right;
	width: 255px;
	padding-top: 5px;
	text-align: right;
	padding-right:25px;
}

.favorietbox {
	float: left;
	width: 152px;
	height: 200px;
	margin-top: 15px;
	margin-right: 44px;
}

.favimg {
	float:left;
	border: 1px solid #ccc;
}

.favbuttons {
	background: url('../images/fav_button_bg.jpg') repeat-x;
	border: 1px solid #ccc;
	border-top: none;
	height: 28px;
	width: 125px;
	float: left;
	padding-top: 2px;
	padding-left: 25px;
}

#kieslimit {
	position: absolute;
	right: 30px;
	top: 25px;
}

#fav-extra-info {
	position: relative;
	float: left;
	margin-top: 15px;
	width: 100%;
}

#fav-extra-info #fav-namen {
	position: relative;
	float: left;
	width: 475px;
	margin-right: 40px;
	background: url('../images/top30klein.jpg') no-repeat bottom right;
}

#fav-extra-info #fav-gratis-geboortekaartjes {
	position: relative;
	float: left;
	width: 420px;
	background: url('../images/uitgerekendedatum.jpg') no-repeat bottom right;
}

#account-klantgegevens-rechts #namen-top30, #belmij-rechts #namen-top30 {
	position: relative;
	float: left;
	width: 378px;
	background: url('../images/top30klein.jpg') no-repeat bottom right;
}

#account-klantgegevens-rechts #gratis-geboortekaartjes, #belmij-rechts #gratis-geboortekaartjes {
	position: relative;
	float: left;
	width: 390px;
	background: url('../images/uitgerekendedatum.jpg') no-repeat bottom right;
	margin-top: 17px;
}

#klantgegevens-registratie {
	position: relative;
	float: left;
	width: 520px;
	margin-left: 20px;
	margin-top: 20px;
	border-left: 1px dotted #ddd; 
	padding-left: 20px;
	margin-bottom: 20px;
}

#klantgegevens-img {
	position: relative;
	float: left;
	width: 250px;
	min-height: 250px;
}

#klantgegevens-links {
	position: relative;
	float: left;
	width: 380px;
	margin-top:20px;
}

#klantgegevens-bottom {
	position: relative;
	float: left;
	width: 100%;
	border-top: 1px dotted #ddd;
}

#klantgegevens-links-onder {
	position: relative;
	float: left;
	width: 380px;
	margin-top: 20px;
}

#klantgegevens-inloggen {
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	border-left: 1px dotted #ddd; 
	padding-left: 20px;
	width: 520px;
}

#klantgegevens-check {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 15px;
}

#bestellingplaatsen-img {
	position: relative;
	float: left;
	width: 250px;
	min-height: 250px;
}

#bestellingplaatsen-links {
	position: relative;
	float: left;
	width: 300px;
	margin-top:20px;
}

#bestellingplaatsen-leesproef {
	position: relative;
	float: left;
	padding-top: 25px;
	margin-right: 20px;
	border-top: 1px dotted #ddd;
}

#bestellingplaatsen-rechts {
	position: relative;
	float: left;
	width: 620px;
	margin-top:20px;
	padding-left: 20px;
	border-left: 1px dotted #ddd;
}

#bestellingplaatsen-klant {
	position: relative;
	float: left;
	width: 296px;
	height: 250px;
}

#bestellingplaatsen-aanvullend {
	position: relative;
	float: left;
	width: 305px;
	min-height: 250px;
	padding-left: 18px;
	margin-bottom: 10px;
	border-left: 1px dotted #ddd;
}

#bestellingplaatsen-tekst {
	position: relative;
	float: left;
	width: 625px;
	padding-top: 15px;
	border-top: 1px dotted #ddd;
	min-height: 390px;
}

#voorwaarden-popup, #inloggen-popup, #kwijt-popup {
	display:none;
	width:900px;
	max-height: 500px;
	border:10px solid #f05b74;
	z-index:100;

	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

#voorwaarden-popup div, #inloggen-popup div, #kwijt-popup div {
	padding:10px;
	background-color:#fff;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 480px;
}

#mail-info-links {
	position: relative;
	float: left;
	width: 275px;
}

#mail-info-rechts {
	position: relative;
	float: left;
	width: 550px;
	border-left: 1px dotted #ddd;
	padding: 15px;
}

#inloggen-popup-inloggen {
	position: relative;
	float: left;
	width: 400px;
	padding-right: 20px !important;
}

#inloggen-popup-registeren {
	position: relative;
	float: left;
	width: 400px;
	padding-left: 20px !important;
	border-left: 1px dotted #ddd;
}

#account-inloggen {
	position: relative;
	float: left;
	width: 450px;
	padding-right: 20px !important;
}

#account-registeren {
	position: relative;
	float: left;
	width: 450px;
	padding-left: 20px !important;
	border-left: 1px dotted #ddd;
}

#kwijt-popup-content {
	position: relative;
	float: left;
	margin-top: 20px;
}

#account-tabs {
	position: relative;
	float: left;
	width: 944px;
	height: 32px;	
	list-style: none;
	padding: 0;
	margin: 0;
	/*margin-left: -8px;*/
	border-bottom: 7px solid #66c7ff;
	margin-bottom: 20px;
}

#account-tabs li {
	float: left;
	padding: 0;
	margin: 0;
	width: 150px;
	background: url('../images/account-tab-off.png') no-repeat right top;
}

#account-tabs li a {
	height: 29px;
	line-height: 2em;
	float: left;
	display: block;
	color: #666;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	margin-left: 8px;
	width: 142px;
	padding-top: 3px;
}

#account-tabs #current {
	background: url('../images/account-tab-on.png') no-repeat right top;
}

#account-tabs #current a {
	color: #fff;
	font-weight: bold;
}

#account-tabs-line {
	float: left;
	width: 746px;
	height: 62px;
	background: url('../images/account-tab-line.png') no-repeat top left;
	margin-left: -10px;
}

#account-klantgegevens-links, #belmij-links {
	position: relative;
	float: left;
	width: 550px;
}

#account-klantgegevens-links table {
	margin-left: -4px;
}

#account-klantgegevens-rechts, #belmij-rechts {
	position: relative;
	float: left;
	width: 378px;
	margin-left: 15px;
}

.account-qr-img {
	float: left;
	position: relative;
	width: 250px;
	margin-right: 15px;
	margin-top: 20px;
}

.account-qr-content {
	position: relative;
	float: left;
	width: 663px;
	border-left: 1px dotted #ddd;
	padding-left: 15px;
	margin-top: 20px;
}

.account_proef {
	padding: 15px;
	float: left;
	border-bottom: 1px dotted #ddd;
	width: 500px;
}

.account_proef .account-proef-img, #kaart3d {
	border: 1px solid #ddd;
}

.qr-voorbeeld {
	background: url('../images/iphone.png') no-repeat top center; 
	width: 482px; 
	height: 618px;
	margin-top: 20px;
	padding-left: 182px;
	padding-top: 142px;
	position: relative;
	float: left;
} 

.account-bestelling-left {
	float: left;
	position: relative;
	width: 250px;
	margin-right: 15px;
	margin-top: 20px;
}

.account-bestelling-midden {
	position: relative;
	float: left;
	width: 440px;
	padding-right: 20px;
	border-right: 1px dotted #ddd;
	margin-top: 20px;
}

.account-bestelling-rechts {
	position: relative;
	float: left;
	width: 196px;
	margin-left: 15px;
	margin-top: 20px;
}

.bestellingpunten {
	float: left;
	width: 950px;
	margin-top: 15px;
}

.bestellingpunt1 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
	padding: 6px;
}

.bestellingpunt2 {
	background-color: #fff;
	padding: 6px;
	padding-top: 7px;
	padding-bottom: 7px;
}

#kaartjecanvas {
	float: left;
	width: 320px;
	margin-right: 16px;
}

#kaartjeglas {
	float: left;
	width: 320px;
	margin-right: 16px;
}

#babyboek {
	float: left;
	width: 270px;
}

#kaartjecanvas_img {
	background-image: url('../images/bedankt-canvas.jpg');
	background-repeat: no-repeat;
	float: left;
	width:280px;
	height: 280px;
	padding-top:17px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;	
}

#kaartjecanvas_txt {
	float: left;
	padding: 10px;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	width: 298px;
}

#kaartjecanvas_img h2, #kaartjeglas_img h2, #babyboek_img h2 {
	color: #333;
	font-size: 32px;
}

#kaartjecanvas_tbl {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	width: 318px;
	float:left;
}

#kaartjecanvas_tbl #tblheader {
	background-color: #9dc115;
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;
	float: left;
	height: 19px;
	padding-top: 2px;
}

#kaartjecanvas_tbl #row0 {
	background-color: #ffffff;	
	padding-left: 10px;
	float: left;
	height: 19px;
	padding-top: 4px;
}

#kaartjecanvas_tbl #row1 {
	background-color: #efefef;	
	padding-left:10px;
	float: left;
	height: 19px;
	padding-top: 4px;
}

#kaartjeglas_img {
	background-image: url('../images/bedankt-plexiglas.jpg');
	background-repeat: no-repeat;
	float: left;
	width:280px;
	height: 280px;
	padding-top:17px;
	padding-left: 20px;	
	padding-right: 20px;
	text-align: center;	
}

#kaartjeglas_txt {
	float: left;
	padding: 10px;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	width: 298px;
}

#kaartjeglas_tbl {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	width: 318px;
	float:left;
}

#kaartjeglas_tbl #tblheader {
	background-color: #9dc115;
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;
	float: left;
	height: 19px;
	padding-top: 2px;
}

#kaartjeglas_tbl #row0 {
	background-color: #ffffff;	
	padding-left: 10px;
	float: left;
	height: 19px;
	padding-top: 4px;
}

#kaartjeglas_tbl #row1 {
	background-color: #efefef;	
	padding-left:10px;
	float: left;
	height: 19px;
	padding-top: 4px;
}

#babyboek_img {
	background-image: url('../images/bedankt-babyboek.jpg');
	background-repeat: no-repeat;
	float: left;
	width:230px;
	height: 280px;
	padding-top:17px;
	padding-left: 20px;	
	padding-right: 20px;
	text-align: center;	
}

#babyboek_txt {
	float: left;
	padding: 10px;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	width: 248px;
	padding-bottom: 4px;
}

.kaartje_bottom_left {
	position: relative;
	float: left;
	width: 11px;
	height: 11px;
	background: url('../images/content_bl.png') no-repeat bottom left;
}

.kaartje_bottom_center {
	position: relative;
	float: left;
	background-color: #ffffff;
	border-bottom: 1px solid #d1d1d1;
	height:10px;
	width: 298px;
}

.kaartje_bottom_right {
	position: relative;
	float: left;
	width: 11px;
	height: 11px;
	background: url('../images/content_br.png') no-repeat bottom left;
}

#veelgestelde-vragen {
	position: relative;
	float: left;
	width: 694px;
	background: url('../images/veelgestelde-vragen-bg.jpg');
	height: 230px;
	padding-left: 15px;
	padding-top: 16px;
	margin-bottom: 30px;
}

#veelgestelde-vragen-titel {
	position: relative;
	float: left;
	width: 694px;
	height: 34px;
}

#veelgestelde-vragen-top3 {
	position: relative;
	float: left;
	width: 426px;
	height: 111px;
	padding-left: 30px;
	line-height: 30px;
	padding-top: 7px;
}

#veelgestelde-vragen-meer {
	position: relative;
	float: left;
	width: 300px;
	padding-top: 10px;
}

.klantenservice-blok {
	position: relative;
	float: left;
	width: 344px;
	margin-right: 19px;
	margin-bottom: 20px;
}

.klantenservice-blok-titel {
	padding-top: 10px;
	height: 26px;
	border-bottom: 1px solid #ececec;
	padding-left: 55px;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.klantenservice-blok-content {
	position: relative;
	float: left;
	height: 100px;
	width: 344px;
	line-height: 24px;
	padding-top: 10px;
}

#qr_stappen_boven {
	position:relative;
	float: left;
	width: 100%;
	border-top: 1px dotted #a0cee0;	
}

#qr_stappen_midden {
	position:relative;
	float: left;
	width: 100%;
	border-top: 1px dotted #a0cee0;	
	margin-top:15px;
}

#qr_stappen_onder {
	position:relative;
	float: left;
	width: 100%;
	border-top: 1px dotted #a0cee0;	
	margin-top:15px;
	padding-top:15px;
}

#qr_stap1 {
	position: relative;
	float: left;
	background: url('../images/qr_stap1.jpg') no-repeat bottom left;
	width: 338px;
	height: 200px;
	margin-top: 15px;
	padding-right: 15px;
	border-right: 1px dotted #a0cee0;
}

#qr_stap2 {
	position: relative;
	float: left;
	background: url('../images/qr_stap2.jpg') no-repeat bottom left;
	width: 338px;
	height: 200px;
	margin-top: 15px;
	margin-left: 15px;
}

#qr_stap3 {
	position: relative;
	float: left;
	background: url('../images/qr_stap3.jpg') no-repeat bottom left;
	width: 338px;
	height: 225px;
	margin-top: 15px;
	padding-right: 15px;
	border-right: 1px dotted #a0cee0;
}

#qr_stap4 {
	position: relative;
	float: left;
	background: url('../images/qr_stap4.jpg') no-repeat bottom left;
	width: 338px;
	height: 225px;
	margin-top: 15px;
	margin-left: 15px;
}

#voorwaarden-tekst h3 {
	width: 90%;
	float: left;
}

#klantenservice-onderwerpen {
	position: relative;
	float: left;
	width: 694px;
}

#kwijt {
	position: relative;
	float: left;
}

#veelgestelde-vragen-accordion {
	position: relative;
	float: left;
	margin-top: 20px;
}

#veelgestelde-vragen-accordion h2 {
	width: 659px;
	height: 30px;
	margin-top: 10px;
	cursor: pointer;
	padding-top: 14px;
	padding-left: 50px;
}

#veelgestelde-vragen-accordion h2.ui-state-hover {
	background-position: 0px -44px;
	font-weight: normal;
	cursor: pointer;
}

#veelgestelde-vragen-accordion h2.ui-state-active {
	background-position: 0px -88px !important;
	font-weight: normal;
	cursor: pointer;
	color: #fff;
}

#veelgestelde-vragen-accordion .pane {
	display:none;
	padding-left:10px;
	font-size:12px;
	width: 697px;
	line-height: 1.5em;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

.antwoord-pane {
	display:none;
	padding-left:30px;
	font-size:12px;
	width: 660px;
	line-height: 1.5em;
}

#modelkaart-links-onder {
	position: relative;
	float: left;
	width: 400px;
	margin-top: 20px;
	background: url('../images/uitgerekendedatum.jpg') no-repeat bottom right;
	
}

#veelgestelde-vragen-accordion .subaccordion {
	background: url('../images/veelgestelde-vragen-accordion-klein.png') no-repeat top left;
	width: 650px;
	height: 18px;
	margin-top: 0px;
	cursor: pointer;
	padding-top: 5px;
	padding-left: 30px;
	color: #666;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	border-top: 1px solid #ececec;
}

#veelgestelde-vragen-accordion .subaccordion.ui-state-hover {
	background-position: 0px -23px;
	font-weight: normal;
	cursor: pointer;
	color: #333;
}

#veelgestelde-vragen-accordion .subaccordion.ui-state-active {
	background-position: 0px -46px !important;
	font-weight: normal;
	cursor: pointer;
	color: #9dc215;
	font-weight: bold;
}

#babynamen-top10-jongens {
	position: relative;
	float: left;
	font-size: 14px;
	padding-left: 50px;
	padding-top: 62px;
	width: 190px;
	margin-right: 170px;
	line-height: 24px;
}

#babynamen-top10-meisjes {
	position: relative;
	float: left;
	font-size: 14px;
	padding-top: 62px;
	width: 190px;
	line-height: 24px;
}

#babynamen-top10-jongens-tekst {
	position: relative;
	float: left;	
	padding-left: 14px;
	width: 319px;
	padding-top: 30px;
	margin-right: 42px;
}

#babynamen-top10-meisjes-tekst {
	position: relative;
	float: left;	
	width: 319px;
	padding-top: 30px;
}

#social_label {
	position: absolute;
	width: 44px;
	height: 214px;
	top: 60px;
	background: transparent url('../images/label.png') no-repeat top left;
	right: -51px;
	padding-left: 8px;
	padding-top: 45px;
	line-height: 8px;
}

#veelgestelde-vragen-input-bg {
	position: relative;
	float: left;
	width: 699px;
	height: 33px;
	background: url('../images/veelgestelde-vragen-stel-een-vraag.png');
	margin-top: 20px;
	padding-left: 10px;
	padding-top: 11px;
}

#veelgestelde-vragen-input {
	width: 685px;	
	font-size: 18px;
	border: none;
	color: #333;
}

#jongensnamen-top-100 {
	 position: relative;
	 float: left; 
	 margin-top: 0px; 
	 margin-bottom: 30px; 
	 width: 692px; 
	 height: 983px; 
	 background: url('../images/jongensnamen/jongensnamen-top-100.jpg');
	 padding-top: 4px;
	 font-size: 14px;
	 padding-left: 15px;
	 line-height: 24px;
}

#jongensnamen-top-100 h2, #meisjesnamen-top-100 h2 {
	padding-bottom: 34px;	
}

#meisjesnamen-top-100 {
	 position: relative;
	 float: left; 
	 margin-top: 0px; 
	 margin-bottom: 30px; 
	 width: 692px; 
	 height: 983px; 
	 background: url('../images/meisjesnamen/meisjesnamen-top-100.jpg');
	 padding-top: 4px;
	 font-size: 14px;
	 padding-left: 15px;
	 line-height: 24px;
}

.namen-top-100-kolom {
	position: relative;
	float: left;
	width: 130px;
	margin-left: 30px;
	margin-right: 2px;
}

#jongensnamen-top10-tips {
	position: relative;
	float: left;
	width: 707px;
	height: 444px;
	background: url('../images/jongensnamen/jongensnamen-tips-top-10.jpg');
	margin-bottom: 40px;
}

#meisjesnamen-top10-tips {
	position: relative;
	float: left;
	width: 707px;
	height: 444px;
	background: url('../images/meisjesnamen/meisjesnamen-tips-top-10.jpg');
	margin-bottom: 40px;
}

.namen-top10-tips-links {
	position: relative;
	float: left;
	padding-left: 15px;
	padding-top: 7px;
	width: 305px;
	padding-right: 42px;
}

.namen-top10-tips-rechts {
	position: relative;
	float: left;
	padding-left: 15px;
	padding-top: 7px;
	width: 305px;
}

.namen-top10-tips-links h3 {
	padding-bottom: 50px;
}

.namen-top10-tips-rechts h3 {
	padding-bottom: 37px;
}

#namen-top10-tips-top10 {
    float: left;
    font-size: 14px;
    line-height: 24px;
    padding-left: 34px;
    position: relative;
    width: 190px;
}

#namen-top10-tips-top10-tekst {
	margin-top: 30px;
	float: left;	
}

#meisjesnamen-alfabet-top {
	position: relative;
	float: left;
	background: url('../images/meisjesnamen-alfabet-top.png') no-repeat top left;
	width: 692px;
	height: 56px;
	padding-left: 15px;
	padding-top: 7px;
}

#meisjesnamen-alfabet-body {
	position: relative;
	float: left;
	background: url('../images/meisjesnamen-alfabet-body.png') repeat-y top left;
	width: 693px;
	padding-left: 14px;
}

#meisjesnamen-alfabet-bottom {
	position: relative;
	float: left;
	background: url('../images/meisjesnamen-alfabet-bottom.jpg') no-repeat top left;
	width: 707px;
	height: 233px; 
}

.namen-alfabet-kolom {
	position: relative;
	float: left;
	width: 120px;
	padding-left: 8px;
	padding-right: 8px;
}

#jongensnamen-alfabet-top {
	position: relative;
	float: left;
	background: url('../images/jongensnamen-alfabet-top.png') no-repeat top left;
	width: 692px;
	height: 56px;
	padding-left: 15px;
	padding-top: 7px;
}

#jongensnamen-alfabet-body {
	position: relative;
	float: left;
	background: url('../images/jongensnamen-alfabet-body.png') repeat-y top left;
	width: 693px;
	padding-left: 14px;
}

#jongensnamen-alfabet-bottom {
	position: relative;
	float: left;
	background: url('../images/jongensnamen-alfabet-bottom.jpg') no-repeat top left;
	width: 707px;
	height: 263px; 
}

#nieuwe-website {
	position: absolute;
	z-index: 2;
	width: 318px;
	height: 134px;
	top: 31px;
	padding-left: 607px;
}

#footer-ekomi {
	float: left;
	width: 160px;
	height: 154px;
	background: url('../images/footer-ekomi-bg.jpg') no-repeat top left;
	margin-top:-20px;
	padding: 10px;
	padding-top: 28px;
	text-align: right;
}

#footer-ekomi h2 {
	color: #333;
	font-size: 14px;
	margin: 0px;
	font-family: Arial;
	float: right;
	margin-bottom: 5px;
	width: 100%;
}

#footer-ekomi-zegel {
	width: 70px;
	height: 70px;
	position: absolute;
	top: -35px;
	right: 10px;
}

.krtimg {
	float: left;
	margin-right: 10px;
	max-width: 75px;
	max-height: 75px;
}

#actie-rompertje {
	position: absolute;
	height: 260px;
	width: 210px;
	left: -230px;
	top: -7px;
	z-index: 3;
}

#actie-radio-image {
	margin-top: 40px;
}

#kaart-opmaken-image {
	position: relative;
	float: left;
	width: 944px;
	/*height: 370px;*/
	margin-bottom: 15px;
}

#kaart-opmaken-image.staand {
	position: relative;
	float: left;
	width: 368px;
	height: 840px;
	margin-right: 25px;
}

#kaart-opmaken-image img {
	max-width: 944px;
}

#kaart-opmaken-image.staand img {
	max-width: 368px;
}

#kaart-opmaken-tabs {
	position: relative;
	float: left;
	width: 944px;
	height: 32px;	
	list-style: none;
	padding: 0;
	margin: 0;
	/*margin-left: -8px;*/
	border-bottom: 7px solid #66c7ff;
	margin-bottom: 20px;
}

#kaart-opmaken-tabs li {
	float: left;
	padding: 0;
	margin: 0;
	width: 150px;
	background: url('../images/account-tab-off.png') no-repeat right top;
}

#kaart-opmaken-tabs li a {
	height: 39px;
	line-height: 2em;
	float: left;
	display: block;
	color: #666;
	font-size: 24px;
	text-decoration: none;
	text-align: center;
	margin-left: 8px;
	margin-top: -10px;
	width: 142px;
	padding-top: 3px;
	font-family: 'Univers';
}

#kaart-opmaken-tabs #current {
	background: url('../images/account-tab-on.png') no-repeat right top;
}

#kaart-opmaken-tabs #current a {
	color: #fff;
	font-weight: bold;
}

#kaart-opmaken-controls {
	position: relative;
	float: left;
	margin-bottom: 25px; 
	width: 944px;
}

#kaart-opmaken-controls.staand {
	margin-top: 25px; 
	width: 551px;
}

#kaart-opmaken-tekstkleuren {
	position: relative;
	float: left;
	width: 928px;
	border: 1px solid #ececec;
	background-color: #f8f8f8;
	height: 52px;
	margin-top: 15px;
	margin-bottom: 30px;
	padding: 8px;
}

#kaart-opmaken-tekstkleuren.staand {
	width: 533px;
	height: 85px;
}

#kaart-opmaken-tekstkleuren-kleuren-lbl {
	position: relative;
	float: left;
	width: 675px;
	height: 20px;
}

#kaart-opmaken-tekstkleuren-kleuren-lbl.staand, #kaart-opmaken-tekstkleuren-kleuren.staand {
	width: 348px;
}

#kaart-opmaken-tekstkleuren-kleuren {
	position: relative;
	float: left;
	width: 675px;
	height: 28px;
}

#kaart-opmaken-tekstkleuren-advieskleur-lbl {
	position: relative;
	float: left;
	width: 145px;
	height: 20px;
}

#kaart-opmaken-tekstkleuren-advieskleur-lbl.staand, #kaart-opmaken-tekstkleuren-advieskleur.staand {
	width: 105px;	
}

#kaart-opmaken-tekstkleuren-advieskleur {
	position: relative;
	float: left;
	width: 145px;
	height: 28px;
}

#kaart-opmaken-tekstkleuren-onbedrukt-lbl {
	position: relative;
	float: left;
	width: 85px;
	height: 20px;
}

#kaart-opmaken-tekstkleuren-onbedrukt-lbl.staand {
	width: 65px;
}

#kaart-opmaken-tekstkleuren-onbedrukt, #kaart-opmaken-tekstkleuren-onbedrukt.staand {
	position: relative;
	float: left;
	width: 65px;
	height: 28px;
}

.kleur-btn {
	position: relative;
	float: left; 
	width: 28px;
	height: 28px; 
	border: 2px solid #f8f8f8;
	cursor: pointer;
	margin-right: 4px;
}

.kleur-btn:hover{
	border: 2px solid #9a9a9a;
}

#kaart-opmaken-tekstkiezen {
	position: relative;
	float: left;
	width: 928px;
	height: 60px;
	margin-bottom: 30px;
}

#kaart-opmaken-tekstkiezen {
	position: relative;
	float: left;
	width: 925px;
	height: 21px;
	border: 1px solid #ececec;
	background-color: #f8f8f8;
	padding: 8px;
	padding-top: 13px;
	padding-left: 11px;
	margin-top: 25px;
}

#kaart-opmaken-tekstkiezen.staand {
	width: 530px;
}

.tekst-select-link {
	position: relative;
	float: left;
	font-family: 'Univers';
	text-decoration: 'none';
	font-size: 26px;
	color: #333;
	margin-right: 5px;
	margin-left: 5px;
	width: 20px;
	text-align: center;
}

.tekst-select-link:hover {
	text-decoration: none;	
}

.tekst-select-link.current {
	color: #51a9f9;
}

#groep-current {
	position: absolute;
	background: url('../images/kaart-opmaken-tekst-current.png') no-repeat top left;
	width: 62px;
	height: 82px;
	top: -10px;
	left: 24px;
	z-index: 2;
}

#groep-prev, #groep-next {
	position: relative;
	float: left;
	width: 9px;
	height: 17px;
	margin-right: 10px;
	margin-left: 10px;
}

#kaart-opmaken-opties {
	position: relative;
	float: left;
	width: 944px;
	margin-top: 15px;
}

#kaart-opmaken-opties.staand {
	width: 550px;	
}

#kaart-opmaken-tekstveld {
	position: relative;
	float: left;
	width: 342px;
	height: 142px;
	margin-right: 30px;
}

#kaart-opmaken-tekstveld.staand {
	width: 550px;
	margin-right: 0px;
	height: 165px;
}

#kaart-opmaken-tekstveld textarea {
	width: 342px;
	height: 142px;	
}

#kaart-opmaken-tekstveld.staand textarea {
	width: 544px;
	height: 135px;	
}

#kaart-opmaken-lettertype {
	position: relative;
	float: left;
	width: 277px;
	height: 36px;
	margin-bottom: 17px;
	margin-right: 18px;
	margin-top: 2px;
	background: url('../images/kaart-opmaken-lettertype.png') no-repeat top left;
}

#kaart-opmaken-lettertype.staand, #kaart-opmaken-verplaatsen.staand {
	margin-right: 8px;
}

#kaart-opmaken-verplaatsen {
	position: relative;
	float: left;
	width: 138px;
	height: 32px;
	padding: 3px;
	border: 1px solid #a9a9a9;
	margin-right: 20px;
}

.verplaatsen-btn {
	position: relative;
	float: left;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: url('../images/kaart-opmaken-verplaatsen.png') no-repeat top left;
}

.verplaatsen-links, .verplaatsen-boven, .verplaatsen-onder {
	margin-right: 3px;
}

.verplaatsen-links:hover {
	background-position: 0px -32px;
}

.verplaatsen-boven {
	background-position: -32px 0px;
}

.verplaatsen-boven:hover {
	background-position: -32px -32px;
}

.verplaatsen-onder {
	background-position: -64px 0px;
}

.verplaatsen-onder:hover {
	background-position: -64px -32px;
}

.verplaatsen-rechts {
	background-position: -96px 0px;
}

.verplaatsen-rechts:hover {
	background-position: -96px -32px;
}

#kaart-opmaken-uitlijnen {
	position: relative;
	float: left;
	width: 103px;
	height: 32px;
	padding: 3px;
	border: 1px solid #a9a9a9;
}

.uitlijnen-btn {
	position: relative;
	float: left;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: url('../images/kaart-opmaken-uitlijnen.png') no-repeat top left;
}

.uitlijnen-links, .uitlijnen-midden {
	margin-right: 3px;
}

.uitlijnen-links:hover, .uitlijnen-links.current {
	background-position: 0px -32px;
}

.uitlijnen-midden {
	background-position: -32px 0px;
}

.uitlijnen-midden:hover, .uitlijnen-midden.current {
	background-position: -32px -32px;
}

.uitlijnen-rechts {
	background-position: -64px 0px;
}

.uitlijnen-rechts:hover, .uitlijnen-rechts.current {
	background-position: -64px -32px;
}

#kaart-opmaken-grootte {
	position: relative;
	float: left;
	width: 460px;
	height: 45px;
}

#kaart-opmaken-grootte.staand {
	width: 440px;
}

#kaart-opmaken-grootte-image-klein, #kaart-opmaken-grootte-image-groot, #kaart-opmaken-rotatie-image-links, #kaart-opmaken-rotatie-image-rechts {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
}

.kaart-opmaken-grootte-slider, .kaart-opmaken-rotatie-slider {
	position: relative;
	float: left;
	width: 325px;
	margin-top: 12px;
	margin-left: 12px;
	margin-right: 18px;
}

#kaart-opmaken-grootte.staand .kaart-opmaken-grootte-slider, #kaart-opmaken-rotatie.staand .kaart-opmaken-rotatie-slider {
	width: 312px;
}

#kaart-opmaken-rotatie {
	position: relative;
	float: left;
	width: 460px;
	height: 45px;
	margin-top: 10px;
}

#kaart-opmaken-rotatie.staand {
	width: 440px;
}

#kaart-opmaken-naar-offerte, #kaart-opmaken-opslaan {
	position: relative;
	float: right;
	width: 225px;
	margin-left: 25px;
	height: 44px;
}

#kaart-opmaken-inloggen-popup, #kaart-opmaken-waarschuwing, #kaart-opmaken-fonts, #kaart-opmaken-ontwerp-verwijderen-popup {
	display:none;
	width:708px;
	max-height: 440px;
	border: 6px solid #fff;
	background-color:#fff;
	z-index:100;
	border-radius: 7px;
}

#kaart-opmaken-fonts {
	width: 1025px;	
	max-height: 600px;
}

#kaart-opmaken-inloggen-popup-inner, #kaart-opmaken-waarschuwing-inner, #kaart-opmaken-fonts-inner, #kaart-opmaken-ontwerp-verwijderen-popup-inner {
	padding:20px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 3px solid #9dc215;
	border-radius: 6px;
	text-align: center;
}

#kaart-opmaken-fonts-inner {
	overflow-y: scroll !important;	
	max-height: 554px;
}

#kaart-opmaken-opslaan-image {
	position: absolute;
	right: 45px;
	border: none;
	background-image: url('../images/kaart-opmaken-opslaan-image.png');
	width: 86px;
	height: 51px;
}

#om-te-bewaren {
	width: 500px;
	margin-left: 84px;
	margin-top: 20px;
}

.background-line {
  position: relative;
  z-index: 1;
}

.background-line:before {
  border-top: 1px solid #ccc;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}

.background-line span {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #fff;
  padding: 0 15px;
}

#kaart-opmaken-inloggen {
	position: relative;
	float: left;
	width: 100%;
	height: 115px;
}

#kaart-opmaken-inloggen-terug {
	position: absolute;
	width: 100px;
	height: 20px;
	left: 0px;
	bottom: 30px;
}

#kaart-opmaken-inloggen-button, #kaart-opmaken-inloggen-registreren-button {
	position: relative;
	text-align: right;
	width: 100%;
	float: left;
}

#kaart-opmaken-inloggen-button div {
	position: relative;
	float: left;
	width: 50%;
	text-align: center;
	margin-left: 25%;
	margin-top: 5px;
}

#kaart-opmaken-inloggen-button a {
	position: relative;
	float: left;
	width: 25%;	
}

.kaart-opmaken-inloggen-links {
	position: relative;
	float: left;
	width: 105px;
	height: 30px;
	margin-left: 188px;
	margin-top: 10px;
	text-align: left;
}

.kaart-opmaken-inloggen-rechts {
	position: relative;
	float: left;
	width: 180px;
	height: 30px;
	margin-right: 188px;
	margin-top: 10px;
	text-align: left;
}

.kaart-opmaken-inloggen-rechts input {
	width: 180px;
}

.background-line-title {
	position: relative;
	float: left;
	width: 100%;
}

#kaart-opmaken-zijde-kiezer {
	position: relative;
	float: left;
	height: 30px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#kaart-opmaken-zijde-kiezer-1 {
	position: relative;
	float: left;
	width: 80px;
}

#kaart-opmaken-zijde-kiezer-2 {
	position: relative;
	float: right;
	width: 80px;
}

.zijde-button {
	border-radius: 6px;
	background-color: #a5a5a5;
	border: none;
	color: #fff;
	font-weight: bold;
	font-family: Arial;
	padding: 4px;
	cursor: pointer;
	width: 80px;
}

.zijde-button:hover, .zijde-button.current {
	background-color: #51a9f9;
}

#kaart-opmaken-zijde-kiezer-tekst {
	position: relative;
	float: left;
	height: 20px;
	text-align: center;
	margin-top: 5px;
}

.kaart-opmaken-add-remove {
	position: relative;
	float: right;
	width: 34px;
	height: 28px;
	margin-top: -6px;
	margin-left: 10px;
}

.kaart-opmaken-add-remove.staand {
	top: -50px;
}

#kaart-opmaken-lettertype img {
	width: 240px;
	height: 28px;
	margin-top: 4px;
	margin-left: 4px;
}

.kaart-opmaken-fonts-image {
	position: relative;
	float: left;
	width: 240px;
	height: 28px;
	margin-bottom: 5px;
}

#kaart-opmaken-tekstvarianten {
	position: relative;
	float: left;
	width: 100%;
}

#kaart-opmaken-tekstvarianten-kader {
	position: relative;
	float: left;
	width: 928px;
	border: 1px solid #ececec;
	background-color: #f8f8f8;
	margin-bottom: 10px;
	padding: 8px;	
}

#kaart-opmaken-tekstvarianten-kader-voorbeeld, #kaart-opmaken-tekstvarianten-kader-opgeslagen {
	position: relative;
	float: left;
	width: 50%;
}

#kaart-opmaken-tekstvarianten-kader-voorbeeld button {
	border-radius: 6px;
	background-color: #a5a5a5;
	border: none;
	color: #fff;
	font-weight: bold;
	font-family: Arial;
	padding: 4px;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 5px;
	cursor: pointer;
}

#kaart-opmaken-tekstvarianten-kader-voorbeeld button:hover {
	background-color: #51a9f9;
}

#kaart-opmaken-tekstvarianten-kader-opgeslagen select {
	width: 320px;
	height: 25px;
	margin-top: 10px;
	float: left;
}

#kaart-opmaken-tekstvarianten-kader-opgeslagen button, #kaart-opmaken-ontwerp-verwijderen-popup-inner button {
	float: left;	
	border-radius: 6px;
	background-color: #ff0000;
	border: none;
	color: #fff;
	font-weight: bold;
	font-family: Arial;
	padding: 4px;
	margin-top: 10px;
	margin-left: 12px;
	margin-bottom: 5px;
	cursor: pointer;
}

#kaart-opmaken-ontwerp-verwijderen-popup-inner button {
	float: none;	
}

#content-balk-boven.staand {
	width: 550px;
}

#content-balk-boven.staand #content-balk-boven-terug {
	width: 52px;
	margin-top: 10px;
}

#content-balk-boven.staand #kaart-opmaken-naar-offerte, #content-balk-boven.staand #kaart-opmaken-opslaan {
	margin-left: 15px;
}

#kaart-opmaken-tekstkleur {
	position: relative;
	float: left;
	width: 109px;
}

#kaart-opmaken-sliders {
	position: relative;
	float: left; 
	width: 460px; 
}

#kaart-opmaken-sliders.staand {
	width: 440px; 
}

.kaart-opmaken-huidige-tekstkleur {
	position: relative;
	float: left;
	width: 106px;
	height: 29px;
	margin-top: 4px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
}

#kaart-opmaken-tekstkleur-popup {
	position: absolute;
	background: url('../images/kaart-opmaken-tekstkleur-popup-bg.png') no-repeat top left;
	width: 460px;
	height: 116px;
	top: 50px;
	left: 370px;
	z-index: 3;
	display: none;
}

#kaart-opmaken-tekstkleur-advies-onbedrukt {
	position: relative;
	float: left;
	width: 90px;
	margin-top: 5px;
	margin-left: 5px;
}

#kaart-opmaken-tekstkleur-advieskleur-lbl {
	position: relative;
	float: left;
	width: 90px;
	height: 20px;
	font-size: 11px;
}

#kaart-opmaken-tekstkleur-onbedrukt-lbl {
	position: relative;
	float: left;
	width: 90px;
	height: 20px;
	font-size: 11px;
}

#kaart-opmaken-tekstkleur-kleuren-lbl {
	position: relative;
	float: left;
	width: 347px;
	height: 20px;
	font-size: 11px;
	margin-right: 18px;
	margin-top: 5px;
}

#kaart-opmaken-tekstkleur-kleuren {
	position: relative;
	float: left;
	width: 347px;
	margin-right: 18px;
}


#kaart-opmaken-tekstkleur-kleuren .kleur-btn {
	margin-bottom: 4px !important;	
}

.opmaak-image {
	border: 1px solid #ddd;
	-webkit-box-shadow: 10px 15px 33px -16px rgba(0,0,0,0.5);
	-moz-box-shadow: 10px 15px 33px -16px rgba(0,0,0,0.5);
	box-shadow: 10px 15px 33px -16px rgba(0,0,0,0.5);
}

.al-besteld {
	font-size: 14px;
	color: #ff0000;
	font-weight: bold;
}

.letterMeisje { float: left; height: 68px; width: 54px; background: url(../images/meisjesnamen/meisjesnamen-alfabeth.jpg) no-repeat; }
.letterJongen { float: left; height: 68px; width: 54px; background: url(../images/jongensnamen/jongensnamen-alfabeth.jpg) no-repeat; }