body {background-image: url(images/achtergrond.png); background-repeat: repeat-x;}
body { font-family: "Comic Sans MS"; }
div.root { position: absolute; height: 640px; top: 0px; left: 0px; width: 996px;}
div.logo { position: absolute; }

img { border:0px;}
div.editbar { width: 650px; background-color: #E0E0E0; }
div.debug{ padding-left: 2em; background-color: #DDDDDD; }
div.sitetree0 { font-size: 1.4em; }
div.sitetree1 { padding: 0.2em; padding-left: 1em; background-color: #887777; }
div.sitetree2 { background-color: #777127;}
div.sitetree3 { padding: 0.2em; padding-left: 1em; background-color: #AA22AA; }
div.sitetree4 { padding: 0.2em; background-color: #CCCCCC;}
div.sitetree5 { padding: 0.2em; padding-left: 1em; background-color: #EE00EE;}
img.icon { height: 1em; width:1em; border:0;}
td.icon { width: 1em; }
tr.sitetree1 { background-color: #AAAA11}
tr.sitetree2 { background-color: #CC11CC}
tr.sitetree3 { background-color: #11EEEE}
table.sitetree { width: 700px; }
div.photobook-container { width: 670px; }
div.photobook { float: left; width: 220px; height: 150px; text-align: center;}
div.thumbs { float: left; width: 129px; height: 129px; text-align: center; vertical-align: middle; }
div.photo { float: left; width: 30em; text-align: center;}

div.content { position: absolute; left: 204px;top: 170px; width: 700px; height: 330px; overflow: auto; z-index:1000;}
div.menu { position: absolute; bottom: 10px; left:45px; width:700px;}
div.kalender { background-image: url('images/kalender.gif'); background-repeat:no-repeat; float: left; width: 150px; height: 412px; top:195px;left:0px; position:absolute;padding-top: 2em;padding-left: 1.5em; padding-right: 2em; line-height: 14px;}
div.bottom { background-image: url('images/water.gif'); background-repeat:no-repeat; position: absolute;left: -10px;bottom: 0px;height: 35px;width: 863px;}
div.berg { background-image: url('images/berg.gif'); background-repeat:no-repeat; position: absolute;right: 0px;bottom: 0px;height: 196px;width: 191px;}
div.header { text-align:center; padding-top: 28px;}

.style1 {font-size: small; text-align:left;}
.style2 {font-size: small; text-align:right;}

div.link { position:relative; float:left; }
a.scouting { display: block; width: 80px; height: 143px; background-image: url(images/knoppen/scouting-uit.gif); background-repeat: no-repeat; }
a.scouting:hover { background-image: url(images/knoppen/scouting-aan.gif); }

a.bevers { display: block; width: 88px; height: 143px; background-image: url(images/knoppen/bevers-uit.gif); background-repeat: no-repeat; }
a.bevers:hover { background-image: url(images/knoppen/bevers-aan.gif); }

a.estas { display: block; width: 106px; height: 143px; background-image: url(images/knoppen/estas-uit.gif); background-repeat: no-repeat; }
a.estas:hover { background-image: url(images/knoppen/estas-aan.gif); }

a.scouts { display: block; width: 94px; height: 143px; background-image: url(images/knoppen/scouts-uit.gif); background-repeat: no-repeat; }
a.scouts:hover { background-image: url(images/knoppen/scouts-aan.gif); }

a.explos { display: block; width: 153px; height: 143px; background-image: url(images/knoppen/explos-uit.gif); background-repeat: no-repeat; }
a.explos:hover { background-image: url(images/knoppen/explos-aan.gif); }

a.webmail { display: block; width: 149px; height: 143px; background-image: url(images/knoppen/webmail-uit.gif); background-repeat: no-repeat; }
a.webmail:hover { background-image: url(images/knoppen/webmail-aan.gif); }

div.berg div.login { position:relative; float:left; bottom:-50px; height:117px; width:117px; left:50px;}
div.berg a.login { bottom:10px; display: block; width: 117px; height: 117px; background-image: url(images/knoppen/login-uit.gif); background-repeat: no-repeat; }
div.berg a.login:hover { background-image: url(images/knoppen/login-aan.gif); }

div.submenu { position:relative; float: left; left: 50px; width:126px; height:141px; }
div.submenu2 { position:relative; float: left; background-image:url(images/submenu2.gif); left: 50px; height:141px; padding-top: 28px;}
div.submenu3 { position:relative; float: left; background-image:url(images/submenu3.gif); left: 50px; height:141px;  width:22px; }

div.fotobar { text-align:center; height:100px; }
div.fotobar div.foto { float: left; width:25%;}

input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */


label {
	width: 150px;
	text-align: right;
	display:block;
	margin-right: 5px;
}

#btnSubmit { margin: 0 0 0 155px ; }

/* -- Table Styles ------------------------------- */
td {
	font: 10pt Helvetica, Arial, sans-serif;
	vertical-align: top;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}
#SWFUpload_Console { padding: 650px 250px; }