/*
Theme Name: Kaartje2Go
Theme URI: 
Description: 
Version: 0.4
Author: Eds Keizer
Author URI: http://www.edskeizer.nl/
Tags: 

*/

body {
	background: #A6E3F9 url('assets/images/styles/bg_main.jpg')  repeat-x;
	color:#333333;
	font-family:Trebuchet MS,Helvetica,sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	
}
input, select, textarea {
	font-family:Trebuchet MS,Helvetica,sans-serif;
	font-size:12px;
}
a img {border: none;}
a {
	color:#40C2F3;
	font-weight:normal;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
}
h1 {
	color:#00AEEF;
	font-family:Trebuchet MS,Helvetica,sans-serif;
	font-size:24px;
	font-weight:bold;
	margin:0 0 20px;
}
h2 {
	color:#00AEEF;
	font-family:Trebuchet MS,Helvetica,sans-serif;
	font-size:19px;
	font-weight:bold;
	margin:0 0 0px;
}
h2 a{
	text-decoration: none;	
	color:#00AEEF;
}

div#site
{
	width: 900px;
	margin: 0px auto;
	position:relative;
	padding: 147px 0px 0px 0px;
}
	div#header
	{
		position:absolute;
		top: 0px;
		background:#FFFFFF url(assets/images/styles/bg_header.gif) center top repeat-x;
		height:84px;
		width:900px;
	}
		div#logo {		
			display:block;
			height:52px;
			padding:20px;			
			top:20px;
			width:199px;
			float:left;
		}
		div#login {
			text-align: right;
			margin:20px 10px 0 0;
		}
		div#login, div#login a {
			color:#40C2F3;
			font-size:12px;
			font-weight:bold;
			line-height:16px;
			text-decoration:none;
		}
		div#login a:hover {
			text-decoration: underline;
		}
	div#tabs {
		background: url(assets/images/styles/dots.gif) 0 31px no-repeat;
		height:63px;
		top: 84px;
		position:absolute;
		width:900px;
	}
	div#tabs ul {
	list-style-type:none;
	margin:0 auto;
	width: 357px;
	height: 30px;
	padding:0;
	border-right: 1px dotted #cccccc;
	}
		div#tabs ul li {
			display: block;
			float: left;
		}
		#tabs a { 
			display:block;
			height: 30px;
			width: 119px;
			text-align: center;
			text-decoration: none;
			border: 1px dotted #cccccc;
			font-size: 13px;
			border-right: 0px;
			line-height: 30px;
			color: black;
			font-weight: bold;
			background: url(assets/images/styles/bg_tab.gif) repeat-x;
			color: #333333;
		}
		
		div#tabs ul li a:hover, div#tabs ul li.current_page_item a, div#tabs ul li.current-cat a, div#tabs ul li.current-cat-parent a, div#tabs ul li a.active_category{
			
			background: url(assets/images/styles/bg_tab_active.gif) repeat-x;
			color:white;
		}
		
	

	div#content
	{
		background: white url(assets/images/styles/bg_content.gif) left center repeat-y;
		position:relative;
		width:900px;
	}
		div#mainContent
		{
			width: 409px;
			margin:0px auto;
			padding: 10px 11px 60px 11px;
		}
			div#mainContent p
			{
				line-height: 18px;
			}
			div#mainContent p.img {
				text-align:center;
				padding: 10px 0px;
			}
		div#leftColumn
		{
			position:absolute;
			left: 0px;
			top: 0px;
			width: 236px;
		}
			div.korting {
				background: url(assets/images/styles/bg_left_bl.jpg) center bottom repeat-x;
				margin:0 0 12px 12px;
				position:relative;
				padding:0 0 10px;
				width:215px;
				margin-top: 10px;
			}
				div.korting h2{
					background:transparent url(assets/images/styles/bg_h1_left.gif) no-repeat scroll left top;
color:#FF9933;
font-size:15px;
font-weight:bold;
line-height:22px;
margin:0;
padding:6px 10px;

				}
				div.korting ul{
					margin:0 10px;
					padding: 0px;
					list-style: none;
				}
					div.korting ul li {
						background: url(assets/images/styles/ok_icon.gif) 0 2px no-repeat;
						color:#333333;
						font-size: 12px;
						font-weight:bold;
						padding:2px 0 2px 22px;
					}
			div.flash_banner_section, div.tagcloud_section {
				background-image:url(assets/images/styles/grey_dot.gif);
				background-position:center top;
				background-repeat:repeat-x;
			}
			div.tagcloud_section ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			div.tagcloud_section a {
				color: #F9A61A;	
			}
				div.flash_banner {
					position:relative;
					background-image:url(assets/images/styles/grey_dot.gif);
					background-position:center bottom;
					background-repeat:repeat-x;
					padding:8px 0 5px;
					height: 190px;
					width: 225px;
				}
					div.flash_banner a.go_btn {
						bottom:10px;
					}
			div.klanten_over {
				background:url(assets/images/styles/bg_grad_bl.jpg) center bottom repeat-x;
				color:#006C96;
				font-size:12px;
				margin:12px 0 12px 12px;
				padding:0 0 15px;
				position:relative;
				width:215px;
			}
				div.klanten_over h3{				
					color:#FF9933;
					font-size:15px;
					font-weight:bold;
			
					margin:0;
					padding:0 10px;
				}
	
				div.klanten_over p {
					color:#006C96;
					font-size:12px;
					font-weight: normal;
					margin:10px;
				}
				div.klanten_over .avtor {
					font-weight: bold;
				}
				div.klanten_over a.go_btn_blue {
					right: 16px;
				}
		div#rightColumn
		{
			position:absolute;
			right: 0px;
			top: 0px;
			width: 232px;
		}
			div.kaart_groot {
				padding:0 0 10px 10px;
				position:relative;
				text-align:center;
				background:url(assets/images/styles/grey_dot.gif) center bottom repeat-x;
			}
a.makeCardButton, a.makeCardButton:link, a.makeCardButton:focus,a.makeCardButton:active,a.makeCardButton:visited, a.makeCardButtonSmall, a.makeCardButtonSmall:link, a.makeCardButtonSmall:focus,a.makeCardButtonSmall:active,a.makeCardButtonSmall:visited  {
	display:block;
	height:60px;
	background:transparent url(http://www.kaartje2go.nl/gallery/images/upload_image_button.png) no-repeat scroll left -60px;
	overflow:hidden;
	text-decoration:underline;
	width:249px;
	text-align: left;
	font-size:16px;
	color:#FFFFFF;
	padding-left: 11px;
	font-weight: bold;
	line-height: 56px;
	margin-left: 73px;
	margin-top: -19px; 
	position: absolute;
}
/*--aanpassingen stijl makeCardButtonSmall  v2 --*/
a.makeCardButtonSmall2, a.makeCardButtonSmall2:link, a.makeCardButtonSmall2:focus,
a.makeCardButtonSmall2:active,a.makeCardButtonSmall2:visited  {
	display:block;
	height:60px;
	background:transparent url(http://geboortekaartjes.kaartje2go.nl/upload_image_button_small.png) no-repeat scroll left -60px;
	overflow:hidden;
	text-decoration:underline;
	width:209px;
	text-align: left;
	font-size:16px;
	color:#FFFFFF;
	padding-left: 11px;
	font-weight: bold;
	line-height: 56px;
margin: -20px 0px 0px 0px; 
	position: relative;
}

a.makeCardButtonSmall2:hover {
	text-decoration: none;	
	background-position: left -120px;
	color:#ffffff;
}
/*----*/
 a.makeCardButtonSmall, a.makeCardButtonSmall:link, a.makeCardButtonSmall:focus,a.makeCardButtonSmall:active,a.makeCardButtonSmall:visited {
	margin-left: 0;
	width: 209px;
	left: 9px;
	top: 119px;
	margin-top: 0;
	background:transparent url(http://geboortekaartjes.kaartje2go.nl/upload_image_button_small.png) no-repeat scroll left -60px;
 }

a.makeCardButton:hover, a.makeCardButtonSmall:hover {
	text-decoration: none;	
	background-position: left -120px;
	color:#ffffff;
}


			div.tips_ideeen {
				color:#006F98;
				font-size:11px;
				margin:0 10px 12px;
				padding:18px 5px 13px 10px;
				position:relative;
			}	
				div.tips_ideeen a {
					font-size:11px;
				}
				div.tips_ideeen h4 {
					color:#FF9933;
			
					font-size:15px;
					font-weight:bold;
					margin:0 0 10px;
				}
				div.tips_ideeen h5 {
					font-size:12px;
					font-weight:bold;
					margin:0px 0 0 0;
					padding-top:10px;
				}
				div.tips_ideeen img {
					float:right;
					display:block;
					margin:0 0 0 0px;
				}
				div.tips_ideeen p {
					margin: 0px 0px 1em 0;
				}
				
				ul.menu {
					margin: 0;
					padding: 0;
					list-style: none;
	
				}
				ul.menu ul {
					margin: 0 0 0 8px;
				}
				ul.menu li a {
					font-size: 12px;	
				}
				ul.menu li.current-cat a {
					color : #F9A61A;	
				}
			
			div.meer_voorbeelden {
				color:#006F98;
				background: url(assets/images/styles/grey_dot.gif) center top repeat-x;
				font-size:11px;
				margin: 0px;
				padding:2px 10px 18px 14px;
				position:relative;
			}	
				div.meer_voorbeelden a {
					font-size:11px;
				}
				div.meer_voorbeelden h2{font-size:18px;font-weight:bold;color:#faa61a;margin:1em 0 .5em 12px;}
				
				div.meer_voorbeelden h5 {
					font-size:12px;
					font-weight:bold;
					margin:0px 0 0 0;
					padding-top:10px;
				}
				div.meer_voorbeelden img {
					float:right;
					display:block;
					margin:0 0 0 0px;
				}
				div.meer_voorbeelden p {
					margin: 0px 0px 1em 0;
				}
			
				ul.vb_menu {
					margin: 0;
					padding: 0;
					list-style: none;
	
				}
				ul.vb_menu ul {
					margin: 0 0 0 8px;
				}
				ul.vb_menu li a {
					display:block;
					font-size: 12px;
					height: 24px;
					line-height: 22px;
					padding: 1px 0px 0px 14px;
					margin: -2px 0px 0px 0px;
					text-decoration: none;
					background: url(assets/images/styles/meer_vb_li.gif) left top no-repeat #fff;
				}
				ul.vb_menu li a.all{color:#faa61a;height:23px;}
				ul.vb_menu li a:hover,
				ul.vb_menu li a.all:hover{color:#FFF;background-position:left bottom;}
				ul.vb_menu li.current-cat a {
					color : #F9A61A;	
				}
				ul.vb_menu li.current-cat a:hover {
					color : #fff;	
				}
				
			div.tevrgarantie {
				padding: 20px 10px 18px 14px;
				position:relative;
			}
			
			div.voordelenoprij {
				margin: 0px 6px 0px 6px;
				padding: 2px 0px 6px 0px;
				background:url(assets/images/styles/grey_dot.gif) left bottom repeat-x;
				
			}
			div.voordelenoprij h2{font-size:16px;font-weight:bold;color:#faa61a;margin:1em 0 .5em 12px;}				
			div.voordelenoprij ul{
					margin:0 10px;
					padding: 0px;
					list-style: none;
				}
					div.voordelenoprij ul li {
						background: url(assets/images/styles/ok_icon.gif) 0 2px no-repeat;
						color:#333333;
						font-size: 12px;
						font-weight:bold;
						padding:2px 0 2px 22px;
					}
			div.voordelenoprij a {
				margin: 6px 12px 10px 0px;
			}
			.rightTextBlock {
				margin: 0px 6px 0px 6px;
				background:url(assets/images/styles/grey_dot.gif) left top repeat-x;
				color:#009eef;font-size:14px;
				font-weight:bold;
				padding: 12px 6px 12px 12px;
				line-height:18px;
			}
			.rightTextBlock b{color:#faa61a;}
			
		div#footer {
			background-color:#D3F1FC;
			background-image:url(assets/images/styles/blue_dot.gif);
			background-position:center top;
			background-repeat:repeat-x;
			font-family:Arial,Helvetica,sans-serif;
			height:43px;
		}
			div#footer img {
				float: left;
				margin:10px 0 0 10px;
			}
			div.copyright {
				color:#40C2F3;
				float:right;
				font-family:Arial,Helvetica,sans-serif;
				font-size:11px;
				line-height:11px;
				margin:17px 20px 0 0;
			}
		div#footer_link {
			color:#006C96;
			font-family:Arial,Helvetica,sans-serif;
			font-size:11px;
			margin:0 auto;
			padding:10px 0 30px;
			text-align:center;
			width:900px;
		}
		#footer_link a {
			color:#006C96;
			font-family:Arial,Helvetica,sans-serif;
			font-size:11px;
			text-decoration:none;
		}
		#footer_link a:hover {
			text-decoration: underline;
		}
		
a.go_btn, a.go_btn_blue{
	background:url(assets/images/styles/list_right.gif) right top no-repeat;
	/*bottom:5px;*/
	color:#00AEEF;
	display:block;
	height:22px;
	line-height:22px;
	padding:0 34px 0 20px;
	margin: 0px 5px 5px 0px;
	/*position:absolute;*/
	/*right:10px;*/
	text-align:right;
	text-decoration:underline;
}
a.go_btn:hover, a.go_btn_blue:hover, a.maak_je_kaart_big_nl:hover, a.maak_je_kaart_nl:hover {
	background-position:right bottom;
	text-decoration: none;
}
a.go_btn_blue{
	background:url(assets/images/styles/go_btn_blue.gif) right top no-repeat;
}
a.maak_je_kaart_big_nl{
	background:url(assets/images/styles/maak_je_kaart_big_nl.gif) left top no-repeat;
	display:block;
	height:87px;
	margin: 40px auto 50px auto;	
	width:274px;
	text-decoration: none;
}

a.maak_je_kaart_big_nl span, a.maak_je_kaart_nl span{
	visibility: hidden;
}
a.maak_je_kaart_nl {
	background:url(assets/images/styles/maak_je_kaart_nl.gif) left top no-repeat;
	bottom:2px;
	display:block;
	height:77px;
	left:15px;
	position:absolute;
	width:213px;
	text-decoration: none;
}
a.go_btn_small {
	display:block;
}


/* Begin assets/images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End assets/images */


div.post {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
small {
	color: #F9A61A;	
}
small span{
	color: black;	
}
div.post div.entry {
	padding: 5px 0;	
}
div.post p.postmetadata {
	font-size: 90%;	
}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	font-size: 90%;
	width: 169px;
	float:left;
	padding-bottom: 10px;
	text-align: right;
	}
.comment-author {
	width: 223px;
	float:left;
	padding-bottom: 10px;
}
.comment p {
clear:both;	
}
/* End Comments */

div#crp_related {
	margin: 16px 0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: 3px;
	background: #F2FCFE;
	font-size: 11px;
}
div#crp_related h4 { 
	color: #333;
	font-size: 13px;
	margin: 2px 0px;
}
div#crp_related ul {
	margin: 2px 0 2px 0px;
	padding: 0 0 0 20px;
}