/*
	// License block \\
	
	   *   @name:                    BusinessAware
	   *   @filename:                style.css
	   *   @version:                 1.0.0
	   *   @date:                    June 9th, 2009

	   *   @author:                  Jos Lieben
	   *   @website:                 http://www.lieben.nu
	   *   @email:                   jos@lieben.nu

	   *   @server requirements:     PHP 5.1+
	   *   @browser requirements:    Firefox 3+, Internet Explorer 7+, Opera 9.5+, Safari 3+

	   *    Copyright (C) 2009 Jos Lieben
	   *    This program was made privately and is NOT free for use
	   
	\\ License block //
*/
body {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 11pt;
	 background-image:url('gfx/ag_h.jpg');
	 background-repeat:repeat-x;

}

#logo1 {
	position: absolute;
	margin-top: 24px;
	margin-left: 25px;
}
#logo2 {
	position: absolute;
	margin-top: 102px;
	margin-left: 25px;
}

#diagram {
	position: absolute;
	margin-top: 105px;
	margin-left: 450px;
}

.plaatje1 {
	 position: absolute;
	 margin-top: 390px;
	 margin-left: 15px;
}

.content {
	 position: absolute;
	 margin-top: 305px;
	 margin-left: 325px;
}

#clock {
	 position: absolute;
	 margin-top: 545px;
	 margin-left: 825px;
}

.t {background: url(gfx/top.gif) 0 0 repeat-x;}
.b {background: url(gfx/bottom.gif) 0 100% repeat-x}
.l {background: url(gfx/l.gif) 0 0 repeat-y}
.r {background: url(gfx/r.gif) 100% 0 repeat-y}
.bl {background: url(gfx/bl.gif) 0 100% no-repeat}
.br {background: url(gfx/br.gif) 100% 100% no-repeat}
.tl {background: url(gfx/tl.gif) 0 0 no-repeat}
.tr {background: url(gfx/tr.gif) 100% 0 no-repeat; width:390px; padding:25px; word-wrap: break-word;} 

#buttons {
	position: absolute;
	margin-top: 45px;
	margin-left: 450px;
}



.message {
	padding: 1%;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #003366;
	font-weight: bold;
	font-variant: small-caps;
	text-align: left;
	word-spacing: 2px;
	width: 100%;
	margin-bottom: 5px;
	margin-top: -2px;
	position: relative;
	height: 33px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #000;
	font-weight: bold;
	font-variant: small-caps;
	text-align: left;
	word-spacing: 2px;
	width: 100%;
	margin-bottom: 5px;
	margin-top: -2px;
	position: relative;
	height: 22px;
	padding-top: 0px;
	padding-bottom: 0px;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-variant: small-caps;
	color: #000;
	position: relative;
	height: 20px;
	margin: 0;
	padding: 0;
	top: -4px;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76px;
	color: #003366;
	font-weight: bold;
	font-variant: small-caps;
	text-align: left;
	word-spacing: 2px;
	width: 100%;
	margin-bottom: 5px;
	margin-top: -2px;
	position: relative;
	height: 33px;
	padding-top: 0px;
	padding-bottom: 0px;
}
input.knop {
	color: #000000;
	background: #ffffff;
	border: 1px solid #000099
}

input{
	border:1px solid #000099;
	border-collapse:collapse;
}

input.clean{
	border: none;
}

textarea{
	border:1px solid #000099;
	border-collapse:collapse;
}
select{
	border:1px solid #000099;
	border-collapse:collapse;
}

.loginformBgA{
	position: absolute;
	margin-top: 325px;
	margin-left: 850px;
}
.loginformBgB{
	position: absolute;
	margin-top: 365px;
	margin-left: 850px;
}
.loginformIpA{
	border: none;
	width: 68px;
	position: absolute;
	margin-top: 335px;
	margin-left: 862px;
}
.loginformIpB{
	border: none;
	width: 68px;
	position: absolute;
	margin-top: 375px;
	margin-left: 862px;
}
.loginformBnA{
	border: none;
	position: absolute;
	margin-top: 415px;
	margin-left: 782px;
}
.loginformTxA{
	border: none;
	position: absolute;
	margin-top: 335px;
	margin-left: 782px;
}
.loginformTxB{
	border: none;
	position: absolute;
	margin-top: 375px;
	margin-left: 782px;
}
.loginformTxPwd{
	border: none;
	position: absolute;
	margin-top: 450px;
	margin-left: 782px;
}

A:visited, A:link, A:active {
text-decoration : underline;
color: #084592;

}

A:hover {
text-decoration : underline;
color: #000;

}

.paperBg{
background-image: url('gfx/test.png');
}


/*MENU CONFIG */
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	

    display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	font-size: 12px;
	text-align: center;
	text-decoration: none}
	

#sddm li a:hover
{}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin-left: 10px;
	background: #3B3B3B;
	color: #FFF;
	padding: 0;
	opacity: .7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; // first!
	filter: alpha(opacity=70);					// second!

	/*menu items 
	border: 1px solid #f00*/}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #3B3B3B;
	color: #fff;
	font: 11px arial
	opacity: .7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; // first!
	filter: alpha(opacity=70);					// second!}

#sddm div a:hover
{	
	border-top: solid #fff;
	border-bottom: solid #fff;
	background: #3B3B3B;
	color: #FFF}

/* END MENU CONFIG */

p.leftfloat{
float: left;
font-size: 15px;
font-variant: small-caps;
font-weight: bold;
}