@charset "UTF-8";
/* CSS Document */

body {
background:#002b48;
margin : 0;
padding : 0;
height:100%;
width:100%;
text-align : left;
}

.h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#572F08;
font-weight:normal;
}

.h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#A2DAF4;
font-weight:normal;
}

.h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
font-weight:bnormal;
}

.h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7B7C7E;
line-height:18px;
}

.h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}

.h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#009EE0;
font-weight:bold;
}

.h7 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
font-weight:normal;
}

.h10 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#7B7C7E;
line-height:18px;
}

.h11 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#009EE0;
}

.h12 {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

input.checkbox {
border: 0px;
}

input, select {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border: 1px solid #b8b8b8;
padding-left: 3px;
}

textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border: 1px solid #b8b8b8;
padding-left: 3px;
}

input.vervolgLeft, select.vervolgLeft {
font-size:10px;
color:#000000;
}

.float_right {
float:right;
}

.bold {
font-weight:bold;
}

.border-top {
border-top: 1px solid #CCCCCC;
}

a:link {
color:#7B7C7E;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}

a:visited {
color:#7B7C7E;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}

a:hover {
color:#009EE0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.body_container {
width: 100%;
height:auto;
padding: 0;
margin-left : auto;
margin-right : auto;
text-align : left;
background-color:f4f4f5;
}

.container {
width: 1020px;
height:auto;
padding: 0;
margin-left : auto;
margin-right : auto;
text-align : left;
}

.header_body {
width: 100%;
float:left;
height:auto;
background: #009EE0 url(../images/bg_header.jpg) repeat-x top;
}

.body_top {
float:left;
width:100%;
height:auto;
background:url(../images/body_top.jpg) no-repeat center top;
}

.header_wrapper {
width:880px;
margin-left:auto;
margin-right:auto;
height:auto;
background:no-repeat;
padding: 0 70px 0 70px;
}

.content_body {
width: 100%;
float:left;
height:auto;
background:#f4f4f5;
}

.body_bg {
background: #f4f4f5 url(../images/bg_content_body.jpg) repeat-x top;
}

.content_wrapper {
width:880px;
margin-left:auto;
margin-right:auto;
height:auto;
padding: 0 70px 0 70px;
}

.footer_body {
float:left;
width:100%;
height:auto;
background:#002b48;
}

.footer_wrapper {
width:880px;
height:auto;
margin-left:auto;
margin-right:auto;
padding: 40px 70px 0 70px;
background:#002b48 url(../images/bg_footer_top.jpg) no-repeat top;
}


.header_top {
float:left;
width:880px;
height:110px;
padding: 0;
}

.logo {
float:left;
width:170px;
height:110px;
background:url(../images/logo_interactiongroup.jpg) no-repeat left;
padding-right:90px
}

.menu_top {
float:left;
width:460px;
height:110px;
text-align:right;
}

.menu_top ul{
list-style:none;
margin: 0;
padding: 0 15px 0 0;
}

.menu_top li{
display:inline;
float:right;
margin: 0;
display: block;
height:50px;
line-height:50px;
width:auto;
padding:0 5px 0 5px;
color:#4fc2ec;
}

a.linkMenuTop:link, a.linkMenuTop:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:12px;
color:#4fc2ec;
font-weight:normal;
}

a.linkMenuTop:hover {
color:#FFFFFF;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
font-weight:normal;
}

.linkMenuTopActive {
color:#FFFFFF;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
}

.search {
float:left;
width:160px;
height:35px;
line-height:50px;
padding: 15px 0 0 0;
}

.search_field {
float:left;
width:130px;
height:20px;
padding: 0 5px 0 0;
}

.btn_blue {
float:left;
width:24px;
height:20px;
}

.btn_blue a {
display:block;
width:24px;
height:20px;
background:url(../images/btn_blue_small.gif);
line-height:20px;
text-align:center;
color:#ffffff;
margin: 0;
padding: 0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
border:none;
}

.btn_blue a:hover { 
display:block;
width:24px;
height:20px;
background:url(../images/btn_blue_small_hover.gif);
color:#ffffff;
line-height:20px;
text-align:center;
margin: 0;
padding: 0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
border:none;
font-weight:bold;
}



.menu_main {
float:left;
width:880px;
height:40px;
background:url(../images/bg_menu_main.jpg) no-repeat left;
padding: 0 0 0 0;
}

.pointer_wrapper {
float:left;
width:880px;
height:10px;
padding: 0 0 20px 0;
}

.pointer_01 {
float:left;
width:176px;
height:10px;
}

.pointer_02 {
float:left;
width:176px;
height:10px;
}

.pointer_03 {
float:left;
width:176px;
height:10px;
}

.pointer_04 {
float:left;
width:176px;
height:10px;
}

.pointer_05 {
float:left;
width:176px;
height:10px;
}

.on {
background:#009EE0;
}

.btn_menu_main_01 {
float:left;
width:160px;
height:40px;
padding: 0 0 0 16px;
background:url(../images/devider_menu_main.jpg) no-repeat right bottom;
text-align:center;
line-height:40px;
}

.btn_menu_main_02 {
float:left;
width:160px;
height:40px;
padding: 0 0 0 16px;
background:url(../images/devider_menu_main.jpg) no-repeat right bottom;
text-align:center;
line-height:40px;
}

.btn_menu_main_03 {
float:left;
width:160px;
height:40px;
padding: 0 0 0 16px;
background:url(../images/devider_menu_main.jpg) no-repeat right bottom;
text-align:center;
line-height:40px;
}

.btn_menu_main_04 {
float:left;
width:160px;
height:40px;
padding: 0 0 0 16px;
background:url(../images/devider_menu_main.jpg) no-repeat right bottom;
text-align:center;
line-height:40px;
}

.btn_menu_main_05 {
float:left;
width:160px;
height:40px;
padding: 0 0 0 16px;
text-align:center;
line-height:40px;
}

a.linkMenuMain:link, a.linkMenuMain:visited{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}

a.linkMenuMain:hover {
color:#1DBBEA;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
text-align:center;
}

a.linkMenuMainActive:link, a.linkMenuMainActive:visited{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:14px;
color:#1DBBEA;
font-weight:bold;
background:url(../images/bg_menu_main_hover.jpg) repeat-x top;
text-align:center;
}

.header_bottom {
float:left;
width:880px;
height:340px;
}

.teaser_wrapper_main {
position:absolute;
width:880px;
height:340px;
background:url(../images/bg_teaser.jpg);
z-index:0;
}

.teaser_subwrap {
float:left;
width:880px;
height:340px;
}

.teaser_menu {
position:absolute;
left:0px;
top:0px;
width:260px;
height:340px;
z-index:1;
}

.teaser_title {
position:absolute;
left:0px;
top:0px;
width:240px;
height:40px;
z-index:2;
padding: 70px 0 0 20px;
}

.btn_teaser_01 {
position:absolute;
left:0px;
top:110px;
width:260px;
height:45px;
border-top: 1px solid #CCCCCC;
z-index:3;
}

.btn_teaser_02 {
position:absolute;
left:0px;
top:156px;
width:260px;
height:45px;
border-top: 1px solid #CCCCCC;
z-index:4;
}

.btn_teaser_03 {
position:absolute;
left:0px;
top:202px;
width:260px;
height:45px;
border-top: 1px solid #CCCCCC;
z-index:5;
}

.btn_teaser_04 {
position:absolute;
left:0px;
top:248px;
width:260px;
height:45px;
border-top: 1px solid #CCCCCC;
z-index:6;
}

.btn_teaser_05 {
position:absolute;
left:0px;
top:294px;
width:260px;
height:45px;
border-top: 1px solid #CCCCCC;
z-index:7;
}

.btn1 a:link, .btn1 a:visited {
display:block;
width:240px;
height:45px;
background:url(../images/btn_teaser_down.jpg);
line-height:45px;
text-align:left;
color:#999999;
margin: 0;
padding: 0 0 0 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
border:none;
}

.btn1 a:hover { 
display:block;
width:240px;
height:45px;
background:url(../images/btn_teaser_hover.jpg);
color:#ffffff;
line-height:45px;
text-align:left;
margin: 0;
padding: 0 0 0 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
border:none;
font-weight:normal;
}

a.btn1Active:link, a.btn1Active:visited  { 
display:block;
width:240px;
height:45px;
background:url(../images/btn_teaser_hover.jpg);
color:#ffffff;
line-height:45px;
text-align:left;
margin: 0;
padding: 0 0 0 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
border:none;
font-weight:normal;
}

.teaser {
position:absolute;
top:0px;
right:0px;
width:620px;
height:340px;
z-index:8;
}

.quote_bg_01 {
position:absolute;
width:460px;
height:20px;
line-height:20px;
left:290px;
bottom:55px;
background:#0091d1;
padding: 5px 10px 5px 10px;
z-index:9;
}

.quote_bg_02 {
position:absolute;
width:520px;
height:20px;
line-height:20px;
left:290px;
bottom:20px;
background:#0091d1;
padding: 5px 10px 5px 10px;
z-index:10;
text-align:right;
}

.quote_cont {
position:absolute;
width:445px;
height:65px;
line-height:32px;
left:290px;
bottom:20px;
background:transparent;
padding: 0px 0px 0px 10px;
z-index:11;
text-align:left;
}



a.linkMore:link {
color:#ffffff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:nomal;
}


a.linkMore:hover {
color:#ffffff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
font-weight:nomal;
}

a.linkMore:visited {
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
color:#ffffff;
font-weight:normal;
}

#shade {
float:left;
width:880px;
height:70px;
background:url(../images/shade_teaser.jpg);
}


.column_left_home {
float:left;
width:260px;
height:auto;
}

.column_left {
float:left;
width:200px;
height:auto;
min-height:5px;
padding: 0 20px 0 0;
}

.content_left_home {
float:left;
width:220px;
height:auto;
background:#FFFFFF;
padding: 15px 20px 15px 20px;
}

.content_left {
float:left;
width:180px;
height:auto;
background:#FFFFFF;
padding: 15px 10px 15px 10px;
}

.column_middle {
float:left;
width:440px;
height:auto;
padding: 0 0 0 0;
}

.content_middle {
float:left;
width:400px;
height:auto;
padding: 0 20px 20px 20px;
}

.column_right_home {
float:right;
width:600px;
height:auto;
padding: 0 0 0 20px;
}

.content_right_home {
float:left;
width: 560px;
height:auto;
background:#FFFFFF;
padding: 15px 20px 15px 20px;
}

.column_right {
float:right;
width:220px;
height:auto;
padding: 0 0 0 0;
}

.content_right {
float:left;
width: 180px;
height:auto;
background:#FFFFFF;
padding: 15px 20px 15px 20px;
}

.column_wrapper {
float:right;
width:660px;
height:auto;
background:#FFFFFF;
}

.title_menu_left {
float:left;
width:190px;
height:30px;
line-height:30px;
background:url(../images/bg_menu_title.jpg) no-repeat;
padding: 0 0 0 10px;
}

.path {
float:left;
width:400px;
height:30px;
line-height:30px;
padding: 15px 20px 20px 20px;
}

a.linkMore2:link, a.linkMore2:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
font-size:10px;
color:#009EE0;
}

a.linkMore2:hover {
color:#7B7C7E;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}



a.linkPath:link, a.linkPath:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:10px;
color:#7B7C7E;
}

a.linkPath:hover {
color:#009EE0;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

a.linkPathActive {
color:#009EE0;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#devider_col {
float:left;
width:220px;
height:30px;
background:none;
}

#devider_col2 {
float:left;
width:200px;
height:30px;
background:none;
}

.title_doc {
float:left;
width:420px;
height:30px;
line-height:30px;
padding: 0 0 15px 20px;
}

.title {
float:left;
width:100%;
height:40px;
}

.nieuws {
background:url(../images/title_nieuws.jpg) no-repeat left;
}

.contact {
background:url(../images/title_contact.jpg) no-repeat left;
}

.contactpersoon {
background:url(../images/title_contactpersoon.jpg) no-repeat left;
}

.gerelateerd {
background:url(../images/title_gerelateerd.jpg) no-repeat left;
}

.organisatie {
background:url(../images/title_organisatie.jpg) no-repeat left;
}

.hr_services {
background:url(../images/title_hrservices.jpg) no-repeat left;
}

.training {
background:url(../images/title_training.jpg) no-repeat left;
}

.coaching {
background:url(../images/title_coaching.jpg) no-repeat left;
}

.highlights {
background:url(../images/title_highlights.jpg) no-repeat left;
}

.kracht {
background:url(../images/title_kracht.jpg) no-repeat left;
}

.referenties {
background:url(../images/title_referenties.jpg) no-repeat left;
}

.diensten {
background:url(../images/title_diensten.jpg) no-repeat left;
}



.intro_sub_col {
float:left;
width:100%;
height:auto;
padding: 10px 0 0 0;
line-height:18px;
}

.link_title_sub {
float:left;
width:100%;
height:15px;
line-height:15px;
padding: 0 0 0 0;
}

.link_sub {
float:left;
width:100%;
height:15px;
line-height:15px;
padding: 0 0 5px 0;
}


.intro {
float:left;
width:100%;
height:auto;
padding: 10px 0 0 0;
line-height:18px;
}

.text {
float:left;
width:100%;
height:auto;
padding: 10px 0 0px 0;
}

.img_text_wrapper {
float:left;
width:560px;
height:145px;
padding: 10px 0 10px 0;
}

.img_col_right {
float:left;
width:220px;
height:145px;
}

.img_text_right {
float:left;
width:320px;
height:145px;
padding: 0 0 0 20px;
line-height:18px;
}

.btn_wrapper {
float:left;
width:100%;
height:30px;
}

.btn2 a:link {
display:block;
width:170px;
height:24px;
background:url(../images/btn_large_down.jpg) no-repeat;
line-height:24px;
text-align:left;
color:#707173;
margin: 0;
padding: 0 10px 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
border:none;
}

.btn2 a:hover { 
display:block;
width:170px;
height:24px;
background:url(../images/btn_large_hover.jpg) no-repeat;
color:#707173;
line-height:24px;
text-align:left;
margin: 0;
padding: 0 10px 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
border:none;
}

.logo_wr_fo {
float:left;
width:840px;
height:auto;
padding: 20px 20px 0px 20px;
}

.logo_fo_01 {
float:left;
width:30px;
height:30px;
padding: 40px 0 0 0;
}

.logo_fo_02 {
float:left;
width:30px;
height:30px;
padding: 40px 0 0 20px;
}

.logo_fo_03 {
float:right;
width:130px;
height:70px;
padding: 0 0 0 0;
}

.logo_fo_04 {
float:right;
width:43px;
height:70px;
padding: 0 15px 0 0;
}

.logo_fo_05 {
float:right;
width:105px;
height:70px;
padding: 0 15px 0 0;
}

.fo_col_left {
float:left;
width:280px;
height:auto;
min-height:2px;
padding: 0 50px 0 20px;
}

.fo_col_mid {
float:left;
width:180px;
height:auto;
padding: 0 0 0 0;
}

.fo_col_right {
float:right;
width:260px;
height:auto;
padding: 0 20px 0 0;
}

.fo_bottom {
float:left;
width:880px;
height:30px;
line-height:30px;
padding: 20px 0 30px 0;
}

.title_fo {
float:left;
width:100%;
height:30px;
line-height:30px;
padding: 10px 0 5px 0;
}

.text_fo {
float:left;
width:280px;
height:auto;
line-height:16px;
padding: 0 0 10px 0;
}

.link_fo {
float:left;
width:100%;
height:16px;
line-height:16px;
}

a.linkFo:link, a.linkFo:visited{
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
font-size:11px;
color:#FFFFFF;
font-weight:normal;
}

a.linkFo:hover {
color:#A2DAF4;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
font-weight:normal;
}

.list_fo {
float:left;
width:260px;
height:25px;
padding-top:5px;
}

.list_fo_sub {
float:left;
width:260px;
height:25px;
padding-top:5px;
}

.teaser_wrapper_right {
float:left;
width:180px;
height:auto;
padding: 30px 0 30px 0;
}

.teaser_img_right {
float:left;
width:180px;
height:140px;
}

.name_right {
float:left;
width:180px;
height:15px;
line-height:15px;
padding: 20px 0 5px 0;
}

.phone_right {
float:left;
width:180px;
height:15px;
line-height:15px;
}

.link_right {
float:left;
width:180px;
height:15px;
line-height:15px;
padding: 20px 0 0 0;
}


.overview_wrapper {
float:left;
width:400px;
height:auto;
padding: 5px 0 15px 0;
border-bottom: 1px solid #CCCCCC;
}

.overview_title {
float:left;
width:305px;
height:30px;
line-height:30px;
padding: 0 15px 0 0;
}

.overview_text {
float:left;
width:305px;
height:40px;
line-height:18px;
padding: 0 15px 0 0;
}

.overview_btn {
float:right;
width:80px;
height:20px;
padding:50px 0 0 0;
}

.btnSmall a:link { 
display:block;
width:75px;
height:20px;
background:url(../images/btn_small_down.jpg) no-repeat;
color:#666666;
line-height:20px;
text-align:left;
margin: 0;
padding: 0 0 0 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
border:none;
font-weight:normal;
}


.btnSmall a:hover { 
display:block;
width:75px;
height:20px;
background:url(../images/btn_small_hover.jpg) no-repeat;
color:#4d4d4d;
line-height:20px;
text-align:left;
margin: 0;
padding: 0 0 0 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
border:none;
font-weight:normal;
}


a.linkSmall:link, a.linkSmall:visited{
display:block;
width:75px;
height:20px;
background:url(../images/btn_small_down.jpg) no-repeat;
color:#666666;
line-height:20px;
text-align:left;
margin: 0;
padding: 0 0 0 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
border:none;
font-weight:normal;
}

a.linkSmall:hover {
display:block;
width:75px;
height:20px;
background:url(../images/btn_small_hover.jpg) no-repeat;
color:#4d4d4d;
line-height:20px;
text-align:left;
margin: 0;
padding: 0 0 0 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
border:none;
font-weight:normal;
}


.google_maps {
float:left;
width:400px;
height:400px;
}

.div_swf {
float:left;
width:560px;
height:226px;
background:#FFFFFF;
padding: 25px 0 0 0;
}

.video_player {
float:left;
width:560px;
height:auto;
background:#FFFFFF;
padding: 25px 0 25px 0;
}