/* kleuren:   */
/*    #213071  bodyblauw                                                */
/*     #5680c1 blauw als de linker menu achtergrond         */
/*    #6e889b grijsblauw                                                 */
/*    #295aa9 ingetogen blauw                                         */
/*    #326CCD lichtblauw                                                */
/*    #c1d52f   donkergroen                                            */
/*    #F7F7E5 rechterkant lichtgroen                               */

body {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    color: #213071;
}
a {
	color: #213071;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

#logo_print {
	display: none;
}

form {
    margin: 0px;
    padding: 0px;
}
h1 {
    color: #213071;
    font-size: small;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom: 8px;
    font-stretch : ultra-expanded;
}
h2 {
    color: #213071;
    font-size: 1em;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom: 4px;
}
h3 {
    font-size: 1em;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 0px;
}
p {
    margin-top: 4px;
    margin-bottom: 4px;
}
HR {color:#E9ECA8;}
ul { 	list-style-type : square; }
input {border: 1px solid #6E889B;}
textarea {border: 1px solid #6E889B;}
.navpersonalisatie,.navproductencatalogus,.navsmoelenboek {
}
.navpersonalisatie a,.navproductencatalogus a,.navsmoelenboek a {
    color: #213071;
    font-size: 1em;
    text-decoration: none;    
}
.navpersonalisatie {     background-color: #E9ECA8 }
.navproductencatalogus { background-color: #9EAFBC }
.navsmoelenboek {        background-color: #6E889B } 
.navzoek {               background-color: #4B6B83 }
.navzoek input {
    width: 122;
    height: 20px;
}
.inleiding {
	font-weight: bold;
	color: #CC0000;
	font-size: 14px;
}
.kop {
	width: 100%;
	vertical-align: top;
	color: #FFFFFF;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	background-color: #C1D52F;

}
.contenttd {
	vertical-align: top;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 0.8em;
	line-height: 18px;
	padding: 2px 30px 20px 30px;
}


.contenttd td {
/* font-size: 0.7em; */
    font-size: 0.8em;
}



/* uit TRA  */

.contenttd a {
     color: #295aa9;  /* #c1d52f;     is groen , blauw is 213071 en  zwart is 000066  */
   font-weight: bold;                        /*       extra toegevoegd */
    text-decoration: none;
}

.contenttd a:hover {
	text-decoration: none;             /* was: underline;  */
}

.contenttd a:active {
	text-decoration: none;
}
/*   uit TRA  */




.relpad {
    margin-bottom: 8px;
}
.relpad a {
    color: #1F3E56;
    font-weight: bold;
}

.rechtertd {
    background-image: url(../images/achtergrond.gif);      /*  diapositieve leeuw rechtsonderin */
    background-position: 50% 69%;      /*   nu tegen de onderrand     bottom is helemaal onderin */
    background-repeat: no-repeat;
    width: 200px;
    background-color: #F7F7E5;
    font-family: Tahoma, Arial, Helvetica, Verdana;
    font-size: 0.8em;
    text-align: center;
}

/* poll */

.pollbg     { background-color: #213071; }
.poll td {
	font-size: 0.6em;
	font-weight: bold;
	color: #213071;
	font-family: Tahoma, Arial, Helvetica, Verdana;
}

/* nieuwsitem */

.nieuwsbg   { background-color: #213071; }
.nieuwsitem {
	font-size: 0.7em;
	margin: 6px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	padding-top: 5px;
	padding-bottom: 5px;

}

/* standaard content table */

.contenttable td {
vertical-align : top;
	padding: 0px;
	line-height: 17px;
	border-right: 1px solid #FFFFFF;
}
.contenttable td.eerste {
    text-align: center;
    width: 14px;
    height: 16px;
}
.contenttable .label {
	background-position: center;
	padding: 5px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	line-height: 20px;
	width: 100px;
	font-size: 0.8em;
}

/* discussie platform & prikbord stijlen */

td.discicon {
	background-color: #1F3E56;
	text-align: center;
	width: 20px;
	padding-top: 5px;
}
td.disconderwerp {
    background-color: #E9ECA8;
    font-weight: bold;
    padding-bottom: 1em;
}
td.disconderwerp a {
	color: #213071;
	padding: 2px;
}
td.discreactie,td.discdatum {
    background-color: #C1D52F;
    color: #213071;
}
td.discauteur {
	background-color: #E9ECA8;
	padding: 2px;
}

/* smoelenboek stijlen */
td.smoelenboekhoofdgegevens {
    background-color: #E9ECA8;
    font-weight: bold;
    border: 0px;
    vertical-align : top;
}

td.smoelenboekhoofdgegevens a {
	color: #213071;
	padding: 2px;
}

td.discreactie { padding: 2px }
td.discdatum  { padding: 2px }
th {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 0.8em;
	font-weight: bold;
}

/* zijkant */

.zijkant {
	background-color: #E9ECA8;
}

/* menu */

.menu p {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 10px;
    margin-right: 36px;
}
.menu a {
    color: #213071;
    font-weight: bold;
    font-size: 0.85em;
}
.menu ul {
	list-style-image : url("../images/kinditem_bullet.gif");    
    list-style-position : outside;
    direction: ltr;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 26px;  
    margin-right: 32px;
    padding-left: 0px; 
}
.menu ul a {
    font-weight: normal;
}
.menutable {
	height: 100%;
	width: 100%;
	background-position: top;
}
.menu1 {
	background-color: #C1D52F;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 0.7em;
	color: #213071;
	font-weight: bold;
	padding-left: 10px;
	cursor:hand;
	width: 170px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 3px;
	text-decoration: none;

}
.menuafbeeldingen {
	padding-top: 2px;
	background-color: #FFFFFF;
}
.menu2 {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 10px;
	color: #213071;
	font-weight: bold;
	padding-left: 10px;
	width: 145px;
	cursor:hand;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	text-decoration: none;

}
.menu2 a {
text-decoration: none;
	}

.menu2active {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 10px;
	color: #213071;
	font-weight: bold;
	padding-left: 10px;
	width: 120px;
	cursor:hand;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}
.menu3 {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 0.85em;
	color: #213071;
	font-weight: bold;
	white-space: nowrap;
	cursor:hand;
	text-align: center;
	text-decoration: none;

}
.menu3active {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 0.85em;
	color: #213071;
	font-weight: bold;
	white-space: nowrap;
	cursor:hand;
	text-align: center;
	background-color: #D2E074;
	text-decoration: none;

}
.home {
	width: 160px;
	text-align: left;
}
.padtd {
	padding-right: 20px;
	vertical-align: top;
	width: 600px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 11pt;
	padding-left: 15px;
	line-height: 17px;
}
.hometd {
	background-image: url(../images/achtergrond_1.jpg);
	background-repeat: no-repeat;
	width: 265px;
	background-color: #F7F7E5;

}

/* buttons */

.buttons {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 13px;
	color: #213071;
	font-weight: normal;
	white-space: nowrap;
	cursor:hand;
	width: 170px;
	padding-left: 20px;
	padding-top: 10px;
}
.button1niveau {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 0.8em;
	font-weight: normal;
}
.button2niveau {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 0.8em;
}
.button2niveauactive {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 0.8em;
	background-color: #D2E074;
	font-weight: bold;


}
.button1niveauactive {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 0.8em;
	font-weight: bold;
	background-color: #D2E074;
}
.button3niveau {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 0.7em;
}
.button3niveauactive {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 0.7em;
	background-color: #DDE798;
}
.button4niveau {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 0.7em;
}
.button4niveau a{
	text-decoration: none;
}
.button4niveauactive {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 0.7em;
	background-color: #DDE798;
}
.button5niveau {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 0.7em;
	background-color: #D2E074;
}
.button5niveau a{
	text-decoration: none;
}
.button5niveauactive {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 0.7em;
	background-color: #D2E074;
}
.button5niveauactive a{
	text-decoration: none;
}

.menubuttonover {
	background-color: #B2C332;
}
.menubutton {
	background-color: #C1D52F;
}

.ref {
	font-family: Tahoma, Arial, Helvetica, Verdana;
	font-size: 9px;
	color: #666666;
	text-align: center;
	vertical-align: bottom;
	width: 30px;
}
.pad {
	font-size: 11px;
}

div.smoel {
  width: 24%;
  height: 250px !important;
  float: left;
}