/*
Theme Name: Jonne!
Theme URI: http://catenerik.nl/
Description: Jonne's homepage
Author: Gooly
Author URI: gooly@ermens.net
Version: V0.1
.
Deze template is exclusief ontworpen voor de website catenerik.nl en aangepast om het bewerken van de stylesheet te vereenvoudigen.
.
*/

/* In Body worden wat algemene zaken geregeld */
body {
	padding: 0px; /* geen lege randen om de pagina heen */
	margin: 0px;  /* geen lege randen om de pagina heen */
	text-align: center; /* Om Internet Explorer de pagina te laten centreren */
	background-image: url(images/blad.jpg); /* De beroemde gras achtergrond */
	background-repeat: repeat; /* Achtergrond 'tilen' */
	background-attachment: fixed; /* Achtergrond vastzetten en niet mee laten scrollen */
	font-family: "Verdana", "Arial"; /* Het standaard lettertype van de pagina is Verdana 12pixels met kleur #2d2a0b */
        font-size: 12px;
        color: #2d2a0b;
               }

/* Het buitenframe is een box die in het midden van het scherm hangt en waarin de hele pagina hangt */
.buitenframe {
	width: 950px; /* De breedte van de pagina */
	background-color: #ffffff; /* De achtergrondkleur is #ffffff (wit) */
	padding: 0px; /* Geen lege rand tussen de buitenframe en de pagina die er in hangt */
	margin-left: auto; /* Om de pagina te centreren */
	margin-right: auto; /* Om de pagina te centreren */
	overflow: hidden; /* altijd afblijven. je pagina gaat raar doen als je dit verandert */
       }

/* De "binnenkant" is de marge tussen de tekstblokken onderling */
.binnenkant {
        padding: 8px; /* De lege ruimte tussen de inhoud en rand van een blok */
       }

/* berichtenmenuframe regelt steeds een enkel tekstblokje voor een postje */
.berichtenmenuframe {
       width: 100%;  /* Even breed als het frame waarin hij hangt */
       margin: 0px;  /* Geen lege rand tussen de tekst en de buitenkant */
       padding: 0px;  /* Geen lege rand tussen de tekst en de buitenkant */
       }

/* Hier wordt de stijl van de kopfoto geregeld */
.header {
	/*text-align: left;
	font-family: "Verdana", "Arial";
	background-color: #aaaaaa;
        font-size: 16px;
        font-weight: bold;
        color: lime; */
	margin: 0px; /* Geen lege randen om de kopfoto heen */
	padding: 0px; /* Geen lege randen om de kopfoto heen */
	width: 100%; /* De kopfoto is net zo breed als het frame waar hij in hangt (het 'buitenframe') */
	height: 400px; /* De kopfoto is 400 hoog */
	overflow: hidden; /* Niet veranderen */
	background-image: url(http://catenerik.nl/wordpress/wp-content/uploads/2011/07/kopfoto-170711-copy.jpg); /* De kopfoto zelf */
       }

.berichtenblok {
       margin: 0px;
       padding: 0px;
       width: 750px;
       float: left;
       overflow: hidden;
       }

.bericht {
	margin-bottom: 20px;
         }


.zijmenu {
       margin: 0px;
       margin-top: 135px;
       padding: 0px;
       width: 200px;
       float: right;
       overflow: hidden;
       text-align: left;
       }

.zijmenubinnenkant {
       margin-right: 16px;
       }

.zijmenubinnenkant ul{
  padding: 0px;
       }

.berichtengroep {
       text-align: justify;
       margin: 0px;
       padding: 25px;
       overflow: hidden;
       }

.footer {
       font-size: 9px;
       margin: 0px;
       padding: 0px;
       width:100%;
       float: left;
       background-color: #77bd1e;
       }

.berichtfooter {
	width: 100%;
         margin-top: 7px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #cc99ff; 
	text-align: left;
	font-family: "Arial";
	color: #2d2a0b;
        font-size: 12px;
       }

/* ===== LINKS ALGEMEEN ===== */

a:link, a:active, a:visited {
        color: #847b2d;
        text-decoration: underline;
       }

a:hover {
        color: #454011;
        text-decoration: underline;
       }

/* ===== BERICHTEN KOPJES ===== */

/* Hieronder staat de GEWONE stijl voor de bericht titels */
.kalenderberichtkopje {
	background-color: #2d2a0b;
	height: 35px;
        }
.berichtenkopje {
	text-decoration: none;
	font-family: "Verdana", "Arial";
        font-size: 16px;
        font-weight: 900;
        letter-spacing: 2px;
        width: 100%;
        }

/* Hieronder staan de stijlen voor de LINKS van de bericht titels */
a.berichtenkopje:link, a.berichtenkopje:active, a.berichtenkopje:visited {
	color: #454011;
	text-decoration: none;
        }

a.berichtenkopje:hover {
        color: #847b2d;
        }

/* ===== MENU'S ===== */

.topmenu {
        width: 100%;
        height: 20px;
	background-color: #77bd1e;
	text-align: justify;
	overflow: hidden;

        }
a.topmenu:link, a.topmenu:active, a.topmenu:visited {
        margin: 0px;
        padding: 5px;
        width: 220px;
        color: #f6fbe7;
	font-family: "Verdana", "Arial";
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
	overflow: hidden;
        }
a.topmenu:hover {
	background-color: #77bd1e;
	text-decoration: none;
	margin-left: 0px;
	margin-right: 0px;
	border: #77bd1e 1px solid;
	overflow: hidden;
	color: #2d2a0b;
        }

.menuhoofdlijst {
        padding:0;
        margin:0;
        }

.zijmenubinnenkant ul {
      margin-left: 0px;
        overflow: hidden;
        }

.zijmenubinnenkant li {
        margin-left: 0px;
        list-style-type: none;
        }

/* Hieronder staan de stijlen voor de TITEL van een menu */
.menukopje {
	font-family: "Verdana", "Arial";
	font-size: 14px;
	font-weight: bold;
	text-align: left;
        margin-left: 0px;	
        }

/* Hieronder staan de stijlen voor de LIJST van een menu */
.menuitem {
  width: 90%;
	list-style-position: outside;
	list-style-type: square;
	/* left: -90px; */
	text-align: left;
	position: relative;
        }

/* ===== FORMULIEREN ===== */
.formulierveld {
	background-color: #dddddd;
	padding: 3px;
	font-family: "Arial";
	font-size: 14px;
	color: #777777;
        }

/* ===== Dag kalendertje bij berichtje ===== */
.dagkalender {
    background-image: url(images/kalender1.gif);
    float: left;
    width: 51px;
    height: 61px;
    margin: 0px;
    padding: 0px;
    }

/* Voor de 3-letterige maandnaam */
.dagkalender h3 {
    color: #999999;
    font-size: 11px;
    font-weight: normal;
    padding: 18px 0px 0px 15px;
    margin: 0px;
    }

/* Voor het cijfer van de dag */    
.dagkalender h4 {
    font-family: Times New Roman, Helvetica, Sans-Serif;
    color: #999999;
    font-size: 21px;
    font-weight: bold;
    margin-top: -4px;
    text-align: center;
    }

/* ===== WIDGETS ===== */
.textwidget {
       text-align: justify;
       }

#calendar_wrap {
       text-align: left;
       paddin: auto;
       }

#clock {
       text-align: center;
       padding: auto;
       }

#wie {
       text-align: left;
       padding: auto;
       }

.textwidget {
       text-align: justify;
       paddin: auto;
       }

.textwidget {
       text-align: justify;
       paddin: auto;
       }

/* ===== REACTIES ===== */
p.reactie {
        width: 100%;
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #777777;
        font-size: 10px;
       }

/* ===== AFBEELDINGEN IN BERICHTEN ===== */
.bericht img {
        margin: 5px;
}
li.nobullet {
        list-style-type:none;
}