/* HAP Style Sheet   */

/* lichter grijs     : 717171 */
/* licht  grijs      : 585858 */
/* gewoon grijs      : 313131 */
/* donker grijs      : 2E2E2E */
/* rood - ornaje     : EA3C0E */

/* ---------------------------------------------------------------------------------------------------------------------- */

/* GENERAL */
html, body      {height: 100%; margin: 0;  padding: 0;
                 font-family: verdana; font-size: 10px; background: white; color: black; text-align: left;
                 scrollbar-3dlight-color:    #585858;
                 scrollbar-arrow-color:      #EA3C0E;
                 scrollbar-base-color:       #585858;
                 scrollbar-darkshadow-color: #585858;
                 scrollbar-face-color:       #FFFFFF;
                 scrollbar-highlight-color:  #717171;
                 scrollbar-shadow-color:     #585858}
.left           {text-align: left;}
.right          {text-align: right;}
.justify        {text-align: justify;}
img             {padding:1px; border:1px solid white;}
h1              {font-size: 16px; font-weight: 700; color: #EA3C0E;}
h2              {font-size: 12px; font-weight: 700; color: #EA3C0E;}
p               {font-family: verdana; font-size: 10px; background: transparant; color: white; text-align: left; line-height: 150%}
p.team          {font-family: verdana; font-size: 12px; background: transparant; color: white; text-align: left; line-height: 150%; margin-left: 10px}
p.contact       {font-family: verdana; font-size: 12px; background: transparant; color: white; text-align: left; line-height: 150%; margin-left: 10px}
a, a:visited, a:link {font-family: verdana; font-size: 12px; font-weight: bold; color: white; text-decoration: none;}
a, a:active, a:hover, a:visited.active {font-family: verdana; font-size: 12px; font-weight: bold; color: #EA3C0E;}
ul              {list-style-type: square; margin-left: 10; line-height: 150%}
	
span.error      {font-family: verdana; font-size: 12px; font-weight: 700; background: transparant; color: #EA3C0E; text-align: left; line-height: 150%}

tbody.project   {font-family: verdana; font-size: 10px; background: transparant; color: white; text-align: left; line-height: 150%; vertical-align : top;}
tbody.projone   {font-family: verdana; font-size: 12px; background: transparant; color: white; text-align: left; line-height: 150%; vertical-align : top;}

form.normal     {font-family: Verdana; font-size:  12px; background: transparant;  color: white;     font-weight: 400}
input.normal    {font-family: Verdana; font-size:  12px; background: #717171;      color: white;     font-weight: 400}
input.button    {font-family: Verdana; font-size:  12px; background: #717171;      color: white;     font-weight: 700}
textarea.normal {font-family: Verdana; font-size:  12px; background: #717171;      color: white;     font-weight: 400}
select.normal   {font-family: Verdana; font-size:  12px; background: #717171;      color: white;     font-weight: 400}

/* DIV */
#wrapper        {position: absolute; left: 50%; top: 50%; margin-left: -495px; margin-top: -270px; 
                 height: 540; width: 990px; text-align: left; font-size: 10px; background-color: white;}
#logo           {float:left; height: 540px; width: 80px; background-color: white; color: white; font-weight: normal; text-align: left;
                 background: url(images/bglogo.jpg); background-repeat: no-repeat; }
#header         {float:right; height: 15px; width: 910px; padding-top: 65px; padding-bottom: 0px; padding-left: 0px; color: white; background-color: white;}
#contact        {float:right; height: 440px; width: 910px; background-color: black; color: white; font-weight: normal; text-align: left; overflow-y : hidden;}
#project        {float:right; height: 440px; width: 910px; background-color: black; color: white; font-size: 10px; font-weight: normal; text-align: left; overflow-y : scroll;}
#projectone     {float:right; height: 440px; width: 910px; background-color: black; color: white; font-size: 12px; font-weight: normal; text-align: left; overflow-y : hidden;}
#team           {float:right; height: 440px; width: 910px; background-color: black; color: white; font-weight: normal; text-align: left; overflow-y : hidden;
                 background: url(images/bgteam.jpg); background-repeat: no-repeat;}
#footer         {float:right; height: 20px; width: 910px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px;
                 color: black; background-color: white; font-weight: bold;}

#header a, #header a:visited, #header a:link,
#footer a, #footer a:visited, #footer a:link
                {font-family: verdana; font-size: 10px; font-weight: bold; color: black; text-decoration: none;}
#project a, #project a:visited, #project a:link
                {font-family: verdana; font-size: 10px; font-weight: normal; color: white; text-decoration: none;}
#header a:active, #header a:hover, #header a:visited.active,
#footer a:active, #footer a:hover, #footer a:visited.active
                {font-family: verdana; font-size: 10px; font-weight: bold; color: #EA3C0E;}
#project a:active, #project a:hover, #project a:visited.active
                {font-family: verdana; font-size: 10px; font-weight: bold; color: #EA3C0E;}