﻿  /* Global */

body { padding: 0; margin: 0; background: url('../images/bg_body.png') repeat-y center center; font-family: verdana; font-size: 12px; }
a img { border: 0 !important; }

  /* Structure */

div#container { width: 986px; margin: auto; }
div#navigation { height: 87px; padding: 10px 10px 5px 10px; margin: 0 auto; background: url('../images/bg_navigation.png') no-repeat; }
div#header { height: 360px; width: 986px; margin: 0 auto; background: url('../images/bg_header.jpg') no-repeat bottom center; }
div#header-overlay { height: 360px; background: url('../images/header-overlay.png') no-repeat; }
div#content { float: right; width: 670px; line-height: 20px; padding: 30px 40px 0 20px; margin: 0 auto; }
div#logo { float: left; width: 210px; margin: -90px 0 0 10px; padding: 600px 0 0 20px; background: url('../images/bg_logo.png') no-repeat; }
div#footer { width: 946px; height: 77px; line-height: 24px; padding: 0 20px 0 20px; margin: 50px auto 0 auto; clear: both; background: url('../images/bg_footer.png') no-repeat center bottom; color: #ffffff; font-size: 12px; font-family: arial, verdana; }
div#footer div#footernav { color: #000000; }
div#footer div#copyright { float: left; width: 50%; }
div#footer div#extra { float: left; width: 50%; text-align: right; }
p#slogan { width: 460px; height: 77px; padding: 20px; margin: 30px 0 0 0; background: url('../images/bg_slogan.png') no-repeat left center; float: right; color: white; font-family: arial; font-size: 18px; line-height: 26px; }

div.column { float: left; width: 433px; padding: 0 10px 0 10px; text-align: justify; }

div.clearer { clear: both; }

  /* Navigation - Mainmenu */ 

div#navigation ul { padding: 0; margin: 0 ; list-style: none; }
div#navigation ul#login { float: right; margin-right: 75px; }
div#navigation li { float: left; padding: 0; margin: 0; white-space: nowrap; }
div#navigation a { display: block; padding: 0 10px; color: #ffffff; font-family: arial, verdana; font-size: 15px; font-weight: bold; text-align: center; text-decoration: none; }
div#navigation a:hover { display: block; text-decoration: underline; }
div#navigation ul#login a { height: auto; padding: 0; margin: 0; font-size: 12px; }
div#navigation ul li ul { display: none; position: absolute; width: 180px; padding-top: 10px; background-color: #ffffff; }
div#navigation ul li:hover ul { display: block; }
div#navigation ul ul li { clear: both; }
div#navigation ul ul a { display: block; height: 30px; padding: 0 10px; line-height: 25px; font-size: 17px; font-family: arial, verdana; font-weight: bold; color: #2e2f33; text-decoration: none; text-align: left; clear: both; }
div#navigation ul ul a:hover { color: #3c7faf; text-decoration: none; }

  /* Style & Content */

h1 { font-size: 22px; font-family: arial, verdana; font-weight: bold; clear: both; }
h2 { font-size: 17px; font-family: arial, verdana; font-weight: bold; color: #df0030; clear: both; }
h2 a { color: #df0030; text-decoration: underline; }
h2 a:hover { text-decoration: none; }
h3 { font-size: 12px; font-family: arial, verdana; font-weight: bold; }
div.newsitem { margin: 10px 0 40px 0; text-align: justify; }
div.newsitem h2 { float: left; margin: 0; padding: 5px 0 5px 0; }
span.date { float: right; padding: 5px 0 5px 0; font-size: 17px; font-family: arial, verdana; font-weight: bold; text-align: right; color: #df0030; }
p { clear: both; }
img#img-fontsize { float: right; margin: -70px 5px 0 0; cursor: pointer; }
div#logo img { border: 0; }


  /* Hyperlinks */

a { color: #3c7faf; text-decoration: underline; }
a:hover { text-decoration: none; }
a.button { float: right; display: block; width: 157px; height: 30px; padding-left: 10px; line-height: 30px; font-family: arial; font-weight: bold; text-decoration: none; color: white; font-size: 14px; background-image: url('../images/bg_button-normal.png'); }
a.button:hover { background-image: url('../images/bg_button-normal-hover.png'); text-decoration: none; }
div#footer a { color: #ffffff; text-decoration: underline; }
div#footer a:hover { color: #000000; text-decoration: underline; }
div#footernav a { color: #000000; font-size: 12px; font-weight: bold; font-family: arial, verdana; text-decoration: none; }
div#footernav a:hover { text-decoration: underline; }
p a.external { padding-right: 15px; background: url('../images/links/bg_external.gif') no-repeat right center; }
p a.external:hover { background-image: url('../images/links/bg_external-hover.gif'); }

 /* Forms */

div.submit { clear: both; }
fieldset { width: 100%; padding: 0; border: 0; }
legend  { width: 100%; margin-left: -10px; font-family: arial; font-weight: bold; font-size: 16pt; }
label { width: 125px; height: 28px; margin: 5px 0px; float: left; text-align: left; }
input { width: 295px; height: 20px; margin: 5px 0; padding: 4px; border : 1px solid #bfd3df; }
select { width: 295px; margin: 5px 0; border : 1px solid #bfd3df; }
textarea { width: 295px; height: 150px; margin: 5px 0; padding: 4px; border : 1px solid #bfd3df; }
option { }
input.checkbox { float: left; width: 15px; margin: 5px; border: 0px; }
input[type=submit] { float: right; display: block; width: 167px; height: 30px; padding: 0; padding-left: 10px; line-height: 30px; font-family: arial; font-weight: bold; color: white; font-size: 14px; background-image: url('../images/bg_button-normal.png'); border: 0; cursor: pointer; text-align: left; text-transform: capitalize; margin-right: 170px; }
input:hover[type=submit] { background-image: url('../images/bg_button-normal-hover.png'); }

 /* Form search */

form#company-list input { float: left; width: 70%; clear: none; }
form#company-list input[type=submit] { clear: none; width: 167px; margin-right: 0; margin-left: 10px; }

 /* Notification */

.notification { padding: 5px; }
.green { background: #d7f5b8; border:1px solid #abc98e; color:#33680C; }
.yellow { background: #ffff99; border:1px solid #abc98e; color:#000000; }
ul.errorlist { margin: 0; padding: 0; }
ul.errorlist li { list-style: none; margin: 0; padding: 0 0 0 5px; background: #ffff99; border:1px solid #abc98e; color:#000000; }


ul.activities li a:hover { color: black !important; }



 /* Mediabook */
ul.photos { margin: 0; padding: 0; list-style: none; }
ul.photos li { float: left; }
