/*This is the LEAF skin, made by Ivan for Nucleus CMS*/
/*I am not a pro in CSS - If you are one and if you think it can be done better, by all means go ahead and adjust to your needs*/
/*I've tried my best to comment on most of the styles*/
/*#91A24F*/

/*BASIC STUFF*/
/*Link styling*/
a:link, a:visited{
	color: #23598C;
	text-decoration: none;
}
a:hover, a:active{
	color: black;
}
/*Image*/
img{
	border: none;
        /*float: right;*/
}
/*This is used for hidden stuff, stuff that you don't want people to see with CSS enabled*/
/*Try disabling CSS and you'll see some messages that you don't see with CSS enabled*/
.hidden{
	display: none;
}
/* dit dient voor de ronde tekstvakken */
.silbutton {
	margin: 1em 0;
	width: 150px;
	/*border: 1px solid #aaa;*/
	font-size: 170%;
	font-weight: bold;
	text-align: center ; 
	display: block;
        margin: 0 0 1px 10px;
        padding: 0;

    }
    .silbutton:link, .silbutton:visited{
/*	background-color: #D8D8D8;*/
	color: #000;
	text-decoration: none;
    }
    .silbutton:hover {
	background-color: #AEAEAE;
/*	font-size: 150%;*/
	color: #fff;
	text-decoration: none;
    }
    .silbutton span.w3cstrong {
	padding: 0 0.4em;
	background-color: #fff;
	color: #0c479d;
	font-weight: bold;
    }
    .silbutton em {
	font-style: normal;
    }
/* ronde hoeken */
.roundcont {
	width: 170px;
	background-color:  #FFDECD;
        color: #3E565F;
        margin: 0 10px 1px 20px;
        padding: 0;
}
.roundcont p {
	margin: 0 10px;
}
.roundtop { 
	background: url(images/tr1.gif) no-repeat top right; 
}
.roundbottom {
	background: url(images/br1.gif) no-repeat top right; 
}

.roundcont_mf {
        width: 340px;
        background-color:  #FFDECD;
        color: #3E565F;
        margin: 0 0 0px 0px;
        padding: 0;
}
.roundcont_mf p {
        margin: 0 10px;
}
.roundtop_mf {
        background: url(images/tr1.gif) no-repeat top right;
}
.roundbottom_mf {
        background: url(images/br1.gif) no-repeat top right;
}


.roundcontRechts {
        width: 170px;
        background-color:  #FFDECD;
        color: #3E565F;
        margin: 0 10px 1px 0;
        padding: 0;
}
.roundcont p {
        margin: 0 10px;
}




.silbuttonRood {
        margin: 1em 0;
        width: 150px;
        /*border: 1px solid #aaa;*/
        font-size: 170%;
        font-weight: bold;
        text-align: center ;
        display: block;
        margin: 0 0 1px 10px;
        padding: 0;

    }
    .silbuttonRood:link, .silbuttonRood:visited{
/*      background-color: #D8D8D8;*/
        color: #000;
        text-decoration: none;
    }
    .silbuttonRood:hover {
        background-color: #D95816;
/*      font-size: 150%;*/
        color: #fff;
        text-decoration: none;
    }
    .silbuttonRood span.w3cstrong {
        padding: 0 0.4em;
        background-color: #fff;
        color: #0c479d;
        font-weight: bold;
    }
    .silbuttonRood em {
        font-style: normal;
    }
/* ronde hoeken */
.roundcontRood {
        width: 170px;
        background-color:  #D5101B; 
        color: #3E565F;
        margin: 0 10px 1px 20px;
        padding: 0;
}
.roundcontRood p {
        margin: 0 10px;
}
.roundtopRood {
        background: url(images/tr1r.gif) no-repeat top right;
}
.roundbottomRood {
        background: url(images/br1r.gif) no-repeat top right;
}

.silbuttonzwart {
        margin: 1em 0;
        width: 150px;
        /*border: 1px solid #aaa;*/
        font-size: 170%;
        font-weight: bold;
        text-align: center ;
        display: block;
        margin: 0 0 1px 10px;
        padding: 0;

    }
    .silbuttonzwart:link, .silbuttonzwart:visited{
/*      background-color: #000000;*/
        color: #fff;
        text-decoration: none;
    }
    .silbuttonzwart:hover {
        background-color: #000000;
/*      font-size: 150%;*/
        color: #fff;
        text-decoration: none;
    }
    .silbuttonzwart span.w3cstrong {
        padding: 0 0.4em;
        background-color: #fff;
        color: #0c479d;
        font-weight: bold;
    }
    .silbuttonRood em {
        font-style: normal;
    }
/* ronde hoeken */
.roundcontzwart {
        width: 170px;
        background-color:  #000000;
        color: #3E565F;
        margin: 0 10px 1px 20px;
        padding: 0;
}
.roundcontzwart p {
        margin: 0 10px;
}
.roundtopzwart {
        background: url(images/tr1b.gif) no-repeat top right;
}
.roundbottomzwart {
        background: url(images/br1b.gif) no-repeat top right;
}

img.corner {
	width: 15px;
	height: 15px;
	border: none;
	display: block !important;
}
/*Use this to centerize any image/text*/
.centerize{
	text-align: center;
}
/*MAIN STRUCTURE*/
/*Don't edit if you know what's good for you*/
body{
	color: #4C4C4C;
/*	font-size: 11px;*/
	font-size: x-small; 
	font-family: Arial, Helvetica, sans-serif;
        background: #D95816 url(images/01_bg.gif) top repeat-x;
	padding: 20px 0 20px 0;
	text-align: center;
}
#wrapper{
	width: 800px;
	margin: auto;
	background: white url(images/01_bodybg.jpg) repeat-y;
	text-align: left;
}
/*The header image*/
#header{
	position: relative;
	width: 800px;
	height: 151px;
	margin: auto;
       /* background: #3371A3;*/
	background: url(images/01_header01v3.jpg) no-repeat;
}
/*The container - edit "230" to your desired width for the sidebar (lines 55, 58, 62)*/
#container{
	width: 70%;
	float: left;
	margin-right: -230px;
	padding: 0;
	/*margin-right: -200px;*/
}
#content{
	margin-right: 190px;
       /* margin-right: 100px;*/
	padding: 25px 0;
}

#Rsidebar{
	width: 230px;
	float: right;
	padding: 25px 0;
	text-align: left;
}
#Lsidebar{
        width: 180;
        float: left;
        padding: 25px 0;
        text-align: left;
}
#footer{
	width: 800px;
	margin: auto;
	padding: 20px 0 0 0;
	background: url(images/01_footer.jpg) top no-repeat;
}
/*Credits part is where the copyrights/xhtml/css validation stuff will be*/
#credits{
	font-size: 10px;
	text-align: center;
	color: #F7F7F7;
}
#credits a:link, #credits a:visited{
	color: #CFE6FD;
}
#credits a:hover, #credits a:active{
	color: white;
}
/*Ignore this*/
.clearing{
	height: 0;
	clear: both;
}
/*THE MAIN TITLE - YOUR BLOG NAME ON TOP OF THE HEADER*/
#header h1{
	position: relative;
	top: 65px;
	left: 30px;
	font-size: 30px;
	line-height: 20px;
	margin: 0;
        text-align: left ;
}
#header h2{
        color: #E2F8E3;
        position: absolute;
        top: 100px;
        left: 30px;
        font-size: 15px;
        line-height: 15px;
        margin: 0;
}
#header h3{
        color: #000000;
        position: absolute;
        top: 15px;
        left: 30px;
        font-size: 12px;
        line-height: 12px;
        margin: 0;
}
#header table{
        color: #000000;
        position: absolute;
        top: 35px;
        left: 30px;
        font-size: 12px;
        line-height: 12px;
        margin: 0;
}
.titlevvg {
        margin: 0 10px 1px 25px;
        padding: 0;
}
.titleimage1 {
        position: absolute;
        top: 35px;
        left: 275px;
        margin: 0;
}
.titleimage2 {
        position: absolute;
        top: 35px;
        left: 400px;
        margin: 0;
}
.titleimage3 {
        position: absolute;
        top: 35px;
        left: 525px;
        margin: 0;
}
.titleimage4 {
        position: absolute;
        top: 35px;
        left: 650px;
        margin: 0;
}

.thumbnail {
	display: block;
	background-color: #fff;
	padding: 4px;
	border: 1px solid #959E7D;
	margin: 8px auto 3px auto;
}





/*THE NAVIGATION - More detailed stuff in 01_navigation.css*/
#navigation{
	font-size: 11px;
/*	width: 694px;*/
	height: 22px;
	position: absolute;
	top: 129px;
	left: 3px;
}
#navigation ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#navigation li{
	background: none;
}
/*THE HEADERS (h2: Main titles, h3: Blog and Sidebar titles, h4: Comment names/userlinks)*/
h2{
	color: #3E565F;
	margin: 0 0 3px 0;
	font-size: 16px;
}
h3{
	color: #3E565F;
	margin: 0 0 8px 0;
	font-size: 14px;
}
h4{
	font-size: 11px;
}
/*Sub structure - To create the margins of the body (where text will be placed)*/
.contentdiv{
}
.Rsidebardiv{
	margin: 0 22px 0 15px;
}
/*The image styling of your blog*/
.contentbody img{
/*	border: 1px solid black;*/
        border: none;

}
/*COMMENTS STYLING*/
.c_commentbody{
	padding: 0 0 5px 0;
	background: url(images/01_hdot.gif) bottom repeat-x;
}
/*User links on comments made (eg. Ivan wrote:)*/
.c_userlink{
	margin: 0 0 5px 0;
}
/*Time stamp info in comments made*/
.c_commentinfo{
	font-size: 10px;
	margin: 3px 0 0 0;
	padding: 0 0 0 13px;
	background: url(images/01_item1.gif) 0 1px no-repeat;
}
/*THE STYLING OF THE BODY OF CONTENTS AND SIDEBARS*/
.contentbody{
	margin: 0;
	padding: 0 0 30px 13px;
}


.Rsidebarbody{
	margin: 0 0 10px 0;
	padding: 0;
}
.Lsidebarbody{
        margin: 0 10px 1px 25px;
        /*margin: 0 0 10px 10px;*/
        padding: 0;
}

/*THIS PART IS THE SIDEBAR'S INDIVIDUAL DIVS*/
/*Note that it doesn't have any styling, but it's here in case you want to add some styles*/
.Rsidebarin{
	padding: 0;
	margin: 0;
}
.Lsidebarin{
        padding: 0;
        margin: 0;
}

/*THIS PART IS TO STYLE THE BACKGROUND IMAGES (THE QUOTE ON THE LEFT)*/
/*You can create different image on your on, but only if you know what you're doing should you edit this part*/
.divweblog .contentbody, .divarchives .contentbody, .divarchivelist .contentbody, .diverror .contentbody, .divmemberinfo .contentbody,
.divsendmessage .contentbody, .divcommentitem .contentbody, .divsearch .contentbody{
/*	background: url(images/01_quote.gif) 0 3px no-repeat;*/
}
/*A different background for comments made*/
.divcommentsmade .contentbody{
/*	background: url(images/01_quote1.gif) 0 3px no-repeat;*/
}
/*A different background for the admin (in the comments made area)*/
.divcommentsmade .id1{
/*	background: url(images/01_quote4.gif) 0 3px no-repeat;*/
}
/*Add comment form's background*/
.divaddcomment .contentbody{
/*	background: url(images/01_quote3.gif) 0 3px no-repeat;*/
}
/*MORE DETAILED STUFF - Item details of your blog items*/
.itemdetails{
	text-align: right;
	padding: 5px 0 0 0;
	background: url(images/01_hdot.gif) top repeat-x;
}
/*Posted by*/
.item1{
	padding: 0 0 0 13px;
	margin: 0 0 0 12px;
	background: url(images/01_item1.gif) 0 1px no-repeat;
}
/*Category*/
.item2{
	padding: 0 0 0 13px;
	margin: 0 0 0 12px;
	background: url(images/01_item2.gif) 0 3px no-repeat;
}
/*Comments*/
.item3{
	padding: 0 0 0 15px;
	margin: 0 0 0 12px;
	background: url(images/01_item3.gif) 0 3px no-repeat;
}
/*STYLING OF SIDE TITLES*/
/*You can remove all parts here if you do not wish to use images as your side titles*/
.about h3{
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_about.gif) no-repeat;
}
.logo h3{
	height: 100px;
	text-indent: -9999px;
	margin: 0 0 2px 20px;
	background: url(images/LUMLUM_GREY_klein.jpg) no-repeat;
}
.login h3{
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_login.gif) no-repeat;
}
.categories h3{
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_categories.gif) no-repeat;
}
.search h3{
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_search.gif) no-repeat;
}
.links h3{
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 2px 0;
	background: url(images/01_s_links.gif) no-repeat;
}
.recent h3{
        height: 23px;
        text-indent: -9999px;
        margin: 0 0 2px 0;
        background: url(images/01_m_recent.gif) no-repeat;
}
.kandidaten h3{
        height: 23px;
        text-indent: -9999px;
        margin: 0 10px 2px 0;
        background: url(images/01_m_kandidaten.gif) no-repeat;
}
.programma h3{
        height: 23px;
        text-indent: -9999px;
        margin: 0 10px 2px 0;
        background: url(images/01_m_programmapunten.gif) no-repeat;
}
.onderwerpen h3{
        height: 23px;
        text-indent: -9999px;
        margin: 0 10px 2px 0;
        background: url(images/01_g_onderwerpen.gif) no-repeat;
}




/*MAIN TITLES*/
/*You can remove all parts here if you do not wish to use images as your main titles*/
h2.weblog, h2.comments, h2.commentsmade, h2.addcomment, h2.archives, h2.error, h2.member, h2.sendmessage, h2.searchpage{
	height: 23px;
	text-indent: -9999px;
        margin: 0 0 5px 13px;
}
h2.LaatsteNieuws,h2.Doemee,h2.kandidaten,h2.programma,h2.ikvindover,h2.contact{
        height: 50px;
        text-indent: -9999px;
        /*margin: 0 0 5px 0;*/
        margin: 0 0 15px 0;
text-align: left;

}

h2.LaatsteNieuws{
	background: url(images/laatstenieuws.gif) no-repeat;
}
h2.Doemee{
	background: url(images/ikdoemee.gif) no-repeat;
}
h2.kandidaten{
	background: url(images/kandidaten.gif) no-repeat;
}
h2.programma{
	background: url(images/programma.gif) no-repeat;
}
h2.ikvindover{
	background: url(images/ikvindover.gif) no-repeat;
}
h2.contact{
	background: url(images/contact.gif) no-repeat;
}
h2.comments{
	background: url(images/01_g_comments.gif) no-repeat;
}
h2.commentsmade{
	background: url(images/01_g_commentsmade.gif) no-repeat;
}
h2.addcomment{
	background: url(images/01_g_addcomment.gif) no-repeat;
}
h2.archives{
	background: url(images/01_m_archives.gif) no-repeat;
}
h2.error{
	background: url(images/01_m_error.gif) no-repeat;
}
h2.member{
	background: url(images/01_m_member.gif) no-repeat;
}
h2.sendmessage{
	background: url(images/01_m_sendmessage.gif) no-repeat;
}
h2.searchpage{
	background: url(images/01_m_search.gif) no-repeat;
}
/*FORM STYLING*/
form{
	margin: 0;
	text-align: left;
}
#mailform h2{
        margin: 0 0 2px 30px;
}
#mailform p{
        margin: 0 0 2px 30px;
}
#mailform input{
        margin: 0 0 2px 30px;
}


.mailformfield{
        width: 270px;
        font-size: x-small;
        font-family: Arial, Helvetica, sans-serif;

        margin: 0 0 2px 30px;
        color: #494949;
        border-top: 1px solid #868686;
        border-left: 1px solid #868686;
        border-bottom: 1px solid #D4D2CF;
        border-right: 1px solid #D4D2CF;

}
/*Styling for all form fields*/
.formfield{
	width: 130px;
	font-size: x-small; 
	font-family: Arial, Helvetica, sans-serif;

	margin: 0 0 2px 0;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
}
.klformfield{
        width: 20px;
        font-size: x-small;
        font-family: Arial, Helvetica, sans-serif;

        margin: 0 0 2px 0;
        color: #494949;
        border-top: 1px solid #868686;
        border-left: 1px solid #868686;
        border-bottom: 1px solid #D4D2CF;
        border-right: 1px solid #D4D2CF;
}

/*Form fields on focus effect (when user click on that input field)*/
.formfield:focus{
	border: 1px solid black;
}
/*Form's buttons*/
.formbutton{
	/*font-size: 11px;*/
	font-size: x-small; 
/*	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;*/
	font-family: Arial, Helvetica, sans-serif;

	margin: 1px 0 0 0;
	padding: 1px 10px;
	color: #494949;
	background: white;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
}
/*Don't show textarea scrollbar on IE*/
textarea{
	overflow: hidden;
}
/*Wider formfields for comment and mailform*/
.commentform .formfield, .mailform .formfield{
	width: 310px;
}
/*Add background to comment textarea*/
.commentform textarea{
	background: white url(images/01_txbg_gedacht.gif) center center no-repeat;
}
/*STYLING OF THE FORMS BACKGROUND, AND THE LITTLE ROUNDED TOPS*/
/*Add comment form and mailform (same size)*/
.divaddcomment form, .divsendmessage form{
	width: 360px;
	background: #E2EDF0 url(images/01_mountaintop.gif) top no-repeat;
}
.commentform, .mailform{
	padding: 10px 20px;
}
/*Login form and search form (same size)*/
.login form, .search form{
	width: 184px;
	background: #FFDECD url(images/01_mountaintop2.gif) top no-repeat;
}
.loginform, .searchform{
	padding: 10px;
}
/*THE LIST STYLES*/
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
li{
	padding: 0 0 0 9px;
	margin: 0 0 2px 0;
	background: url(images/01_arrow.gif) 0 6px no-repeat;
}
/* Images inline */
.imginline {
	padding: 0;
	/*display: block;*/
        float: left;
        margin: 0 10px 0 0;
}
/*THE SEARCH HIGHLIGHT*/
.highlight{
	font-weight: bold;
	text-decoration: underline;
}
/*Comment error - For Nucleus v3.2*/
div.error{
	color: red;
	font-weight: bold;
}