html{
	margin:0;
	padding:0;
	height:100%;
	min-height:100%;
    }

body{
    margin:0;
    padding:0;
    color:#373737;
	height:100%;
	min-height:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:17px;
	background-color:#e8f2e3;
	background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	}
	
#blok-container{
	position:relative;
	display:block;
	float:left;
	width:100%;
	min-height:100%;
	}
	
#head{
	position:absolute;
	width:100%;
	height:174px;
	left:0px;
	right:0px;
	background-image:url(../images/bg-head.gif);
	background-repeat:repeat-x;
	}
	
#container{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:998px;
	}
	
#boek-en-buro{
	position:relative;
	float:left;
	display:inline;
	width:437px;
	height:100px;
	}
	
#head-container{
	position:relative;
	float:left;
	display:inline;
	width:998px;
	height:162px;
    z-index: 10;
	}
	
#content-container{
	position:relative;
	float:left;
	display:inline;
	width:998px;
	background-image:url(../images/bg-content.gif);
	background-repeat:repeat-y;
	}
	
#content-left{
	position:relative;
	float:left;
	display:inline;
	width:700px;
	min-height:450px;
	margin-left:30px;
	margin-top:28px;
	padding-bottom:75px;
	}
	
#content-right{
	position:relative;
	float:right;
	display:inline;
	width:240px;
	margin-right:1px;
	}
	
#bottom{
	position:relative;
	float:left;
	display:inline;
	width:998px;
	height:16px;
	background-image:url(../images/bg-bottom.gif);
	background-repeat:no-repeat;
	}
	
#inloggen{
	position:absolute;
	width:314px;
	height:110px;
	bottom:38px;
	right:30px;
	background-image:url(../images/bg-inlog.gif);
	background-repeat:no-repeat;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
	
#gebruikersnaam{
	position:absolute;
	width:176px;
	height:30px;
	right:18px;
	top:18px;
	background-image:url(../images/bg-input.gif);
	background-repeat:no-repeat;
	text-align:right;
	}
    
.round-input{
    position:relative;
    float:left;
    width:176px;
    height:30px;
    background-image:url(../images/bg-input.gif);
    background-repeat:no-repeat;
    text-align:left;    
}

#wachtwoord-vergeten{
    position: relative;
    float: left;
    display: block;
    clear: both;
    margin: 20px;
}

#wachtwoord-vergeten table{
    color:#1e6f0f;
}
	
#wachtwoord{
	position:absolute;
	width:176px;
	height:24px;
	right:18px;
	top:45px;
	background-image:url(../images/bg-input.gif);
	background-repeat:no-repeat;
	}
	
#inlog-titels{
	position:absolute;
	text-align:right;
	left:10px;
	top:16px;
	width:100px;
	color:#1e6f0f;
	font-size:12px;
	line-height:25px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
	
#inlog-tekst{
	position:absolute;
	text-align:left;
	left:13px;
	bottom:8px;
	width:200px;
	color:#cee0c0;
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
	
a:link.inlog-tekst, a:active.inlog-tekst, a:visited.inlog-tekst{
	color:#cee0c0;
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
	} 
	
a:hover.inlog-tekst{
	color:#fff;
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	} 
	
#copyrightdoit{
	position:relative;
	float:left;
	display:inline;
	width:600px;
	top:3px;
	margin-left:25px;
	padding-bottom:30px;
	text-align:left;
	font-size:10px;
	color:#e9f9dd;
	}
	
#blz{
	position:absolute;
	bottom:0px;
	left:690px;
	width:38px;
	height:76px;
	}
	
#libris{
	position:absolute;
	bottom:8px;
	left:630px;
	width:44px;
	height:61px;
	}
	
.button-container{
	position:relative;
	float:left;
	display:inline;
	height:23px;
	cursor:pointer;
	line-height:22px;
	}
	
.button-left, .button-left-inactive{
	position:relative;
	float:left;
	display:inline;
	background-image:url(../images/button-left.gif);
	background-repeat:no-repeat;
	width:11px;
	height:23px;
	}
	
.button-center, .button-center-inactive{
	position:relative;
	float:left;
	display:inline;
	height:23px;
	padding-left:3px;
	padding-right:3px;
	background-image:url(../images/button-center.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#1e6f0f;
	text-align:center;
	line-height:22px;
	}
	
.button-right, .button-right-inactive{
	position:relative;
	float:left;
	display:inline;
	background-image:url(../images/button-right.gif);
	background-repeat:no-repeat;
	width:11px;
	height:23px;
	}
    
.button-left-inactive{
    background-image:url(../images/button-left-inactive.gif) !important;
}

.button-center-inactive{
    background-image:url(../images/button-center-inactive.gif) !important;
    color:#888 !important;
}

.button-right-inactive{
    background-image:url(../images/button-right-inactive.gif) !important;
}
	
a:link.doit, a:visited.doit, a:active.doit {
    text-decoration:none;
	font-size:10px;
	color:#e9f9dd;
	}
	
a:hover.doit{
	text-decoration:underline;
	font-size:10px;
	color:#fff;
	}

h1{
    font-family:Arial, Helvetica, sans-serif;
    font-size:21px;
    color:#1e6f0f;
	font-weight:normal;
	line-height:21px;
	display:inline;
    }
	
h2{
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#1e6f0f;
	font-weight:normal;
	display:inline;
	}
	
h3{
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#1e6f0f;
	font-weight:normal;
	line-height:22px;
	display:inline;
    }


a:link{
    color:#287719;
    text-decoration:underline;
    font-size:12px;
}

a:visited{
    color:#287719;
    text-decoration:underline;
    font-size:12px;
}

a:hover{
    color:#7ca50c;
    text-decoration:underline;
    font-size:12px;
}

a:active{
    color:#287719;
    text-decoration:underline;
    font-size:12px;
}

.verstuur
{
	color:white;
	background-color:#c71873;
	border:0px solid #66CC99;
}

.input{
	background-image:url(../images/bg_input.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	border:1px solid #ababab;
	}