﻿/*
   Gerealiseerd door Directshop; handelsnaam van Search Ahead BV;
*/

body 
{
  background-color: #FFFFFF;
  font-family: Arial;
  font-size: 9pt;
  margin:0;
  color:#4E4E4E;
  /*background-image: url('/images/line.jpg');
  background-position: center;*/
}
.newsactive, .newsactive a
{
  color: #ED3D14 !important;
  text-decoration: none;
}
.float-clearing 
{
  clear: both;
  line-height: 0pt;
}
p {
 margin: 0px;
 padding: 0px;
 text-align: justify;
}
h1 {
  font-size:15pt;
  margin:0px;
}
h1.float-title {
  float:left;
  padding-right:5px;
}
h2 {
  font-size:12pt;
  font-weight:bold;
  margin:0px;
  color:#4C4C4C;
}
a {
  color:#4E4E4E;
}
a:link {
  color:#4E4E4E;
  text-decoration:underline;
}
a:hover {
  color:#4E4E4E;
}
a:active {
  color:#4E4E4E;
}
a:visited {
  color:#4E4E4E;
}
.img
{
  border: solid 1px #DFDFDF;
}
h1 a, h1 a:link, h1:visited {
  text-decoration:none;
}

/* HEADERS */

.newsheader
{
  margin-bottom: 20px;
}
.nieuwsbericht h2 a, .newslist h3 a
{
  text-decoration: none;
}
#header {
  /*width:1007px;*/
  height:259px;
  padding:0px;
  margin:0px;
  margin-left:auto;
  margin-right:auto;
}
#ondertitel {
  float: right;
  padding: 0px 15px;
  margin: 0px 10px 0px 0px;
  text-align: center;
  font-size: 9pt;
  height: 21px;
  line-height: 20px;
  border-left: solid 2px #655852;
  border-bottom: solid 2px #655852;
  border-right: solid 2px #655852;
}
#menu {
  position:absolute;
  top:230px;
  padding:0px;
  margin:0px;
  left:50%;
  margin-left:-190px;
}
#menu li{
  background-image:url(/images/menu_item_bg.gif);
  background-repeat:repeat-x;
  float:left;
  height:22px;
  line-height:20px;
  margin-right:9px;
 /* padding:0 7px;*/
  text-align:center;
  font-size:10pt;
  list-style-type:none;
 /* width:90px; */
  padding-left:15px;
  padding-right:15px;
}
#menu li a{
  text-decoration:none;
  display:block;
  height:22px;
}
.borderline {
  height:2px;
  width:100%;
  background-color:#BFBFBF;
  margin-top:9px;
  margin-bottom:9px;
}

/* COLORS */

.purple, .purple a
{
  color: #d81fcd;
  text-decoration: none;
}

.red, .red a
{
  color: #ED3D14;
  text-decoration: none;
}
.blue, .blue a
{
  color: #0097BA;
  text-decoration: none;
}
.green, .green a
{
  color: #258957;
  text-decoration: none;
}

/* HOME */
#container 
{
  width: 1009px;
  margin:0 auto;
}
#content {
  padding: 25px 62px 0px 62px;
  margin: 0px; 
  line-height:19px;
}
#logo
{
  padding: 22px 0px 50px 0px;
}
.logo
{
  height:80px;
  left:50%;
  margin-left:-453px;
  position:absolute;
  top:14px;
  width:270px;
  cursor: pointer;  
}
.ds_logo
{
   margin-top: 25px; 
   border: 0px; 
   margin-left: -16px;
}
.shadow
{
  background-image: url(/images/header_shadow_line.png); 
  width: 100%; 
  height: 9px; 
  position: absolute;
  top: 250px;
}
#services
{
  border-bottom: solid 2px #9F9F9F;
}
#services h1
{
  width: 295px;
  font-size: 15pt;
  font-weight: bold;
  float: left;
  margin: 0px;
  line-height: 50px;
  color: #343434;
}
#services_content span
{
  width: 255px;
  padding-right: 40px;
  line-height: 20px;
  float: left;
  color: #858585;
  font-size: 9pt;
}
#services_content img
{
  margin: 20px 0px 10px 0px;
}
#home_menu
{
  border-bottom: solid 1px #DFDFDF;
}
#home_menu h1
{
  width: 308px;
  font-size: 15pt;
  font-weight: bold;
  float: left;
  padding-left: 25px;  
  margin: 0px;
  line-height: 50px;
  border-bottom: solid 1px #9F9F9F;
}
#home_content span
{
  width: 255px;
  padding-right: 78px;
  line-height: 20px;
  float: left;
  color: #858585;
  font-size: 10pt;
}
#home_content img
{
  margin: 20px 0px 10px 0px;
}
#home_menu h1.red
{
  background-image: url('../images/arrow_red.jpg');
  background-repeat: no-repeat;
  background-position: left;
}
#home_menu h1.blue
{
  background-image: url('../images/arrow_blue.jpg');
  background-repeat: no-repeat;
  background-position: left;
}
#home_menu h1.green
{
  background-image: url('../images/arrow_green.jpg');
  background-repeat: no-repeat;
  background-position: left;
  width: 231px !important;
}

/* CONTENT */

#left, #right {
  width:415px;
  float:left;
  line-height: 19px;
}
#right {
   float:right;
}
.backward {
  float:left;
  padding-left:20px;
  background-image: url('../images/backward.gif');
  background-repeat: no-repeat;
  background-position: left;
  height:27px;
  vertical-align:middle;
}
.forward {
  float:right;
  padding-right:20px;
  background-image: url('../images/forward.gif');
  background-repeat: no-repeat;
  background-position: right;
  height:27px;
  vertical-align:middle;
}
a.homelink {
  width:130px;
  height:40px;
}
/* LATEST NEWS */
.nieuwsbericht {
  margin-bottom: 10px;
  float: left;
  width: 415px;
}
.nieuwsbericht h2{
  margin-bottom: 10px;
  font-weight: bold;
}
.nieuwsbericht img{
  float: left;
  margin-right: 17px;
}
.nieuwsbericht div{
  float: left;
  width: 295px;
}
.newstext p
{
  margin: 0px;
  padding: 0px;
}
.newslist
{
  cursor: pointer;
}
.newslist img
{
  width: 35px;
  height: 35px;
  float: left;
  margin-bottom: 15px;
}
.newslist h3
{
  float: left;
  padding: 0px;
  margin: 0px 0px 0px 10px;
  font-weight: normal;
  font-size: 9pt;
}
/*NEWSLETTER*/
.contactveld {
  border:1px solid #A5A5A5;
  margin-top: 10px;
  width:194px;
  margin-right:13px;
  color:#6E6E6E;
  padding-left:5px;
}
.send_button {
  background-image: url('../images/send_button.gif');
  background-repeat: no-repeat;
  background-position: left;
  padding-left:30px;
  cursor:pointer;
  height:20px;
}

#media_window
{
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
  width:415px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
  width:  415px;
  float: left;
}
.jcarousel-skin-tango .jcarousel-item {
  width:  415px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    text-align: center;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-list {
left:0;
margin:0;
overflow:hidden;
padding:0;
position:relative;
top:0;
z-index:1;
}

.jcarousel-clip {
margin:0;
overflow:hidden;
padding:0;
position:relative;
z-index:2;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
  background-image: url('/images/icon_right.jpg');
  background-repeat: no-repeat;
  cursor:pointer;
  height:20px;
  width:20px;
  float: right;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
  background-image: url('/images/icon_left.jpg');
  background-repeat: no-repeat;
  cursor: pointer;
  height: 20px;
  float: left;
  width: 20px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
  /*background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
  /*background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
  cursor: default;
  /*background-position: -96px 0;*/
}

.jcarousel-list li, .jcarousel-item {
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  width:415px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
  /*background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
  /*background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  /*background-position: -96px 0;*/
}

/**
*  Vertical Buttons
*/
.jcarousel-skin-tango .jcarousel-next-vertical {
  position: absolute;
  bottom: 5px;
  left: 43px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
  background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
  background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
  cursor: default;
  background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
  position: absolute;
  top: 5px;
  left: 43px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
  background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
  background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
  cursor: default;
  background-position: 0 -96px;
}
#mycarousel
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}










/* home header */
#usp_uber_wrapper {
  background-color:Teal;
  position:relative;
}

#home_usp_header {
  width:1951px;
  height:1000px;
  position: fixed;
  margin-left:-471px;
}
#usp_header_wrapper {
  width:100%;
  height:100%;
}
#home_usp_header_text {
  display:none;
}

#usp_tekst h1 {
  border-bottom:1px solid #fff;
  margin-top:3px;
  padding-bottom:2px;
}
#navigation {
  color:#FFFFFF;
  top:450px;
  position:absolute;
  /*margin-top:-374px;
  margin-right:10px;
  z-index:1;*/
}
#navigation div {
  float:left;
  margin-right:20px;
}
#next {
  background-color:Transparent;
}
#prev {
  background-color:Transparent;
}
#navigation .number {
  position:relative;
  padding-top:6px;
  background-color:Transparent;
  background-image:url("/images/home_blok_bg.png");
  width:215px;
  height:125px;
}
#navigation .active {
  background-image:none;
  background-color:#FFFFFF;
  color:#000000;
}

#navigation H1{
  margin-left: 5px;
}

#navigation P{
  text-align:left;
  line-height:16px;
  margin-left: 12px;
  margin-right: 13px;
}

.home_line {
  margin-top:3px;
  margin-bottom:3px;
  margin-left:12px;
  width:190px;
  height:2px;
  background-color:#8c8c8c;
}

.home_button_red, .home_button_blue, .home_button_green, .home_button_purple {
  position:absolute;
  margin-left:85px;
  bottom:15px; 
  background-image:url(/images/btn_Go_i.gif);
  height:25px;
  width:42px;
  cursor:pointer;
  background-color:Transparent;
}

.active .home_button_red {
  background-image:url(/images/btn_Go_a.gif);
}

.active .home_button_blue {
  background-image:url(/images/btn_Go_b.gif);
}

.active .home_button_green {
  background-image:url(/images/btn_Go_c.gif);
}

.active .home_button_purple {
  background-image:url(/images/btn_Go_d.gif);
}


#home_logo {
 position:absolute;
 background-image:url(/images/home_logo.png);
 width:353px;
 height:50px;
 top:50px;
}

