/* Style voor Luttelgeest.com  */
@media screen
{
html,body {
margin: 0;
padding: 0;
font: 85%/1.6em Verdana, Helvetica, Arial, sans-serif; color:#000;
height:100%;
margin: 0 auto;
background-image: url(../images/strepen-rood.gif);
}

img {border: none;}
ul { list-style-image: url(/images/punt.jpg); }


div#container {
	margin:0 auto;
	width:946px;
	background:#fff;
    height:auto !important;
	height:100%;
	min-height:100%;
    background-image: url(../images/3koloms.gif);
}
div#headertop {
  height: 24px;
  width: 946px;
  background-image: url(../images/tabeltop.gif);
}
div#header {
    height: 120px;
    width: 946px;
}

div#menu {
  float: left;
  width: 190px;
  padding-left: 15px;
}
div#menutop {
  width: 190px;
  height: 20px;
  margin-bottom: 5px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  color:#fff;
  background-image: url(../images/groen-rond.gif);
}
.menubalk {
  width: 190px;
  height: 20px;
  margin: 5px 0;
  background-color: #a5ce3a;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  color:#fff;
}
.submenu {
  width: 180px;
  padding:0 0 0 10px;
}
#menu a:link {
	color:#0000ff;
    text-decoration: none;
}
#menu a:visited {
	color:#0000ff;
    text-decoration: none;
}
#menu a:hover {
	color:#000ff;
    text-decoration: underline;
}
div#home {
  float: left;
  width: 523px;
  padding-left: 7px;
}
div#hometop {
  width: 523px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  color:#fff;
  background-image: url(../images/rood-rond.gif);
}
div#hometekst {
  padding: 10px;
}

 div#update {
  float: left;
  padding-left: 7px;
  width: 190px;
}
div#updatetop {
  width: 190px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  color:#fff;
  background-image: url(../images/blauw-rond.gif);
}
.updatebalk {
  background-color: #8ca5d5;
  width: 190px;
  height: 20px;
  margin: 5px 0;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  color:#fff;
}
.updatetekst {
  padding: 5px 10px;
  font: 85% Verdana, Helvetica, Arial, sans-serif;
}
#update a:link {
	color:#0000FF;
    text-decoration: none;
}
#update a:visited {
	color:#0000ff;
    text-decoration: none;
}
#update a:hover {
	color:#000ff;
    text-decoration: underline;
}
.links { text-decoration: none;color: #0000ff; font-size: 100%;}
.links:visited { text-decoration: none;color: #0000ff;}
.links:active { text-decoration: none;color: #0000ff;}
.links:hover {text-decoration: underline;color: #0000ff;}

#hometekst a:link { text-decoration: none;color: #0000ff;}
#hometekst a:link:visited { text-decoration: none;color: #0000ff;}
#hometekst a:link:active { text-decoration: none;color: #0000ff;}
#hometekst a:link:hover {text-decoration: underline;color: #0000ff;}

li a:link { text-decoration: none;color: #0000ff;}
li a:link:visited { text-decoration: none;color: #0000ff;}
li a:link:active { text-decoration: none;color: #0000ff;}
li a:link:hover {text-decoration: underline;color: #0000ff;}
.menulinks { text-decoration: none;color: #fe0719;font-weight:bold; font-size: 110%;font-family: arial, helvetica;}
.menulinks:visited { text-decoration: none;color: #fe0719;font-weight:bold; font-size: 110%;font-family: arial, helvetica;}
.menulinks:active { text-decoration: none;color: #fe0719;font-weight:bold; font-size: 110%;font-family: arial, helvetica;}
.menulinks:hover {text-decoration: none;color: #fff;font-weight:bold;font-size: 110%; font-family: arial, helvetica;}

.adminlinks { text-decoration: none;color: #fff;font-weight:bold; font-size: 85%;font-family: arial, helvetica;}
.adminlinks:visited { text-decoration: none;color: #fff;font-weight:bold; font-size: 85%;font-family: arial, helvetica;}
.adminlinks:active { text-decoration: none;color: #fff;font-weight:bold; font-size: 85%;font-family: arial, helvetica;}
.adminlinks:hover {text-decoration: underline;color: #fff;font-weight:bold;font-size: 85%; font-family: arial, helvetica;}

}
