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

   Legalsense CSS
   http://www.legalsense.nl
   
   * Copyright (c) 2009
   * Made by Eptitude, Information and technology services
   * http://www.eptitude.nl
   * Developed using the Blueprint CSS Framework

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

body {
	font-size: 100%;
	margin: 0;
	color: #111111;
	background-color: #f4f2f5;
}

body, h1, h2, h3 {
	font-size: 0.9em;
	color: #424242;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
}

.container {
}

acronym {
	border-style: dashed;
	border-width: 0 0 1px 0;
	cursor: help;
}

#navbar a.button, button {
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  float: right;
  margin: -22px 45px 0px 0px;
  background-color:#f5f5f5;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size:80%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}

#navbar button {
  width:auto;
  overflow:visible;
  padding:2px 8px 3px 7px;   /* IE6 */
}
#navbar button[type] {
  padding:3px 8px 4px 7px;   /* Firefox */
  line-height:12px;           /* Safari */
}

#navbar input {
	width: 155px;
	margin-top: 4px;
}

/* grey #f0f0f0; Structure */

/* Header */

#topbar {
    background-color: #1f407f;
    height: 5px;
	line-height: 5px;
}

#header {
	padding-top: 30px;
	padding-bottom: 20px;
	background-color: #fff;
}

#header-links {
    text-align: right;
    font-size: 0.8em;
    margin: 6px 0px;
}

#header-headline {
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
}

#header-headline {
	background:url(/site_media/images/layout/header_headline2.png) no-repeat 0 0;
	height:20px;
}


#logo a {
	margin-left: -10px;
}


/* Navigation */

#navbar {
	height: 24px;
}

#navbar #search {
	margin-top: -6px;
}

#navigation {
	list-style: none;
	padding: 0;
	margin: 0;
}

#navigation li {
	display:inline;
}

#navigation a.active {
	color:  #aeaeae;
}

#navigation li a {
	font-family: verdana;
	margin-right: 20px;
	color: #424242;
	text-decoration: none;
	font-weight: bold;
	font-size: 85%;
	float:left;
}

#navigation li a:hover {
	color: #fff;
}


/* Main */

#about {
    background-color: #1f407f;
    color: #fff;
}

#about a {
  color: #fff;
  font-weight: bold;  
}

.about-box {
    padding-right: 18px;
}

#about h2 {
    font-size: 1.2em; color: #fff; font-weight: bold; margin-top: 20px;
}

#about p {
    font-size: 0.8em;
    text-align: left;
}

#about #portfolio {
	margin-top: 10px;
    border-top: 1px solid #6288be;
    padding: 10px 0px;
}

#about #portfolio h1 {
    color: #6288be;
    font-size: 1.3em;
    font-weight: bold;
}

#about #portfolio h3 {
    color: #fff;
    font-size: 1em;
    font-weight: bold;
}

#about #portfolio .content {
    float: left;
    width: 400px;
    margin-top: 10px;
}

#about #portfolio .image {
    background-color: #fff;
    padding: 5px;
    width: 300px;
    height: 160px;
    margin-bottom: 15px;
    float: right;
    margin-top: 10px;
    border: 4px solid #6288be;
}

#about #portfolio img {
    float: none;
}

#main {
	padding-top: 20px;
}


#main h1 {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 12px;
	padding-bottom: 3px;
	color: #1f407f;
}

#main h1 a {
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 12px;
	color: #424242;
}

#main h1 a:hover {
	text-decoration: none;
	color: #aeaeae;
}

#main h2 {
	font-size: 110%;
	margin-bottom: 10px;
	padding-bottom: 0px;
	font-weight: bold;
	color: #6288be;
}

#main h3, #contact h3 {
	font-weight: bold;
	font-size: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	color: #6288be;
}

#main .image {
    float: left;
    background-color: #fff;
    border: 4px solid #fff;
    height: 118px;
}

#main p {
    font-size: 0.8em;
}

#main ul#products {
    margin: 10px 0px;
    padding: 0px;
}

#main ul#products li {
    margin: 15px 0px;
    padding: 0px;
    list-style: none;
}

#main ul#products li.over {
	cursor: pointer;
}

#main ul#products li div.product-text {
    float: left;
    width: 220px;
    margin-bottom: 15px;
}

#main ul#products h4 {
    font-size: 100%;
    margin: 0px 0px 6px 0px;
}

#main ul#products img {
    float: left;
    margin: 0px 8px 5px 0px;
}

#main ul#products p.description {
	font-size: 90%;
	margin: 0;
}

#main #contact, #kanton-2 #contact, #tb-2 #contact {
	background-color: #fff;
	padding: 10px;
	border: 1px solid #e0e0e0;
}

#main #contact.address, #kanton-2 #contact.address {
    float: left;
    width: 150px;
}

.phone-icon {    
    float: right;
    margin-top: -20px;
    margin-right: 10px;
}

.center {
    text-align: center;
}

/* Links */
a {
	color: #2263b7;
	text-decoration: none;
}

a:hover {
	color: #b9c0c5;
	text-decoration: underline;
}

a.img-link:hover {
    background: none;
    text-decoration: none;
}

/* Lists */

ol {
	margin: 25px 35px;
	line-height: 2.0em;
}

ul {
    font-size: 0.8em;
}

/* Other Html Elements */

abbr, acronym, cite, kbd, dfn {
	cursor: help;
	font-style: normal;
	border-bottom: 1px dotted #333333;
}

.strike {
	text-decoration: line-through;
}



/* @group Forms */

.example {
	color:#666;
}

textarea {
	overflow: auto;
	border:1px solid #bbb;
	background:#fff;
	padding:5px;
}

#defaultForm textarea {
    height: 75px;
    width: 350px;
}

#defaultForm input, #defaultForm select, #defaultForm textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#defaultForm input, #defaultForm select {
	width: 200px;
	padding: 2px;
}

#defaultForm td, #defaultForm th {
	vertical-align: top;
}

#defaultForm .label {
	font-weight: bold;
	width: 150px;
}

input, label, textarea {
	margin-top: 10px;
}

label {
	display: block;
	width: 150px;
	float: left;
}

input.input-search {
	width: 190px;
	height: 1.4em;
}

input[type="submit"], button {
  background-color:#1f407f;
  border:medium none;
  color:#FFFFFF;
  font-weight:bold;
  height:25px;
  line-height:1.8em;
  margin: 8px 3px;
  padding:0 15px;
  text-align:center;
}

input#id_phone {
    width: 100px;
}

input#id_subject {
    width: 200px;
}

#contactForm {
   	background-color: #fff;
	padding: 10px;
	border: 1px solid #e0e0e0;    
}

#contactForm label {
	width: 100px;
}

#contactForm button {
	margin-right: 38px;
}

/* @end */


/* @group Footer */

#footer {
	margin-top: 20px;
	padding-top: 3px;
}

#footer #copyright {
	border-top: 1px solid #e1e1e1;
	color: #6e6e6e;
	padding: 2px;
	margin-bottom: 8px;
	padding-top: 5px;
	font-size: 0.7em;
	text-align: right;
}

#footer #copyright a {
	color: #6e6e6e;
}

#copyright a:hover, #copyright a:active {
	text-decoration: underline;
}

/* @end */

/* @group Product Promo */

span#buttons_or {
	line-height: 42px;
	vertical-align: top;
	font-style: italic;
}

body#product {
    background-color: #f0f0f0;
}

/* @end */


/* @group Kantonrechtersformule Promo */


#kanton-1 {
    padding: 20px 0px;
	height: 467px;
	background: url('/site_media/images/layout/kanton/kanton_banner_bg.gif') repeat-x scroll 0 0;	
}

#kanton-1 h1.kanton-title {
    background:  url(/site_media/images/layout/kanton/kanton_title_h1.gif) no-repeat 1px 0;
    height: 65px;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
}

#kanton-1 #promo-text {
    margin: 15px 0px;
}

#kanton-1 #promo-text h1 {
    color: #fff;
	font-size: 150%;
	font-weight: bold;
}

#kanton-1 #promo-text p {
    color: #fff;
	font-size: 120%;
}

#kanton-1 #promo-text p.second {
	margin-top: -22px;
	padding-top: 0px;
	margin-bottom: 15px;
}

#kanton-1 #promo-screenshot {
    float: right;
    margin-top: -2px;
}

#kanton-gradient {
    height: 116px;
    margin-top: -205px;
}

#kanton-gradient h2 {
	margin-top: 5px;
    font-size: 80%;
    font-weight: bold;
    color: #888;
}

ul#free-versions {
	margin: 0;
	padding: 0;
}

ul#free-versions li {
	display: inline;
	float: left;  
}

ul#free-versions li a {
    list-style: none;
	padding: 5px 5px;
}

#kanton-2 h2 {
    font-size: 110%;
    color: #6288be;
}

#kanton-2 .example img {
    float: left;
    margin: 0px 10px 10px 0px;
}

#kanton-2 .example .text {
	float: left;
	margin-top: 5px;
	height: 100px;
	width: 350px;
}

#kanton-2 .example h3 {
    color: #444;
    font-weight: bold;
    font-size: 80%;
}

#kanton-2 .example p {
    font-size: 75%;
	margin-top: 5px;
}

#kanton-2 #testimonials {
    margin-left: 12px;
    border-left: 1px solid #e3e3e3;
    padding: 0px 30px;
}

#kanton-2 p {
    font-size: 80%;
}

#kanton-2 #contact p {
    margin-bottom: 8px;
}

/* @end */

/* @group Time and Billing Promo */

#tb-1 {
    padding: 20px 0px;
	height: 467px;
	background: url('/site_media/images/layout/kanton/kanton_banner_bg.gif') repeat-x scroll 0 0;	
}

#tb-1 h1.tb-title {
    background:  url(/site_media/images/layout/products/tb_title_h1.gif) no-repeat 1px 0;
    height: 45px;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
}

#tb-1 #promo-text {
    margin: 15px 0px;
}

#tb-1 #promo-text h1 {
    color: #fff;
	font-size: 150%;
	font-weight: bold;
}

#tb-1 #promo-text p {
    color: #fff;
	font-size: 120%;
}

#tb-1 #promo-text p.second {
	margin-top: -22px;
	padding-top: 0px;
	margin-bottom: 15px;
}


#tb-1 #promo-screenshot {
    float: right;
}

#tb-gradient {
    height: 132px;
    margin-top: -215px;    
}

#tb-gradient #testimonial {
	margin-top: 20px;
}

#tb-gradient #testimonial h3 {
	margin-top: 5px;
    font-size: 90%;
    color: #6288be;
    margin-bottom: 5px;
}

#tb-gradient #testimonial h3 a {
    color: #6288be;
    margin-bottom: 5px;
}

#tb-gradient #testimonial p {
	margin-top: 0px;
    font-size: 85%;
}

#tb-gradient #testimonial img {
	float: left;
	margin-right: 15px;
	border: 1px solid #aeaeae;
	background: url('/site_media/images/layout/products/ard_van_der_steur_75px.jpg') 0 0;
	height: 75px;
	width: 75px;
}

#tb-2 h2 {
    font-size: 110%;
    color: #6288be;
}

#tb-2 .example img {
    float: left;
    margin: 0px 10px 10px 0px;
}

#tb-2 .example .text {
	float: left;
	margin-top: 5px;
	height: 120px;
	width: 100%;
}

#tb-2 .example h3 {
    color: #444;
    font-weight: bold;
    font-size: 80%;
}

#tb-2 .example p {
    font-size: 75%;
	margin-top: 5px;
}

#tb-2 #possibilities {
    margin-left: 12px;
    border-left: 1px solid #e3e3e3;
    padding: 0px 30px;
}

#tb-2 p {
    font-size: 80%;
}

#tb-2 #contact p {
    margin-bottom: 8px;
}

/* @end */

/* @group Products */

#products-1 {
    padding: 20px 0px;
	height: 467px;
	background: url('/site_media/images/layout/kanton/kanton_banner_bg.gif') repeat-x scroll 0 0;	
}

#products-1 h1.products-title {
    background:  url(/site_media/images/layout/products/tb_title_h1.gif) no-repeat 1px 0;
    height: 45px;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
}

#products-1 #promo-text {
    margin: 15px 0px;
}

#products-1 #promo-text h1 {
    color: #fff;
	font-size: 150%;
	font-weight: bold;
}

#products-1 #promo-text p {
    color: #fff;
	font-size: 120%;
}

#products-1 #promo-text p.second {
	margin-top: -22px;
	padding-top: 0px;
	margin-bottom: 15px;
}


#products-1 #promo-screenshot {
    float: right;
}

#products-gradient {
    height: 132px;
    margin-top: -215px;    
}

#products-gradient #testimonial {
	margin-top: 20px;
}

#products-gradient #testimonial h3 {
	margin-top: 5px;
    font-size: 90%;
    color: #6288be;
    margin-bottom: 5px;
}

#products-gradient #testimonial h3 a {
    color: #6288be;
    margin-bottom: 5px;
}

#products-gradient #testimonial p {
	margin-top: 0px;
    font-size: 85%;
}

#products-gradient #testimonial img {
	float: left;
	margin-right: 15px;
	border: 1px solid #aeaeae;
	background: url('/site_media/images/layout/products/ard_van_der_steur_75px.jpg') 0 0;
	height: 75px;
	width: 75px;
}

#products-2 h2 {
    font-size: 110%;
    color: #6288be;
}

#products-2 .example img {
    float: left;
    margin: 0px 10px 10px 0px;
}

#products-2 .example .text {
	float: left;
	margin-top: 5px;
	height: 120px;
	width: 100%;
}

#products-2 .example h3 {
    color: #444;
    font-weight: bold;
    font-size: 80%;
}

#products-2 .example p {
    font-size: 75%;
	margin-top: 5px;
}

#products-2 #possibilities {
    margin-left: 12px;
    border-left: 1px solid #e3e3e3;
    padding: 0px 30px;
}

#products-2 p {
    font-size: 80%;
}

#products-2 #contact p {
    margin-bottom: 8px;
}

/* @end */


/* @group Slider CSS */

#slider {
  width: 800px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scroll {
    height: 250px;
    width: 780px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 740px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
    float: right;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 8px;
    color: #fff;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
    color: #000;
}

ul.navigation a.selected {
    background-color: #6288be;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 20px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -40px;
}

.scrollButtons.right {
    right: -40px;
}

.hide {
    display: none;
}

/* @end */