@charset "utf-8";
/*------------------------------------------------------------------
[TEMPLATE STYLESHEET]

Project:		a la Kaart
Version:		7.0
Last change:	10/03/2010
-------------------------------------------------------------------*/


/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
    font-family: 'Delicious';
    src: url('../fonts/delicious.eot');
    src: local('Delicious Heavy'), 
         url('../fonts/delicious.otf') format('opentype'),
		 url('../fonts/delicious.ttf') format('truetype');
}

@font-face {
    font-family: 'Delicious Heavy';
    src: url('../fonts/delicious_heavy.eot');
    src: local('Delicious Heavy'), 
         url('../fonts/delicious_heavy.otf') format('opentype'),
		 url('../fonts/delicious_heavy.ttf') format('truetype');
}

@font-face {
    font-family: 'BP Replay';
    src: url('../fonts/bpreplay_bold.eot');
    src: local('BP Replay'), 
         url('../fonts/bpreplay_bold.otf') format('opentype'),
         url('../fonts/bpreplay_bold.ttf') format('truetype');
}




html {
	background: #EEEEEE;
	border-bottom: 10px solid #FFF;
}

body {
	font: 0.8em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	margin-top: 2px;
	padding: 0;
}

a {
	color: #D00;
	outline: none;
	text-decoration: underline;
}
	a:hover {
		color: #16D;
	}

a[name] {
	color: #000;
	text-decoration: none;
}
	a[name]:hover {
		color: #16D;
	}

a[rel^="external"] {
	background: url(../images/external_link.png) no-repeat top right;
	padding: 0 13px 0 0;
}
	a[rel^="external"]:hover {
		background: url(../images/external_link.png) no-repeat bottom right;
	}

h1, h2, h3 {
	line-height: 1em;
}
	h1 {
		color: #D00;
        font: bold 5.5em "BP Replay", Tahoma, Arial, Helvetica, sans-serif;
		margin: 10px 0 15px;
	}
	h2 {
        font: bold 3em "Delicious Heavy", Tahoma, Arial, Helvetica, sans-serif;
        margin: 20px 0 8px;
    }
	h3 {
		font: bold 1.8em "Delicious Heavy", Tahoma, Arial, Helvetica, sans-serif;
		margin: 20px 0px 3px;
	}

ul {
	list-style: disc;
	margin: 0;
	padding: .5em 0 .5em 2.2em;
}

img {
	border: 0;
}

small {
    font-size: 85%;
    line-height: 1em;
}


/* FORMS */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	border:0;
	margin:0;
	padding:0;
}

label {
	cursor: pointer;
	display: block;
	font: bold 1.2em Arial, Helvetica, sans-serif;
}
	label small {
		font-weight: normal;
	}

input, select, textarea {
	border: 5px solid #FFF;
	color: #444;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	margin: 0 0 5px;
	padding: 6px 8px;
}
	input:focus, input.form_error:focus, textarea:focus {
		background: #FFECA1;
		border: 5px solid #FC0;
	}
	input.form_error, select.form_error, textarea.form_error {
		background: #FFECA1 url(../images/icons/color/warning.png) no-repeat 98% 6px;
		border: 5px solid #D00;
	}
        
legend {
    display: none;
}

button {
    background: #16D;
    border: 3px solid #16D;
    color: #FFF;
    cursor: pointer;
    font: bold 1.3em "Delicious Heavy", Arial, Helvetica, sans-serif;
    padding: 2px 10px;
}
	button:hover {
		background: #000;
	    border: 3px solid #000;
	}
	button img, a.button img {
		border: none;
		height: 16px;
		margin: 0 0 -3px !important;
		position: relative;
		width: 16px;
	}



/* TEMPLATE */

a#top {
	display: none;
}

div.wrap {
	margin-right: auto;
	margin-left: auto;
	width: 975px;
}


/* Zoeken */
fieldset#search {
	float: right;
	position: relative;
	top: 40px;
	width: 40%;
}


a#title {
	background: url(../images/logo.png) no-repeat;
	display: block;
	float: left;
	margin: 0 0 15px 0;
}
	a#title:hover {
		background: url(../images/logo_header_hover.png) no-repeat;
	}


/* Navigatiemenu */

fieldset#nav {
    clear: left;
    display: block;
    font: bold 1.7em "Delicious Heavy", Tahoma, Arial, Helvetica, sans-serif;
	margin: 0 0 4px;
	padding: 0;
	position: relative;
}
fieldset#nav ul {
    display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
	/* List-item van menu en submenu's */
    fieldset#nav li {
		float: left;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
	}
		/* Links in menu */
        fieldset#nav li a {
			color: #000;
			display: block;
            line-height: .9em;
			padding: 8px;
			text-decoration: none;
		}
			fieldset#nav li a:hover {
				color: #16D;
			}
	
	/* Actieve menu */
	fieldset#nav li.active, fieldset#nav li.hover {
		background: #000;
	}
		fieldset#nav li.active a {
			color: #FFF;
		}
		fieldset#nav li.inactive a {
			color: #16D;
		}
		fieldset#nav li.hover a {
			color: #FFF;
		}

	/* Submenu's */
    fieldset#nav li ul {
        display: none;
        font: bold .9em "Delicious Heavy", Tahoma, Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 4px 0;
    }
        fieldset#nav li.active ul, fieldset#nav li.hover ul {
		    display: block;
		    position: absolute;
		    list-style: none;
		    top: 40px;
	    }
		    fieldset#nav li.active li, fieldset#nav li.hover li {
			    padding: 0 4px;
		    }
               fieldset#nav li.active li a, fieldset#nav li.hover li a {
				    color: #FFF;
				    padding: 2px 4px;
                    text-transform: none;
			    }
				    fieldset#nav li li a:hover {
                        color: #000;
                    }
                    fieldset#nav li li a.active_page {
                        color: #FC0;
                    }
			fieldset#nav li li small {
				color: #999;
				font: normal .5em Verdana, Geneva, sans-serif;
				line-height: .5em;
				text-transform:none;
		    }
	    fieldset#nav li.selected ul {
		    z-index: 10;
	    }
    

/* Taalkeuze */

fieldset#language {
	clear: left;
    color: #FFF;
    float: right;
    font: bold 1.3em "Delicious Heavy", Arial, Helvetica, sans-serif;
	position: relative;
	top: 10px;
}
	fieldset#language a {
		background-repeat: no-repeat;
		background-position: right;
		color: #000;
		padding-right: 20px;
		text-decoration: none;
	}
		fieldset#language a:hover {
			color: #16D;
		}
	fieldset#language a.nl {
		background-image:url(../images/icons/flags/nl.png);
	}
	fieldset#language a.en {
		background-image:url(../images/icons/flags/gb.png);
	}
	fieldset#language span {
		cursor: default;
	}


/* Navigatiemenu footer */

fieldset#sitemap {
	margin: 20px 0 0 0;
    padding: 15px 0;
}
    fieldset#sitemap ul {
        list-style: none;
        padding: 0;
    }
        fieldset#sitemap > ul > li {
            background: url(../images/transparent.png);
            cursor: default;
            float: left;
			padding: 20px;
			position: relative;
			margin: 0 -6px;
        }
			fieldset#sitemap > ul > li.active {
				border: 4px solid #FFF;
			}
            fieldset#sitemap > ul > li:first-child {
                background: none;
				border: none;
				margin: 0 10px 0 0;
            }
				fieldset#sitemap > ul > li:first-child a {
					background: url(../images/footer_logo.png) no-repeat;
					display: block;
					height: 75px;
					text-indent: -5000px;
					width: 75px;
				}
            fieldset#sitemap a {
                color: #000;
                font: bold 1.4em "Delicious Heavy", Tahoma, Arial, Helvetica, sans-serif;
                text-decoration: none;
				text-transform: uppercase;
            }
                fieldset#sitemap a:hover {
                    color: #16D;
                }
        fieldset#sitemap li ul {
            margin-top: 5px;
        }
            fieldset#sitemap li li {
                float: none;
                margin: 0 0 2px;
                padding: 0;
            }
                fieldset#sitemap li li a {
                    color: #C00;
                    font: normal 1em Tahoma, Arial, Helvetica, sans-serif;
					text-transform: none;
                }
                    fieldset#sitemap li li a:hover {
                        color: #16D;
                    }
					
		fieldset#sitemap li.section2 {
			top: 30px;
		}
		fieldset#sitemap li.section4 {
			top: 10px;
		}
		fieldset#sitemap li.section5 {
			top: 30px;
		}
		fieldset#sitemap li.section7 {
			top: 60px;
		}
    


div#header {
	background: #C00 url(../images/header_bg.png) repeat-x;
    height: 240px;
}
	div#header div#anita {
        background: url(../images/header_new.png) no-repeat right bottom;
		display: block;
        float: right;
        height: 240px;
        width: 260px;
	}

p#breadcrumbs {
	border-bottom: 2px solid #EEE;
	margin: 0;
	padding: 10px 15px;
}

div#content {
	background: #FFF;
	overflow: hidden;
	padding: 15px 20px;
}





p#copyright {
    border-top: 6px solid #000;
	color: #A19A77;
	margin: 20px 0 0 0;
	padding: 15px;
}	
	
	
	




*.left {
	float: left;
}
*.right {
	float: right;
}


div.maincontent {
    width: 64%;
}

p.intro {
    background: url(../images/intro_bg.png) bottom left no-repeat;
    font: bold 1.3em Arial, Helvetica, sans-serif;
    margin: 20px 0;
    padding: 0 10px 40px;
	width: 56%;
}




div.sidebar {
    width: 31%;
}
    div.sidebar > div {
        padding: 15px;
    }









*.info {
    border-bottom: 1px dotted #999;
    cursor: help;
}





/* Overzicht van ATC's */

ul#atcs {
    list-style: none;
    padding: 0;
}
	ul#atcs li {
		margin: 0;
		padding: 5px 0;
	}
    ul#atcs small {
        color: #A19A77;
		display: block;
    }



/* NIEUWS */

/* Lijst van nieuwsberichten */
ul.posts {
    list-style: none;
    padding: 0;
}
	ul.posts li {
		border-bottom: 1px dotted #A19A77;
		padding: 4px;
	}
	ul.posts strong {
		color: #A19A77;
		cursor: help;
		display: block;
		float: left;
        font: bold 1.6em "Delicious Heavy", Tahoma, Arial, Helvetica, sans-serif;
		margin-right: 12px;
		position: relative;
		top: -3px;
		width: 18px;
	}
	ul.posts a.to_comments {
		background: url(../images/icons/black/comment.png) left no-repeat;
		color: #000;
		display: block;
		float: right;
        font: bold 1.2em Arial, Helvetica, sans-serif;
		padding-left: 22px;
		text-decoration: none;
	}
		ul.posts a.to_comments:hover {
			background: url(../images/icons/color/comment.png) left no-repeat;
			color: #16D;
		}

/* Archieven in sidebar */
div.sidebar div {
	background: #FF9 url(../images/archive_bg.png) top right no-repeat;
	margin-bottom: 30px;
	padding: 12px;
}
	div.sidebar div h2 {
		margin-top: 0;
	}
	
	div.sidebar div.pink {
		background: #FDD url(../images/archive_bg.png) top right no-repeat;
	}
	
	
	div.sidebar div.ads {
		background: #F9F7F4;
	}
	
	
	ul#year_overview {
		list-style: none;
		padding: 0;
	}
		ul#year_overview li {
			display: inline-block;
			font: bold 1.8em "Delicious Heavy", Tahoma, Arial, Helvetica, sans-serif;
			margin-right: 10px;
		}
	
	ul#cat_overview {
		list-style-image: url(../images/icons/color/folder.png);
	}
	ul#tips_overview {
		list-style-image: url(../images/icons/color/tip.png);
	}






div.post {
	margin-bottom: 40px;
}
    div.post small {
        color: #A19A77;
    }
	/* Datum */
	div.post span.date {
		color: #A19A77;
		display: block;
        font: bold 1.6em "Delicious Heavy", Tahoma, Arial, Helvetica, sans-serif;
	}
	div.post h2 {
		margin-top: 0;
	}
    /* Categorie */
	div.post a.cat {
		background: #444;
		color: #FFF;
		cursor: pointer;
		display: block;
		float: left;
		font: bold 1.1em "BP Replay", Arial, Helvetica, sans-serif;
		padding: 4px 6px;
		text-decoration: none;
    }
		div.post a.cat:hover {
			background: #000;
		}
    /* Tekst */
	div.post p {
		clear: left;
    }




/* DOWNLOADS */

/* Overzicht van downloads */
ul#downloads {
    list-style: none;
    padding: 0;
}
    ul#downloads small {
        color: #A19A77;
		display: block;
    }
	/* Type download */
	ul#downloads span {
		color: #A19A77;
		display: block;
        font: bold 1.6em "Delicious Heavy", Tahoma, Arial, Helvetica, sans-serif;
		position: relative;
		top: 24px;
		text-transform: uppercase;
	}
	ul#downloads img {
		border: 6px solid #EEE;
    }
    /* Downloadknop */
	ul#downloads a strong {
		background: #7B0;
		color: #FFF;
		cursor: pointer;
		display: block;
		float: left;
		font: bold 1.3em Arial, Helvetica, sans-serif;
		letter-spacing: -.02em;
		margin: 0 8px 5px 0;
		padding: 6px 10px;
		text-decoration: none;
    }
		ul#downloads a:hover strong {
			background: #16D;
		}    





/* KNUTSELTIPS */

/* Overzicht van knutseltips */
ul#tips {
    list-style: none;
    padding: 0;
}
	ul#tips small {
		color: #A19A77;
		display: block;
	}


/* KNUTSELKALENDER */

/* Overzicht van knutseltips */
ul.calendar {
    list-style: none;
	padding: 0;
}
	ul.calendar span.date {
		color: #A19A77;
		display: block;
		float: left;
        font: bold 3em "Delicious Heavy", Tahoma, Arial, Helvetica, sans-serif;
		width: 60px;
	}




div#templates ul {
    list-style: none;
    padding: 0;
}






ul#faq {
    list-style: none;
    padding: 0;
}




    

img.left {
    margin: 0 15px 15px;
}
img.right {
    margin: 0 0 15px 15px;
}






div#thumbs {
	float: right;
	width: 17%;
}
div#show_card {
	width: 80%;
}



/* LAYOUT MET KOLOMMEN */

/* Drie kolommen */
*.two_column {
	width: 48%;
}

/* Drie kolommen */
*.three_column {
	float: left;
	margin-right: 2%;
	width: 31%;
}

/* Vijf kolommen */
*.five_column {
	width: 20%;
}
*.five_column_double {
	width: 40%;
}
	*.five_column_double ul {
		float: left;
		width: 40%;
	}



/* WORKSHOPS */

/* Overzicht workshops */
ul#workshops {
    list-style: none;
    padding: 0;
}
	ul#workshops small {
		color: #A19A77;
		display: block;
	}
	ul.workshops a img {
		border: 1px solid #EEE;
		display: block;
		margin-bottom: 5px;
		padding: 6px;
	}
		ul.workshops a:hover img {
			border: 1px solid #16D;
		}

/* Weergave workshop */
ol.workshop {
    
}
    ol.workshop li:before {
        content: attr(title);
        display: block;
        font: bold 1.9em "Century Gothic", Arial, Helvetica, sans-serif;
        margin: 10px 0 5px;
    }

div.used_materials {
    background: url(../images/note.png) top no-repeat;
    margin-bottom: 20px;
    padding: 15px;
}




/* LEVERANCIERS */

/* Alfabet boven leveranciers */
ul.bookmarks {
	height: 40px;
	list-style: none;
	margin-top: 40px;
	padding: 0;
}
	ul.bookmarks li {
		float: left;
		font: bold 2em "Delicious Heavy", Tahoma, Arial, Helvetica, sans-serif;
	}
		ul.bookmarks li a {
			background: #000;
			color: #FFF;
			display: block;
			height: 30px;
			margin-right: 6px;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			width: 30px;
		}
			ul.bookmarks li a:hover {
				background: #16D;
			}

/* Overzicht van leveranciers */
h2.suppliers {
	clear: both;
	margin: 50px 0 20px 0;
	text-transform: uppercase;
}
	h2.suppliers a {
		background: #D00;
		color: #FFF;
		display: block;
		height: 45px;
		text-align: center;
		width: 45px;
	}
		h2.suppliers a:hover {
			background: #16D;
			color: #FFF;
		}
ul.suppliers {
    list-style: none;
    padding: 0;
}
    ul.suppliers li {
        border: 5px solid #F1EFE6;
		float: left;
        margin: 0 12px 20px 12px;
        padding: 0 15px 15px 15px;
        width: 26%;
    }


/* LINKS */

/* Lijsten met links */
ul.links {
	list-style-image: url(../images/icons/color/link.png);
}
	ul.links li {
		margin-bottom: 4px;
	}
	ul.links small {
		display: block;
	}





/* REACTIES */

ul.comments {
	list-style: none;
	padding: 0;
}
	ul.comments li {
        margin: 0 0 10px;
        padding: 0 0 0 30px;
    }
        ul.comments li div.comment_body {
            background: #DEF;
            border: 5px solid #FFF;
            padding: 15px 15px 15px;
        }
        ul.comments li a.comment_number {
            background: url(../../images/comment_balloon.png) top no-repeat;
            color: #000;
            float: left;
            font: bold 1.3em Arial, Helvetica, sans-serif;
            height: 43px;
            left: -30px;
            padding-top: 17px;
            position: relative;
            text-decoration: none;
            text-align: center;
            width: 60px;
        }
            ul.comments li a.comment_number:hover {
                color: #FFF;
            }
        ul.comments li p {
            clear: right;
            font: 1em Georgia, "Times New Roman", Times, serif;
            line-height: 1.4em;
            margin: 0 0 0 60px;
            padding: 0;
        }
		ul.comments li div.comment_body small {
            color: #16D;
            display: block;
            font: 0.85em Tahoma, Arial, Helvetica, sans-serif;
            padding-top: 6px;
            text-align: right;
        }
        
        ul.comments li div.comment_info {
            margin: 5px 0 20px 60px;
        }
            ul.comments li div.comment_info a.website {
                background: url(../images/icons/color/world.png) no-repeat;
                display: block;
                float: left;
                height: 16px;
                letter-spacing: -1000em;
                margin-right: 6px;
                width: 16px;
            }
            ul.comments li div.comment_info strong {
                font: bold 1.3em Arial, Helvetica, sans-serif;
            }
		

		ul.comments li span.quote {
			display: block;
			margin: 10px 20px 0 0;
			padding: 10px 10px 10px 40px;
		}
			ul.comments li span.quote cite {
				display: block;
				font-style: normal;
				font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
			}
			ul.comments li span.quote q {
				display: block;
				font: italic 1em Georgia, "Times New Roman", Times, serif;
                line-height: 1.4em;
				margin: 2px 0px 0px 6px;
			}
				q:before, q:after {
					content: '';
				}


ul.comments li.anita div.comment_body {
	background: #FFD940;
}
ul.comments li.anita div.comment_body small {
	color: #FFF;
}
ul.comments li.anita span.quote {
	background: #FFECA1 url(../images/comment_quote.png) top right no-repeat;
}

ul.comments li.webmaster div.comment_body {
	background: #BDF;
}
ul.comments li.webmaster span.quote {
	background: #DEF url(../images/comment_quote.png) top right no-repeat;
}


/* Formulier voor toevoegen reactie */

div#footer_form {
    background: #EAEAEA;
    clear: both;
}
    div#footer_form h2 {
        color: #FFF;
        font-size: 3em;
        margin: 0;
    }
        div#footer_form h2 a {
            color: #FFF;
        }
    div#footer_form form {
        background: #E0E0E0 url(../images/comment_form_bg.png) bottom no-repeat;
        margin: 0 0 0 356px;
        padding: 30px 30px 0 30px;
    }
        div#footer_form label {
            cursor: pointer;
            display: block;
            font: bold 1.2em Arial, Helvetica, sans-serif;
            line-height: 1.7em;
            margin-right: 6px;
        }
        div#footer_form input.error, div#footer_form textarea.error {
            background: blue;
        }
        div#footer_form div#emoticons {
            background: #F1F1F1;
            height: 34px;
            padding: 0 2px;
        }
            div#footer_form div#emoticons img {
                cursor: pointer;
                margin: 4px 2px;
                padding: 5px;
            }
                div#footer_form div#emoticons img:hover {
                    background: #DEE0D5;
                }
        div#footer_form button {
            clear: both;
            display: block;
            margin-top: 30px;
        }
        
        
/* Beoordeling */
div.rating {
    clear: left;
}
div.cancel, div.star {
    cursor: pointer;
    display: block;
    float: left;
    height: 16px;
    overflow: hidden;
    text-indent: -1000em;
    width: 18px;
}
    div.cancel a, div.star a{
        display: block;
        background-position: 0 0;
        height: 16px;
        width: 16px;
    }
    div.cancel, div.cancel a {
        background-image: url(../images/icons/#000/delete.png);
        background-repeat: no-repeat;
    }
    div.star, div.star a {
        background-image: url(../images/star.png);
        background-repeat: no-repeat;
    }

div.star_on a {
    background-position: 0 -16px;
}
div.star_hover a, div.star_live a:hover {
    background-position: 0 -32px;
}

div.star_readonly a, div.star_readonly a:hover {
    cursor: default;
}

div.star {
    background: transparent;
    overflow: hidden;
}






div.rating_comment {
    float: right;
    margin-bottom: 4px;
}
    div.rating_comment span {
        background-image: url(../images/star.png);
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 16px;
        width: 16px;
    }
        div.rating_comment span.star {
            background-position: 0 -16px;
        }


/* PAGINANUMMERING */

ul.pagination {
    clear: both;
	margin: 10px 0;
	padding: 0;
	text-align: center;
}
	ul.pagination li {
		display:inline;
		list-style:none;
	}
		ul.pagination li.current_page {
			padding:2px 6px 2px 6px;
		}
		ul.pagination li a {
			border:1px solid #DDD;
			padding:2px 6px 2px 6px;
			text-decoration:none;
		}
			ul.pagination li a:hover {
				background:#D00;
				border:1px solid #B00;
				color:#FFF;
			}
		ul.pagination li a.previous, ul.pagination li a.next, ul.pagination li a:hover.previous, ul.pagination li a:hover.next {
		}
	ul.pagination li.space {
		padding:2px 6px 2px 6px;
	}
    
ul.blog li a {
    border: 0;
    padding: 0;
    text-decoration: underline;
}
    ul.blog li a:hover {
        background: none;
        border: 0;
        color: #09D;
        padding: 0;
        text-decoration: underline;
    }
    ul.blog li a.previous {
        float: left;
        text-align: left;
    }
    ul.blog li a.next {
        float: right;
        text-align: right;
    }