body {
	font-family: georgia,serif;
	color: #333;
	background: #F8F7F4 url(images/buzzground.gif);
	position: center;
}
ul { 
    margin: 0 5px 0 20px;
    padding: 0;
    list-style: none;
    font: 70%/1.6em "trebuchet ms",trebuchet,arial,verdana,sans-serif;
}


#wikkel {
    margin: 0 auto;
    width: 804px;
    background: transparent url(beeld/websiteachtergrond.gif);
}

#bovenbalk {
    width: 804px;
    height: 230px;
    background: transparent url(beeld/TCclownTop.gif) no-repeat center bottom;
}

#ledenbalk {
    width: 804px;
    height: 31px;
    font: 70%/1.4em "trebuchet ms",trebuchet,arial,verdana,sans-serif;
    text-align: right;
    background: transparent;
}
#ledenbalk p{
    margin: 0;
    padding: 3px 40px 0 10px;
}

#bovennavigatie {
    width: 804px;
    height: 31px;
    font: 80%/1em georgia, serif;
    background: transparent url(beeld/nav.gif);
}
#bovennavigatie p{
    padding: 10px 0 0 0;
}

#inhoud {
    margin: 10px 0 0 0;
    width: 804px;
    background: transparent;
}

#knoppen {
    float: left;
    margin: 0;
    padding: 0;
    width: 222px;
    background: transparent;
}

#knoppen #ek {
    margin: 0 0 20px 20px;
    width: 201px;
    height: 226px;
    background: transparent url(beeld/ek-button.gif) no-repeat;
}

#knoppen #vk {
    margin: 0 0 20px 20px;
    width: 201px;
    height: 226px;
    background: transparent url(beeld/vk-button.gif) no-repeat;
}

#knoppen #mashup {
    margin: 0 0 20px 20px;
    width: 201px;
    height: 226px;
    background: transparent url(beeld/mashup-button.gif) no-repeat;
}

#knoppen #vevida {
    margin: 0 0 20px 20px;
    width: 201px;
    height: 100px;
    background: transparent url(beeld/vevida-button.gif) no-repeat;
}

#knoppen a {
    display: block;
    padding: 100px 10px 15px 10px;
    font: 75%/1.4em "trebuchet ms",trebuchet,arial,verdana,sans-serif; 
    text-transform: uppercase; 
    letter-spacing: 0.1em; 
    color: #fff;
}
#knoppen #promoties {
    margin: 0 0 20px 20px;
}
#knoppen #promotietop {
    width: 201px;
    height: 29px;
    background: transparent url(beeld/promotietop.gif);
}
#knoppen #promotieinhoud { 
    background: transparent url(beeld/promotiemiddle.gif) repeat-y;
}
#knoppen #promotieinhoud p { 
    display: block;
    margin: 0;
    padding: 0;
    width: 201px;
    height: 93px;
    background: transparent url(beeld/buttonwindow.gif);
}
#knoppen #promotieinhoud a { 
    display: block;
    margin: 0;
    padding: 0;
    width: 201px;
    height: 93px;
}
#knoppen #promotieinhoud a img{ 
    margin: 10px 0 0 0;
}

#knoppen #promotieonderkant {
    width: 201px;
    height: 28px;
    background: transparent url(beeld/promotiebottom.gif);
}


#artikelen {
    float: left;
    margin: 0;
    padding: 0;
    width: 580px;
    text-align: left;
    background: transparent;
}
.artikel,
.commentaar  {
	background: transparent;
	font-family: "trebuchet ms", trebuchet, arial, verdana, sans-serif;
	font-size: 80%;
	line-height: 1.4em;
}
#bovendevouw .artikel,
#bovendevouw .commentaar  {
    width: 360px;
}
#onderdevouw .artikel,
#onderdevouw .commentaar  {
    width: 540px;
}

#siteinfobox {
    float: right;
    margin: 0 0 0 10px;
    width: 200px;
    background: transparent url(beeld/siteinfobox.gif) repeat-y;
}
#siteinfobox #stats {
    padding: 31px 0 0 0;
    background: transparent url(beeld/siteinfostats.gif) no-repeat;
}
#siteinfobox #top5 {
    padding: 36px 0 0 0;
    background: transparent url(beeld/siteinfotop.gif) no-repeat;
}
#siteinfobox #categorien {
    padding: 30px 0 0 0;
    background: transparent url(beeld/siteinfocat.gif) no-repeat;
}
#siteinfobox #onderkant {
    padding: 4px 0 0 0;    background: transparent url(beeld/siteinfobottom.gif) no-repeat;
}

#hoofdbanner {
    float: left;
    margin: 0;
    padding: 0;
    width: 580px;
    height: 120px;
    background: transparent url(beeld/bannerachtergrond.gif);
}
#hoofdbanner .banner{
    margin: 27px 0 30px 53px;
}

#ondernavigatie {
    width: 804px;
    height: 31px;
    font: 80%/1em georgia,serif;
    background: transparent url(beeld/nav.gif);
}
#ondernavigatie p{
    padding: 10px 0 0 0;
}
#onderbalk {
    width: 804px;
    height: 120px;
}
#logo {
    float: left;
    margin: 0;
    padding: 0;
    width: 222px;
    height: 120px;
    background: transparent;
}
#onderbanner {
    float: left;
    margin: 0;
    padding: 0;
    width: 580px;
    height: 120px;
    background: transparent url(beeld/bannerachtergrond.gif);
}
#onderbanner .banner{
    margin: 27px 0 30px -6px;
}

.clr {
    clear: left; margin: 0; padding: 0; height: 1px; font-size: 1px; line-height: 1px; visibility: hidden; 
}






a:link {
    color: #36c; text-decoration: none;
}
a:visited {
    color: #69C; text-decoration: none;
}
a:hover {
    color: #c60; text-decoration: underline;
}
#bovennavigatie a:link,
#ondernavigatie a:link,
.auteur a:link {
    color: #7a6a4f; text-decoration: none;
}
#bovennavigatie a:visited,
#ondernavigatie a:visited,
.auteur a:visited  {
    color: #7a6a4f; text-decoration: none;
}
#bovennavigatie a:hover,
#ondernavigatie a:hover,
.auteur a:hover {
    color: #c60; text-decoration: underline;
}





#blog-title {
    border-right: #eee 1px solid; padding-right: 20px; border-top: #eee 1px solid; padding-left: 20px; font-weight: normal; font-size: 200%; padding-bottom: 0.25em; margin: 5px 5px 0px; text-transform: uppercase; border-left: #eee 1px solid; color: #666; line-height: 1.2em; padding-top: 20px; border-bottom: #eee 0px solid; letter-spacing: 0.2em
}
#blog-title a {
    color: #666; text-decoration: none
}
#blog-title a:hover {
    color: #c60
}
#bescrijving {
   font: 78%/1.4em "trebuchet ms",trebuchet,arial,verdana,sans-serif; 
   text-transform: uppercase; 
   color: #999; 
   letter-spacing: 0.2em;
}

.datum {
    margin: 0; padding: 1em 0 0.3em 20px; 
    font: 80%/1em "trebuchet ms",trebuchet,arial,verdana,sans-serif; 
    color: #bbb; 
    letter-spacing: 0.2em
}
.auteur {
    margin: 0; padding: .8em 0 0 30px; 
    height: 30px;
    font: 90%/1em "trebuchet ms",trebuchet,arial,verdana,sans-serif;
    color: #bbb;
}
.artikel p  {
    margin: 0; padding: 0.2em 0 0 20px; 
}
 .auteur {
    background: transparent url(beeld/articlecommenttop.gif) no-repeat 20px 5px; 
}


.artikeltitel {
	margin: 0;
	color: #c3140b;
	font-family: georgia, serif;
	font-size: 190%;
	line-height: 1.2em;
	padding-top: 0.2em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.artikeltitel a {
    display: block; font-weight: normal; color: #c60; text-decoration: none
}
.artikeltitel a:visited {
    display: block; font-weight: normal; color: #c60; text-decoration: none
}
.artikeltitel strong {
    display: block; font-weight: normal; color: #c60; text-decoration: none
}
.artikeltitel strong {
    color: #333
}
.artikeltitel a:hover {
    color: #333
}
.artikel p {
    margin: 0; padding: 0.2em 0 0 20px; 
}
.commentaar p {
    margin: 0; padding: 0 0 0 20px; 
    width: 100%;
    overflow: hidden;
}
.commentaar input {
    margin: 0 0 0 20px; 
}
p.artikelfooter {
    margin: 0; color: #ccc
}
.artikelfooter em {
    font: 80%/1.4em "trebuchet ms",trebuchet,arial,verdana,sans-serif; letter-spacing: 0.1em
}
.comment-link {
    font: 80%/1.4em "trebuchet ms",trebuchet,arial,verdana,sans-serif; text-transform: uppercase; letter-spacing: 0em}
.artikelfooter em {
    color: #999; margin-right: 0.6em; font-style: normal
}
.comment-link {
}
.artikel img {
    float: left;
    border-top: #ddd 0px solid;
    border-left: #ddd 0px solid;
    border-bottom: #ddd 0px solid;
    border-right: #ddd 0px solid; 
    padding: 0 4px 4px 0;
}
.artikel blockquote {
    margin: 1em 20px
}
.artikel blockquote p {
    margin: 0.75em 0px
}
#commentaar h4 {
    margin: 0.8em 0px; font: bold 80%/1.6em "trebuchet ms",trebuchet,arial,verdana,sans-serif; text-transform: uppercase; color: #999; letter-spacing: 0.2em
}
#commentaar h4 strong {
    font-size: 130%
}
#commentaar-block {
    margin: 1em 0px 1.5em; line-height: 1.6em
}
#commentaar-block dt {
    margin: 0.5em 0px
}
#commentaar-block dd {
    margin: 0.25em 0px 0px
}
#commentaar-block dd.comment-timestamp {
    margin: -0.25em 0px 2em; font: 80%/1.4em "trebuchet ms",trebuchet,arial,verdana,sans-serif; text-transform: uppercase; letter-spacing: 0.1em
}
#commentaar-block dd p {
    margin: 0px 0px 0.75em
}
.deleted-comment {
    color: gray; font-style: italic
}

.profile-data {
    margin: 0px; font: bold 80%/1.6em "trebuchet ms",trebuchet,arial,verdana,sans-serif; text-transform: uppercase; letter-spacing: 0.1em
}
.profile-data strong {
    display: none
}
.profile-textblock {
    margin: 0px 0px 0.5em
}
.profile-link {
    margin: 0px; font: 80%/1.4em "trebuchet ms",trebuchet,arial,verdana,sans-serif; text-transform: uppercase; letter-spacing: 0.1em
}
#footer {
    clear: both; margin: 0px auto; width: 660px
}
#footer hr {
    display: none
}
#footer p {
    margin: 0px; font: 80%/1.6em "trebuchet ms",trebuchet,verdana,sans-serif; text-transform: uppercase; padding-top: 15px; letter-spacing: 0.1em
}

#onderdevouw .article_alt { margin: 0 0 0 20px; border-bottom: 1px dotted #ddd; padding: 10px 0; width: 530px; }
#onderdevouw .article_alt .artikeltitel { float: left !important; display: inline !important; margin: 0; padding: 0 5px 0 0; font: bold 75%/1.2em "trebuchet ms",trebuchet,verdana,sans-serif; }
#onderdevouw .article_alt .artikeltitel span { margin: 0; padding: 0 5px 0 0; font: normal 100%/1.2em "trebuchet ms",trebuchet,verdana,sans-serif; color: #999; }
#onderdevouw .article_alt p { margin: 0; padding: 0 5px 0 0; width: auto; font: 75%/1.2em "trebuchet ms",trebuchet,verdana,sans-serif; }
#onderdevouw .article_alt .auteur { float: left; display: inline; margin: 0; padding: 0; width: auto; height: auto; font: 75%/1.2em "trebuchet ms",trebuchet,verdana,sans-serif; background: transparent none; }


#themeBox {
    margin: 0 auto;
    padding: 39px 0 0 0;
    width:684px; 
    height: auto;
    background: transparent url(beeld/cartoonlog/CMheader.gif) no-repeat 0 0; 
}
#pictureBox { 
    float: left;
    position: relative;
    margin: 0 0 0 0;
    width:444px; 
    height: auto;
    background: transparent url(beeld/cartoonlog/CMcartoonofthedayback.gif) repeat-y 0 0;
}

#pictureBox h2 { 
    position: absolute;
    top: -30px;
    left: 25px;
    font: 1.2em/1.1em "trebuchet ms",trebuchet,arial,verdana,sans-serif;
    letter-spacing: 1px;
    color: #7a6a4f; 
}

html>body #pictureBox h2 { 
    top: -45px;
}

#pictureBox img { 
    margin: 0 auto;
}

#pictureBox p { 
    margin: 0; padding: 10px 0 20px 20px; 
    /*height: 315px;*/
    font: 70%/1.1em "trebuchet ms",trebuchet,arial,verdana,sans-serif;
    background: transparent url(beeld/comments/CMcartoonofthedaybottom.gif) no-repeat left bottom;
}

#pictureBox a { 
    /*float: left; clear: both;*/
    display: block;
    text-align: left;
}

#linkBox {
    float: left;
    position: relative;
    margin: 0 0 0 22px;
    width: 218px; height: auto;
    background: transparent url(beeld/comments/CMrespectback.gif) repeat-y 0 0;
}

#linkBox h2 { 
    position: absolute;
    top: -30px;
    left: 20px;
    font: 1.2em/1.1em "trebuchet ms",trebuchet,arial,verdana,sans-serif;
    letter-spacing: 1px;
    color: #7a6a4f; 
}

html>body #linkBox h2 { 
    top: -45px;
}

#linkBox p { 
    margin: 0; padding: 10px 0 10px 15px; 
    height: auto;
    text-align: left;
    font: 70%/1.8em "trebuchet ms",trebuchet,arial,verdana,sans-serif;
    background: transparent url(beeld/comments/CMrespectbottom.gif) no-repeat left bottom;
}
html>body #linkBox p { 
    height: auto;
}
#linkBox a { 
    padding: 0 5px 10px 0;
}
#linkBox img { 
    border: 0;
}

#reactiepagina #bovenbalk {
    background: transparent url(beeld/TCimageHeader.gif) no-repeat center bottom;
}

#reactiepagina #themeBox {
    margin: 0 auto;
    padding: 0;
    width:640px; 
    background: none; 
}

#reactiepagina .artikel{
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
    width:240px; 
    text-align: left;
    background: transparent url(beeld/comments/articlecommentmiddle.gif) repeat-y 0 0;
}
#reactiepagina .artikel p{
    padding: 3px 10px 10px 10px;
    background: transparent url(beeld/comments/articlecommenttop.gif) no-repeat 0 0;
}

#reactiepagina .artikel .auteur {
    margin: 0;
    padding: 3px 10px 10px 10px;
    background: url(beeld/comments/articlecommentbottom.gif) no-repeat left bottom;
}
#reactiepagina .artikel p img {
    margin: 0 0 0 -5px;
}
#reactiepagina .commentaar{
    float: left;
    margin-top: 10px;
    border-top: 1px solid #bbb;
    padding: 10px 0 0 0;
    width:360px; 
    text-align: left;
    background: none;
}
#reactiepagina .artikeltitel {
    float: left;
    width: 320px;
    font-size: 150%;
    text-align: left;
}

#reactiepagina .commentaar .auteur {
    background: url(beeld/articlecommenttop.gif) no-repeat 20px 5px;
}


body.kim {
    background: #F8F7F4 url(beeld/kimholland/KMachtergrond.gif);
}

.kim #wikkel {
    background: transparent url(beeld/kimholland/KMcontentBack.gif);
}
.kim #bovenbalk {
    background: transparent url(beeld/kimholland/KMbovenkant.gif) no-repeat center bottom;
}
.kim #bovennavigatie {
    background: transparent url(beeld/kimholland/KMnav.gif);
}
.kim #ondernavigatie {
    background: transparent url(beeld/kimholland/KMnav.gif);
}
.kim #themeBox {
    background: transparent url(beeld/kimholland/KMheader.gif) no-repeat 0 0; 
}
.kim #pictureBox { 
    background: transparent url(beeld/kimholland/KMmainBoxBack.gif) repeat-y 0 0;
}

.kim #pictureBox h2 { 
    color: #900; 
}
.kim .artikel,
.kim .commentaar  {
    width: 655px;
}
.kim .auteur {
    background: transparent url(beeld/kimholland/auteurthemabalk.gif) no-repeat 20px 5px; 
}


.kim #pictureBox p { 
    text-align: left;
    background: transparent url(beeld/kimholland/KMmainBoxBottom.gif) no-repeat left bottom;
}
.kim #pictureBox img { 
    width: 390px;
}

.kim #linkBox {
    background: transparent url(beeld/kimholland/KMsmallBoxBack.gif) repeat-y 0 0;
}

.kim #linkBox h2 { 
    color: #900; 
}

.kim #linkBox p { 
    background: transparent url(beeld/kimholland/KMsmallBoxBottom.gif) no-repeat left bottom;
}
.kim #bovennavigatie a:link,
.kim #ondernavigatie a:link,
.kim .auteur a:link {
    color: #900; text-decoration: none;
}
.kim #bovennavigatie a:visited,
.kim #ondernavigatie a:visited,
.kim .auteur a:visited  {
    color: #900; text-decoration: none;
}
.kim #bovennavigatie a:hover,
.kim #ondernavigatie a:hover,
.kim .auteur a:hover {
    color: #fff; text-decoration: underline;
}
#reactiepagina.kim #bovenbalk {
    background: transparent url(beeld/kimholland/KMbovenkant.gif) no-repeat center bottom;
}
#reactiepagina.kim .artikel{
    background: transparent url(beeld/kimholland/articlecommentmiddle.gif) repeat-y 0 0;
}

#reactiepagina.kim .artikel{
    background: transparent url(beeld/kimholland/articlecommentmiddle.gif) repeat-y 0 0;
}
#reactiepagina.kim .artikel p{
    background: transparent url(beeld/kimholland/articlecommenttop.gif) no-repeat 0 0;
}

#reactiepagina.kim .artikel .auteur {
    background: url(beeld/kimholland/articlecommentbottom.gif) no-repeat left bottom;
}








#subpageBox {
    margin: 0 auto;
    padding: 39px 0 0 0;
    width:684px; 
    height: auto;
    background: transparent url(http://volkomenkut.com/beeld/cartoonlog/CLheader.gif) no-repeat 0 0; 
}
#subpageTopLeft { 
    float: left;
    position: relative;
    margin: 0 0 0 0;
    width:444px; 
    height: auto;
    background: transparent url(http://volkomenkut.com/beeld/cartoonlog/CLcartoonofthedayback.gif) repeat-y 0 0;
}

#subpageTopLeft h2 { 
    position: absolute;
    top: -30px;
    left: 25px;
    font: 1.2em/1.1em "trebuchet ms",trebuchet,arial,verdana,sans-serif;
    letter-spacing: 1px;
    color: #7a6a4f; 
}

html>body #subpageTopLeft h2 { 
    top: -45px;
}

#subpageTopLeft img { 
    margin: 0 auto;
}

#subpageTopLeft p { 
    margin: 0; padding: 10px 0 20px 20px; 
    /*height: 315px;*/
    font: 70%/1.1em "trebuchet ms",trebuchet,arial,verdana,sans-serif;
    background: transparent url(http://volkomenkut.com/beeld/cartoonlog/CLcartoonofthedaybottom.gif) no-repeat left bottom;
}

#subpageTopLeft a { 
    /*float: left; clear: both;*/
    display: block;
    text-align: left;
}

#subpage{
    float: left;
    position: relative;
    margin: 0 0 0 22px;
    width: 218px; height: auto;
    background: transparent url(http://volkomenkut.com/beeld/cartoonlog/CLrespectback.gif) repeat-y 0 0;
}

#subpage h2 { 
    position: absolute;
    top: -30px;
    left: 20px;
    font: 1.2em/1.1em "trebuchet ms",trebuchet,arial,verdana,sans-serif;
    letter-spacing: 1px;
    color: #7a6a4f; 
}

html>body #subpage h2 { 
    top: -45px;
}

#subpage p { 
    margin: 0; padding: 10px 0 10px 15px; 
    height: auto;
    text-align: left;
    font: 70%/1.8em "trebuchet ms",trebuchet,arial,verdana,sans-serif;
    background: transparent url(http://volkomenkut.com/beeld/cartoonlog/CLrespectbottom.gif) no-repeat left bottom;
}
html>body #subpage p { 
    height: auto;
}
#subpage a { 
    padding: 0 5px 10px 0;
}
#subpage img { 
    border: 0;
}
.slenderbox {
	width: 700px;
	position: center;
}
