html, body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
div#page-container {
	position: relative;
	width: 893px;
	height: 600px;
	margin: 5px auto 0 auto;
}
div#top-nav {
	color: #00438C; /*donkerblauw*/
	height: 20px;
	text-align: right;
}
div#logo {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-color: #86B8E9;
	position: absolute;
	height: 580px;
	width: 75px;
	left: 0;
	bottom: 0;
}
div#footer {
	background-color: #ffb67f;
	position: absolute;
	width: 818px;
	height: 30px;
	left: 75px;
	bottom: 0;
	padding-top: 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	line-height: 20px;

}
div#header {
	margin: 0 0 0 75px;
	width: 816px;
	height: 180px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #86B8E9; /*lichtblauw*/
	border-right-color: #86B8E9;
}
div#content {
	margin: 0 0 0 75px;
	padding: 15px 161px 5px 15px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #86B8E9;
	height: 343px;
	width: 640px;
}
div#sidebar{
	position: absolute;
	height: 338px;
	width: 122px;
	right: 8px;
	bottom: 45px;
}
div#nieuws {
	height: 215px;
}
div#advertentieruimte
{
	height: 123px;
}
/* H E A D E R */ 

.header_famvr {
	left: 75px;
}
.header_beheerder {
	left: 348px;
}
.header_uweersteverlanglijstje {
	left: 621px;
}

.headerfoto {
	position: absolute;
	top: 22px;
	height: 180px;
	width: 270px;
	background-repeat: no-repeat;
}
div#foto_famvr {
	background-image: url(images/foto1.jpg);
}
div#foto_beheerder {
	background-image: url(images/foto2.jpg);
}
div#foto_uweersteverlanglijstje {
	background-image: url(images/foto3.jpg);
}

.header_transparantebalk {
	position: absolute;
	top: 153px;
	height: 49px;
	width: 270px;
	background-color: white;

	filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
}

.header_menu {
	position: absolute;
	top: 153px;
	height: 49px;
	width: 270px;
	text-align: right;
}

/* T O P - N A V I G A T I E */

div#top-nav a {
	text-decoration: none;
	color: #00438C; /*donkerblauw*/
	font-size: 11px;
	font-weight: bold;
}
div#top-nav a:hover {
	color: #86B8E9; /*lichtblauw*/
}

/* N A V I G A T I E */

div#header h3 {
	margin: 0 2px 2px 0;
	font-size: 13px;
	color: #986b47; /*donkerbruin*/
}
.navigatie ul {
	margin: 0;
	list-style: none;
}
.navigatie li {
}
.navigatie li a {
	margin: 0 2px 2px 0;
	text-decoration: none;
	color: #00438C; /*donkerblauw*/
	font-size: 11px;
	font-weight: bold;
}
.navigatie li a:hover {
	color: #86B8E9; /*lichtblauw*/
}

/* T E K S T */

/* globaal */
p {
	margin-top: 9px;
	margin-bottom: 9px;
}
/* content */
div#content h3 {
	margin: 0 0 15px 0;
	font-size: 10px;
	color: #569BE0; /*lichtblauw*/
}
div#content p {
	font-size: 10px;
}
div#content a{
	color: #00438C; /*donkerblauw*/
}
div#content a:hover {
	color: #86B8E9; /*lichtblauw*/
}
ul#voordelen {
	list-style-type: none;
	margin-bottom: 5px;
	margin-top: 5px;
}
ul#voordelen li {
	background-image: url(images/add.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 3em;
	line-height: 18px;
	margin-left: -15px;
}
ul.standaard {
	list-style-type: none;
	margin-bottom: 5px;
	margin-top: 5px;
}
ul.standaard li {
	background-image:url(images/bullet.gif);
    background-position:0pt 3px;
    background-repeat:no-repeat;
    line-height:15px;
    margin-left:-42px;
    padding-left:2em;
}
.imgInfo 
{
    float: left;
    margin: 5px 5px 0 0;
}

/* sidebar */
div#nieuws h3 {
	font-size: 9px;
	margin-top: 0;
}
div#nieuws p {
	font-size: 9px;
}
div#advertentieruimte img#cadeautips {
    border: 0;
    margin-left: 10px;
}
div#nieuws img#cadeauzoeker {
    border: 0;
    margin-left: 10px;
}
img#koekeboutje {
    border: 0;
    margin-left: 10px;
}
/* footer */
div#footer p {
	text-align: center;
	color: #CCCCCC;
}
div#footer a {
	color: #CCCCCC;
}
.legenda
{
    border-top: gray thin solid;
    position: absolute;
    bottom: 45px;
    left: 90px;
}
.succes
{
    color: green;
}
.foutmelding
{
    color: red;
}
.resultaat
{
    border: none;
    width: 100%;
}
.lblBlock_XXS
{
    float:left;
    width: 70px;
    margin-top: 5px;
}
.lblBlock_XS
{
    float:left;
    width: 100px;
    margin-top: 5px;
}
.lblBlock_S
{
    float:left;
    width: 127px;
    margin-top: 5px;
}
.lblBlock_M
{
    float:left;
    width: 165px;
    margin-top: 5px;
}
.lblBlock_L
{
    float:left;
    width: 200px;
    margin-top: 5px;
}
.lblBlock_XL
{
    float:left;
    width: 235px;
    margin-top: 5px;
}
.lblBlock_XXL
{
    float:left;
    width: 270px;
    margin-top: 5px;
}
.lblBlock_XXXL
{
    float:left;
    width: 310px;
    margin-top: 5px;
}

/*IE-PROBLEEM: jammergenoeg overerft een textbox NIET color, font-family en font-size van HTML/BODY dus daarom nogmaals hier*/
.SkinTextBox, .SkinDropDownList
{
    color: #666666;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    border: solid 1px #888888;
  	margin-top: 2px;
}

.txt_XS
{
    width: 10px;
}
.txt_S
{
    width: 50px;

}
.txt_M
{
    width: 100px;
}
.txt_L
{
    width: 175px;
}
.txt_XL
{
    width: 250px;
}
.txt_XXL
{
    width: 325px;
}
.cb input
{
    margin: 4px 0 0 0;
}

.clearboth
{
    clear: both;    
}
.Grid 
{
}
.GridHeader
{
}
.Grid th
{
border-bottom: solid 1px #86B8E9; /*lichtblauw*/
padding: 0px 5px 3px 5px;
text-align: left;
}
.Grid th a
{
font-weight: normal;
text-decoration: none;
}
.Grid td
{
padding: 6px 5px 1px 5px;
}
.Grid td span.CheckBoxGV input
{
Margin: 0;
}
.GridFooter
{
}
/*
div#ToevoegenKado
{
    border: solid 1px #86B8E9;
    height: 83px;
    width: 636px;
}
.col
{
    border: 0;
}
.col1vd2
{
    float: left;
    padding-left: 3px;
}
.col2vd2
{
    float: right;
    padding-right: 3px;    
}
*/
.floatright
{
    float: right;
}
hr
{
    border: solid 1px gray;
}
.uitlijnen
{
    vertical-align: -5px;
}
.vraag
{
    font-weight: bold;
}
div#header_bekijken a img#btnSluiten
{
    border: 0;
    margin: 0 5px 0 0;
    padding: 0;
}
.opvallend
{
    font-size: 11px;
    font-weight: bold;
    color: Red;
}
div#pasfoto {
	float: left;
	width: 125px;
	height: 100px;
	background-image: url(/images/LVR.JPG);
	background-repeat: no-repeat;
}

