*{ margin: 0; padding: 0; }
body{ background: #B70A0E url(../images/bkg.jpg) no-repeat center 334px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
img{ border: none; }
a{ color: #000000; text-decoration: none; }
a:hover{ text-decoration: underline; }

#header{ width: 920px; height: 130px; background-image:url(../images/bkg-header.jpg); margin: 15px auto 0 auto; }
#header .logo { background-image:url(../images/bkg-logo.gif); display: block; width: 358px; height: 93px; overflow: hidden; text-indent: -100em; position: absolute; margin: 15px 0 0 76px; }

#header .login h3 { padding: 0px; margin: 0 0 1px 0; color: #006; font-size: 12px;}
#header .login {position: relative; margin: 10px; float: right; width: 450px; padding: 10px 0 0 0; }
#header .login .info {float: left; line-height: 130%; padding: 12px 15px 10px 15px; width: 210px; height: 80px; background-image: url(../images/bkg_separator.gif); background-repeat: no-repeat; background-position: 230px 10px; }
#header .login .form {float: left; margin: 0 0 0 5px; width: 175px;}
#header	.login .form span {display: block; color: #B70A0E; margin: 11px 0 0 0; padding: 2px 2px 1px 0; font-weight: bold; }
#header .login .form .username { width: 165px; margin: 0; padding: 2px; border: solid 1px #333; margin: 4px 0 0 0; height: 15px; }
#header .login .form .password { width: 124px; margin: 0; padding: 2px; border: solid 1px #333; margin: 4px 0 0 0; height: 15px; }
#header .login .form .submit { position: absolute; margin: 4px 0 0 2px; cursor: pointer; }

#header .logout{ float: right; margin: 2px 10px 0 0; }

#header .welkom{ float: right; width: 175px; margin: 10px 0 0 0;}
#header .welkom label {	float: left; width: 80px; height: 10px; padding: 2px 2px 2px 0; margin: 1px 0 0 0; }
#header	.welkom span {	float: left; width: 80px; height: 10px; padding: 2px 2px 2px 0; margin: 1px 0 0 0; color: #000000; font-weight: normal; }

#information { line-height: 145%; height: 230px; background-image:url(../images/bkg_headphone.gif); background-repeat: no-repeat; background-position: top left; padding: 35px 40px 35px 350px; margin: -30px 0 0 0; }
#information h3 { padding: 0px; margin: 0 0 2px 0; color: #006; }

#content{ width: 820px; background-image: url(../images/bkg-content.jpg); margin: 0 auto; padding: 50px; }
#footer{ width: 900px; height: 40px; background-image: url(../images/bkg-footer.jpg); margin: 0 auto; color: #666; padding: 0 10px 0 10px; }
#footer .details{ float: right; color: #666; margin: 10px 10px 0 0; }
#footer .details a { color: #666; }
#footer .logo {float: left; margin: 9px; height: 11px; background-image:url(../images/logo_iiiiid.gif); background-repeat: no-repeat; padding: 3px 3px 3px 46px; }

.logmonth{ font-size: 19px; margin: 0 0 10px 0; padding: 0 0 0 2px; font-weight: bold; }
.logmonth2{ font-size: 19px; margin: 40px 0 10px 0; padding: 0 0 0 2px; font-weight: bold; }
.logday{ width: 816px; border-bottom: solid 1px #000; margin: 20px 0 6px 0; padding: 0 0 2px 4px; font-size: 12px; font-weight: bold; }
.log{ width: 820px; height: 20px; background-image: url(../images/bkg_item2.gif); margin: 0 0 4px 0; }
.log .del {position: absolute; height: 16px; width: 600px; left: 50%; margin-left: -410px; padding: 2px; filter:alpha(opacity=0); opacity: 0.0; -moz-opacity:0.0; background-repeat: no-repeat;}
.log .del:hover {filter:alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80;}
.log img {cursor: pointer; margin: 1px 1px 1px 2px;}
.log .datetime{ width: 114px; height: 12px; text-align: center; padding: 4px; float: left; }
.log .description{ width: 300px; height: 12px; text-align: left; padding: 4px; margin: 0 0 0 20px; float: left; }
.log .fileinfo{ width: 130px; height: 12px; text-align: right; padding: 4px; margin: 0 0 0 20px; float: left; font-size: 10px; } 
.log .player{ width: 178px; height: 20px; float: right; }
.log .download{ width: 16px; height: 14px; text-align: center; padding: 3px; float: right;} 

#infobox { filter:alpha(opacity=95); opacity: 0.95; -moz-opacity:0.95; position: absolute; width: 386px; height: 171px; background-image: url(../images/bkg-infobox.gif); top: 200px; left: 50%; margin-left: -193px; }
#infobox img { border: none; float: right; margin: 5px; }
#infobox .title {float: left; margin: 7px 7px 7px 10px; font-weight: bold; color: #444; font-size: 12px; }
#infobox .content {float: left; clear: both; padding: 8px 12px 10px 12px; line-height: 140%; width: 360px; }
#infobox span {text-decoration: underline; }

.left-textalign{ text-align: left; }
.center-textalign{ text-align: center; }

.alertbox-top { width: 820px; height:9px; background-image: url(../images/bkg-alertbox-top.gif);}
.alertbox { width: 800px; line-height: 160%; background-image: url(../images/bkg-alertbox.gif); padding: 0 10px 0 10px; }
.alertbox-bottom {margin: 0 0 20px 0; width: 820px; height:10px; background-image: url(../images/bkg-alertbox-bottom.gif);}