/*algemeen*/

html, body{ 
 margin-left:5%; 
 width: 90%;
 padding:0; 
 text-align:center; 
 font-family: arial;
 font-size: 12px;
 background-color: #ffffff;
} 

/* tabellen algemeen */
table {
font-size: 12px;
}

a:link {color:#000000; text-decoration: none;}      /* onbezochte link */
a:visited {color:#000000; text-decoration: none;}  /* bezochte link */
a:hover {color:#787878;}  /* mouse over link */
a:active {color:#787878;}  /* geselecteerde link */


h4:{
color:#656565;
}
 
/*einde algemeen*/ 
 
#pagewidth{ 
 width:100%; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 padding-top: 10px;
 background-image:url('header.jpg');
 background-repeat:no-repeat;
 background-position:left; 
 position:relative; 
 height:230px; 
 background-color: #ffffff; 
 width:100%;

} 
 /*linkerkolom*/
#leftcol{ 
 width:10%; 
 float:left; 
 position:relative; 
 background: transparent;
 }
 
  /*rechterkolom*/
 #rightcol{
 text-align: right;
 width:12%; 
 float:right; 
 position:relative; 
 background: transparent;
 }
 
#twocols{
 width:90%; 
 float:right; 
 position:relative; 
  }
 

  /*content midden*/
#maincol{
 background: transparent;  
 float: left; 
 display:inline; 
 position: relative; 
 width:80%; 
 font-size: 12px;
  margin-top: 20px;
  margin-left: 5%;
 }
 
.formulier {
height: 100px;

}
 
.footer {
padding-top: 5px;
height:50px; 
background-color:#FFAA55; 
clear:both;
background:url('balk.jpg') 100% repeat-x;
} 

  /* titel van bericht*/
.titel {
color: black;
padding-left: 5px;
font-size: 14px;
font-weight: bold;
background:url('balk.jpg') 100% ;
}

 /* bericht*/
.content {
color: black;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
background-color: #F8F8E8;
}

 /* info van bericht, staat onder bericht*/
.postinfo{
color: black;
background-color: #EDE9C3;
margin-bottom: 20px;
}

 /* opmerkingen over bericht */
.opmerkingen {
color: black;
background-color: #F4F4DA;
}

/* naam van schrijver commentaar + datum van plaatsing commentaar */ 
.naamcommentaar {
background: url('balk.jpg') 100% ;
font-weight: bold;
color: black;
}

/* ingevoerde tekst van commentaargever*/
.tekstcommentaar {
background-color: #EDE9C3;
color: black;
}

/* formulier om nieuw artikel toe te voegen*/
.form_nieuw_artikel {
color: black;
}

/* knopje voor  inloggen*/
.login {
float: right;
}



/*menu*/
.menu{
margin-bottom:10px; 
padding:0; 
height:30px; 
width:100%; 
display:block; 
background:url('topMenuImages.png') repeat-x;
 margin-bottom: 20px;
}

.menu li{
padding:0; 
margin:0; 
list-style:none; 
display:inline;
}

.menu li a{
float:left; 
padding-left:15px; 
display:block; 
color:rgb(255,255,255); 
text-decoration:none; 
font:12px Verdana, Arial, Helvetica, sans-serif; 
cursor:pointer; 
background:url('topMenuImages.png') 0px -30px no-repeat;
}

.menu li a span{
line-height:30px; 
float:left; 
display:block; 
padding-right:15px; 
background:url('topMenuImages.png') 100% -30px no-repeat;
}

.menu li a:hover{
background-position:0px -60px; 
color:rgb(255,255,255);
}

.menu li a:hover span{
background-position:100% -60px;
}

.menu li a.active, .menu li a.active:hover{
line-height:30px; 
font:12px Verdana, Arial, Helvetica, sans-serif; 
background:url('topMenuImages.png') 0px -90px no-repeat; 
color:rgb(255,255,255);
}

.menu li a.active span, .menu li a.active:hover span{
background:url('topMenuImages.png') 100% -90px no-repeat;
}
/*einde menu*/

/* om padding mee te geven aan linker- en rechterkolom*/
.colcontent{
	padding-left:10px;
}


 .rightpadding {
 padding-right: 10px;
 }
 
 /* einde padding*/
 
 /* sterretjes bij beoordeling van bericht*/
.sterretjes {
background: transparent;

}

/* beoordeling in woorden naast sterretjes*/
#soortBeoordeling {
color: black;
}

/* tabel waarin reactie ingevuld kan worden */
.tabelreactie {
layer-background-color: #FFFFD4;
}

/* goedemorgen, goede avond of goedemiddag*/
.tijd{
margin-bottom: 40px;
}