html,body{ 
background: #cbff09; 
/*background-image:url(images/background.jpg); */
background-repeat:repeat-x;
margin: 0 auto;
text-align: center;
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}

img{
border: 0;
}

a{
color: #003300;
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

/*############################*/
/*### HEADER & MAIN LAYOUT ###*/
/*############################*/
#wrapper{
margin: 0 auto;
width: 944px;
background-image:url(images/content_back.jpg);
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}

#header-outer{
background-image:url(images/header_back.jpg);
background-repeat: no-repeat;
width: 944px;
height: 134px;
}

#menu-outer{
background: #fff;
width: 520px;
height:20px;
float: right; 
margin-right: 80px;
margin-top: 80px;
}

#content-outer{
width: 944px;
text-align: left;
height: 100%;
min-height: 100%;
}

#container{
position: relative;
width: 805px;
margin:0 auto;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}

#clearance
{
clear: both;
}

#footer-outer
{
margin: 0 auto;
width: 944px;
background-image:url(images/content_back.jpg);
text-align: center;
width: 944px;
clear: both;
padding-top: 20px;
padding-bottom: 20px;
}

/*############################*/
/*### COLUMN LAYOUT ##########*/
/*############################*/
#left_column_outer{
float: left;
width: 212px;
}

#right_column_outer{
float: left;
width: 229px;
}

#center_column_outer{
float: left;
width: 364px;
height: 100%;
}

#one_column_content
{
width: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
}

#two_column_content_left{
float: left;
width: 200px;
overflow: hidden;
text-align: center;
height: 100%;
min-height: 100%;
}

#two_column_content_right{
float: left;
width: 550px;
padding-left: 25px;
overflow: hidden;
height: 100%;
min-height: 100%;
}

/*############################*/
/*### MENU	 LAYOUT ##########*/
/*############################*/
#menu-outer ul
{
padding: 0;
margin-left: 0;
background-color: #fff;
color: White;
float: left;
width: 100%;
height: 20px;
font-family: arial, helvetica, sans-serif;
}

#menu-outer ul li { display: inline; padding:0px; }

#menu-outer ul li a
{
height: 20px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
background-color: #fff;
color: #000;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#menu-outer ul li a:hover
{
background-color: #ccc;
color: #fff;
}

/*############################*/
/*### INDEX        LAYOUT ####*/
/*############################*/
.index_contentbox_wrapper{
}

.index_contentbox_content{
padding-left:10px;
padding-right: 10px;
}

#index_agenda_header{
background-image:url(images/header_agenda.jpg);
width:212px;
height:51px;
}

#index_nieuwsbrief_header{
background-image:url(images/header_nieuwsbrief.jpg);
width:212px;
height:51px;
}

#index_foto_header{
background-image:url(images/header_fotoboek.jpg);
width:212px;
height:63px;
}

#index_tijden_header{
background-image:url(images/header_tijden.jpg);
width:229px;
height:51px;
}

#index_contact_header{
background-image:url(images/header_contact.jpg);
width:229px;
height:51px;
}

/*############################*/
/*### INDEX NIEUWS LAYOUT ####*/
/*############################*/
#index_nieuws_wrapper{
}

#index_nieuws_header{
background-image:url(images/header_nieuws.jpg);
width:364px;
height:51px;
}

.nieuws_title_outer{
background-image:url(images/nieuws_bar.jpg);
width:364px;
height:28px;
}

.nieuws_title_inner{
margin-left: 60px;
font-weight:bold;
padding-top:8px;
}

.nieuws_content{
padding-left: 25px;
padding-right: 5px;
}

/*############################*/
/*### GASTENBOEK   LAYOUT ####*/
/*############################*/
.gastenboek_title_outer{
background-image:url(images/nieuws_bar.jpg);
width:364px;
height:28px;
}

.gastenboek_title_inner{
margin-left: 60px;
font-weight:bold;
padding-top:8px;
}

.gastenboek_content{
width: 345px;
padding-left: 25px;
padding-right: 5px;
}

/*############################*/
/*### AGENDA              ####*/
/*############################*/
.agenda_item_wrapper{
clear: both;
}

.agenda_left_wrapper{
width: 150px;
float: left;
margin-top:20px;
}

.agenda_right_wrapper{
width: 400px;
float:left;
margin-top:20px;
}

.agenda_title_outer{
background-image:url(images/agenda_bar.jpg);
width:400px;
height:28px;
}

.agenda_title_inner{
margin-left: 60px;
font-weight:bold;
padding-top:8px;
}

.agenda_content{
padding-left: 25px;
padding-right: 5px;
}

/*############################*/
/*### MAIL CONTACT LAYOUT ####*/
/*############################*/
.mail_info_text{
float: left;
width: 200px;
}

input.mailform , textarea.mailform, input.mailform_nieuwsbrief, input.mailform_nieuwsbrief_submit, input.gastenboek,input.gastenboek_submit,input.gastenboek_bericht, textarea.gastenboek_bericht{
border: solid black 1px;
font-size:11px;
padding: 5px;
}

input.gastenboek{
width: 200px;
}

input.gastenboek_submit{
width: 180px;
background:white;
}

textarea.gastenboek_bericht{
width: 300px;
height: 200px;
}

input.mailform{
width: 200px;
background: white;
}

input.mailform_nieuwsbrief{
width: 180px;
background: white;
}

input.mailform_nieuwsbrief_submit{
width: auto;
background: white;
}

textarea.mailform{
width: 400px;
height: 200px;
}

/*############################*/
/*### IMAGE GALLERY       ####*/
/*############################*/
#image_gallery_outer
{
width: 645px;
margin: 0 auto;
}

#image_gallery_left
{
float: left;
width: 180px;
}

#image_gallery_right
{
float: left;
width: 400px;
}

#image_gallery_header
{
background-image:url(images/foto_bar.jpg);
background-repeat: no-repeat;
padding-left: 25px;
line-height: 40px;
font-size: 13px;
font-weight: bold;
height: 40px;
margin-bottom: 10px;
}

#image_gallery_inner
{
padding-left: 25px;
vertical-align: middle;
}

.image_gallery_photo{
width: 155px;
line-height: 155px;
margin-bottom: 10px;
float: left;
vertical-align: middle;
}
.image_gallery_horizontal_wrap{
text-align: center;
clear: both;
}