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

   Eversheds Faasen CSS
   Website Eversheds Faasen
   
   * Copyright (c) 2010
   * Developed by Eversheds International
   * Maintained and adopted by Eptitude
   * http://www.brambraakman.com

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


body {
	background: url(../images/site-images/background.gif) repeat-x #f0f0f0;
	color: #333333; 
	font-size: 0.8em; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin:0;
	text-align:center;
}

a {color:#009D96; text-decoration:none; font-weight:bold;}
a:hover {background-color:#009D96; color:#FFFFFF;}

img {
	border: 0px;
}

a.image-link:hover {
    background-color: #fff;
}

.hidden {display:none;}

#mainarea {width:842px; margin:auto; text-align:left;}

#header-logo {float:left; padding:15px 0px 15px 0px;}

#header-logo a:hover {
	background-color: #ffffff;
}

#header-links {text-align:right; padding-top:2px;}

#banner {width:842px; margin-bottom:2px; clear:both;}

#main-nav {height:32px; width:842px; background: url(../images/site-images/menu_strip.gif) repeat-x #333333; font-size:95%; line-height:2.5em;}

#main-nav ul {margin:0; padding:0; list-style:none;}
#main-nav li {float:left;}
#main-nav li.highlight {background: url(../images/site-images/menu_jade.gif) repeat-x #00B5E6;}

#main-nav a {display:block; color:#FFFFFF; text-decoration:none; height:32px; float:left; padding:0px 20px;}
#main-nav a:hover {background: url(../images/site-images/menu_jade.gif) repeat-x #00B5E6;}

.main-nav-gap {width:2px; background: url(../images/site-images/menu_gap.gif) repeat-x #FFFFFF; height:32px;}

#breadcrumbs {padding:4px 0px; color:#666666; font-size:85%; background-color:#FFFFFF;}
#breadcrumbs a {color:#666666; font-weight:normal;}
#breadcrumbs a:hover {color:#FFFFFF;}

#contentarea {width:842px; background-color:#FFFFFF; }

#contentarea-menu {width:165px; height:100%; float:left; padding:15px;}
#contentarea-text   {padding:15px;}
#contentarea-text-2 {margin-left:180px; padding:15px;}
#contentarea-text-3 {margin-left:180px; margin-right:200px; padding:15px;}
#contentarea-text-4 {margin-left:180px; margin-right:220px; padding:15px;}
#contentarea-text-5 {margin-right:270px; padding:15px;}
#contentarea-text-6 {margin-right:220px; padding:15px;}
#contentarea-text-7 {margin-right:280px; padding:15px;}
#contentarea-text-8 {margin-right:260px; padding:15px;}


#contentarea-menu ul {margin:0; padding:0; list-style:none;}
#contentarea-menu li {border-bottom: 1px solid #dadada;}
#contentarea-menu a.highlight   {color:#FFFFFF; padding:4px 0 4px 4px; display:block; width:161px; font-weight:normal; background-color:#009D96;}
#contentarea-menu a 		{color:#333333; padding:4px 0 4px 4px; display:block; width:161px; font-weight:normal;}
#contentarea-menu a:hover	{color:#FFFFFF; background-color:#009D96;}

h1 {	background-color:#C5D0D4; padding:0px 15px 4px 15px; font-size:160%; color:#FFFFFF; font-weight:normal; margin:0;
	border-top: #B5BFC3 solid 1px; border-bottom: #B5BFC3 solid 1px;
}

h2 {color:#7C51A1; font-size:150%; font-weight:normal; margin:0;}

h3 {color:#333333; font-size:120%; font-weight:bold; margin:0;}

h4 {color:#7C51A1; font-size:100%; font-weight:bold; margin:0;}


#footerLinks {font-size:85%; text-align:center; color:#7a7a7b; background-color:#F0F0F0; padding:5px 0 20px 0; clear:both;}
#footerLinks ul {list-style:none; padding:0px; margin:0px 0 2px;}
#footerLinks li {display:inline; padding:0px; margin:0px; border-right: 1px solid #CCCCCC;}
#footerLinks li.breadcrumbouter {border:none;}
#footerLinks a  	{color: #7a7a7b; text-decoration: none; margin: 0px; padding:0px 8px; font-weight:normal;}
#footerLinks a:hover    {color: #FFFFFF; background-color: #009D96;}


#home-news-banner {background: url(../images/site-images/homepage-news-banner-bg.gif) no-repeat #C5D0D4; padding:15px; height:20px; margin:0; clear:both;}
#home-news-banner-leftside {float:left; margin-right:20px; height:20px; }
#home-news-banner-rightside {float:right; margin-right:0; height:20px; font-family: Arial; color:#ffffff; padding-right:8px; font-weight:bold;}
#home-news-banner-leftside h2 {font-family: Arial; font-size:1.5em; color:#ffffff; line-height:0.9em; font-weight:normal; margin:0;}

#home-news-banner-rightside a {text-decoration:none; color:#FFFFFF;}
#home-news-banner-rightside a:hover {color:#FFFFFF; background:none;}

#home-news-banner-text {float:left;}
#home-news-banner-text a {color:#333333; font-weight:normal;}
#home-news-banner-text a:hover {background-color:#FFFFFF; color:#333333;}

.home-promo {width:270px; border-top:3px #7C51A1 solid; float:right; clear: right; margin-bottom:10px;}
.home-promo-text {width: 240px; background:#E5E5E5 none repeat scroll 0 0; padding:15px 15px 0;}
.home-promo-text p {
    *margin: 12px 0px;
}
.home-promo-text a {font-weight:normal;}
.home-promo-image a:hover {
	background-color: #ffffff;
}
.home-promo-right {width: 250px; border-top: 3px #7C51A1 solid; float: right; clear: right; margin-bottom: 10px; background: #f1f1f1; padding: 10px; }
.home-promo-2 {width:267px; border-top:3px #7C51A1 solid; float: left; margin-bottom:10px;}
.home-promo-2-first {
    margin-right: 8px;
}


#tabs {margin:15px 15px 0px 15px; height:2em;}
#tabs a 	  {display:block; background-color:#E4E4E4; color:#666666; padding:5px 10px; font-weight:normal; margin-right:1px; float:left;}
#tabs a.highlight {display:block; background-color:#7C51A1; color:#FFFFFF; padding:5px 10px; font-weight:normal; margin-right:1px; float:left;}
#tabs a:hover     {display:block; background-color:#7C51A1; color:#FFFFFF;}
#tabs-bottom {height: 2em; background-color: #7C51A1; clear:both; margin:0px 15px 0px 15px; }

#people-menu {width:215px; height:100%; float:left; padding:15px;}
#people-text {margin-left:230px; padding:15px;}

#people-menu th {color:#009D96; font-weight:bold;}
#people-menu tr {color:#009D96;}
#people-menu tr.highlight {background-color:#009D96; color:#FFFFFF;}
#people-menu td {border-top:1px #E4E4E4 solid;}
#people-menu tr a {color:#009D96; font-weight:normal;}
#people-menu tr a:hover {background-color:#009D96; color:#FFFFFF;}
#people-menu tr.highlight a {color:#FFFFFF; font-weight:normal;}
#people-menu tr.highlight a:hover {background-color:#FFFFFF; color:#009D96;}

.specialist {width:184px; padding:8px; background-color:#F0F0F0; border-top:2px solid #7C51A1; float:right; clear:right;}
.specialist h2 {font-size:100%; font-weight:bold; color:#7C51A1; margin:0;}
.Person-Specialist-Photo {border-top:#7C51A1 2px solid; font-size:90%; width:200px; min-height:40px;display:inline; float:right; clear:right;}
.Person-Specialist-Photo-1 {float:left; padding:0; margin-top:1px;}
.Person-Specialist-Photo-2 {padding:12px 0px 0px 85px; margin-top:1px; background-color: #ffffff; }
.Person-Specialist-Photo-3 {background:#F1F1F1; padding:3px 8px 10px 8px; clear:both;}
.Person-Specialist-Photo h2 {color:#7C51A1; background:#F1F1F1; font-size:110%; font-weight:bold; margin:0px; padding:3px 3px 3px 8px;}

.Person-Specialist-Photo a 	 {color:#009D96; font-weight:bold; text-decoration: none;}
.Person-Specialist-Photo a:hover {background-color:#009D96; font-weight:bold; color:#FFFFFF; text-decoration: none;}
.Person-Specialist-Photo a:focus, .Person-Specialist-Photo a:active {color: #333333;}

.jobs {width:204px; padding:8px; background-color:#F0F0F0; border-top:2px solid #7C51A1; float:right; clear:right;}
.jobs h2 {font-size:100%; font-weight:bold; color:#7C51A1; margin:0;}

.career-promo {width:220px; border-top:2px #7C51A1 solid; float:right; clear: right; margin-bottom:10px;}

#news {font-weight:bold; padding:15px;}

#news tr {color:#666666;}
#news tr.highlight {background-color:#F0F0F0; color:#666666;}
#news td {border-top:1px #E4E4E4 solid;}

.newsletter, .blog {
	text-align: justify;
}

.newsletter .options {
	margin-bottom: 10px;  
}

.newsletter h3 {
	margin-top: 20px;
	font-size: 100%;
}

.newsletter h4 {
   	margin-top: 20px;
	font-size: 90%; 
}

.newsletter .publication-date, .blog .publication-date {
    font-size: 90%;
    font-weight: bold;
    margin-top: 3px;
}

.newsletter .copyright {
	font-size: 80%;
	border-top: 1px solid #efefef;
	margin-top: 20px;	
}

.newsletter .copyright h3 {
	margin-top: 10px;	
}

.block {
	border-top:#7C51A1 2px solid;
	font-size:90%;
	width:200px;
	min-height:40px;
	display:inline;
	float:right;
	clear:right;    
}

.block h2 {
  	color:#7C51A1;
	background:#F1F1F1;
	font-size:110%;
	font-weight:bold;
	margin:0px;
	padding:8px 3px 3px 8px;  
}

.block .content {
    background:#F1F1F1;
    padding:3px 8px 10px 8px;

}

.blog-entry-block {
    width: 250px;
}

.blog-block {
	width:270px;
}

.block ul {
    list-style: none;
    margin: 0;
    padding: 0;   
}

.block ul li {
    list-style: none;
    margin-bottom: 5px;
}

.blog .category-heading {
    font-size: 85%;
    margin-bottom: 20px;
}

.blog .entries {
    margin-top: 10px;
}

.blog .entry {
    margin-bottom: 15px;
    border-bottom: 1px dashed #aeaeae;
    padding-bottom: 15px;
}

.blog .entry h2 a {
    font-size: 80%;
}

#comments {
	margin: 30px 0px;
}

#comments .comment {
	margin-top: 10px;
    font-size: 90%;
}

#comments .comment-author {
    color: #7e7e7e;
}

#comments .comment-content {
    margin-left: 20px;  
}

#comments .comment-text {

}

#contentarea fieldset {
   padding: 15px
}

#contentarea legend {
   color:#7C51A1;
   font-weight: bold;
}

#contentarea td.label {
   width: 200px;
   text-align: right;
   vertical-align: top;
}

#contentarea table.scale {
  width: 100%;
}

#contentarea table.scale td{
  width: 20%;
}

#contentarea button {
  background-color:#009D96;
  border:medium none;
  color:#FFFFFF;
  font-weight:bold;
  height:25px;
  line-height:1.8em;
  margin:3px;
  padding:0 15px;
  text-align:center;
}

#contentarea .question {
  padding-top: 10px;
  padding-bottom: 5px;
  font-weight: bold;
}

ul.spacing {
    margin: 0;
    padding-left: 1.4em;
}

ul.spacing li {
    margin-bottom: 1em;
    padding-left: 0.8em;
}

ul.spacing li ul {
    margin: 0;
	margin-top: 10px;
    padding-left: 1.4em;    
}

a.button {
	border: 1px solid #E4E4E4;
	margin-right: 10px;
	margin-top: 10px;
	background-color: #f0f0f0;
	padding: 5px 8px;
	float: right;
    display: block;
    color: #666;
}

a:hover.button {
    background-color: #aeaeae;
    color: #fff;
}

#registerForm td {
    width: 125px;
}

.error {
    color: #f93400;
}
