/* CSS Document */


html, body, #wrapper {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	font-family:Helvetica,Arial,  sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	text-align:left;
}
#wrapper {
	width:100%;
	

	

}


td img {
display: block;
border:0px;
}

.layout_left {
width:100%;
}

.vert_menu {
background-image:url(../images/vert_menu.png);
height:40px;
background-repeat:repeat-x;
}

.vert_menu_shadow {
background-image:url(../images/vert_menu_shadow.png);
height:9px;
background-repeat:repeat-x;
}

.table_menu_grijs{
border:1px solid #CCCCCC;
background-color:#F0F0F0;
width:161px;
height:400px;

}

.table_menu_grijs_algemeen{
border:1px solid #CCCCCC;
background-color:#F0F0F0;
width:100%px;
padding:10px 10px 10px 10px;
}
.gastenboekheader{
border:1px solid #CCCCCC;
background-color:#F0F0F0;
width:100%px;
padding:5px 5px 5px 5px;
color:#F28800;
font-weight:bold;
}

.footer{
color:#999999;
font-size:12px;
border-top:1px dotted #999999;

text-align:right;
padding-right:5px;
}
.footermid{
color:#999999;
font-size:12px;
border-top:1px dotted #999999;
border-left:1px dotted #999999;
border-right:1px dotted #999999;
text-align:right;
padding-right:5px;
}

.footermid a{
color:#999999;
text-decoration:none;
}

#fullheight{
height:100%;

}

#menu_home{
background-image: url(../menu_image.php?button=&txt=Welkom);
width:161px;
height:40px;
display:block;
}
#menu_home:hover{
background-position:-161px;
}
#menu_nieuws{
background-image: url(../menu_image.php?button=&txt=Nieuws);
width:161px;
height:40px;
display:block;
}
#menu_nieuws:hover{
background-position:-161px;
}
#menu_foto{
background-image: url(../menu_image.php?button=&txt=Fotoalbum);
width:161px;
height:40px;
display:block;
}
#menu_foto:hover{
background-position:-161px;
}
#menu_agenda{
background-image: url(../menu_image.php?button=&txt=Agenda);
width:161px;
height:40px;
display:block;
}
#menu_agenda:hover{
background-position:-161px;
}
#menu_contact{
background-image: url(../menu_image.php?button=&txt=Contact);
width:161px;
height:40px;
display:block;
}
#menu_contact:hover{
background-position:-161px;
}
#menu_smoelenboek{
background-image: url(../menu_image.php?button=&txt=Smoelenboek);
width:161px;
height:40px;
display:block;
}
#menu_smoelenboek:hover{
background-position:-161px;
}
#menu_meehelpen{
background-image: url(../menu_image.php?button=&txt=Meehelpen);
width:161px;
height:40px;
display:block;
}
#menu_meehelpen:hover{
background-position:-161px;
}

#menu_info{
background-image: url(../menu_image.php?button=&txt=Info);
width:161px;
height:40px;
display:block;
}
#menu_info:hover{
background-position:-161px;
}

#menu_gast{
background-image: url(../menu_image.php?button=&txt=Gastenboek);
width:161px;
height:40px;
display:block;
}
#menu_gast:hover{
background-position:-161px;
}

#main{
padding:5px 5px 5px 5px;
font-size:14px;
width:100%;
line-height:18px;
}

 a {
color:#F28800;
}
 a:hover{
color:#F28800;
text-decoration:none;
}

h1 {
font-size:24px;
color:#003F8C;
margin:0px 0px 0px 0px;
}
h2 {
font-size:18px;
color:#003F8C;
margin:0px 0px 0px 0px;
}
h3 {
font-size:14px;
color:#003F8C;
margin:0px 0px 0px 0px;

}

#content {
float:left;
width:580px;
padding:10px 10px  10px  10px;
text-align:left;

}
.news {


border:1px solid #CCCCCC;
background-color:#F0F0F0;
width:200px;

padding:3px 3px 3px 3px;
color:#999999;
font-size:12px;
margin-bottom:10px;
}
#newscontain{
float:right;
}

.table_layout td{
padding:2px 2px 2px 2px;
}
.table_layout .left{
width:150px;
}

input.field{
border:1px solid #F28800;

width:200px;
}

textarea.field{
border:1px solid #F28800;
background-color:#FFFFFF;
overflow:hidden;
}

.button{
background-image:url(../images/buttonback.png);
background-repeat:repeat-x;
color:#FFFFFF;
font-weight:bold;
border:1px solid #F28800;

width:200px;
}

.message{
color:#990000;
font-style:italic;
}
li{
list-style-image:url(../images/li.png);

}

#container{
      position: absolute;
      left: 50%;
      top: 50%;
      width: 250px;
      height: 100px;
      margin-left: -125px; /* half of width */
      margin-top: -50px;  /* half of height */
	  border:1px solid #CCCCCC;
		background-color:#F0F0F0;
		
		padding:10px 10px 10px 10px;
     
}
.smallgrey{
color:#999999;
font-size:10px;
}
hr{
color:#CCCCCC;
background-color: #CCCCCC;
height: 1px;
}

.red{
color:#CC0000;
}
.green{
color:#009900;
}