html {height:100%;}
body {
margin:0;
padding:0;
height:100%;
background-color:#f2f2f2;
background-image: url(../images/bg.gif);
background-repeat: repeat;
text-align: center;
font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color:#333333;
}

#googleads {
margin: 460px 0 0 5px;
float: left;
}

p {
margin: 5px 0 5px 0;
padding: 0px;
}

b {
font-weight: bold;
}

h1 {
font-size: 1.3em;
color: #93a6ad;
font-weight: bold;
/*background-image: url(../images/bg_search_input.gif);*/
line-height: 1.2; 
font-size:1.5em;
letter-spacing: -1px;
   /* text-shadow:
        0 0 2px rgba(0,0,0,0.2),
        0 0 4px rgba(0,0,0,0.2),
        0 0 6px rgba(0,0,0,0.2);
    -webkit-transition: all 0.2s linear;*/

}

.bodytext:first-letter {
}

.list {
margin-left: 20px;
font-size: 0.9em;
letter-spacing: -1px;
text-decoration: underline;
}

#wrap {
min-height:100%;
width:980px;
margin:auto;
position:relative;
background-color: #e8e2d6;
text-align: left;
}

* html #wrap {
height:100%;
} 

#inner-wrap {
padding-bottom:80px;
}

#inner-wrap:after {
content:" ";
display:block;
clear:both;
}

#footer {
background-image:url(../images/footerbg.gif);
position:absolute;
bottom:0;
height:51px;
background-color: #333333;
width:100%;
color:#ffffff;
text-align:center;
margin:auto;
clear: both;
} 

#copyright {
margin: 25px 0 0 0;
}

#header {
background-image: url(../images/header2.gif);
width: 980px;
height: 167px;
}

#search {
width: 200px;
height: 22px;
margin: 0px auto;
position: absolute;
left: 800px;
top: 15px;
}

#searchfield {
background: transparent url(../images/bg_search_input.gif) no-repeat;
height: 22px;
width: 147px;
display: block;
float: left;
margin: 0px auto;

}

#search_go {
display: block;
float: left;
width: 29px;
height: 22px;
background: url(../images/bg_search_a.gif);
margin-left: -17px;
padding-left: 17px;
cursor: pointer;
}

.textInput {
width: 135px;
height: 22px;
background: none;
border: none;
color: #cccccc;
margin-left: 20px;
margin-top: 2px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

#menu {
top: 111px;
left: 310px;
position: relative;
width: 675px;
height: 30px;
z-index: 120;
}

/* 1. Level */
#nav, #nav UL { padding:0; margin:0; list-style:none;}
#nav LI { float:left;}
/*#nav LI.last { background-image:0;}*/
#nav LI A { float:left; height:30px; line-height:30px; color:#aaa; text-decoration:none; font-size:13px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 12px 0 12px; cursor:pointer;}
#nav LI:hover , #nav LI.sfhover { color:#fff; background:#000 url(../images/button4.gif);}
#nav LI.act { background:url(../images/button3.gif) no-repeat right top;}
#nav LI.act A { color:#fff; }

/* 2. Level */
#nav LI UL { position:absolute; width:15em; left:-999em; margin:30px 0 0 -88px;}
HTML>BODY #nav LI UL { margin-left:0px;}
#nav LI UL LI { width: 10em; background:#FFF; border:1px solid #809198; border-width:0 1px 1px 1px; padding:0 0 0 3px;}
#nav LI:hover UL LI A, #nav LI.sfhover UL LI A {color:#809198; text-align: left;}
#nav LI UL LI:hover, #nav LI UL LI.sfhover  { background:#f1f3f2}
#nav LI UL LI.act2 { background-color:#f1f3f2;}

#nav LI:hover UL, #nav LI.sfhover UL { left:auto;}
#nav A { text-decoration:none;}
#nav A:hover { text-decoration:none;}



#left {
position: relative;
float:left;
width:220px;
text-align:center;
left: 14px;
top: 10px;
background-image:url(../images/leftmenu-bg2.gif);
background-repeat: no-repeat;
}

#leftContent {
width: 220px;
height: 452px;
float: left;
}

#links {
position: absolute;
width: 180px;
height: 280px;
left:15px;
top: 15px;
}

.nieuws a{
    background: transparent url(../images/imgmenu/nieuws1.gif) no-repeat;
	width:180px;
	height:54px;
	outline: none;
	border: none;
	cursor : pointer;
}

.nieuws a:hover{
background: transparent url(../images/imgmenu/nieuws1.gif) no-repeat 0 -54px;
}

.houtsnippers a{
    background: transparent url(../images/imgmenu/houtsnippers1.gif) no-repeat;
	width:180px;
	height:54px;
	outline: none;
	border: none;
	cursor : pointer;
}

.houtsnippers a:hover{
background: transparent url(../images/imgmenu/houtsnippers1.gif) no-repeat 0 -58px;
}

.agenda a{
    background: transparent url(../images/imgmenu/agenda1.gif) no-repeat;
	width:180px;
	height:54px;
	outline: none;
	border: none;
	cursor : pointer;
}

.agenda a:hover{
background: transparent url(../images/imgmenu/agenda1.gif) no-repeat 0 -58px;
}

.diensten a{
    background: transparent url(../images/imgmenu/diensten1.gif) no-repeat;
	width:180px;
	height:54px;
	outline: none;
	border: none;
	cursor : pointer;
}

.diensten a:hover{
background: transparent url(../images/imgmenu/diensten1.gif) no-repeat 0 -58px;
}

.contact a{
    background: transparent url(../images/imgmenu/contact1.gif) no-repeat;
	width:180px;
	height:52px;
	outline: none;
	border: none;
	cursor : pointer;
}

.contact a:hover{
background: transparent url(../images/imgmenu/contact1.gif) no-repeat 0 -52px;
}

.liveradio a{
background: transparent url(../images/livebutton1.gif);
width: 100px;
height: 35px;
position: absolute;
top: 375px;
left: 22px;
}

.liveradio a:hover{
background: url(../images/livebutton1.gif) no-repeat 0 -35px;
}

#bijbeltekst {
padding: 20px 20px 0 20px;
}

#main {
margin-left:235px;
height: auto;
} 

#content {
margin-right:230px;
text-align:left;
}

#float {
float: left;
}

#colNormal {

}

#colNormal a {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color:#4c6068;
font-weight: bold;
}

#colNormal a:hover {
font-size: 0.9em;
color: #75675a;
/*background: #4c6068;*/
font-weight: bold;
text-decoration: underline;
}

#right {
position: relative;
float: right;
width:235px;
text-align:center;
right: 1px;
}

#rightContent {
width: 228px;
height: 525px;
background-image: url(../images/rightmenu-bg3.gif);
margin-top: 6px;
background-repeat: no-repeat;
}

#my-border { padding: 15px; width:479px; min-height: 550px;}
#my-border, #my-border .sb-inner { background:#fff url(../grad.png) repeat-x; }

*html #my-border {
height: 550px;
}


/*==================LOGIN===================*/
#login {
padding: 50px 20px 0 14px;
}

.form {
margin: 0px auto;
padding: 0px;
}

.tx-felogin-pi1 {
text-align: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.75em;
}

legend {
font-size: 1.3em;
font-weight: bold;
padding: 0px;
color: #FFFFFF;
}

fieldset {
border: none;
border: 1px solid #fff;
padding: 5px;
}

#user {
background: transparent url(../images/login.png) no-repeat;
	width:150px;
	height:23px;
	border: none;
	color:#666666;
	padding:3px 0 0 5px;
}

#pass {
background: transparent url(../images/login.png) no-repeat;
	width:150px;
	height:23px;
	border: none;
	color:#666666;
	padding:3px 0 0 5px;
}

input.submit {
	background: transparent url(../images/login.gif) no-repeat;
	width:75px;
	height:23px;
	outline: none;
	border: none;
	cursor : pointer;
	margin-top: 10px;
}

input.submit:hover {
background: transparent url(../images/login.gif) no-repeat 0 -23px;
}

input.submit1 {
	background: transparent url(../images/loguit.gif) no-repeat;
	width:75px;
	height:23px;
	outline: none;
	border: none;
	cursor : pointer;
	margin-top: 10px;
	
}

input.submit1:hover {
background: transparent url(../images/loguit.gif) no-repeat 0 -23px;
}

input.submit3 {
	background: transparent url(../images/verstuur.gif) no-repeat;
	width:75px;
	height:23px;
	outline: none;
	border: none;
	cursor : pointer;
	margin-top: 10px;
	
}

input.submit3:hover {
background: transparent url(../images/verstuur.gif) no-repeat 0 -23px;
}
.passwordlink {
padding-top: 5px;
}

.passwordlink a {
color: #4c6068;
}

.passwordlink a:hover {
color: #ffffff;
}

/*==================Guestbook========================================*/
.gastenboek {
background: transparent url(../images/comments-noinput-bg.jpg) no-repeat;
width: 470px;
padding: 20px 0 35px 10px;
margin: 0px auto;
font-style: italic;
}

.tx-guestbook-form-error {
color: #FF0000;
font-weight: bold;
}


.inputfields {
background: transparent url(../images/comments-input-bg.jpg) no-repeat;
width: 470px;
margin: 0px auto;

}

div.tx-guestbook-field { /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
overflow: hidden;
padding: 15px 0 0 10px;
clear: both;
}

div.tx-guestbook-field label {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 8.5em;    
	margin-right: 1em;  
	/*text-align: right; */
	font-weight: bold;
}

submit {    
float: none;    
width: auto;    
border: 0 none #FFF;    
padding-left: 12em;  
}

.legend {
padding: 3px 0 20px 10px;
font-weight: bold;
}

.verifyform {
color: #666666;
font-size: 14px;
}

.tx-guestbook-form-inputfield-med,
.tx-guestbook-form-inputfield-big
 {
	width:300px;
	height:23px;
	color:#666666;
	padding:3px 0 0 5px;
	background-color: #ebf3dc;
	border: 1px solid #c3deab;
}

.tx-guestbook-form-textarea {
height:100px;
width:300px;
background-color: #ebf3dc;
border: 1px solid #c3deab;
}


/*-------------------------*/
.tx-veguestbook-pi1 {
margin: 20px 0 0 0;

}

.tx-guestbook-entry {
background: transparent url(../images/comments-alt-bg.jpg) no-repeat;
width: 470px;
/*padding: 0 0 30px 0;*/
margin: 0px auto;
}

.tx-guestbook-header {
font-size: 0.7em;
font-style: italic;
padding: 5px 0 0 10px;
}

.tx-guestbook-email {
font-size: 0.7em;
font-style: italic;
}


.tx-guestbook-left {

}

.tx-guestbook-right {

}

.comment {
padding: 15px 0 13px 10px;
}